@adia-ai/a2ui-corpus 0.0.1

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