@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

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 (452) hide show
  1. package/CHANGELOG.md +59 -0
  2. package/README.md +51 -51
  3. package/catalog-a2ui_0_9.json +313 -15
  4. package/catalog-a2ui_0_9_rules.txt +18 -0
  5. package/chunks/_index.json +791 -36
  6. package/chunks/agent-activity-feed.json +1 -1
  7. package/chunks/agent-canvas-shell.json +1 -1
  8. package/chunks/agent-reasoning-collapsed.json +1 -1
  9. package/chunks/auth-account-deleted-actions.json +1 -1
  10. package/chunks/auth-account-deleted.json +1 -1
  11. package/chunks/auth-card-content.json +1 -1
  12. package/chunks/auth-card-header.json +1 -1
  13. package/chunks/auth-email-entry.json +1 -1
  14. package/chunks/auth-email-verify-confirm.json +1 -1
  15. package/chunks/auth-email-verify.json +1 -1
  16. package/chunks/auth-forbidden-actions.json +1 -1
  17. package/chunks/auth-forbidden.json +1 -1
  18. package/chunks/auth-invite-actions.json +1 -1
  19. package/chunks/auth-invite-team-card.json +1 -1
  20. package/chunks/auth-link-expired-form.json +1 -1
  21. package/chunks/auth-link-expired.json +1 -1
  22. package/chunks/auth-locked-account.json +1 -1
  23. package/chunks/auth-locked-recovery-options.json +1 -1
  24. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  25. package/chunks/auth-mfa-enrollment.json +224 -2
  26. package/chunks/auth-mfa-fallback-actions.json +1 -1
  27. package/chunks/auth-mfa-recovery.json +1 -1
  28. package/chunks/auth-new-password-form.json +1 -1
  29. package/chunks/auth-new-password.json +156 -2
  30. package/chunks/auth-oauth-fallback-actions.json +1 -1
  31. package/chunks/auth-oauth-interstitial.json +1 -1
  32. package/chunks/auth-password-challenge.json +1 -1
  33. package/chunks/auth-password-reset-form.json +1 -1
  34. package/chunks/auth-password-reset.json +151 -1
  35. package/chunks/auth-profile-form.json +1 -1
  36. package/chunks/auth-profile-setup.json +1 -1
  37. package/chunks/auth-reset-sent.json +1 -1
  38. package/chunks/auth-session-expired-actions.json +1 -1
  39. package/chunks/auth-session-expired.json +1 -1
  40. package/chunks/auth-signin-card-email.json +190 -2
  41. package/chunks/auth-signin-card-magic-link.json +119 -2
  42. package/chunks/auth-signin-card-mfa.json +162 -1
  43. package/chunks/auth-signin-card-otp.json +116 -2
  44. package/chunks/auth-signin-card-password.json +202 -2
  45. package/chunks/auth-signin-card-recovery.json +1 -1
  46. package/chunks/auth-signout-actions.json +1 -1
  47. package/chunks/auth-signout.json +1 -1
  48. package/chunks/auth-signup-email-entry.json +1 -1
  49. package/chunks/auth-signup-entry.json +191 -1
  50. package/chunks/auth-signup-social-auths.json +1 -1
  51. package/chunks/auth-signup-verify.json +1 -1
  52. package/chunks/auth-social-auths.json +1 -1
  53. package/chunks/auth-sso-providers.json +1 -1
  54. package/chunks/auth-sso-required.json +1 -1
  55. package/chunks/auth-team-invite.json +1 -1
  56. package/chunks/card-header-with-description.json +12 -0
  57. package/chunks/chat-page-shell.json +1 -1
  58. package/chunks/chat-streaming-surface.json +1 -1
  59. package/chunks/command-palette.json +1 -1
  60. package/chunks/commerce-pricing-tiers.json +1 -1
  61. package/chunks/conversion-funnel-6step.json +1 -1
  62. package/chunks/dashboard-acquisition-panel.json +162 -1
  63. package/chunks/dashboard-admin-page.json +2879 -4
  64. package/chunks/dashboard-audience-kpis.json +1 -1
  65. package/chunks/dashboard-audience-panel.json +488 -1
  66. package/chunks/dashboard-behavior-panel.json +91 -1
  67. package/chunks/dashboard-chart-recent.json +474 -3
  68. package/chunks/dashboard-cohort-retention.json +1 -1
  69. package/chunks/dashboard-conversion-panel.json +196 -1
  70. package/chunks/dashboard-country-list.json +1 -1
  71. package/chunks/dashboard-filter-bar.json +1 -1
  72. package/chunks/dashboard-funnel.json +1 -1
  73. package/chunks/dashboard-kpi-grid.json +1 -1
  74. package/chunks/dashboard-notifications-feed.json +1 -1
  75. package/chunks/dashboard-notifications-panel.json +383 -1
  76. package/chunks/dashboard-overview-panel.json +1363 -1
  77. package/chunks/dashboard-page-header.json +140 -1
  78. package/chunks/dashboard-pages-table.json +1 -1
  79. package/chunks/dashboard-quick-actions.json +1 -1
  80. package/chunks/dashboard-reports-panel.json +97 -1
  81. package/chunks/dashboard-reports-table.json +1 -1
  82. package/chunks/dashboard-spark-cards.json +1 -1
  83. package/chunks/dashboard-storage-card.json +1 -1
  84. package/chunks/dashboard-tabs.json +1 -1
  85. package/chunks/dashboard-team-actions-storage.json +502 -1
  86. package/chunks/dashboard-team-list.json +1 -1
  87. package/chunks/dashboard-traffic-channels.json +1 -1
  88. package/chunks/dashboard-transactions-table.json +1 -1
  89. package/chunks/destructive-confirm-modal.json +1 -1
  90. package/chunks/doc-editor-shell.json +1 -1
  91. package/chunks/drawer-2fa-key.json +1 -1
  92. package/chunks/drawer-2fa-sms.json +1 -1
  93. package/chunks/drawer-2fa-totp.json +1 -1
  94. package/chunks/drawer-cancel-sub.json +1 -1
  95. package/chunks/drawer-change-plan.json +1 -1
  96. package/chunks/drawer-custom-roles.json +5 -3
  97. package/chunks/drawer-data-start.json +1 -1
  98. package/chunks/drawer-delete-account.json +1 -1
  99. package/chunks/drawer-delete-workspace.json +1 -1
  100. package/chunks/drawer-discord.json +1 -1
  101. package/chunks/drawer-figma.json +1 -1
  102. package/chunks/drawer-first-dashboard.json +1 -1
  103. package/chunks/drawer-gcal.json +1 -1
  104. package/chunks/drawer-github.json +5 -3
  105. package/chunks/drawer-invite.json +1 -1
  106. package/chunks/drawer-payment-method.json +1 -1
  107. package/chunks/drawer-report.json +1 -1
  108. package/chunks/drawer-revoke-session.json +1 -1
  109. package/chunks/drawer-role.json +1 -1
  110. package/chunks/drawer-slack.json +1 -1
  111. package/chunks/drawer-smtp.json +5 -3
  112. package/chunks/drawer-source.json +1 -1
  113. package/chunks/drawer-transaction.json +1 -1
  114. package/chunks/editor-code-pane.json +1 -1
  115. package/chunks/editor-page-shell.json +1 -1
  116. package/chunks/editor-preview-pane.json +1 -1
  117. package/chunks/error-404-actions.json +1 -1
  118. package/chunks/error-404.json +161 -3
  119. package/chunks/error-500-actions.json +1 -1
  120. package/chunks/error-500.json +166 -3
  121. package/chunks/error-maintenance-actions.json +1 -1
  122. package/chunks/error-maintenance.json +158 -3
  123. package/chunks/error-page-shell.json +1 -1
  124. package/chunks/footer-primary-only.json +12 -0
  125. package/chunks/form-page-shell.json +1 -1
  126. package/chunks/gallery-page-shell.json +1 -1
  127. package/chunks/icon-text-row.json +16 -0
  128. package/chunks/image-tile.json +12 -0
  129. package/chunks/kanban-board-3col.json +5 -3
  130. package/chunks/kanban-page-shell.json +1 -1
  131. package/chunks/labeled-textarea.json +14 -0
  132. package/chunks/linked-record-row.json +57 -0
  133. package/chunks/marketing-hero-cta.json +1 -1
  134. package/chunks/marketing-page-shell.json +1 -1
  135. package/chunks/member-edit-drawer.json +1 -1
  136. package/chunks/metadata-description-list.json +14 -0
  137. package/chunks/onb-completion.json +1 -1
  138. package/chunks/onb-extension-install.json +1 -1
  139. package/chunks/onb-hero-welcome.json +1 -1
  140. package/chunks/onb-import-picker.json +1 -1
  141. package/chunks/onb-mobile-handoff.json +1 -1
  142. package/chunks/onb-notification-prefs.json +1 -1
  143. package/chunks/onb-persona-picker.json +1 -1
  144. package/chunks/onb-provider-tiles.json +1 -1
  145. package/chunks/onb-settings-review.json +1 -1
  146. package/chunks/onb-step-footer.json +1 -1
  147. package/chunks/onb-step-header.json +1 -1
  148. package/chunks/onb-step-progress.json +1 -1
  149. package/chunks/onb-step-shell.json +249 -1
  150. package/chunks/onb-story-pane.json +1 -1
  151. package/chunks/onb-tutorial-steps.json +1 -1
  152. package/chunks/playground-a2ui.json +1 -1
  153. package/chunks/playground-app-shell.json +1 -1
  154. package/chunks/playground-chat.json +1 -1
  155. package/chunks/playground-construct-canvas.json +1 -1
  156. package/chunks/playground-gen-ui.json +1 -1
  157. package/chunks/playground-render-preview.json +1 -1
  158. package/chunks/playground-streams-bridge.json +1 -1
  159. package/chunks/playground-table-toolbar.json +1 -1
  160. package/chunks/reg-address-form.json +1 -1
  161. package/chunks/reg-billing-card.json +1 -1
  162. package/chunks/reg-brand-scrape.json +1 -1
  163. package/chunks/reg-departments-toggle.json +1 -1
  164. package/chunks/reg-extended-profile.json +1 -1
  165. package/chunks/reg-final-done.json +1 -1
  166. package/chunks/reg-helpdesk-grid.json +1 -1
  167. package/chunks/reg-import-picker.json +1 -1
  168. package/chunks/reg-integrations-grid.json +1 -1
  169. package/chunks/reg-invite-form.json +1 -1
  170. package/chunks/reg-legal-entity.json +1 -1
  171. package/chunks/reg-org-chart-review.json +1 -1
  172. package/chunks/reg-profile-identity.json +1 -1
  173. package/chunks/reg-step-footer.json +1 -1
  174. package/chunks/reg-step-header.json +1 -1
  175. package/chunks/reg-step-progress.json +1 -1
  176. package/chunks/reg-step-shell.json +565 -1
  177. package/chunks/reg-story-pane.json +1 -1
  178. package/chunks/reg-success-summary.json +1 -1
  179. package/chunks/reg-team-size.json +1 -1
  180. package/chunks/reg-usecase-picker.json +1 -1
  181. package/chunks/reg-workspace-name.json +1 -1
  182. package/chunks/section-with-stack.json +12 -0
  183. package/chunks/settings-appearance.json +1 -1
  184. package/chunks/settings-billing-plan.json +1 -1
  185. package/chunks/settings-general-form.json +1 -1
  186. package/chunks/settings-integrations.json +154 -3
  187. package/chunks/settings-members-invite.json +5 -3
  188. package/chunks/settings-notifications.json +1 -1
  189. package/chunks/settings-page-shell.json +1 -1
  190. package/chunks/settings-profile-security.json +1 -1
  191. package/chunks/text-card.json +14 -0
  192. package/chunks/user-identity-row.json +16 -0
  193. package/chunks/user-profile-card.json +1 -1
  194. package/chunks/users-table-badge.json +1 -1
  195. package/compositions/agent/ai-streaming-response.json +55 -9
  196. package/compositions/agent/alert-banner.json +46 -10
  197. package/compositions/agent/chat-interface.json +15 -7
  198. package/compositions/agent/command-palette.json +2 -2
  199. package/compositions/agent/empty-state.json +70 -11
  200. package/compositions/agent/error-state-retry.json +100 -17
  201. package/compositions/agent/loading-skeleton.json +76 -12
  202. package/compositions/agent/notification-preferences.json +386 -23
  203. package/compositions/agent/toast-stack.json +42 -7
  204. package/compositions/data/activity-feed.json +231 -17
  205. package/compositions/data/audit-log-viewer.json +453 -44
  206. package/compositions/data/bookmark-list.json +188 -16
  207. package/compositions/data/bulk-action-toolbar.json +137 -19
  208. package/compositions/data/changelog-feed.json +296 -30
  209. package/compositions/data/chart-dashboard.json +96 -11
  210. package/compositions/data/cohort-retention.json +392 -40
  211. package/compositions/data/column-manager.json +316 -52
  212. package/compositions/data/data-table-paginated.json +96 -18
  213. package/compositions/data/email-inbox-list.json +224 -13
  214. package/compositions/data/funnel-analytics.json +424 -26
  215. package/compositions/data/heatmap-calendar.json +140 -27
  216. package/compositions/data/invoice-table.json +107 -18
  217. package/compositions/data/kpi-overview.json +187 -17
  218. package/compositions/data/notification-center.json +224 -16
  219. package/compositions/data/object-inspector.json +463 -43
  220. package/compositions/data/product-specs-card.json +66 -12
  221. package/compositions/data/progress-tracker.json +140 -13
  222. package/compositions/data/review-card.json +94 -14
  223. package/compositions/data/saved-views-filter-bar.json +232 -37
  224. package/compositions/data/shopping-cart-summary.json +173 -21
  225. package/compositions/data/stat-card-dashboard.json +219 -18
  226. package/compositions/data/status-page.json +337 -30
  227. package/compositions/data/virtualized-table.json +269 -38
  228. package/compositions/data/weather-widget.json +77 -13
  229. package/compositions/forms/change-password-form.json +123 -16
  230. package/compositions/forms/color-picker-panel.json +85 -11
  231. package/compositions/forms/contact-form.json +127 -17
  232. package/compositions/forms/credit-card-payment-form.json +137 -16
  233. package/compositions/forms/data-import-mapper.json +244 -33
  234. package/compositions/forms/data-import-wizard.json +268 -29
  235. package/compositions/forms/date-time-picker-form.json +114 -13
  236. package/compositions/forms/destructive-confirm.json +206 -21
  237. package/compositions/forms/feedback-form.json +96 -14
  238. package/compositions/forms/file-upload-form.json +82 -11
  239. package/compositions/forms/login-form.json +122 -14
  240. package/compositions/forms/multi-step-wizard.json +133 -15
  241. package/compositions/forms/newsletter-subscription-form.json +83 -12
  242. package/compositions/forms/otp-verification-form.json +88 -13
  243. package/compositions/forms/password-reset-form.json +83 -12
  244. package/compositions/forms/permission-matrix.json +177 -28
  245. package/compositions/forms/profile-edit-form.json +125 -16
  246. package/compositions/forms/radio-group-form.json +110 -15
  247. package/compositions/forms/search-filters.json +112 -13
  248. package/compositions/forms/settings-toggles-page.json +188 -16
  249. package/compositions/forms/signup-form.json +129 -17
  250. package/compositions/forms/slider-range-form.json +65 -10
  251. package/compositions/forms/tag-input-form.json +89 -14
  252. package/compositions/forms/team-members-rbac.json +669 -107
  253. package/compositions/layout/accordion-settings.json +450 -42
  254. package/compositions/layout/badge-variants-display.json +121 -18
  255. package/compositions/layout/bento-overview.json +399 -33
  256. package/compositions/layout/calendar-month-view.json +96 -30
  257. package/compositions/layout/code-block.json +65 -11
  258. package/compositions/layout/comparison-table.json +113 -21
  259. package/compositions/layout/divider-with-label.json +40 -8
  260. package/compositions/layout/drawer-panel.json +105 -12
  261. package/compositions/layout/embed-iframe.json +62 -12
  262. package/compositions/layout/faq-accordion.json +35 -28
  263. package/compositions/layout/feature-grid.json +197 -22
  264. package/compositions/layout/footer-nav.json +188 -23
  265. package/compositions/layout/hero-cta.json +69 -13
  266. package/compositions/layout/image-gallery.json +112 -13
  267. package/compositions/layout/image-with-caption.json +48 -9
  268. package/compositions/layout/kanban-board.json +199 -31
  269. package/compositions/layout/keyboard-shortcuts.json +145 -12
  270. package/compositions/layout/markdown-editor-preview.json +6 -6
  271. package/compositions/layout/media-player.json +85 -13
  272. package/compositions/layout/modal-form.json +97 -12
  273. package/compositions/layout/onboarding-checklist.json +92 -14
  274. package/compositions/layout/popover-tooltip.json +74 -12
  275. package/compositions/layout/pricing-tiers.json +229 -31
  276. package/compositions/layout/product-card.json +97 -17
  277. package/compositions/layout/sidebar-layout.json +157 -16
  278. package/compositions/layout/tabs-panel.json +115 -13
  279. package/compositions/layout/testimonial-grid.json +240 -23
  280. package/compositions/layout/three-pane-shell.json +278 -63
  281. package/compositions/layout/toolbar-actions.json +81 -13
  282. package/compositions/navigation/nav-menu-with-icons.json +119 -14
  283. package/compositions/navigation/pagination-controls.json +2 -2
  284. package/compositions/navigation/workspace-switcher.json +296 -22
  285. package/compositions/settings/api-keys.json +592 -47
  286. package/compositions/settings/feature-flags.json +423 -22
  287. package/compositions/settings/integrations-gallery.json +839 -44
  288. package/compositions/settings/session-device-mgmt.json +619 -42
  289. package/compositions/settings/usage-quota-meter.json +214 -23
  290. package/compositions/settings/webhooks.json +429 -45
  291. package/package.json +2 -4
  292. package/patterns/agent/command-palette.json +1 -1
  293. package/patterns/agent/loading-skeleton.json +0 -6
  294. package/patterns/agent/toast-notification.json +6 -9
  295. package/patterns/data/admin-dashboard-with-charts.json +0 -4
  296. package/patterns/data/api-key-table.json +1 -1
  297. package/patterns/data/bookmark-list-categories.json +537 -128
  298. package/patterns/data/dashboard.json +3 -3
  299. package/patterns/data/data-table-view.json +34 -10
  300. package/patterns/data/email-inbox.json +22 -22
  301. package/patterns/data/event-calendar-details.json +20 -22
  302. package/patterns/data/inventory-table.json +1 -1
  303. package/patterns/data/leaderboard.json +1 -1
  304. package/patterns/data/notification-center.json +57 -25
  305. package/patterns/data/onboarding-checklist.json +10 -35
  306. package/patterns/data/order-tracking.json +8 -8
  307. package/patterns/data/pagination-nav.json +2 -2
  308. package/patterns/data/progress-dashboard.json +4 -16
  309. package/patterns/data/progress-tracker.json +3 -6
  310. package/patterns/data/restaurant-menu.json +241 -59
  311. package/patterns/forms/auth-signup.json +5 -13
  312. package/patterns/forms/bleed-design-settings.json +3 -11
  313. package/patterns/forms/credit-card-payment.json +8 -8
  314. package/patterns/forms/data-import.json +1 -2
  315. package/patterns/forms/login-form.json +4 -12
  316. package/patterns/forms/notification-filters.json +19 -68
  317. package/patterns/forms/notification-preferences.json +125 -39
  318. package/patterns/forms/otp-verification.json +1 -2
  319. package/patterns/forms/password-reset.json +1 -1
  320. package/patterns/forms/radio-group-selection.json +13 -45
  321. package/patterns/forms/radio-group.json +11 -35
  322. package/patterns/forms/survey-rating-scales.json +41 -121
  323. package/patterns/forms/two-factor-auth.json +211 -61
  324. package/patterns/forms/wizard-steps.json +32 -9
  325. package/patterns/layout/accordion-settings.json +63 -119
  326. package/patterns/layout/avatar-group.json +19 -40
  327. package/patterns/layout/badge-showcase.json +51 -89
  328. package/patterns/layout/code-block.json +9 -15
  329. package/patterns/layout/cta-banner.json +9 -17
  330. package/patterns/layout/divider-label.json +6 -10
  331. package/patterns/layout/drawer-panel.json +29 -48
  332. package/patterns/layout/embed-content.json +7 -9
  333. package/patterns/layout/feature-carousel.json +20 -20
  334. package/patterns/layout/feature-grid.json +30 -56
  335. package/patterns/layout/hero-section.json +18 -26
  336. package/patterns/layout/image-carousel.json +12 -12
  337. package/patterns/layout/kbd-shortcuts.json +6 -6
  338. package/patterns/layout/popover-menu.json +23 -27
  339. package/patterns/layout/pricing-tiers.json +50 -96
  340. package/patterns/layout/product-carousel.json +24 -24
  341. package/patterns/layout/tabs-panels.json +29 -55
  342. package/patterns/layout/team-carousel.json +16 -16
  343. package/patterns/layout/testimonials-carousel.json +12 -12
  344. package/patterns/layout/testimonials-grid.json +54 -92
  345. package/patterns/layout/toolbar-buttons.json +42 -70
  346. package/patterns/layout/tooltip-buttons.json +26 -44
  347. package/exemplars/AUDIT-REPORT.md +0 -116
  348. package/exemplars/README.md +0 -49
  349. package/exemplars/_shell.css +0 -88
  350. package/exemplars/blocks-reference.md +0 -409
  351. package/exemplars/index.html +0 -21
  352. package/exemplars/prose/auth-login/auth-login.yaml +0 -38
  353. package/exemplars/prose/auth-login/index.html +0 -542
  354. package/exemplars/prose/cta/README.md +0 -3
  355. package/exemplars/prose/cta/cta.yaml +0 -38
  356. package/exemplars/prose/cta/data.json +0 -6
  357. package/exemplars/prose/cta/index.html +0 -125
  358. package/exemplars/prose/feature-grid/README.md +0 -3
  359. package/exemplars/prose/feature-grid/data.json +0 -13
  360. package/exemplars/prose/feature-grid/feature-grid.yaml +0 -35
  361. package/exemplars/prose/feature-grid/index.html +0 -93
  362. package/exemplars/prose/footer/README.md +0 -3
  363. package/exemplars/prose/footer/data.json +0 -10
  364. package/exemplars/prose/footer/footer.yaml +0 -32
  365. package/exemplars/prose/footer/index.html +0 -109
  366. package/exemplars/prose/hero/README.md +0 -3
  367. package/exemplars/prose/hero/data.json +0 -6
  368. package/exemplars/prose/hero/hero.yaml +0 -38
  369. package/exemplars/prose/hero/index.html +0 -217
  370. package/exemplars/prose/pricing/README.md +0 -3
  371. package/exemplars/prose/pricing/data.json +0 -9
  372. package/exemplars/prose/pricing/index.html +0 -298
  373. package/exemplars/prose/pricing/pricing.yaml +0 -38
  374. package/exemplars/prose/steps/README.md +0 -3
  375. package/exemplars/prose/steps/data.json +0 -31
  376. package/exemplars/prose/steps/index.html +0 -176
  377. package/exemplars/prose/steps/setup.js +0 -12
  378. package/exemplars/prose/steps/steps.yaml +0 -38
  379. package/exemplars/prose/testimonials/README.md +0 -3
  380. package/exemplars/prose/testimonials/data.json +0 -14
  381. package/exemplars/prose/testimonials/index.html +0 -297
  382. package/exemplars/prose/testimonials/testimonials.yaml +0 -33
  383. package/exemplars/ui/auth-login/auth-login.yaml +0 -38
  384. package/exemplars/ui/auth-login/index.html +0 -372
  385. package/fragments/_schema.json +0 -72
  386. package/fragments/action/dual-cta-row.json +0 -29
  387. package/fragments/action/dual-cta-row.yaml +0 -34
  388. package/fragments/action/footer-cancel-save.json +0 -31
  389. package/fragments/action/footer-cancel-save.yaml +0 -34
  390. package/fragments/action/footer-primary-only.json +0 -23
  391. package/fragments/action/footer-primary-only.yaml +0 -26
  392. package/fragments/content/calendar-day-cell.json +0 -29
  393. package/fragments/content/column-config-atom.json +0 -121
  394. package/fragments/content/credential-entry-atom.json +0 -126
  395. package/fragments/content/directory-entry-atom.json +0 -148
  396. package/fragments/content/email-row.json +0 -35
  397. package/fragments/content/email-row.yaml +0 -43
  398. package/fragments/content/faq-item.json +0 -54
  399. package/fragments/content/health-entry-atom.json +0 -85
  400. package/fragments/content/icon-text-row.json +0 -29
  401. package/fragments/content/icon-text-row.yaml +0 -36
  402. package/fragments/content/icon-title-description.json +0 -30
  403. package/fragments/content/icon-title-description.yaml +0 -37
  404. package/fragments/content/image-tile.json +0 -28
  405. package/fragments/content/image-tile.yaml +0 -32
  406. package/fragments/content/incident-row.json +0 -107
  407. package/fragments/content/kbd-shortcut-row.json +0 -29
  408. package/fragments/content/kbd-shortcut-row.yaml +0 -33
  409. package/fragments/content/key-value-row.json +0 -29
  410. package/fragments/content/key-value-row.yaml +0 -36
  411. package/fragments/content/labeled-progress.json +0 -29
  412. package/fragments/content/labeled-progress.yaml +0 -33
  413. package/fragments/content/link-list-column.json +0 -33
  414. package/fragments/content/link-list-column.yaml +0 -41
  415. package/fragments/content/linked-record-row.json +0 -95
  416. package/fragments/content/marketplace-tile-atom.json +0 -147
  417. package/fragments/content/metadata-description-list.json +0 -28
  418. package/fragments/content/metadata-description-list.yaml +0 -36
  419. package/fragments/content/pending-invite-row.json +0 -113
  420. package/fragments/content/release-entry.json +0 -155
  421. package/fragments/content/rollout-entry-atom.json +0 -168
  422. package/fragments/content/signed-in-entry-atom.json +0 -157
  423. package/fragments/content/stage-entry-atom.json +0 -115
  424. package/fragments/content/stat-card.json +0 -31
  425. package/fragments/content/stat-card.yaml +0 -39
  426. package/fragments/content/user-identity-row.json +0 -33
  427. package/fragments/content/user-identity-row.yaml +0 -43
  428. package/fragments/content/user-notification-row.json +0 -35
  429. package/fragments/content/user-notification-row.yaml +0 -50
  430. package/fragments/content/wizard-step-row.json +0 -96
  431. package/fragments/form/labeled-checkbox.json +0 -26
  432. package/fragments/form/labeled-checkbox.yaml +0 -36
  433. package/fragments/form/labeled-input.json +0 -28
  434. package/fragments/form/labeled-input.yaml +0 -38
  435. package/fragments/form/labeled-slider.json +0 -34
  436. package/fragments/form/labeled-slider.yaml +0 -50
  437. package/fragments/form/labeled-textarea.json +0 -28
  438. package/fragments/form/labeled-textarea.yaml +0 -39
  439. package/fragments/form/labeled-toggle.json +0 -29
  440. package/fragments/form/labeled-toggle.yaml +0 -43
  441. package/fragments/layout/card-header-heading.json +0 -35
  442. package/fragments/layout/card-header-heading.yaml +0 -27
  443. package/fragments/layout/card-header-with-badge.json +0 -30
  444. package/fragments/layout/card-header-with-badge.yaml +0 -40
  445. package/fragments/layout/card-header-with-description.json +0 -29
  446. package/fragments/layout/card-header-with-description.yaml +0 -32
  447. package/fragments/layout/pricing-tier-card.json +0 -37
  448. package/fragments/layout/pricing-tier-card.yaml +0 -50
  449. package/fragments/layout/section-with-stack.json +0 -46
  450. package/fragments/layout/section-with-stack.yaml +0 -39
  451. package/fragments/layout/text-card.json +0 -28
  452. package/fragments/layout/text-card.yaml +0 -30
