@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/ui/auth-login/index.html ADDED
@@ -0,0 +1,383 @@
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>
10
+ body {
11
+ margin: 0;
12
+ min-height: 100dvh;
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+ padding: 2rem;
17
+ box-sizing: border-box;
18
+ font-family: var(--a-font-family);
19
+ background: var(--a-bg);
20
+ color: var(--a-fg);
21
+ }
22
+ body > section { min-width: 600px; }</style>
23
+ </head>
24
+ <body>
25
+ <section>
26
+ <col-ui gap="10" style="width: 100%; max-width: 960px">
27
+ <!-- 1. Email-First Login (ChatGPT style) -->
28
+ <col-ui gap="3">
29
+ <h2 variant="section" nomargin>Email-First Login</h2>
30
+ <row-ui gap="4" justify="center">
31
+ <card-ui style="width: 100%; max-width: 400px" radius="round">
32
+ <section>
33
+ <col-ui gap="5">
34
+ <col-ui gap="2" align="center">
35
+ <span slot="heading"><h3>Sign in to your account to continue</h3></span>
36
+ </col-ui>
37
+ <col-ui gap="3">
38
+ <input-ui label="Email address" placeholder="you@example.com" type="email"></input-ui>
39
+ <button-ui text="Continue" variant="primary" stretch></button-ui>
40
+ </col-ui>
41
+ <row-ui gap="1" justify="center">
42
+ <text-ui>Don't have an account?</text-ui>
43
+ <text-ui>Sign up</text-ui>
44
+ </row-ui>
45
+ <divider-ui label="OR"></divider-ui>
46
+ <col-ui gap="2">
47
+ <button-ui text="Continue with Google" icon="google-logo" variant="outline" stretch></button-ui>
48
+ <button-ui text="Continue with Apple" icon="apple-logo" variant="outline" stretch></button-ui>
49
+ <button-ui text="Continue with Microsoft" icon="windows-logo" variant="outline" stretch></button-ui>
50
+ <button-ui text="Continue with phone" icon="phone" variant="outline" stretch></button-ui>
51
+ </col-ui>
52
+ <row-ui gap="2" justify="center">
53
+ <a href="#">Terms of Use</a>
54
+ <text-ui>·</text-ui>
55
+ <a href="#">Privacy Policy</a>
56
+ </row-ui>
57
+ </col-ui>
58
+ </section>
59
+ </card-ui>
60
+ </row-ui>
61
+ </col-ui>
62
+
63
+ <!-- 2. Classic Email + Password -->
64
+ <col-ui gap="3">
65
+ <h2 variant="section" nomargin>Classic Email + Password</h2>
66
+ <row-ui gap="4" justify="center">
67
+ <card-ui style="width: 100%; max-width: 400px">
68
+ <header>
69
+ <span slot="heading"><h3>Sign in</h3></span>
70
+ <p slot="description" color="subtle" nomargin>Enter your credentials to access your account</p>
71
+ </header>
72
+ <section>
73
+ <col-ui gap="3">
74
+ <input-ui label="Email" placeholder="you@example.com" type="email"></input-ui>
75
+ <input-ui label="Password" placeholder="••••••••" type="password" suffix="eye-slash"></input-ui>
76
+ <row-ui justify="between" align="center" size="sm">
77
+ <check-ui label="Remember me"></check-ui>
78
+ <text-ui>Forgot password?</text-ui>
79
+ </row-ui>
80
+ </col-ui>
81
+ </section>
82
+ <footer>
83
+ <col-ui gap="3">
84
+ <button-ui text="Sign in" variant="primary" stretch></button-ui>
85
+ <row-ui gap="1" justify="center">
86
+ <text-ui>New here?</text-ui>
87
+ <text-ui>Create an account</text-ui>
88
+ </row-ui>
89
+ </col-ui>
90
+ </footer>
91
+ </card-ui>
92
+ </row-ui>
93
+ </col-ui>
94
+
95
+ <!-- 3. Registration -->
96
+ <col-ui gap="3">
97
+ <h2 variant="section" nomargin>Registration</h2>
98
+ <row-ui gap="4" justify="center">
99
+ <card-ui style="width: 100%; max-width: 400px">
100
+ <header>
101
+ <span slot="heading"><h3>Create account</h3></span>
102
+ <p slot="description" color="subtle" nomargin>Get started for free — no credit card required</p>
103
+ </header>
104
+ <section>
105
+ <col-ui gap="3">
106
+ <grid-ui gap="3">
107
+ <input-ui label="First name" placeholder="Jane"></input-ui>
108
+ <input-ui label="Last name" placeholder="Doe"></input-ui>
109
+ </grid-ui>
110
+ <input-ui label="Email" placeholder="you@example.com" type="email"></input-ui>
111
+ <input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
112
+ <input-ui label="Confirm password" placeholder="Re-enter password" type="password"></input-ui>
113
+ <check-ui label="I agree to the Terms of Service and Privacy Policy" size="sm"></check-ui>
114
+ </col-ui>
115
+ </section>
116
+ <footer>
117
+ <col-ui gap="3" style="width: 100%">
118
+ <button-ui text="Create account" variant="primary" stretch></button-ui>
119
+ <divider-ui label="OR"></divider-ui>
120
+ <grid-ui gap="2">
121
+ <button-ui text="Google" icon="google-logo" variant="outline" stretch></button-ui>
122
+ <button-ui text="GitHub" icon="github-logo" variant="outline" stretch></button-ui>
123
+ </grid-ui>
124
+ <row-ui gap="1" justify="center">
125
+ <text-ui>Already have an account?</text-ui>
126
+ <text-ui>Sign in</text-ui>
127
+ </row-ui>
128
+ </col-ui>
129
+ </footer>
130
+ </card-ui>
131
+ </row-ui>
132
+ </col-ui>
133
+
134
+ <!-- 4. Social-Only Login -->
135
+ <col-ui gap="3">
136
+ <h2 variant="section" nomargin>Social-Only Login</h2>
137
+ <row-ui gap="4" justify="center">
138
+ <card-ui style="width: 100%; max-width: 400px">
139
+ <section>
140
+ <col-ui gap="5">
141
+ <col-ui gap="2" align="center">
142
+ <icon-ui name="cube" size="lg"></icon-ui>
143
+ <h2 variant="section" nomargin>Get started</h2>
144
+ <p variant="body" color="subtle" nomargin>Choose a provider to sign in</p>
145
+ </col-ui>
146
+ <col-ui gap="2">
147
+ <button-ui text="Continue with Google" icon="google-logo" variant="outline" stretch></button-ui>
148
+ <button-ui text="Continue with GitHub" icon="github-logo" variant="outline" stretch></button-ui>
149
+ <button-ui text="Continue with Apple" icon="apple-logo" variant="outline" stretch></button-ui>
150
+ </col-ui>
151
+ <divider-ui label="OR"></divider-ui>
152
+ <button-ui text="Sign in with email" icon="envelope" variant="ghost" stretch></button-ui>
153
+ <row-ui gap="2" justify="center">
154
+ <text-ui>Terms of Use</text-ui>
155
+ <text-ui>·</text-ui>
156
+ <text-ui>Privacy Policy</text-ui>
157
+ </row-ui>
158
+ </col-ui>
159
+ </section>
160
+ </card-ui>
161
+ </row-ui>
162
+ </col-ui>
163
+
164
+ <!-- 5. Magic Link / OTP -->
165
+ <col-ui gap="3">
166
+ <h2 variant="section" nomargin>Magic Link / OTP</h2>
167
+ <row-ui gap="4" justify="center">
168
+ <col-ui gap="4" style="width: 100%; max-width: 400px">
169
+ <!-- 5a. Email entry step -->
170
+ <card-ui>
171
+ <header>
172
+ <span slot="heading"><h3>Sign in with email</h3></span>
173
+ <p slot="description" color="subtle" nomargin>We'll send you a one-time verification code</p>
174
+ </header>
175
+ <section>
176
+ <col-ui gap="3">
177
+ <input-ui label="Email address" placeholder="you@example.com" type="email"></input-ui>
178
+ </col-ui>
179
+ </section>
180
+ <footer>
181
+ <button-ui text="Send code" variant="primary" stretch></button-ui>
182
+ </footer>
183
+ </card-ui>
184
+
185
+ <!-- 5b. Code entry step -->
186
+ <card-ui>
187
+ <header>
188
+ <span slot="heading"><h3>Check your email</h3></span>
189
+ <p slot="description" color="subtle" nomargin>Enter the 6-digit code sent to jane@example.com</p>
190
+ </header>
191
+ <section>
192
+ <col-ui gap="3" align="center">
193
+ <otp-input-ui length="6"></otp-input-ui>
194
+ <row-ui gap="1" justify="center">
195
+ <text-ui>Didn't receive it?</text-ui>
196
+ <text-ui>Resend code</text-ui>
197
+ </row-ui>
198
+ </col-ui>
199
+ </section>
200
+ <footer>
201
+ <button-ui text="Verify" variant="primary" stretch></button-ui>
202
+ </footer>
203
+ </card-ui>
204
+ </col-ui>
205
+ </row-ui>
206
+ </col-ui>
207
+
208
+ <!-- 6. Password Reset -->
209
+ <col-ui gap="3">
210
+ <h2 variant="section" nomargin>Password Reset</h2>
211
+ <row-ui gap="4" justify="center">
212
+ <col-ui gap="4" style="width: 100%; max-width: 400px">
213
+ <!-- 6a. Request reset -->
214
+ <card-ui>
215
+ <header>
216
+ <span slot="heading"><h3>Reset password</h3></span>
217
+ <p slot="description" color="subtle" nomargin>Enter your email and we'll send you a reset link</p>
218
+ </header>
219
+ <section>
220
+ <input-ui label="Email address" placeholder="you@example.com" type="email"></input-ui>
221
+ </section>
222
+ <footer>
223
+ <col-ui gap="3">
224
+ <button-ui text="Send reset link" variant="primary" stretch></button-ui>
225
+ <button-ui text="Back to sign in" icon="arrow-left" variant="ghost" stretch></button-ui>
226
+ </col-ui>
227
+ </footer>
228
+ </card-ui>
229
+
230
+ <!-- 6b. New password -->
231
+ <card-ui>
232
+ <header>
233
+ <span slot="heading"><h3>Set new password</h3></span>
234
+ <p slot="description" color="subtle" nomargin>Must be at least 8 characters</p>
235
+ </header>
236
+ <section>
237
+ <col-ui gap="3">
238
+ <input-ui label="New password" placeholder="••••••••" type="password"></input-ui>
239
+ <input-ui label="Confirm new password" placeholder="••••••••" type="password"></input-ui>
240
+ </col-ui>
241
+ </section>
242
+ <footer>
243
+ <button-ui text="Update password" variant="primary" stretch></button-ui>
244
+ </footer>
245
+ </card-ui>
246
+ </col-ui>
247
+ </row-ui>
248
+ </col-ui>
249
+
250
+ <!-- 7. Split Layout (brand + form) -->
251
+ <col-ui gap="3">
252
+ <h2 variant="section" nomargin>Split Layout</h2>
253
+ <card-ui style="overflow: hidden">
254
+ <section>
255
+ <grid-ui columns="2" gap="0">
256
+ <!-- Brand panel -->
257
+ <col-ui gap="6" justify="center" style="padding: var(--a-space-8); background: var(--a-accent-subtle); min-height: 480px">
258
+ <row-ui gap="1" align="center">
259
+ <icon-ui name="cube"></icon-ui>
260
+ <text-ui variant="label" nomargin>Acme</text-ui>
261
+ </row-ui>
262
+ <col-ui gap="3">
263
+ <h2 variant="display" nomargin>Build something amazing today</h2>
264
+ <p variant="body" nomargin>Join thousands of developers shipping faster with our platform.</p>
265
+ </col-ui>
266
+ <col-ui gap="3">
267
+ <row-ui gap="2" align="center">
268
+ <icon-ui name="check-circle" color="success"></icon-ui>
269
+ <text-ui variant="body">Free forever for small teams</text-ui>
270
+ </row-ui>
271
+ <row-ui gap="2" align="center">
272
+ <icon-ui name="check-circle" color="success"></icon-ui>
273
+ <text-ui variant="body">No credit card required</text-ui>
274
+ </row-ui>
275
+ <row-ui gap="2" align="center">
276
+ <icon-ui name="check-circle" color="success"></icon-ui>
277
+ <text-ui variant="body">Cancel anytime</text-ui>
278
+ </row-ui>
279
+ </col-ui>
280
+ </col-ui>
281
+
282
+ <!-- Form panel -->
283
+ <col-ui gap="4" justify="center" style="padding: var(--a-space-8)">
284
+ <col-ui gap="1">
285
+ <h3 variant="section" nomargin>Create your account</h3>
286
+ <p color="subtle" nomargin>Already have one? <text-ui>Sign in</text-ui></p>
287
+ </col-ui>
288
+ <col-ui gap="3">
289
+ <input-ui label="Full name" placeholder="Jane Doe"></input-ui>
290
+ <input-ui label="Work email" placeholder="jane@company.com" type="email"></input-ui>
291
+ <input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
292
+ <button-ui text="Get started" variant="primary" stretch></button-ui>
293
+ </col-ui>
294
+ <divider-ui label="OR"></divider-ui>
295
+ <grid-ui gap="2">
296
+ <button-ui text="Google" icon="google-logo" variant="outline" stretch></button-ui>
297
+ <button-ui text="GitHub" icon="github-logo" variant="outline" stretch></button-ui>
298
+ </grid-ui>
299
+ </col-ui>
300
+ </grid-ui>
301
+ </section>
302
+ </card-ui>
303
+ </col-ui>
304
+
305
+ <!-- 8. Compact Card Login -->
306
+ <col-ui gap="3">
307
+ <h2 variant="section" nomargin>Compact Card Login</h2>
308
+ <row-ui gap="4" justify="center">
309
+ <card-ui elevation="2" style="width: 100%; max-width: 360px" density="compact">
310
+ <section>
311
+ <col-ui gap="3">
312
+ <col-ui gap="1" align="center">
313
+ <avatar-ui text="A" size="lg"></avatar-ui>
314
+ <h3 variant="section" nomargin>Sign in</h3>
315
+ </col-ui>
316
+ <input-ui placeholder="Email" type="email"></input-ui>
317
+ <input-ui placeholder="Password" type="password"></input-ui>
318
+ <button-ui text="Sign in" variant="primary" stretch></button-ui>
319
+ <divider-ui label="OR"></divider-ui>
320
+ <row-ui gap="2" justify="center">
321
+ <button-ui icon="google-logo" variant="ghost"></button-ui>
322
+ <button-ui icon="github-logo" variant="ghost"></button-ui>
323
+ <button-ui icon="apple-logo" variant="ghost"></button-ui>
324
+ </row-ui>
325
+ </col-ui>
326
+ </section>
327
+ </card-ui>
328
+ </row-ui>
329
+ </col-ui>
330
+
331
+ <!-- 9. Error States -->
332
+ <col-ui gap="3">
333
+ <h2 variant="section" nomargin>Error States</h2>
334
+ <row-ui gap="4" justify="center">
335
+ <card-ui style="width: 100%; max-width: 400px">
336
+ <header>
337
+ <span slot="heading"><h3>Sign in</h3></span>
338
+ </header>
339
+ <section>
340
+ <col-ui gap="3">
341
+ <alert-ui variant="danger" size="sm">Invalid email or password. Please try again.</alert-ui>
342
+ <input-ui label="Email" placeholder="you@example.com" type="email" value="baduser@" error="Please enter a valid email address"></input-ui>
343
+ <input-ui label="Password" placeholder="••••••••" type="password" error="Password must be at least 8 characters"></input-ui>
344
+ </col-ui>
345
+ </section>
346
+ <footer>
347
+ <button-ui text="Sign in" variant="primary" stretch></button-ui>
348
+ </footer>
349
+ </card-ui>
350
+ </row-ui>
351
+ </col-ui>
352
+
353
+ <!-- 10. Loading State -->
354
+ <col-ui gap="3">
355
+ <h2 variant="section" nomargin>Loading State</h2>
356
+ <row-ui gap="4" justify="center">
357
+ <card-ui style="width: 100%; max-width: 400px">
358
+ <header>
359
+ <span slot="heading"><h3>Sign in</h3></span>
360
+ </header>
361
+ <section>
362
+ <col-ui gap="3">
363
+ <input-ui label="Email" value="jane@example.com" type="email" disabled></input-ui>
364
+ <input-ui label="Password" value="••••••••" type="password" disabled></input-ui>
365
+ </col-ui>
366
+ </section>
367
+ <footer>
368
+ <col-ui gap="3">
369
+ <button-ui text="Signing in…" variant="primary" stretch disabled></button-ui>
370
+ <progress-ui size="sm"></progress-ui>
371
+ </col-ui>
372
+ </footer>
373
+ </card-ui>
374
+ </row-ui>
375
+ </col-ui>
376
+ </col-ui>
377
+ </section>
378
+
379
+ <script type="module">
380
+ import "../../../../web-components/components/index.js";
381
+ </script>
382
+ </body>
383
+ </html>
package/fragments/_schema.json ADDED
@@ -0,0 +1,72 @@
1
+ {
2
+ "$schema": "http://json-schema.org/draft-07/schema#",
3
+ "title": "A2UI Fragment",
4
+ "description": "A reusable A2UI chunk — same flat-adjacency schema as a Pattern, but annotated as a composable atom. Fragments are first-class nodes in the knowledge graph: they declare their semantic_role, the slots callers can bind, and backlinks to patterns/components/tickets. Compositions reference fragments via a $fragment node in their template.",
5
+ "type": "object",
6
+ "required": ["name", "kind", "semantic_role", "template", "slots", "tags"],
7
+ "properties": {
8
+ "$schema": { "type": "string" },
9
+ "name": { "type": "string", "description": "Unique fragment id (e.g. 'card-header-with-description')" },
10
+ "version": { "type": "integer", "default": 1 },
11
+ "kind": { "const": "fragment" },
12
+ "semantic_role": { "type": "string", "description": "What this fragment IS, semantically (e.g. 'titled-card-header', 'user-identity-row', 'dialog-action-bar')" },
13
+ "description": { "type": "string", "description": "Human-readable; also used for retrieval" },
14
+ "shape": { "type": "string", "description": "Structural signature — Component(Component,...) — for dedup/equivalence" },
15
+
16
+ "tags": {
17
+ "type": "object",
18
+ "properties": {
19
+ "purpose": { "type": "array", "items": { "type": "string" } },
20
+ "layout": { "type": "string" },
21
+ "interaction": { "type": "array", "items": { "type": "string" } }
22
+ }
23
+ },
24
+ "keywords": { "type": "array", "items": { "type": "string" } },
25
+
26
+ "slots": {
27
+ "type": "array",
28
+ "description": "Named binding points — each slot maps to a node id inside `template` and declares what attribute(s) callers can override. This is the fragment's public API.",
29
+ "items": {
30
+ "type": "object",
31
+ "required": ["name", "targetId"],
32
+ "properties": {
33
+ "name": { "type": "string" },
34
+ "targetId": { "type": "string", "description": "Node id inside template that receives the bound value" },
35
+ "attribute": { "type": "string", "default": "textContent", "description": "Which attribute on the target node to bind (textContent, src, label, etc.)" },
36
+ "required": { "type": "boolean", "default": false },
37
+ "defaultValue":{ },
38
+ "description": { "type": "string" }
39
+ }
40
+ }
41
+ },
42
+
43
+ "template": {
44
+ "type": "array",
45
+ "description": "Flat-adjacency A2UI nodes (same as Pattern.template). Root node is the first entry. Nodes reference each other by id via `children`.",
46
+ "items": { "type": "object" }
47
+ },
48
+
49
+ "links": {
50
+ "type": "object",
51
+ "description": "Typed backlinks — populated by the graph builder",
52
+ "properties": {
53
+ "uses_components": { "type": "array", "items": { "type": "string" } },
54
+ "uses_fragments": { "type": "array", "items": { "type": "string" } },
55
+ "used_by": { "type": "array", "items": { "type": "string" } },
56
+ "related": { "type": "array", "items": { "type": "string" } },
57
+ "spawned_from": { "type": "array", "items": { "type": "string" }, "description": "Ticket/eval-failure ids that drove this fragment" }
58
+ }
59
+ },
60
+
61
+ "metrics": {
62
+ "type": "object",
63
+ "properties": {
64
+ "leverage": { "type": "number" },
65
+ "pattern_count": { "type": "integer" },
66
+ "instance_count": { "type": "integer" },
67
+ "created_at": { "type": "string" },
68
+ "last_extracted": { "type": "string" }
69
+ }
70
+ }
71
+ }
72
+ }
package/fragments/action/dual-cta-row.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "dual-cta-row",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "inline-cta-row",
7
+ "description": "Inline row of two CTAs — primary followed by ghost — for hero banners, alert actions, empty-state prompts. Note: for modal/card FOOTER use footer-cancel-save; this fragment is for INLINE placement within a section.",
8
+ "shape": "Row(Button[v=primary],Button[v=ghost])",
9
+ "tags": {
10
+ "purpose": ["cta", "inline-actions"],
11
+ "layout": "inline"
12
+ },
13
+ "keywords": ["cta", "action", "button", "primary", "secondary", "get started", "learn more", "dismiss"],
14
+ "slots": [
15
+ { "name": "primaryLabel", "targetId": "cta-primary", "attribute": "textContent", "required": true, "defaultValue": "Get started" },
16
+ { "name": "secondaryLabel", "targetId": "cta-secondary", "attribute": "textContent", "required": true, "defaultValue": "Learn more" }
17
+ ],
18
+ "template": [
19
+ { "id": "cta-root", "component": "Row", "children": ["cta-primary", "cta-secondary"], "gap": "2" },
20
+ { "id": "cta-primary", "component": "Button", "variant": "primary", "textContent": "Get started" },
21
+ { "id": "cta-secondary", "component": "Button", "variant": "ghost", "textContent": "Learn more" }
22
+ ],
23
+ "links": {
24
+ "uses_components": ["Row", "Button"],
25
+ "used_by": [],
26
+ "related": ["footer-cancel-save"]
27
+ },
28
+ "metrics": { "leverage": 6.0, "pattern_count": 2, "instance_count": 2 }
29
+ }
package/fragments/action/dual-cta-row.yaml ADDED
@@ -0,0 +1,34 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: dual-cta-row
8
+ description: >-
9
+ Inline row of two CTAs — primary followed by ghost — for hero banners, alert actions, empty-state prompts. Note: for modal/card FOOTER use footer-cancel-save; this fragment is for INLINE placement within a section.
10
+ keywords:
11
+ - cta
12
+ - action
13
+ - button
14
+ - primary
15
+ - secondary
16
+ - get started
17
+ - learn more
18
+ - dismiss
19
+ slots:
20
+ primaryLabel:
21
+ required: true
22
+ target: cta-primary.textContent
23
+ description: "TODO: describe 'primaryLabel' slot"
24
+ secondaryLabel:
25
+ required: true
26
+ target: cta-secondary.textContent
27
+ description: "TODO: describe 'secondaryLabel' slot"
28
+ leverage: 0
29
+ used_by: []
30
+ use-cases:
31
+ - "TODO: describe when to reach for this fragment"
32
+ components:
33
+ - Row
34
+ - Button
package/fragments/action/footer-cancel-save.json ADDED
@@ -0,0 +1,31 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "footer-cancel-save",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "dialog-action-bar",
7
+ "description": "Footer with a ghost cancel button and a primary save/confirm button in a row. Canonical action bar for cards, dialogs, and forms.",
8
+ "shape": "Footer(Row(Button[v=ghost],Button[v=primary]))",
9
+ "tags": {
10
+ "purpose": ["actions", "form-footer"],
11
+ "layout": "row",
12
+ "interaction": ["form-submit", "dismiss"]
13
+ },
14
+ "keywords": ["footer", "cancel", "save", "submit", "confirm", "actions", "dialog"],
15
+ "slots": [
16
+ { "name": "cancelLabel", "targetId": "f-btn-cancel", "attribute": "text", "defaultValue": "Cancel" },
17
+ { "name": "confirmLabel", "targetId": "f-btn-save", "attribute": "text", "defaultValue": "Save", "required": true }
18
+ ],
19
+ "template": [
20
+ { "id": "f-root", "component": "Footer", "children": ["f-row"] },
21
+ { "id": "f-row", "component": "Row", "children": ["f-btn-cancel", "f-btn-save"], "gap": "2" },
22
+ { "id": "f-btn-cancel","component": "Button", "variant": "ghost", "text": "Cancel" },
23
+ { "id": "f-btn-save", "component": "Button", "variant": "primary", "text": "Save" }
24
+ ],
25
+ "links": {
26
+ "uses_components": ["Footer", "Row", "Button"],
27
+ "used_by": [],
28
+ "related": ["footer-primary-only"]
29
+ },
30
+ "metrics": { "leverage": 16.0, "pattern_count": 4, "instance_count": 4 }
31
+ }
package/fragments/action/footer-cancel-save.yaml ADDED
@@ -0,0 +1,34 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: footer-cancel-save
8
+ description: >-
9
+ Footer with a ghost cancel button and a primary save/confirm button in a row. Canonical action bar for cards, dialogs, and forms.
10
+ keywords:
11
+ - footer
12
+ - cancel
13
+ - save
14
+ - submit
15
+ - confirm
16
+ - actions
17
+ - dialog
18
+ slots:
19
+ cancelLabel:
20
+ required: false
21
+ target: f-btn-cancel.text
22
+ description: "TODO: describe 'cancelLabel' slot"
23
+ confirmLabel:
24
+ required: true
25
+ target: f-btn-save.text
26
+ description: "TODO: describe 'confirmLabel' slot"
27
+ leverage: 0
28
+ used_by: []
29
+ use-cases:
30
+ - "TODO: describe when to reach for this fragment"
31
+ components:
32
+ - Footer
33
+ - Row
34
+ - Button
package/fragments/action/footer-primary-only.json ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ "$schema": "../_schema.json",
3
+ "name": "footer-primary-only",
4
+ "version": 1,
5
+ "kind": "fragment",
6
+ "semantic_role": "single-action-footer",
7
+ "description": "Footer with a single primary button — for forms with one action (Submit, Continue, Save).",
8
+ "shape": "Footer(Button[v=primary])",
9
+ "tags": { "purpose": ["actions"], "layout": "row", "interaction": ["form-submit"] },
10
+ "keywords": ["footer", "submit", "continue", "primary"],
11
+ "slots": [
12
+ { "name": "label", "targetId": "fp-btn", "attribute": "text", "required": true, "defaultValue": "Submit" }
13
+ ],
14
+ "template": [
15
+ { "id": "fp-root", "component": "Footer", "children": ["fp-btn"] },
16
+ { "id": "fp-btn", "component": "Button", "variant": "primary", "text": "Submit", "block": true }
17
+ ],
18
+ "links": {
19
+ "uses_components": ["Footer", "Button"],
20
+ "related": ["footer-cancel-save"]
21
+ },
22
+ "metrics": { "leverage": 8.0, "pattern_count": 4, "instance_count": 4 }
23
+ }
package/fragments/action/footer-primary-only.yaml ADDED
@@ -0,0 +1,26 @@
1
+ # Generated by scripts/generate-yaml-scaffolds.mjs
2
+ # Narrative doc — JSON sibling remains the canonical machine source.
3
+ # Fill in TODO sections by hand.
4
+
5
+ $schema: ../../../../../scripts/schemas/fragment.yaml.schema.json
6
+ kind: fragment
7
+ name: footer-primary-only
8
+ description: >-
9
+ Footer with a single primary button — for forms with one action (Submit, Continue, Save).
10
+ keywords:
11
+ - footer
12
+ - submit
13
+ - continue
14
+ - primary
15
+ slots:
16
+ label:
17
+ required: true
18
+ target: fp-btn.text
19
+ description: "TODO: describe 'label' slot"
20
+ leverage: 0
21
+ used_by: []
22
+ use-cases:
23
+ - "TODO: describe when to reach for this fragment"
24
+ components:
25
+ - Footer
26
+ - Button