@adia-ai/a2ui-corpus 0.6.24 → 0.6.25
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.
- package/CHANGELOG.md +10 -0
- package/chunk-embeddings.json +1 -1
- package/chunks/_index.json +32 -4
- package/chunks/accordion-settings.json +1 -1
- package/chunks/agent-activity-feed.json +1 -1
- package/chunks/agent-canvas-shell.json +1 -1
- package/chunks/agent-command-palette-search.json +1 -1
- package/chunks/agent-reasoning-collapsed.json +1 -1
- package/chunks/agent-tool-call-result.json +1 -1
- package/chunks/agent-trace-timeline.json +1 -1
- package/chunks/ai-streaming-response.json +1 -1
- package/chunks/alert-banner.json +1 -1
- package/chunks/auth-account-deleted-actions.json +1 -1
- package/chunks/auth-account-deleted.json +1 -1
- package/chunks/auth-card-content.json +1 -1
- package/chunks/auth-card-header.json +1 -1
- package/chunks/auth-email-entry.json +1 -1
- package/chunks/auth-email-verify-confirm.json +1 -1
- package/chunks/auth-email-verify.json +1 -1
- package/chunks/auth-forbidden-actions.json +1 -1
- package/chunks/auth-forbidden.json +1 -1
- package/chunks/auth-invite-actions.json +1 -1
- package/chunks/auth-invite-team-card.json +1 -1
- package/chunks/auth-link-expired-form.json +1 -1
- package/chunks/auth-link-expired.json +1 -1
- package/chunks/auth-locked-account.json +1 -1
- package/chunks/auth-locked-recovery-options.json +1 -1
- package/chunks/auth-mfa-enrollment-submit.json +1 -1
- package/chunks/auth-mfa-enrollment.json +1 -1
- package/chunks/auth-mfa-fallback-actions.json +1 -1
- package/chunks/auth-mfa-recovery.json +1 -1
- package/chunks/auth-new-password-form.json +1 -1
- package/chunks/auth-new-password.json +1 -1
- package/chunks/auth-oauth-fallback-actions.json +1 -1
- package/chunks/auth-oauth-interstitial.json +1 -1
- package/chunks/auth-password-challenge.json +1 -1
- package/chunks/auth-password-reset-form.json +1 -1
- package/chunks/auth-password-reset.json +1 -1
- package/chunks/auth-profile-form.json +1 -1
- package/chunks/auth-profile-setup.json +1 -1
- package/chunks/auth-reset-sent.json +1 -1
- package/chunks/auth-session-expired-actions.json +1 -1
- package/chunks/auth-session-expired.json +1 -1
- package/chunks/auth-signin-card-email.json +1 -1
- package/chunks/auth-signin-card-magic-link.json +1 -1
- package/chunks/auth-signin-card-mfa.json +1 -1
- package/chunks/auth-signin-card-otp.json +1 -1
- package/chunks/auth-signin-card-password.json +1 -1
- package/chunks/auth-signin-card-recovery.json +1 -1
- package/chunks/auth-signout-actions.json +1 -1
- package/chunks/auth-signout.json +1 -1
- package/chunks/auth-signup-email-entry.json +1 -1
- package/chunks/auth-signup-entry.json +1 -1
- package/chunks/auth-signup-social-auths.json +1 -1
- package/chunks/auth-signup-verify.json +1 -1
- package/chunks/auth-social-auths.json +1 -1
- package/chunks/auth-sso-providers.json +1 -1
- package/chunks/auth-sso-required.json +1 -1
- package/chunks/auth-team-invite.json +1 -1
- package/chunks/avatar-group-overflow.json +1 -1
- package/chunks/breadcrumb-nav.json +1 -1
- package/chunks/calendar-month-view.json +1 -1
- package/chunks/card-header-with-description.json +1 -1
- package/chunks/chart-with-filter-pills.json +1 -1
- package/chunks/chat-page-shell.json +1 -1
- package/chunks/chat-streaming-surface.json +1 -1
- package/chunks/color-picker-swatches.json +1 -1
- package/chunks/command-palette.json +1 -1
- package/chunks/commerce-pricing-tiers.json +1 -1
- package/chunks/comparison-table.json +1 -1
- package/chunks/conversion-funnel-6step.json +1 -1
- package/chunks/dashboard-acquisition-panel.json +1 -1
- package/chunks/dashboard-admin-page.json +2 -2
- package/chunks/dashboard-audience-kpis.json +1 -1
- package/chunks/dashboard-audience-panel.json +1 -1
- package/chunks/dashboard-behavior-panel.json +1 -1
- package/chunks/dashboard-chart-recent.json +3 -3
- package/chunks/dashboard-cohort-retention.json +1 -1
- package/chunks/dashboard-conversion-panel.json +1 -1
- package/chunks/dashboard-country-list.json +1 -1
- package/chunks/dashboard-filter-bar.json +1 -1
- package/chunks/dashboard-funnel.json +1 -1
- package/chunks/dashboard-kpi-grid.json +1 -1
- package/chunks/dashboard-notifications-feed.json +1 -1
- package/chunks/dashboard-notifications-panel.json +1 -1
- package/chunks/dashboard-overview-panel.json +2 -2
- package/chunks/dashboard-page-header.json +1 -1
- package/chunks/dashboard-pages-table.json +1 -1
- package/chunks/dashboard-quick-actions.json +1 -1
- package/chunks/dashboard-reports-panel.json +1 -1
- package/chunks/dashboard-reports-table.json +1 -1
- package/chunks/dashboard-spark-cards.json +1 -1
- package/chunks/dashboard-storage-card.json +1 -1
- package/chunks/dashboard-tabs.json +1 -1
- package/chunks/dashboard-team-actions-storage.json +1 -1
- package/chunks/dashboard-team-list.json +1 -1
- package/chunks/dashboard-traffic-channels.json +1 -1
- package/chunks/dashboard-transactions-table.json +1 -1
- package/chunks/date-time-picker-form.json +3 -3
- package/chunks/destructive-confirm-modal.json +1 -1
- package/chunks/divider-text-label.json +1 -1
- package/chunks/doc-editor-shell.json +1 -1
- package/chunks/drawer-2fa-key.json +1 -1
- package/chunks/drawer-2fa-sms.json +1 -1
- package/chunks/drawer-2fa-totp.json +3 -3
- package/chunks/drawer-cancel-sub.json +1 -1
- package/chunks/drawer-change-plan.json +1 -1
- package/chunks/drawer-custom-roles.json +3 -3
- package/chunks/drawer-data-start.json +1 -1
- package/chunks/drawer-delete-account.json +1 -1
- package/chunks/drawer-delete-workspace.json +3 -3
- package/chunks/drawer-discord.json +1 -1
- package/chunks/drawer-figma.json +1 -1
- package/chunks/drawer-first-dashboard.json +1 -1
- package/chunks/drawer-gcal.json +1 -1
- package/chunks/drawer-github.json +1 -1
- package/chunks/drawer-invite.json +3 -3
- package/chunks/drawer-payment-method.json +1 -1
- package/chunks/drawer-report.json +3 -3
- package/chunks/drawer-revoke-session.json +1 -1
- package/chunks/drawer-role.json +1 -1
- package/chunks/drawer-slack.json +1 -1
- package/chunks/drawer-smtp.json +1 -1
- package/chunks/drawer-source.json +1 -1
- package/chunks/drawer-transaction.json +3 -3
- package/chunks/editor-code-pane.json +1 -1
- package/chunks/editor-page-shell.json +1 -1
- package/chunks/editor-preview-pane.json +1 -1
- package/chunks/empty-state-danger.json +1 -1
- package/chunks/empty-state-minimal.json +1 -1
- package/chunks/empty-state-warning.json +1 -1
- package/chunks/empty-state.json +1 -1
- package/chunks/error-404-actions.json +1 -1
- package/chunks/error-404.json +1 -1
- package/chunks/error-500-actions.json +1 -1
- package/chunks/error-500.json +1 -1
- package/chunks/error-maintenance-actions.json +1 -1
- package/chunks/error-maintenance.json +1 -1
- package/chunks/error-page-shell.json +1 -1
- package/chunks/faq-accordion.json +1 -1
- package/chunks/file-upload-dnd.json +1 -1
- package/chunks/footer-multi-column.json +3 -3
- package/chunks/footer-primary-only.json +1 -1
- package/chunks/form-page-shell.json +1 -1
- package/chunks/gallery-page-shell.json +4 -4
- package/chunks/hero-section-split.json +3 -3
- package/chunks/icon-text-row.json +1 -1
- package/chunks/image-carousel.json +1 -1
- package/chunks/image-tile.json +1 -1
- package/chunks/image-upload-preview.json +1 -1
- package/chunks/inventory-list-stock.json +1 -1
- package/chunks/kanban-board-3col.json +1 -1
- package/chunks/kanban-page-shell.json +1 -1
- package/chunks/kbd-shortcuts.json +1 -1
- package/chunks/labeled-textarea.json +1 -1
- package/chunks/leaderboard-table.json +1 -1
- package/chunks/linked-record-row.json +1 -1
- package/chunks/marketing-hero-cta.json +1 -1
- package/chunks/marketing-page-shell.json +4 -4
- package/chunks/masonry-gallery.json +3 -3
- package/chunks/member-edit-drawer.json +1 -1
- package/chunks/metadata-description-list.json +1 -1
- package/chunks/multi-step-wizard.json +1 -1
- package/chunks/notification-toast-row.json +1 -1
- package/chunks/onb-completion.json +1 -1
- package/chunks/onb-extension-install.json +1 -1
- package/chunks/onb-hero-welcome.json +1 -1
- package/chunks/onb-import-picker.json +1 -1
- package/chunks/onb-mobile-handoff.json +1 -1
- package/chunks/onb-notification-prefs.json +1 -1
- package/chunks/onb-persona-picker.json +1 -1
- package/chunks/onb-provider-tiles.json +1 -1
- package/chunks/onb-settings-review.json +1 -1
- package/chunks/onb-step-footer.json +1 -1
- package/chunks/onb-step-header.json +1 -1
- package/chunks/onb-step-progress.json +1 -1
- package/chunks/onb-step-shell.json +1 -1
- package/chunks/onb-story-pane.json +1 -1
- package/chunks/onb-tutorial-steps.json +1 -1
- package/chunks/pagination-controls.json +1 -1
- package/chunks/playground-a2ui.json +1 -1
- package/chunks/playground-app-shell.json +1 -1
- package/chunks/playground-chat.json +1 -1
- package/chunks/playground-construct-canvas.json +1 -1
- package/chunks/playground-gen-ui.json +1 -1
- package/chunks/playground-render-preview.json +1 -1
- package/chunks/playground-streams-bridge.json +1 -1
- package/chunks/playground-table-toolbar.json +1 -1
- package/chunks/popover-with-content.json +1 -1
- package/chunks/progress-tracker-milestones.json +1 -1
- package/chunks/real-time-metrics-dashboard.json +3 -3
- package/chunks/reg-address-form.json +1 -1
- package/chunks/reg-billing-card.json +1 -1
- package/chunks/reg-brand-scrape.json +1 -1
- package/chunks/reg-departments-toggle.json +1 -1
- package/chunks/reg-extended-profile.json +1 -1
- package/chunks/reg-final-done.json +1 -1
- package/chunks/reg-helpdesk-grid.json +1 -1
- package/chunks/reg-import-picker.json +1 -1
- package/chunks/reg-integrations-grid.json +1 -1
- package/chunks/reg-invite-form.json +1 -1
- package/chunks/reg-legal-entity.json +1 -1
- package/chunks/reg-org-chart-review.json +1 -1
- package/chunks/reg-profile-identity.json +1 -1
- package/chunks/reg-step-footer.json +1 -1
- package/chunks/reg-step-header.json +1 -1
- package/chunks/reg-step-progress.json +1 -1
- package/chunks/reg-step-shell.json +1 -1
- package/chunks/reg-story-pane.json +1 -1
- package/chunks/reg-success-summary.json +1 -1
- package/chunks/reg-team-size.json +1 -1
- package/chunks/reg-usecase-picker.json +1 -1
- package/chunks/reg-workspace-name.json +1 -1
- package/chunks/responsive-grid-pattern.json +1 -1
- package/chunks/responsive-kpi-grid.json +1 -1
- package/chunks/responsive-row-pattern.json +1 -1
- package/chunks/responsive-wrap-at-pattern.json +1 -1
- package/chunks/search-with-filters.json +1 -1
- package/chunks/section-with-stack.json +1 -1
- package/chunks/select-multiple-preselected.json +81 -0
- package/chunks/settings-admin-page.json +2 -2
- package/chunks/settings-appearance.json +1 -1
- package/chunks/settings-billing-plan.json +1 -1
- package/chunks/settings-general-form.json +1 -1
- package/chunks/settings-integrations.json +1 -1
- package/chunks/settings-members-invite.json +1 -1
- package/chunks/settings-notifications.json +1 -1
- package/chunks/settings-page-shell.json +1 -1
- package/chunks/settings-profile-security.json +1 -1
- package/chunks/sidebar-collapsible-nav.json +1 -1
- package/chunks/slider-range-controls.json +1 -1
- package/chunks/tabs-with-panels.json +3 -3
- package/chunks/testimonial-grid.json +3 -3
- package/chunks/text-card.json +1 -1
- package/chunks/timeline-events.json +1 -1
- package/chunks/toolbar-icons.json +1 -1
- package/chunks/toolbar-tooltips.json +1 -1
- package/chunks/user-identity-row.json +1 -1
- package/chunks/user-profile-card.json +1 -1
- package/chunks/users-table-badge.json +1 -1
- package/chunks/video-player-controls.json +1 -1
- package/package.json +1 -1
package/chunks/empty-state.json
CHANGED
package/chunks/error-404.json
CHANGED
package/chunks/error-500.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<section>\n <col-ui gap=\"6\">\n <grid-ui columns=\"4\" gap=\"6\">\n <col-ui gap=\"2\">\n <text-ui strong>Product</text-ui>\n <link-ui href=\"#\" text=\"Features\"></link-ui>\n <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n <link-ui href=\"#\" text=\"Integrations\"></link-ui>\n <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Company</text-ui>\n <link-ui href=\"#\" text=\"About\"></link-ui>\n <link-ui href=\"#\" text=\"Blog\"></link-ui>\n <link-ui href=\"#\" text=\"Careers\"></link-ui>\n <link-ui href=\"#\" text=\"Press\"></link-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Resources</text-ui>\n <link-ui href=\"#\" text=\"Docs\"></link-ui>\n <link-ui href=\"#\" text=\"API reference\"></link-ui>\n <link-ui href=\"#\" text=\"Status\"></link-ui>\n <link-ui href=\"#\" text=\"Support\"></link-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Stay in the loop</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Monthly digest, no spam.</text-ui>\n <button-ui text=\"Subscribe\" variant=\"primary\" size=\"sm\"></button-ui>\n </col-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <row-ui gap=\"3\" align=\"center\">\n <text-ui size=\"sm\" color=\"subtle\">© 2026 Acme Inc. All rights reserved.</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"github-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n <icon-ui name=\"x-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n <icon-ui name=\"linkedin-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n </row-ui>\n </row-ui>\n </col-ui>\n </section>",
|
|
9
|
+
"html": "<section>\n <col-ui gap=\"6\">\n <grid-ui columns=\"2 4@md\" gap=\"6\">\n <col-ui gap=\"2\">\n <text-ui strong>Product</text-ui>\n <link-ui href=\"#\" text=\"Features\"></link-ui>\n <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n <link-ui href=\"#\" text=\"Integrations\"></link-ui>\n <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Company</text-ui>\n <link-ui href=\"#\" text=\"About\"></link-ui>\n <link-ui href=\"#\" text=\"Blog\"></link-ui>\n <link-ui href=\"#\" text=\"Careers\"></link-ui>\n <link-ui href=\"#\" text=\"Press\"></link-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Resources</text-ui>\n <link-ui href=\"#\" text=\"Docs\"></link-ui>\n <link-ui href=\"#\" text=\"API reference\"></link-ui>\n <link-ui href=\"#\" text=\"Status\"></link-ui>\n <link-ui href=\"#\" text=\"Support\"></link-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong>Stay in the loop</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Monthly digest, no spam.</text-ui>\n <button-ui text=\"Subscribe\" variant=\"primary\" size=\"sm\"></button-ui>\n </col-ui>\n </grid-ui>\n <divider-ui></divider-ui>\n <row-ui gap=\"3\" align=\"center\">\n <text-ui size=\"sm\" color=\"subtle\">© 2026 Acme Inc. All rights reserved.</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"github-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n <icon-ui name=\"x-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n <icon-ui name=\"linkedin-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n </row-ui>\n </row-ui>\n </col-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "layout",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"button"
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
|
-
"captured_at": "2026-05-
|
|
29
|
+
"captured_at": "2026-05-22T23:31:51.450Z",
|
|
30
30
|
"template": [
|
|
31
31
|
{
|
|
32
32
|
"id": "text",
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
{
|
|
188
188
|
"id": "grid",
|
|
189
189
|
"component": "Grid",
|
|
190
|
-
"columns": "4",
|
|
190
|
+
"columns": "2 4@md",
|
|
191
191
|
"gap": "6",
|
|
192
192
|
"children": [
|
|
193
193
|
"column-2",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{
|
|
18
18
|
"name": "grid",
|
|
19
19
|
"tagName": "section",
|
|
20
|
-
"html": "<grid-ui columns=\"4\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </section>\n </card-ui>\n </grid-ui>"
|
|
20
|
+
"html": "<grid-ui columns=\"2 4@md\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </section>\n </card-ui>\n </grid-ui>"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"name": "lightbox",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
|
-
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>\n </section>\n\n <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <grid-ui columns=\"4\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </section>\n </card-ui>\n </grid-ui>\n </section>\n\n <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n </dialog-ui>\n</article>",
|
|
30
|
+
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>\n </section>\n\n <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <grid-ui columns=\"2 4@md\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section bleed>\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </section>\n </card-ui>\n </grid-ui>\n </section>\n\n <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n </dialog-ui>\n</article>",
|
|
31
31
|
"source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
32
32
|
"metadata": {
|
|
33
33
|
"domain": "layout",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"view-toggle"
|
|
44
44
|
]
|
|
45
45
|
},
|
|
46
|
-
"captured_at": "2026-05-
|
|
46
|
+
"captured_at": "2026-05-22T23:31:51.450Z",
|
|
47
47
|
"template": [
|
|
48
48
|
{
|
|
49
49
|
"id": "text",
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
{
|
|
414
414
|
"id": "grid",
|
|
415
415
|
"component": "Grid",
|
|
416
|
-
"columns": "4",
|
|
416
|
+
"columns": "2 4@md",
|
|
417
417
|
"gap": "3",
|
|
418
418
|
"children": [
|
|
419
419
|
"card",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<section>\n <grid-ui columns=\"2\" gap=\"6\" align=\"center\">\n <col-ui gap=\"4\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">NEW IN 2026</text-ui>\n <h1>Ship AI-native UIs in hours, not weeks</h1>\n <text-ui size=\"lg\" color=\"subtle\">A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand.</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Start free\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"Watch demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n </row-ui>\n </col-ui>\n <card-ui raw>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">[ product screenshot ]</text-ui>\n </section>\n </card-ui>\n </grid-ui>\n </section>",
|
|
9
|
+
"html": "<section>\n <grid-ui columns=\"1 2@md\" gap=\"6\" align=\"center\">\n <col-ui gap=\"4\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">NEW IN 2026</text-ui>\n <h1>Ship AI-native UIs in hours, not weeks</h1>\n <text-ui size=\"lg\" color=\"subtle\">A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand.</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Start free\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"Watch demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n </row-ui>\n </col-ui>\n <card-ui raw>\n <section>\n <text-ui color=\"subtle\" size=\"sm\">[ product screenshot ]</text-ui>\n </section>\n </card-ui>\n </grid-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "layout",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"cta"
|
|
24
24
|
]
|
|
25
25
|
},
|
|
26
|
-
"captured_at": "2026-05-
|
|
26
|
+
"captured_at": "2026-05-22T23:31:51.450Z",
|
|
27
27
|
"template": [
|
|
28
28
|
{
|
|
29
29
|
"id": "text",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
{
|
|
114
114
|
"id": "grid",
|
|
115
115
|
"component": "Grid",
|
|
116
|
-
"columns": "2",
|
|
116
|
+
"columns": "1 2@md",
|
|
117
117
|
"gap": "6",
|
|
118
118
|
"children": [
|
|
119
119
|
"column",
|
package/chunks/image-tile.json
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{
|
|
13
13
|
"name": "features",
|
|
14
14
|
"tagName": "section",
|
|
15
|
-
"html": "<grid-ui columns=\"3\" gap=\"4\">\n <card-ui>\n <header><h3>94+ Primitives</h3></header>\n <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>Gen-UI Pipeline</h3></header>\n <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>A2UI Runtime</h3></header>\n <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n </card-ui>\n </grid-ui>"
|
|
15
|
+
"html": "<grid-ui columns=\"1 3@md\" gap=\"4\">\n <card-ui>\n <header><h3>94+ Primitives</h3></header>\n <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>Gen-UI Pipeline</h3></header>\n <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>A2UI Runtime</h3></header>\n <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n </card-ui>\n </grid-ui>"
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"name": "cta",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
],
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
|
-
"html": "<article>\n <section data-chunk-slot=\"hero\">\n <col-ui align=\"center\" gap=\"4\">\n <h1>Build faster with AdiaUI</h1>\n <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n </row-ui>\n </col-ui>\n </section>\n\n <section data-chunk-slot=\"features\">\n <grid-ui columns=\"3\" gap=\"4\">\n <card-ui>\n <header><h3>94+ Primitives</h3></header>\n <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>Gen-UI Pipeline</h3></header>\n <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>A2UI Runtime</h3></header>\n <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n </card-ui>\n </grid-ui>\n </section>\n\n <section data-chunk-slot=\"cta\">\n <card-ui raw align=\"center\">\n <section>\n <col-ui align=\"center\" gap=\"3\">\n <h2>Ready to ship?</h2>\n <text-ui color=\"subtle\">Start building in minutes</text-ui>\n <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>\n</article>",
|
|
25
|
+
"html": "<article>\n <section data-chunk-slot=\"hero\">\n <col-ui align=\"center\" gap=\"4\">\n <h1>Build faster with AdiaUI</h1>\n <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n </row-ui>\n </col-ui>\n </section>\n\n <section data-chunk-slot=\"features\">\n <grid-ui columns=\"1 3@md\" gap=\"4\">\n <card-ui>\n <header><h3>94+ Primitives</h3></header>\n <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>Gen-UI Pipeline</h3></header>\n <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>A2UI Runtime</h3></header>\n <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n </card-ui>\n </grid-ui>\n </section>\n\n <section data-chunk-slot=\"cta\">\n <card-ui raw align=\"center\">\n <section>\n <col-ui align=\"center\" gap=\"3\">\n <h2>Ready to ship?</h2>\n <text-ui color=\"subtle\">Start building in minutes</text-ui>\n <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n </col-ui>\n </section>\n </card-ui>\n </section>\n</article>",
|
|
26
26
|
"source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
|
|
27
27
|
"metadata": {
|
|
28
28
|
"domain": "layout",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"homepage"
|
|
40
40
|
]
|
|
41
41
|
},
|
|
42
|
-
"captured_at": "2026-05-
|
|
42
|
+
"captured_at": "2026-05-22T23:31:51.450Z",
|
|
43
43
|
"template": [
|
|
44
44
|
{
|
|
45
45
|
"id": "text",
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
{
|
|
223
223
|
"id": "grid",
|
|
224
224
|
"component": "Grid",
|
|
225
|
-
"columns": "3",
|
|
225
|
+
"columns": "1 3@md",
|
|
226
226
|
"gap": "4",
|
|
227
227
|
"children": [
|
|
228
228
|
"card",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<section>\n <col-ui gap=\"4\">\n <header>\n <h3>Gallery</h3>\n <p>128 images</p>\n </header>\n <grid-ui columns=\"4\" gap=\"2\">\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ square ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ square ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n </grid-ui>\n </col-ui>\n </section>",
|
|
9
|
+
"html": "<section>\n <col-ui gap=\"4\">\n <header>\n <h3>Gallery</h3>\n <p>128 images</p>\n </header>\n <grid-ui columns=\"2 4@md\" gap=\"2\">\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ square ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ square ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ tall image ]</text-ui></section></card-ui>\n <card-ui raw><section><text-ui size=\"sm\" color=\"subtle\">[ wide image ]</text-ui></section></card-ui>\n </grid-ui>\n </col-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "layout",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"lightbox"
|
|
25
25
|
]
|
|
26
26
|
},
|
|
27
|
-
"captured_at": "2026-05-
|
|
27
|
+
"captured_at": "2026-05-22T23:31:51.450Z",
|
|
28
28
|
"template": [
|
|
29
29
|
{
|
|
30
30
|
"id": "text",
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
{
|
|
282
282
|
"id": "grid",
|
|
283
283
|
"component": "Grid",
|
|
284
|
-
"columns": "4",
|
|
284
|
+
"columns": "2 4@md",
|
|
285
285
|
"gap": "2",
|
|
286
286
|
"children": [
|
|
287
287
|
"card",
|