@@ -1,38 +0,0 @@
1
- # Exemplar metadata — single source of truth for auth-login.
2
- # Runtime extract.js reads this + index.html → writes a2ui.json + chunks/.
3
-
4
- $schema: ../../../../scripts/schemas/exemplar.yaml.schema.json
5
- name: prose-auth-login
6
- category: prose
7
- domain: forms
8
- description: Prose-styled auth/login pages
9
- tags:
10
- - prose-auth-login
11
- - section
12
- - column
13
- - card
14
- - grid
15
- - row
16
- - icon
17
- - text
18
- - button
19
- - divider
20
- - input
21
- - checkbox
22
- - header
23
- - avatar
24
- - alert
25
- - otpinput
26
- - progress
27
- - badge
28
- - forms
29
- - work
30
- keywords:
31
- - prose-auth-login
32
- - section
33
- - column
34
- - card
35
- - grid
36
- - row
37
- - icon
38
- - text
@@ -1,542 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Auth Login — AdiaUI Pattern</title>
7
- <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
- <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
- <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
- <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
- <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
- <link rel="stylesheet" href="../../_shell.css" />
13
- </head>
14
- <body>
15
- <section prose>
16
- <col-ui gap="16">
17
-
18
- <!-- ═══════════════════════════════════════════
19
- 1. Split Hero Sign-In
20
- Full-width two-panel auth: brand story left, form right.
21
- Inspired by Linear, Vercel, Stripe auth pages.
22
- ═══════════════════════════════════════════ -->
23
- <card-ui>
24
- <section bleed>
25
- <grid-ui gap="0">
26
- <!-- Brand panel -->
27
- <col-ui data-scheme="dark" prose gap="6" justify="between" class="demo-brand-panel">
28
- <row-ui gap="1" align="center">
29
- <icon-ui name="cube" size="md"></icon-ui>
30
- <text-ui nomargin>Acme</text-ui>
31
- </row-ui>
32
-
33
- <col-ui gap="4" grow>
34
- <h1 variant="display" nomargin>Ship faster, together.</h1>
35
- <p variant="deck" color="subtle" nomargin>The platform trusted by 40,000+ teams to build, deploy, and scale modern applications.</p>
36
- </col-ui>
37
-
38
- <col-ui gap="4" >
39
-
40
- <row-ui gap="6" justify="center">
41
- <col-ui gap="0" align="center">
42
- <text-ui variant="title" nomargin>40k+</text-ui>
43
- <text-ui>Teams</text-ui>
44
- </col-ui>
45
- <col-ui gap="0" align="center">
46
- <text-ui variant="title" nomargin>99.9%</text-ui>
47
- <text-ui>Uptime</text-ui>
48
- </col-ui>
49
- <col-ui gap="0" align="center">
50
- <text-ui variant="title" nomargin>4.9★</text-ui>
51
- <text-ui>Rating</text-ui>
52
- </col-ui>
53
- </row-ui>
54
- </col-ui>
55
- </col-ui>
56
-
57
- <!-- Form panel -->
58
- <col-ui justify="center">
59
- <col-ui gap="2" align="center">
60
- <h2 variant="title" nomargin>Welcome back</h2>
61
- <p variant="body" color="subtle" nomargin>Sign in to your workspace to pick up where you left off.</p>
62
- </col-ui>
63
-
64
- <col-ui gap="3">
65
- <button-ui text="Continue with Google" icon="google-logo" variant="outline" stretch></button-ui>
66
- <button-ui text="Continue with GitHub" icon="github-logo" variant="outline" stretch></button-ui>
67
- <button-ui text="Continue with Apple" icon="apple-logo" variant="outline" stretch></button-ui>
68
- </col-ui>
69
-
70
- <divider-ui label="OR"></divider-ui>
71
-
72
- <col-ui gap="3">
73
- <input-ui label="Work email" placeholder="you@company.com" type="email"></input-ui>
74
- <input-ui label="Password" placeholder="••••••••" type="password" suffix="eye-slash"></input-ui>
75
- <row-ui justify="between" align="center" size="sm">
76
- <check-ui name="remember" label="Remember this device"></check-ui>
77
- <a href="#">Forgot password?</a>
78
- </row-ui>
79
- <button-ui text="Sign in" variant="primary" stretch></button-ui>
80
- </col-ui>
81
-
82
- <divider-ui></divider-ui>
83
-
84
- <div align="center">
85
- <text-ui>New to Acme?</text-ui>
86
- <a href="#">Create a free account →</a>
87
- </div>
88
-
89
- <div size="sm" align="center">
90
- <a href="#">Terms of Service</a>
91
- <text-ui>·</text-ui>
92
- <a href="#">Privacy Policy</a>
93
- <text-ui>·</text-ui>
94
- <a href="#">Security</a>
95
- </div>
96
- </col-ui>
97
- </grid-ui>
98
- </section>
99
- </card-ui>
100
-
101
-
102
- <!-- ═══════════════════════════════════════════
103
- 2. Centered Sign-Up with Social Proof
104
- Standalone registration with trust signals, feature
105
- highlights, and embedded testimonial strip.
106
- ═══════════════════════════════════════════ -->
107
- <col-ui gap="8" align="center">
108
-
109
- <!-- Hero copy -->
110
- <header align="center" prose>
111
- <col-ui gap="4">
112
- <row-ui gap="1" justify="center" align="center">
113
- <icon-ui name="cube"></icon-ui>
114
- <text-ui nomargin>Acme</text-ui>
115
- </row-ui>
116
- <text-ui variant="kicker">Start for free</text-ui>
117
- <h1 variant="title" nomargin>Create your account</h1>
118
- <p variant="deck" nomargin>Join 40,000+ teams building with Acme. No credit card required.</p>
119
- </col-ui>
120
- </header>
121
-
122
- <!-- Form card -->
123
- <card-ui elevation="2">
124
- <section>
125
- <col-ui gap="5">
126
- <col-ui gap="2">
127
- <button-ui text="Sign up with Google" icon="google-logo" variant="outline" stretch></button-ui>
128
- <button-ui text="Sign up with GitHub" icon="github-logo" variant="outline" stretch></button-ui>
129
- </col-ui>
130
-
131
- <divider-ui label="OR"></divider-ui>
132
-
133
- <col-ui gap="3">
134
- <grid-ui gap="3">
135
- <input-ui label="First name" placeholder="Jane"></input-ui>
136
- <input-ui label="Last name" placeholder="Doe"></input-ui>
137
- </grid-ui>
138
- <input-ui label="Work email" placeholder="jane@company.com" type="email"></input-ui>
139
- <input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
140
- </col-ui>
141
-
142
- <check-ui size="sm" name="terms" label="I agree to the Terms of Service and Privacy Policy"></check-ui>
143
-
144
- <button-ui text="Create free account" variant="primary" stretch></button-ui>
145
-
146
- <div size="sm" align="center">
147
- <text-ui>Already have an account?</text-ui>
148
- <a href="#">Sign in</a>
149
- </div>
150
- </col-ui>
151
- </section>
152
- </card-ui>
153
-
154
- <!-- Trust strip -->
155
- <col-ui gap="4" align="center">
156
- <row-ui gap="6" justify="center">
157
- <row-ui gap="2" align="center">
158
- <icon-ui name="shield-check" size="sm" color="success"></icon-ui>
159
- <text-ui>SOC 2 Certified</text-ui>
160
- </row-ui>
161
- <row-ui gap="2" align="center">
162
- <icon-ui name="lock-simple" size="sm" color="success"></icon-ui>
163
- <text-ui>End-to-end encrypted</text-ui>
164
- </row-ui>
165
- <row-ui gap="2" align="center">
166
- <icon-ui name="clock" size="sm" color="success"></icon-ui>
167
- <text-ui>99.9% uptime SLA</text-ui>
168
- </row-ui>
169
- </row-ui>
170
-
171
- <row-ui gap="3" justify="center" align="center">
172
- <avatar-ui text="Sarah Chen" size="sm"></avatar-ui>
173
- <avatar-ui text="Marcus J" size="sm"></avatar-ui>
174
- <avatar-ui text="Priya P" size="sm"></avatar-ui>
175
- <avatar-ui text="Alex R" size="sm"></avatar-ui>
176
- <avatar-ui text="Kim L" size="sm"></avatar-ui>
177
- <text-ui>Joined by 2,400+ engineers this month</text-ui>
178
- </row-ui>
179
- </col-ui>
180
- </col-ui>
181
-
182
-
183
- <!-- ═══════════════════════════════════════════
184
- 3. Invitation Accept Page
185
- When a teammate invites you — branded, contextual,
186
- with workspace info and inviter details.
187
- ═══════════════════════════════════════════ -->
188
- <col-ui gap="6" align="center">
189
-
190
- <header align="center" prose>
191
- <col-ui gap="3">
192
- <row-ui gap="1" justify="center" align="center">
193
- <icon-ui name="cube" size="md"></icon-ui>
194
- <text-ui nomargin>Acme</text-ui>
195
- </row-ui>
196
- <h1 variant="title" nomargin>You've been invited</h1>
197
- </col-ui>
198
- </header>
199
-
200
- <card-ui elevation="1">
201
- <section>
202
- <col-ui gap="5">
203
- <!-- Invitation context -->
204
- <card-ui>
205
- <section>
206
- <row-ui gap="3" align="center">
207
- <avatar-ui text="Mira Patel" size="md"></avatar-ui>
208
- <col-ui gap="0">
209
- <text-ui>Mira Patel</text-ui>
210
- <text-ui>invited you to join</text-ui>
211
- </col-ui>
212
- </row-ui>
213
- </section>
214
- </card-ui>
215
-
216
- <col-ui gap="2" align="center">
217
- <avatar-ui text="A" size="lg" variant="accent" text="AE"></avatar-ui>
218
- <text-ui variant="section" nomargin>Acme Engineering</text-ui>
219
- <text-ui variant="label">12 members · Pro plan</text-ui>
220
- </col-ui>
221
-
222
- <divider-ui></divider-ui>
223
-
224
- <col-ui gap="3">
225
- <input-ui label="Your name" placeholder="Full name"></input-ui>
226
- <input-ui label="Password" placeholder="Create a password" type="password"></input-ui>
227
- <button-ui text="Accept invitation" variant="primary" stretch></button-ui>
228
- </col-ui>
229
-
230
- <divider-ui label="OR"></divider-ui>
231
-
232
- <col-ui gap="2">
233
- <button-ui text="Join with Google" icon="google-logo" variant="outline" stretch></button-ui>
234
- <button-ui text="Join with GitHub" icon="github-logo" variant="outline" stretch></button-ui>
235
- </col-ui>
236
-
237
- <div size="sm" align="center">
238
- <text-ui>By joining you agree to our</text-ui>
239
- <a href="#">Terms</a>
240
- <text-ui>and</text-ui>
241
- <a href="#">Privacy Policy</a>
242
- </div>
243
- </col-ui>
244
- </section>
245
- </card-ui>
246
- </col-ui>
247
-
248
-
249
- <!-- ═══════════════════════════════════════════
250
- 4. Magic Link Landing
251
- Passwordless flow with rich email confirmation state,
252
- resend controls, and alternative methods.
253
- ═══════════════════════════════════════════ -->
254
- <col-ui gap="8" align="center">
255
-
256
- <header align="center" prose>
257
- <col-ui gap="3">
258
- <row-ui gap="1" justify="center" align="center">
259
- <icon-ui name="cube" size="md"></icon-ui>
260
- <text-ui nomargin>Acme</text-ui>
261
- </row-ui>
262
- <h1 variant="title" nomargin>Sign in to Acme</h1>
263
- <p variant="body" color="subtle" nomargin>No password needed — we'll email you a magic link.</p>
264
- </col-ui>
265
- </header>
266
-
267
- <!-- Step 1: email entry -->
268
- <card-ui>
269
- <section>
270
- <col-ui gap="4">
271
- <input-ui label="Email address" placeholder="you@company.com" type="email"></input-ui>
272
- <button-ui text="Send magic link" variant="primary" stretch icon="paper-plane-tilt"></button-ui>
273
-
274
- <divider-ui label="OR"></divider-ui>
275
-
276
- <button-ui text="Sign in with password instead" variant="ghost" stretch icon="key"></button-ui>
277
- </col-ui>
278
- </section>
279
- </card-ui>
280
-
281
- <!-- Step 2: check your email confirmation -->
282
- <card-ui>
283
- <section>
284
- <col-ui gap="5" align="center">
285
- <col-ui gap="1" align="center">
286
- <icon-ui name="envelope-simple" size="lg" color="accent"></icon-ui>
287
- <h3 variant="section" nomargin>Check your inbox</h3>
288
- <p variant="body" color="subtle" nomargin>We sent a sign-in link to</p>
289
- <text-ui>jane@company.com</text-ui>
290
- </col-ui>
291
-
292
- <alert-ui variant="info" size="sm">
293
- The link expires in 10 minutes. Check your spam folder if you don't see it.
294
- </alert-ui>
295
-
296
- <divider-ui></divider-ui>
297
-
298
- <col-ui gap="2">
299
- <button-ui text="Resend link" variant="outline" stretch icon="arrow-clockwise"></button-ui>
300
- <button-ui text="Use a different email" variant="ghost" stretch icon="arrow-left"></button-ui>
301
- </col-ui>
302
- </col-ui>
303
- </section>
304
- </card-ui>
305
- </col-ui>
306
-
307
-
308
- <!-- ═══════════════════════════════════════════
309
- 5. Password Reset Journey
310
- Three-stage flow: request → verify → success.
311
- Rich feedback, contextual guidance, strength meter.
312
- ═══════════════════════════════════════════ -->
313
- <col-ui gap="8" align="center">
314
-
315
- <header align="center" prose>
316
- <col-ui gap="3">
317
- <row-ui gap="1" justify="center" align="center">
318
- <icon-ui name="cube" size="md"></icon-ui>
319
- <text-ui nomargin>Acme</text-ui>
320
- </row-ui>
321
- <h1 variant="title" nomargin>Reset your password</h1>
322
- </col-ui>
323
- </header>
324
-
325
- <!-- Stage A: enter email -->
326
- <card-ui>
327
- <section>
328
- <col-ui gap="4">
329
- <col-ui gap="1">
330
- <h3 variant="section" nomargin>Forgot your password?</h3>
331
- <p variant="body" color="subtle" nomargin>Enter the email associated with your account and we'll send a reset code.</p>
332
- </col-ui>
333
- <input-ui label="Email address" placeholder="you@company.com" type="email"></input-ui>
334
- <button-ui text="Send reset code" variant="primary" stretch></button-ui>
335
- <button-ui text="Back to sign in" variant="ghost" stretch icon="arrow-left"></button-ui>
336
- </col-ui>
337
- </section>
338
- </card-ui>
339
-
340
- <!-- Stage B: enter code + new password -->
341
- <card-ui>
342
- <section>
343
- <col-ui gap="4">
344
- <col-ui gap="1">
345
- <h3 variant="section" nomargin>Enter your reset code</h3>
346
- <p variant="body" color="subtle" nomargin>We sent a 6-digit code to j***@company.com</p>
347
- </col-ui>
348
-
349
- <otp-input-ui length="6" size="lg"></otp-input-ui>
350
-
351
- <divider-ui></divider-ui>
352
-
353
- <input-ui label="New password" placeholder="Min. 8 characters" type="password"></input-ui>
354
- <col-ui gap="1">
355
- <progress-ui value="75" size="sm" variant="success"></progress-ui>
356
- <row-ui gap="3">
357
- <row-ui gap="1" align="center">
358
- <icon-ui name="check-circle" size="sm" color="success"></icon-ui>
359
- <text-ui>8+ characters</text-ui>
360
- </row-ui>
361
- <row-ui gap="1" align="center">
362
- <icon-ui name="check-circle" size="sm" color="success"></icon-ui>
363
- <text-ui>Uppercase</text-ui>
364
- </row-ui>
365
- <row-ui gap="1" align="center">
366
- <icon-ui name="check-circle" size="sm" color="success"></icon-ui>
367
- <text-ui>Number</text-ui>
368
- </row-ui>
369
- <row-ui gap="1" align="center">
370
- <icon-ui name="circle" size="sm" color="muted"></icon-ui>
371
- <text-ui>Symbol</text-ui>
372
- </row-ui>
373
- </row-ui>
374
- </col-ui>
375
- <input-ui label="Confirm password" placeholder="Re-enter new password" type="password"></input-ui>
376
- <button-ui text="Reset password" variant="primary" stretch></button-ui>
377
- </col-ui>
378
- </section>
379
- </card-ui>
380
-
381
- <!-- Stage C: success -->
382
- <card-ui>
383
- <section>
384
- <col-ui gap="4" align="center">
385
- <icon-ui name="check-circle" size="lg" color="success"></icon-ui>
386
- <col-ui gap="1" align="center">
387
- <h3 variant="section" nomargin>Password updated</h3>
388
- <p variant="body" color="subtle" text-align="center" nomargin>Your password has been successfully reset. You can now sign in with your new credentials.</p>
389
- </col-ui>
390
- <button-ui text="Continue to sign in" variant="primary" stretch icon="sign-in"></button-ui>
391
- </col-ui>
392
- </section>
393
- </card-ui>
394
- </col-ui>
395
-
396
-
397
- <!-- ═══════════════════════════════════════════
398
- 6. Workspace Selector
399
- Post-auth step: pick which workspace to enter.
400
- Shows org info, role, last active timestamps.
401
- ═══════════════════════════════════════════ -->
402
- <col-ui gap="6" align="center">
403
-
404
- <header align="center" prose>
405
- <col-ui gap="3">
406
- <col-ui gap="1" align="center">
407
- <avatar-ui text="Jane Doe" size="lg"></avatar-ui>
408
- <h2 variant="title" nomargin>Welcome back, Jane</h2>
409
- <p variant="body" color="subtle" nomargin>Choose a workspace to continue</p>
410
- </col-ui>
411
- </col-ui>
412
- </header>
413
-
414
- <col-ui gap="3">
415
- <card-ui variant="outlined" interactive>
416
- <section>
417
- <row-ui gap="3" align="center" justify="between">
418
- <row-ui gap="3" align="center">
419
- <avatar-ui text="A" size="md" variant="accent" initials="AE"></avatar-ui>
420
- <col-ui gap="0">
421
- <text-ui>Acme Engineering</text-ui>
422
- <text-ui>12 members · Pro plan</text-ui>
423
- </col-ui>
424
- </row-ui>
425
- <col-ui gap="0" align="end">
426
- <badge-ui text="Owner" variant="accent" size="sm"></badge-ui>
427
- <text-ui>Active 2h ago</text-ui>
428
- </col-ui>
429
- </row-ui>
430
- </section>
431
- </card-ui>
432
-
433
- <card-ui variant="outlined" interactive>
434
- <section>
435
- <row-ui gap="3" align="center" justify="between">
436
- <row-ui gap="3" align="center">
437
- <avatar-ui text="S" size="md" variant="warning"></avatar-ui>
438
- <col-ui gap="0">
439
- <text-ui>Side Project Labs</text-ui>
440
- <text-ui>3 members · Free plan</text-ui>
441
- </col-ui>
442
- </row-ui>
443
- <col-ui gap="0" align="end">
444
- <badge-ui text="Admin" size="sm"></badge-ui>
445
- <text-ui>Active 3d ago</text-ui>
446
- </col-ui>
447
- </row-ui>
448
- </section>
449
- </card-ui>
450
-
451
- <card-ui variant="outlined" interactive>
452
- <section>
453
- <row-ui gap="3" align="center" justify="between">
454
- <row-ui gap="3" align="center">
455
- <avatar-ui text="O" size="md" variant="success"></avatar-ui>
456
- <col-ui gap="0">
457
- <text-ui>Open Source Collective</text-ui>
458
- <text-ui>84 members · Enterprise</text-ui>
459
- </col-ui>
460
- </row-ui>
461
- <col-ui gap="0" align="end">
462
- <badge-ui text="Member" variant="default" size="sm"></badge-ui>
463
- <text-ui>Active 1w ago</text-ui>
464
- </col-ui>
465
- </row-ui>
466
- </section>
467
- </card-ui>
468
-
469
- <divider-ui></divider-ui>
470
-
471
- <button-ui text="Create a new workspace" variant="ghost" stretch icon="plus"></button-ui>
472
-
473
- <row-ui gap="1" justify="center">
474
- <text-ui>Signed in as</text-ui>
475
- <text-ui>jane@company.com</text-ui>
476
- <text-ui>·</text-ui>
477
- <a href="#">Sign out</a>
478
- </row-ui>
479
- </col-ui>
480
- </col-ui>
481
-
482
-
483
- <!-- ═══════════════════════════════════════════
484
- 7. Two-Factor Authentication
485
- OTP entry with backup code option,
486
- trusted device toggle, and session context.
487
- ═══════════════════════════════════════════ -->
488
- <col-ui gap="6" align="center">
489
-
490
- <header align="center" prose>
491
- <col-ui gap="3">
492
- <row-ui gap="1" justify="center" align="center">
493
- <icon-ui name="cube" size="md"></icon-ui>
494
- <text-ui nomargin>Acme</text-ui>
495
- </row-ui>
496
- <h2 variant="title" nomargin>Two-factor authentication</h2>
497
- <p variant="body" color="subtle" nomargin>Enter the code from your authenticator app to continue.</p>
498
- </col-ui>
499
- </header>
500
-
501
- <card-ui>
502
- <section>
503
- <col-ui gap="5">
504
- <col-ui gap="3" align="center">
505
- <icon-ui name="shield-check" size="lg" color="accent"></icon-ui>
506
- <otp-input-ui length="6" sixe="lg"></otp-input-ui>
507
- </col-ui>
508
-
509
- <check-ui size="sm" name="trust_device" label="Trust this device for 30 days"></check-ui>
510
-
511
- <button-ui text="Verify" variant="primary" stretch></button-ui>
512
-
513
- <divider-ui label="OR"></divider-ui>
514
-
515
- <col-ui gap="2">
516
- <button-ui text="Use a backup code" variant="outline" stretch icon="key"></button-ui>
517
- <button-ui text="Send code via SMS" variant="ghost" stretch icon="device-mobile"></button-ui>
518
- </col-ui>
519
-
520
- <alert-ui variant="warning" size="sm">
521
- Having trouble? Contact your workspace admin or reach out to support.
522
- </alert-ui>
523
- </col-ui>
524
- </section>
525
- </card-ui>
526
-
527
- <row-ui gap="1" justify="center">
528
- <text-ui>Signing in as</text-ui>
529
- <text-ui>jane@company.com</text-ui>
530
- <text-ui>·</text-ui>
531
- <text-ui>Use a different account</text-ui>
532
- </row-ui>
533
- </col-ui>
534
-
535
- </col-ui>
536
- </section>
537
-
538
- <script type="module">
539
- import "../../../../../web-components/components/index.js";
540
- </script>
541
- </body>
542
- </html>
@@ -1,3 +0,0 @@
1
- # CTA Block
2
-
3
- Full-width call-to-action banner with heading and description on the left, two action buttons on the right, using a subtle surface background.
@@ -1,38 +0,0 @@
1
- # Exemplar metadata — single source of truth for cta.
2
- # Runtime extract.js reads this + index.html → writes a2ui.json + chunks/.
3
-
4
- $schema: ../../../../scripts/schemas/exemplar.yaml.schema.json
5
- name: prose-cta
6
- category: prose
7
- domain: layout
8
- description: Call-to-action sections
9
- tags:
10
- - prose-cta
11
- - section
12
- - column
13
- - card
14
- - header
15
- - icon
16
- - text
17
- - row
18
- - button
19
- - avatar
20
- - input
21
- - divider
22
- - layout
23
- - success
24
- - security
25
- - time
26
- - rating
27
- - form
28
- - get
29
- - started
30
- keywords:
31
- - prose-cta
32
- - section
33
- - column
34
- - card
35
- - header
36
- - icon
37
- - text
38
- - row
@@ -1,6 +0,0 @@
1
- {
2
- "heading": "Ready to get started?",
3
- "description": "Join thousands of developers building with AdiaUI. Ship faster with less code.",
4
- "primaryCta": { "text": "Start Free Trial", "icon": "arrow-right" },
5
- "secondaryCta": { "text": "Talk to Sales" }
6
- }