@adia-ai/a2ui-corpus 0.0.1 → 0.0.3

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 (733) hide show
  1. package/CHANGELOG.md +145 -20
  2. package/README.md +2 -2
  3. package/catalog-a2ui_0_9.json +804 -41
  4. package/chunks/_index.json +8056 -0
  5. package/chunks/accordion-basic.json +15 -0
  6. package/chunks/accordion-combinations.json +15 -0
  7. package/chunks/accordion-edge-cases.json +15 -0
  8. package/chunks/accordion-multiple.json +15 -0
  9. package/chunks/accordion-open.json +15 -0
  10. package/chunks/action-list-basic.json +15 -0
  11. package/chunks/action-list-combo.json +15 -0
  12. package/chunks/action-list-danger.json +15 -0
  13. package/chunks/action-list-disabled.json +15 -0
  14. package/chunks/action-list-edge.json +15 -0
  15. package/chunks/action-list-icon.json +15 -0
  16. package/chunks/agent-artifact-code.json +15 -0
  17. package/chunks/agent-artifact-tone.json +15 -0
  18. package/chunks/agent-feedback-bar-basic.json +15 -0
  19. package/chunks/agent-feedback-bar-save.json +15 -0
  20. package/chunks/agent-questions-multi.json +15 -0
  21. package/chunks/agent-questions-single.json +15 -0
  22. package/chunks/agent-reasoning-iterations.json +15 -0
  23. package/chunks/agent-reasoning-plan-and-thoughts.json +15 -0
  24. package/chunks/agent-reasoning-steps-only.json +15 -0
  25. package/chunks/agent-suggestions-basic.json +15 -0
  26. package/chunks/agent-suggestions-ghost.json +15 -0
  27. package/chunks/agent-suggestions-icons.json +15 -0
  28. package/chunks/agent-trace-feedback.json +15 -0
  29. package/chunks/agent-trace-metrics.json +15 -0
  30. package/chunks/agent-trace-pills.json +15 -0
  31. package/chunks/alert-closable.json +15 -0
  32. package/chunks/alert-combinations.json +15 -0
  33. package/chunks/alert-edge-cases.json +15 -0
  34. package/chunks/alert-icon.json +15 -0
  35. package/chunks/alert-text.json +15 -0
  36. package/chunks/alert-variant.json +15 -0
  37. package/chunks/auth-account-deleted-actions.json +15 -0
  38. package/chunks/auth-account-deleted.json +18 -0
  39. package/chunks/auth-card-content.json +247 -0
  40. package/chunks/auth-card-header.json +192 -0
  41. package/chunks/auth-email-entry.json +16 -0
  42. package/chunks/auth-email-verify-confirm.json +16 -0
  43. package/chunks/auth-email-verify.json +18 -0
  44. package/chunks/auth-forbidden-actions.json +15 -0
  45. package/chunks/auth-forbidden.json +18 -0
  46. package/chunks/auth-invite-actions.json +15 -0
  47. package/chunks/auth-invite-team-card.json +12 -0
  48. package/chunks/auth-link-expired-form.json +16 -0
  49. package/chunks/auth-link-expired.json +18 -0
  50. package/chunks/auth-locked-account.json +18 -0
  51. package/chunks/auth-locked-recovery-options.json +14 -0
  52. package/chunks/auth-mfa-enrollment-submit.json +16 -0
  53. package/chunks/auth-mfa-enrollment.json +18 -0
  54. package/chunks/auth-mfa-fallback-actions.json +14 -0
  55. package/chunks/auth-mfa-recovery.json +14 -0
  56. package/chunks/auth-new-password-form.json +14 -0
  57. package/chunks/auth-new-password.json +18 -0
  58. package/chunks/auth-oauth-fallback-actions.json +15 -0
  59. package/chunks/auth-oauth-interstitial.json +17 -0
  60. package/chunks/auth-password-challenge.json +14 -0
  61. package/chunks/auth-password-reset-form.json +16 -0
  62. package/chunks/auth-password-reset.json +18 -0
  63. package/chunks/auth-profile-form.json +14 -0
  64. package/chunks/auth-profile-setup.json +18 -0
  65. package/chunks/auth-reset-sent.json +17 -0
  66. package/chunks/auth-session-expired-actions.json +15 -0
  67. package/chunks/auth-session-expired.json +18 -0
  68. package/chunks/auth-signin-card-email.json +19 -0
  69. package/chunks/auth-signin-card-magic-link.json +14 -0
  70. package/chunks/auth-signin-card-mfa.json +18 -0
  71. package/chunks/auth-signin-card-otp.json +14 -0
  72. package/chunks/auth-signin-card-password.json +18 -0
  73. package/chunks/auth-signin-card-recovery.json +18 -0
  74. package/chunks/auth-signout-actions.json +15 -0
  75. package/chunks/auth-signout.json +18 -0
  76. package/chunks/auth-signup-email-entry.json +16 -0
  77. package/chunks/auth-signup-entry.json +19 -0
  78. package/chunks/auth-signup-social-auths.json +14 -0
  79. package/chunks/auth-signup-verify.json +17 -0
  80. package/chunks/auth-social-auths.json +14 -0
  81. package/chunks/auth-sso-providers.json +15 -0
  82. package/chunks/auth-sso-required.json +18 -0
  83. package/chunks/auth-team-invite.json +19 -0
  84. package/chunks/avatar-avatar-group.json +15 -0
  85. package/chunks/avatar-shape.json +15 -0
  86. package/chunks/avatar-size.json +15 -0
  87. package/chunks/avatar-src.json +15 -0
  88. package/chunks/avatar-text.json +15 -0
  89. package/chunks/badge-combinations.json +15 -0
  90. package/chunks/badge-edge-cases.json +15 -0
  91. package/chunks/badge-size.json +15 -0
  92. package/chunks/badge-text.json +15 -0
  93. package/chunks/badge-variant.json +15 -0
  94. package/chunks/block-combo.json +15 -0
  95. package/chunks/block-edge.json +15 -0
  96. package/chunks/block-margin.json +15 -0
  97. package/chunks/block-padding.json +15 -0
  98. package/chunks/breadcrumb-basic.json +15 -0
  99. package/chunks/breadcrumb-combo.json +15 -0
  100. package/chunks/breadcrumb-edge.json +15 -0
  101. package/chunks/breadcrumb-links.json +15 -0
  102. package/chunks/breadcrumb-long.json +15 -0
  103. package/chunks/breadcrumb-separator.json +15 -0
  104. package/chunks/bulk-action-toolbar-swap.json +15 -0
  105. package/chunks/button-block.json +15 -0
  106. package/chunks/button-combinations.json +15 -0
  107. package/chunks/button-disabled.json +15 -0
  108. package/chunks/button-edge-cases.json +15 -0
  109. package/chunks/button-icon.json +15 -0
  110. package/chunks/button-size.json +15 -0
  111. package/chunks/button-text-icon.json +15 -0
  112. package/chunks/button-text.json +15 -0
  113. package/chunks/button-trailing.json +15 -0
  114. package/chunks/button-type.json +15 -0
  115. package/chunks/button-variant-solid.json +15 -0
  116. package/chunks/button-variant.json +15 -0
  117. package/chunks/calendar-picker-default.json +15 -0
  118. package/chunks/calendar-picker-disabled.json +15 -0
  119. package/chunks/calendar-picker-format.json +15 -0
  120. package/chunks/calendar-picker-label.json +15 -0
  121. package/chunks/calendar-picker-max.json +15 -0
  122. package/chunks/calendar-picker-min-max.json +15 -0
  123. package/chunks/calendar-picker-min.json +15 -0
  124. package/chunks/calendar-picker-name.json +15 -0
  125. package/chunks/calendar-picker-open.json +15 -0
  126. package/chunks/calendar-picker-placeholder.json +15 -0
  127. package/chunks/calendar-picker-required.json +15 -0
  128. package/chunks/calendar-picker-value.json +15 -0
  129. package/chunks/canvas-basic.json +15 -0
  130. package/chunks/canvas-history.json +15 -0
  131. package/chunks/canvas-theme.json +15 -0
  132. package/chunks/card-elevation.json +15 -0
  133. package/chunks/card-header-body-footer.json +15 -0
  134. package/chunks/card-raw.json +15 -0
  135. package/chunks/card-size-lg.json +15 -0
  136. package/chunks/card-size-md.json +15 -0
  137. package/chunks/card-size.json +15 -0
  138. package/chunks/card-variant-filled.json +15 -0
  139. package/chunks/card-variant-ghost.json +15 -0
  140. package/chunks/card-variant-outlined.json +15 -0
  141. package/chunks/card-variant.json +15 -0
  142. package/chunks/chart-average.json +15 -0
  143. package/chunks/chart-color.json +15 -0
  144. package/chunks/chart-data-stream.json +15 -0
  145. package/chunks/chart-deprecated.json +15 -0
  146. package/chunks/chart-format.json +15 -0
  147. package/chunks/chart-hideGrid.json +15 -0
  148. package/chunks/chart-hideValues.json +15 -0
  149. package/chunks/chart-in-card-chart-plus-breakdown.json +15 -0
  150. package/chunks/chart-in-card-chart-plus-stat.json +15 -0
  151. package/chunks/chart-in-card-chart-with-filter-pills.json +15 -0
  152. package/chunks/chart-in-card-full-chart.json +15 -0
  153. package/chunks/chart-in-card-sparkline-tile.json +15 -0
  154. package/chunks/chart-in-card-stat-with-sparkline.json +15 -0
  155. package/chunks/chart-in-card-trend-footer.json +15 -0
  156. package/chunks/chart-legend-for.json +15 -0
  157. package/chunks/chart-legend-on-toggle.json +15 -0
  158. package/chunks/chart-legend-position.json +15 -0
  159. package/chunks/chart-legend-shape.json +15 -0
  160. package/chunks/chart-legend-static.json +15 -0
  161. package/chunks/chart-radius.json +15 -0
  162. package/chunks/chart-size.json +15 -0
  163. package/chunks/chart-sizing.json +15 -0
  164. package/chunks/chart-smooth.json +15 -0
  165. package/chunks/chart-states.json +15 -0
  166. package/chunks/chart-title.json +15 -0
  167. package/chunks/chart-type.json +15 -0
  168. package/chunks/chat-basic.json +15 -0
  169. package/chunks/chat-streaming.json +15 -0
  170. package/chunks/chat-with-input.json +15 -0
  171. package/chunks/check-checked.json +15 -0
  172. package/chunks/check-combinations.json +15 -0
  173. package/chunks/check-disabled.json +15 -0
  174. package/chunks/check-edge-cases.json +15 -0
  175. package/chunks/check-indeterminate.json +15 -0
  176. package/chunks/check-label.json +15 -0
  177. package/chunks/check-size.json +15 -0
  178. package/chunks/code-bare.json +15 -0
  179. package/chunks/code-combo.json +15 -0
  180. package/chunks/code-disabled-readonly.json +15 -0
  181. package/chunks/code-edge.json +15 -0
  182. package/chunks/code-editable.json +15 -0
  183. package/chunks/code-form-association.json +15 -0
  184. package/chunks/code-inline.json +15 -0
  185. package/chunks/code-language.json +15 -0
  186. package/chunks/code-line-numbers.json +15 -0
  187. package/chunks/code-lint-gutter.json +15 -0
  188. package/chunks/code-long-code.json +15 -0
  189. package/chunks/code-no-language.json +15 -0
  190. package/chunks/color-picker-default.json +15 -0
  191. package/chunks/color-picker-disabled.json +15 -0
  192. package/chunks/color-picker-format.json +15 -0
  193. package/chunks/color-picker-name.json +15 -0
  194. package/chunks/color-picker-value.json +15 -0
  195. package/chunks/command-combo.json +15 -0
  196. package/chunks/command-edge.json +15 -0
  197. package/chunks/command-grouped.json +15 -0
  198. package/chunks/command-inline.json +15 -0
  199. package/chunks/command-open.json +15 -0
  200. package/chunks/command-placeholder.json +15 -0
  201. package/chunks/command-shortcuts.json +15 -0
  202. package/chunks/commerce-pricing-tiers.json +16 -0
  203. package/chunks/conversion-funnel-4-step-funnel.json +15 -0
  204. package/chunks/conversion-funnel-wide-summary.json +15 -0
  205. package/chunks/conversion-funnel-with-segment-compare.json +15 -0
  206. package/chunks/dashboard-acquisition-panel.json +17 -0
  207. package/chunks/dashboard-admin-page.json +50 -0
  208. package/chunks/dashboard-audience-kpis.json +15 -0
  209. package/chunks/dashboard-audience-panel.json +19 -0
  210. package/chunks/dashboard-behavior-panel.json +17 -0
  211. package/chunks/dashboard-chart-recent.json +15 -0
  212. package/chunks/dashboard-cohort-retention.json +12 -0
  213. package/chunks/dashboard-conversion-panel.json +18 -0
  214. package/chunks/dashboard-country-list.json +12 -0
  215. package/chunks/dashboard-filter-bar.json +12 -0
  216. package/chunks/dashboard-funnel.json +12 -0
  217. package/chunks/dashboard-kpi-grid.json +15 -0
  218. package/chunks/dashboard-notifications-feed.json +12 -0
  219. package/chunks/dashboard-notifications-panel.json +17 -0
  220. package/chunks/dashboard-overview-panel.json +23 -0
  221. package/chunks/dashboard-page-header.json +14 -0
  222. package/chunks/dashboard-pages-table.json +12 -0
  223. package/chunks/dashboard-quick-actions.json +12 -0
  224. package/chunks/dashboard-reports-panel.json +17 -0
  225. package/chunks/dashboard-reports-table.json +12 -0
  226. package/chunks/dashboard-spark-cards.json +15 -0
  227. package/chunks/dashboard-storage-card.json +12 -0
  228. package/chunks/dashboard-tabs.json +14 -0
  229. package/chunks/dashboard-team-actions-storage.json +19 -0
  230. package/chunks/dashboard-team-list.json +12 -0
  231. package/chunks/dashboard-traffic-channels.json +15 -0
  232. package/chunks/dashboard-transactions-table.json +12 -0
  233. package/chunks/description-list-align.json +15 -0
  234. package/chunks/description-list-inline.json +15 -0
  235. package/chunks/description-list-items.json +15 -0
  236. package/chunks/description-list-layout.json +15 -0
  237. package/chunks/description-list-programmatic.json +15 -0
  238. package/chunks/description-list-stacked.json +15 -0
  239. package/chunks/divider-combo.json +15 -0
  240. package/chunks/divider-edge.json +15 -0
  241. package/chunks/divider-horizontal.json +15 -0
  242. package/chunks/divider-label.json +15 -0
  243. package/chunks/divider-vertical-label.json +15 -0
  244. package/chunks/divider-vertical.json +15 -0
  245. package/chunks/drawer-2fa-key.json +15 -0
  246. package/chunks/drawer-2fa-sms.json +15 -0
  247. package/chunks/drawer-2fa-totp.json +15 -0
  248. package/chunks/drawer-cancel-sub.json +15 -0
  249. package/chunks/drawer-change-plan.json +15 -0
  250. package/chunks/drawer-custom-roles.json +15 -0
  251. package/chunks/drawer-data-start.json +15 -0
  252. package/chunks/drawer-delete-account.json +15 -0
  253. package/chunks/drawer-delete-workspace.json +15 -0
  254. package/chunks/drawer-discord.json +15 -0
  255. package/chunks/drawer-edge-cases.json +15 -0
  256. package/chunks/drawer-figma.json +15 -0
  257. package/chunks/drawer-first-dashboard.json +15 -0
  258. package/chunks/drawer-footer.json +15 -0
  259. package/chunks/drawer-gcal.json +15 -0
  260. package/chunks/drawer-github.json +15 -0
  261. package/chunks/drawer-header-grid.json +15 -0
  262. package/chunks/drawer-invite.json +15 -0
  263. package/chunks/drawer-multi-section.json +15 -0
  264. package/chunks/drawer-open.json +15 -0
  265. package/chunks/drawer-payment-method.json +15 -0
  266. package/chunks/drawer-permanent.json +15 -0
  267. package/chunks/drawer-report.json +15 -0
  268. package/chunks/drawer-revoke-session.json +15 -0
  269. package/chunks/drawer-role.json +15 -0
  270. package/chunks/drawer-side.json +15 -0
  271. package/chunks/drawer-size.json +15 -0
  272. package/chunks/drawer-slack.json +15 -0
  273. package/chunks/drawer-smtp.json +15 -0
  274. package/chunks/drawer-source.json +15 -0
  275. package/chunks/drawer-text.json +15 -0
  276. package/chunks/drawer-transaction.json +15 -0
  277. package/chunks/embed-aspect.json +15 -0
  278. package/chunks/embed-default.json +15 -0
  279. package/chunks/embed-height.json +15 -0
  280. package/chunks/embed-src.json +15 -0
  281. package/chunks/embed-width.json +15 -0
  282. package/chunks/empty-state-action.json +15 -0
  283. package/chunks/empty-state-basic.json +15 -0
  284. package/chunks/empty-state-description.json +15 -0
  285. package/chunks/empty-state-error.json +15 -0
  286. package/chunks/empty-state-heading.json +15 -0
  287. package/chunks/empty-state-icon.json +15 -0
  288. package/chunks/error-404-actions.json +15 -0
  289. package/chunks/error-404.json +18 -0
  290. package/chunks/error-500-actions.json +15 -0
  291. package/chunks/error-500.json +18 -0
  292. package/chunks/error-maintenance-actions.json +15 -0
  293. package/chunks/error-maintenance.json +18 -0
  294. package/chunks/field-controls.json +15 -0
  295. package/chunks/field-default.json +15 -0
  296. package/chunks/field-error.json +15 -0
  297. package/chunks/field-hint.json +15 -0
  298. package/chunks/field-inline.json +15 -0
  299. package/chunks/field-no-label.json +15 -0
  300. package/chunks/field-required.json +15 -0
  301. package/chunks/filter-bar-active-filters.json +15 -0
  302. package/chunks/filter-bar-filter-bar-with-table.json +15 -0
  303. package/chunks/filter-bar-saved-views.json +15 -0
  304. package/chunks/form-drawer-edit-form.json +15 -0
  305. package/chunks/form-drawer-simple-form.json +15 -0
  306. package/chunks/form-drawer-tall-form.json +15 -0
  307. package/chunks/genui-feed-message.json +14 -0
  308. package/chunks/heatmap-data-stream.json +15 -0
  309. package/chunks/heatmap-day-grid.json +15 -0
  310. package/chunks/heatmap-matrix.json +15 -0
  311. package/chunks/icon-combinations.json +15 -0
  312. package/chunks/icon-edge-cases.json +15 -0
  313. package/chunks/icon-label.json +15 -0
  314. package/chunks/icon-name.json +15 -0
  315. package/chunks/icon-size.json +15 -0
  316. package/chunks/image-alt.json +15 -0
  317. package/chunks/image-default.json +15 -0
  318. package/chunks/image-fallback.json +15 -0
  319. package/chunks/image-fit.json +15 -0
  320. package/chunks/image-height.json +15 -0
  321. package/chunks/image-radius.json +15 -0
  322. package/chunks/image-src.json +15 -0
  323. package/chunks/image-width.json +15 -0
  324. package/chunks/input-combinations.json +15 -0
  325. package/chunks/input-disabled.json +15 -0
  326. package/chunks/input-edge-cases.json +15 -0
  327. package/chunks/input-error.json +15 -0
  328. package/chunks/input-label.json +15 -0
  329. package/chunks/input-name.json +15 -0
  330. package/chunks/input-pattern.json +15 -0
  331. package/chunks/input-placeholder.json +15 -0
  332. package/chunks/input-prefix-suffix.json +15 -0
  333. package/chunks/input-prefix.json +15 -0
  334. package/chunks/input-raw.json +15 -0
  335. package/chunks/input-readonly.json +15 -0
  336. package/chunks/input-required.json +15 -0
  337. package/chunks/input-size.json +15 -0
  338. package/chunks/input-suffix.json +15 -0
  339. package/chunks/input-type.json +15 -0
  340. package/chunks/input-value.json +15 -0
  341. package/chunks/inspector-default.json +15 -0
  342. package/chunks/inspector-imperative.json +15 -0
  343. package/chunks/inspector-nested.json +15 -0
  344. package/chunks/inspector-value.json +15 -0
  345. package/chunks/kbd-combinations.json +15 -0
  346. package/chunks/kbd-in-context.json +15 -0
  347. package/chunks/kbd-single-keys.json +15 -0
  348. package/chunks/kbd-size.json +15 -0
  349. package/chunks/layout-align.json +15 -0
  350. package/chunks/layout-col.json +15 -0
  351. package/chunks/layout-combo.json +15 -0
  352. package/chunks/layout-edge.json +15 -0
  353. package/chunks/layout-grid.json +15 -0
  354. package/chunks/layout-justify.json +15 -0
  355. package/chunks/layout-row.json +15 -0
  356. package/chunks/layout-stack.json +15 -0
  357. package/chunks/layout-wrap.json +15 -0
  358. package/chunks/list-basic.json +15 -0
  359. package/chunks/list-combo.json +15 -0
  360. package/chunks/list-description.json +15 -0
  361. package/chunks/list-divider.json +15 -0
  362. package/chunks/list-edge.json +15 -0
  363. package/chunks/list-icon.json +15 -0
  364. package/chunks/list-spacing.json +15 -0
  365. package/chunks/member-edit-drawer.json +15 -0
  366. package/chunks/menu-basic.json +15 -0
  367. package/chunks/menu-combo.json +15 -0
  368. package/chunks/menu-disabled.json +15 -0
  369. package/chunks/menu-divider.json +15 -0
  370. package/chunks/menu-edge.json +15 -0
  371. package/chunks/menu-gap.json +15 -0
  372. package/chunks/menu-icon.json +15 -0
  373. package/chunks/menu-open.json +15 -0
  374. package/chunks/menu-placement.json +15 -0
  375. package/chunks/menu-variant.json +15 -0
  376. package/chunks/modal-basic.json +15 -0
  377. package/chunks/modal-closable.json +15 -0
  378. package/chunks/modal-combinations.json +15 -0
  379. package/chunks/modal-edge-cases.json +15 -0
  380. package/chunks/modal-open.json +15 -0
  381. package/chunks/modal-size-xl.json +15 -0
  382. package/chunks/modal-size.json +15 -0
  383. package/chunks/modal-text.json +15 -0
  384. package/chunks/modal-trigger.json +15 -0
  385. package/chunks/noodles-animated.json +15 -0
  386. package/chunks/noodles-color.json +15 -0
  387. package/chunks/noodles-curve.json +15 -0
  388. package/chunks/noodles-editable.json +15 -0
  389. package/chunks/noodles-portSize.json +15 -0
  390. package/chunks/noodles-readonly.json +15 -0
  391. package/chunks/noodles-showPorts.json +15 -0
  392. package/chunks/noodles-strokeWidth.json +15 -0
  393. package/chunks/noodles-tension.json +15 -0
  394. package/chunks/onb-completion.json +14 -0
  395. package/chunks/onb-extension-install.json +14 -0
  396. package/chunks/onb-hero-welcome.json +14 -0
  397. package/chunks/onb-import-picker.json +14 -0
  398. package/chunks/onb-mobile-handoff.json +14 -0
  399. package/chunks/onb-notification-prefs.json +16 -0
  400. package/chunks/onb-persona-picker.json +14 -0
  401. package/chunks/onb-provider-tiles.json +14 -0
  402. package/chunks/onb-settings-review.json +14 -0
  403. package/chunks/onb-step-footer.json +108 -0
  404. package/chunks/onb-step-header.json +108 -0
  405. package/chunks/onb-step-progress.json +108 -0
  406. package/chunks/onb-story-pane.json +108 -0
  407. package/chunks/onb-tutorial-steps.json +14 -0
  408. package/chunks/option-card-default.json +15 -0
  409. package/chunks/option-card-dense.json +15 -0
  410. package/chunks/option-card-disabled.json +15 -0
  411. package/chunks/option-card-heading-rich.json +15 -0
  412. package/chunks/option-card-icon.json +15 -0
  413. package/chunks/option-card-spillover.json +15 -0
  414. package/chunks/otp-input-disabled.json +15 -0
  415. package/chunks/otp-input-length.json +15 -0
  416. package/chunks/otp-input-name.json +15 -0
  417. package/chunks/otp-input-value.json +15 -0
  418. package/chunks/pagination-basic.json +15 -0
  419. package/chunks/pagination-combo.json +15 -0
  420. package/chunks/pagination-edge.json +15 -0
  421. package/chunks/pagination-first-page.json +15 -0
  422. package/chunks/pagination-last-page.json +15 -0
  423. package/chunks/pagination-many-pages.json +15 -0
  424. package/chunks/pagination-page.json +15 -0
  425. package/chunks/pagination-siblings.json +15 -0
  426. package/chunks/pagination-size.json +15 -0
  427. package/chunks/pagination-total.json +15 -0
  428. package/chunks/pagination-variant.json +15 -0
  429. package/chunks/pane-basic.json +15 -0
  430. package/chunks/pane-collapsed.json +15 -0
  431. package/chunks/pane-combo.json +15 -0
  432. package/chunks/pane-edge.json +15 -0
  433. package/chunks/pane-maxWidth.json +15 -0
  434. package/chunks/pane-minWidth.json +15 -0
  435. package/chunks/pane-resizable.json +15 -0
  436. package/chunks/pane-sections.json +15 -0
  437. package/chunks/pipeline-status-complete.json +15 -0
  438. package/chunks/pipeline-status-message.json +15 -0
  439. package/chunks/pipeline-status-stage.json +15 -0
  440. package/chunks/playground-a2ui.json +12 -0
  441. package/chunks/playground-app-shell.json +14 -0
  442. package/chunks/playground-chat.json +15 -0
  443. package/chunks/playground-construct-canvas.json +14 -0
  444. package/chunks/playground-gen-ui.json +14 -0
  445. package/chunks/playground-render-preview.json +12 -0
  446. package/chunks/playground-streams-bridge.json +12 -0
  447. package/chunks/playground-table-toolbar.json +16 -0
  448. package/chunks/popover-combo.json +15 -0
  449. package/chunks/popover-edge.json +15 -0
  450. package/chunks/popover-gap.json +15 -0
  451. package/chunks/popover-open.json +15 -0
  452. package/chunks/popover-placement.json +15 -0
  453. package/chunks/popover-rich-content.json +15 -0
  454. package/chunks/popover-trigger-click.json +15 -0
  455. package/chunks/popover-trigger-hover.json +15 -0
  456. package/chunks/popover-trigger.json +15 -0
  457. package/chunks/progress-indeterminate.json +15 -0
  458. package/chunks/progress-row-basic.json +15 -0
  459. package/chunks/progress-row-combo.json +15 -0
  460. package/chunks/progress-row-edge.json +15 -0
  461. package/chunks/progress-row-indeterminate.json +15 -0
  462. package/chunks/progress-row-label.json +15 -0
  463. package/chunks/progress-row-meta.json +15 -0
  464. package/chunks/progress-row-multiple.json +15 -0
  465. package/chunks/progress-row-value.json +15 -0
  466. package/chunks/progress-row-variant.json +15 -0
  467. package/chunks/progress-sizes.json +15 -0
  468. package/chunks/progress-value.json +15 -0
  469. package/chunks/progress-variant.json +15 -0
  470. package/chunks/radio-checked.json +15 -0
  471. package/chunks/radio-combinations.json +15 -0
  472. package/chunks/radio-disabled.json +15 -0
  473. package/chunks/radio-edge-cases.json +15 -0
  474. package/chunks/radio-error.json +15 -0
  475. package/chunks/radio-group.json +15 -0
  476. package/chunks/radio-label.json +15 -0
  477. package/chunks/radio-name.json +15 -0
  478. package/chunks/radio-required.json +15 -0
  479. package/chunks/radio-size.json +15 -0
  480. package/chunks/radio-value.json +15 -0
  481. package/chunks/range-combinations.json +15 -0
  482. package/chunks/range-default.json +15 -0
  483. package/chunks/range-disabled.json +15 -0
  484. package/chunks/range-edge-cases.json +15 -0
  485. package/chunks/range-error.json +15 -0
  486. package/chunks/range-label.json +15 -0
  487. package/chunks/range-name.json +15 -0
  488. package/chunks/range-required.json +15 -0
  489. package/chunks/range-suffix.json +15 -0
  490. package/chunks/range-value.json +15 -0
  491. package/chunks/rating-allowHalf.json +15 -0
  492. package/chunks/rating-basic.json +15 -0
  493. package/chunks/rating-icon.json +15 -0
  494. package/chunks/rating-interactive.json +15 -0
  495. package/chunks/rating-max.json +15 -0
  496. package/chunks/rating-name.json +15 -0
  497. package/chunks/rating-readonly.json +15 -0
  498. package/chunks/rating-size.json +15 -0
  499. package/chunks/rating-value.json +15 -0
  500. package/chunks/record-detail-drawer-simple-detail.json +15 -0
  501. package/chunks/record-detail-drawer-tabbed-detail.json +15 -0
  502. package/chunks/reg-address-form.json +14 -0
  503. package/chunks/reg-billing-card.json +14 -0
  504. package/chunks/reg-brand-scrape.json +14 -0
  505. package/chunks/reg-departments-toggle.json +14 -0
  506. package/chunks/reg-extended-profile.json +14 -0
  507. package/chunks/reg-final-done.json +14 -0
  508. package/chunks/reg-helpdesk-grid.json +14 -0
  509. package/chunks/reg-import-picker.json +14 -0
  510. package/chunks/reg-integrations-grid.json +14 -0
  511. package/chunks/reg-invite-form.json +14 -0
  512. package/chunks/reg-legal-entity.json +14 -0
  513. package/chunks/reg-org-chart-review.json +14 -0
  514. package/chunks/reg-profile-identity.json +20 -0
  515. package/chunks/reg-step-footer.json +188 -0
  516. package/chunks/reg-step-header.json +189 -0
  517. package/chunks/reg-step-progress.json +188 -0
  518. package/chunks/reg-story-pane.json +188 -0
  519. package/chunks/reg-success-summary.json +14 -0
  520. package/chunks/reg-team-size.json +14 -0
  521. package/chunks/reg-usecase-picker.json +16 -0
  522. package/chunks/reg-workspace-name.json +20 -0
  523. package/chunks/retention-cohort-default-retention.json +15 -0
  524. package/chunks/retention-cohort-stat-pair.json +15 -0
  525. package/chunks/retention-cohort-with-legend.json +15 -0
  526. package/chunks/richtext-code-blocks.json +15 -0
  527. package/chunks/richtext-default-slot.json +15 -0
  528. package/chunks/richtext-markdown.json +15 -0
  529. package/chunks/richtext-rich-markdown.json +15 -0
  530. package/chunks/richtext-src.json +15 -0
  531. package/chunks/search-debounce.json +15 -0
  532. package/chunks/search-default.json +15 -0
  533. package/chunks/search-disabled.json +15 -0
  534. package/chunks/search-name.json +15 -0
  535. package/chunks/search-placeholder.json +15 -0
  536. package/chunks/search-value.json +15 -0
  537. package/chunks/segment-basic.json +15 -0
  538. package/chunks/segment-disabled.json +15 -0
  539. package/chunks/segment-icons.json +15 -0
  540. package/chunks/segment-text.json +15 -0
  541. package/chunks/segment-value.json +15 -0
  542. package/chunks/segmented-basic.json +15 -0
  543. package/chunks/segmented-combo.json +15 -0
  544. package/chunks/segmented-disabled.json +15 -0
  545. package/chunks/segmented-edge.json +15 -0
  546. package/chunks/segmented-pre-selected.json +15 -0
  547. package/chunks/segmented-value.json +15 -0
  548. package/chunks/select-avatar.json +15 -0
  549. package/chunks/select-basic.json +15 -0
  550. package/chunks/select-combinations.json +15 -0
  551. package/chunks/select-disabled.json +15 -0
  552. package/chunks/select-edge-cases.json +15 -0
  553. package/chunks/select-error.json +15 -0
  554. package/chunks/select-free-text.json +15 -0
  555. package/chunks/select-grouped.json +15 -0
  556. package/chunks/select-icon.json +15 -0
  557. package/chunks/select-label.json +15 -0
  558. package/chunks/select-multiple.json +15 -0
  559. package/chunks/select-name.json +15 -0
  560. package/chunks/select-open.json +15 -0
  561. package/chunks/select-placeholder.json +15 -0
  562. package/chunks/select-readonly.json +15 -0
  563. package/chunks/select-required.json +15 -0
  564. package/chunks/select-searchable.json +15 -0
  565. package/chunks/select-size.json +15 -0
  566. package/chunks/select-value.json +15 -0
  567. package/chunks/settings-billing-plan.json +14 -0
  568. package/chunks/settings-general-form.json +14 -0
  569. package/chunks/settings-integrations.json +14 -0
  570. package/chunks/settings-members-invite.json +14 -0
  571. package/chunks/settings-profile-security.json +14 -0
  572. package/chunks/skeleton-card-placeholder.json +15 -0
  573. package/chunks/skeleton-height.json +15 -0
  574. package/chunks/skeleton-radius.json +15 -0
  575. package/chunks/skeleton-static.json +15 -0
  576. package/chunks/skeleton-width-height.json +15 -0
  577. package/chunks/skeleton-width.json +15 -0
  578. package/chunks/slider-disabled.json +15 -0
  579. package/chunks/slider-error.json +15 -0
  580. package/chunks/slider-label.json +15 -0
  581. package/chunks/slider-name.json +15 -0
  582. package/chunks/slider-required.json +15 -0
  583. package/chunks/slider-suffix.json +15 -0
  584. package/chunks/slider-value.json +15 -0
  585. package/chunks/stat-basic.json +15 -0
  586. package/chunks/stat-change.json +15 -0
  587. package/chunks/stat-chart-slot.json +15 -0
  588. package/chunks/stat-data-stream.json +15 -0
  589. package/chunks/stat-grid.json +15 -0
  590. package/chunks/stat-icon.json +15 -0
  591. package/chunks/stat-label.json +15 -0
  592. package/chunks/stat-trend.json +15 -0
  593. package/chunks/stat-value.json +15 -0
  594. package/chunks/stepper-horizontal.json +15 -0
  595. package/chunks/stepper-interactive.json +15 -0
  596. package/chunks/stepper-step.json +15 -0
  597. package/chunks/stepper-vertical.json +15 -0
  598. package/chunks/stream-basic.json +15 -0
  599. package/chunks/stream-hide-cursor.json +15 -0
  600. package/chunks/stream-pace.json +15 -0
  601. package/chunks/stream-streaming.json +15 -0
  602. package/chunks/swiper-autoplay.json +15 -0
  603. package/chunks/swiper-basic.json +15 -0
  604. package/chunks/swiper-combo.json +15 -0
  605. package/chunks/swiper-gap.json +15 -0
  606. package/chunks/swiper-interval.json +15 -0
  607. package/chunks/swiper-loop.json +15 -0
  608. package/chunks/swiper-peek.json +15 -0
  609. package/chunks/swiper-slides-per-view.json +15 -0
  610. package/chunks/swiper-snap.json +15 -0
  611. package/chunks/switch-checked.json +15 -0
  612. package/chunks/switch-combinations.json +15 -0
  613. package/chunks/switch-disabled.json +15 -0
  614. package/chunks/switch-edge-cases.json +15 -0
  615. package/chunks/switch-label.json +15 -0
  616. package/chunks/switch-size.json +15 -0
  617. package/chunks/table-cell-types.json +15 -0
  618. package/chunks/table-data-stream.json +15 -0
  619. package/chunks/table-density.json +15 -0
  620. package/chunks/table-expandable.json +15 -0
  621. package/chunks/table-loading.json +15 -0
  622. package/chunks/table-paginate.json +15 -0
  623. package/chunks/table-raw.json +15 -0
  624. package/chunks/table-search.json +15 -0
  625. package/chunks/table-selectable.json +15 -0
  626. package/chunks/table-sortable.json +15 -0
  627. package/chunks/table-striped.json +15 -0
  628. package/chunks/tabs-basic.json +15 -0
  629. package/chunks/tabs-combinations.json +15 -0
  630. package/chunks/tabs-disabled.json +15 -0
  631. package/chunks/tabs-edge-cases.json +15 -0
  632. package/chunks/tabs-icon.json +15 -0
  633. package/chunks/tabs-keyboard.json +15 -0
  634. package/chunks/tabs-orientation.json +15 -0
  635. package/chunks/tabs-value.json +15 -0
  636. package/chunks/tabs-vertical.json +15 -0
  637. package/chunks/tag-combinations.json +15 -0
  638. package/chunks/tag-disabled.json +15 -0
  639. package/chunks/tag-removable.json +15 -0
  640. package/chunks/tag-size.json +15 -0
  641. package/chunks/tag-text.json +15 -0
  642. package/chunks/tag-variant.json +15 -0
  643. package/chunks/text-lines.json +15 -0
  644. package/chunks/text-truncate.json +15 -0
  645. package/chunks/text-variant.json +15 -0
  646. package/chunks/textarea-combinations.json +15 -0
  647. package/chunks/textarea-disabled.json +15 -0
  648. package/chunks/textarea-edge-cases.json +15 -0
  649. package/chunks/textarea-error.json +15 -0
  650. package/chunks/textarea-label.json +15 -0
  651. package/chunks/textarea-placeholder.json +15 -0
  652. package/chunks/textarea-readonly.json +15 -0
  653. package/chunks/textarea-resize.json +15 -0
  654. package/chunks/textarea-rows.json +15 -0
  655. package/chunks/timeline-compact.json +15 -0
  656. package/chunks/timeline-error.json +15 -0
  657. package/chunks/timeline-horizontal.json +15 -0
  658. package/chunks/timeline-icons.json +15 -0
  659. package/chunks/timeline-outcomes.json +15 -0
  660. package/chunks/timeline-variant.json +15 -0
  661. package/chunks/timeline-vertical.json +15 -0
  662. package/chunks/toast-closable.json +15 -0
  663. package/chunks/toast-combo.json +15 -0
  664. package/chunks/toast-duration.json +15 -0
  665. package/chunks/toast-edge.json +15 -0
  666. package/chunks/toast-position.json +15 -0
  667. package/chunks/toast-text.json +15 -0
  668. package/chunks/toast-variant.json +15 -0
  669. package/chunks/toggle-group-combo.json +15 -0
  670. package/chunks/toggle-group-disabled.json +15 -0
  671. package/chunks/toggle-group-edge.json +15 -0
  672. package/chunks/toggle-group-icon-group.json +15 -0
  673. package/chunks/toggle-group-pre-selected.json +15 -0
  674. package/chunks/toggle-group-single-vs-multi.json +15 -0
  675. package/chunks/toggle-group-single.json +15 -0
  676. package/chunks/toggle-group-text-group.json +15 -0
  677. package/chunks/toggle-group-value.json +15 -0
  678. package/chunks/toolbar-align.json +15 -0
  679. package/chunks/toolbar-basic.json +15 -0
  680. package/chunks/toolbar-bordered.json +15 -0
  681. package/chunks/toolbar-combo.json +15 -0
  682. package/chunks/toolbar-dividers.json +15 -0
  683. package/chunks/toolbar-edge.json +15 -0
  684. package/chunks/toolbar-gap.json +15 -0
  685. package/chunks/toolbar-overflow-none.json +30 -0
  686. package/chunks/toolbar-overflow.json +15 -0
  687. package/chunks/tooltip-combinations.json +15 -0
  688. package/chunks/tooltip-delay.json +15 -0
  689. package/chunks/tooltip-edge-cases.json +15 -0
  690. package/chunks/tooltip-placement.json +15 -0
  691. package/chunks/tooltip-text.json +15 -0
  692. package/chunks/tree-basic.json +15 -0
  693. package/chunks/tree-combo.json +15 -0
  694. package/chunks/tree-edge.json +15 -0
  695. package/chunks/tree-expand-collapse.json +15 -0
  696. package/chunks/tree-selection.json +15 -0
  697. package/chunks/upload-accept.json +15 -0
  698. package/chunks/upload-default.json +15 -0
  699. package/chunks/upload-disabled.json +15 -0
  700. package/chunks/upload-hint.json +15 -0
  701. package/chunks/upload-label-hint.json +15 -0
  702. package/chunks/upload-label.json +15 -0
  703. package/chunks/upload-multiple.json +15 -0
  704. package/chunks/upload-name.json +15 -0
  705. package/chunks/upload-value.json +15 -0
  706. package/chunks/wizard-drawer-three-step-wizard.json +15 -0
  707. package/exemplars/_shell.css +88 -0
  708. package/exemplars/prose/auth-login/index.html +29 -26
  709. package/exemplars/prose/cta/a2ui.json +1 -1
  710. package/exemplars/prose/cta/chunks/prose-cta-card-1.json +1 -1
  711. package/exemplars/prose/cta/index.html +15 -33
  712. package/exemplars/prose/feature-grid/index.html +7 -17
  713. package/exemplars/prose/footer/index.html +8 -9
  714. package/exemplars/prose/hero/index.html +14 -24
  715. package/exemplars/prose/pricing/index.html +7 -17
  716. package/exemplars/prose/steps/index.html +8 -5
  717. package/exemplars/prose/testimonials/index.html +19 -16
  718. package/exemplars/ui/auth-login/index.html +23 -34
  719. package/package.json +10 -5
  720. package/patterns/_components.json +2 -2
  721. package/patterns/_index.json +131 -41
  722. package/patterns/data/chart-card-with-trend-footer.json +102 -0
  723. package/patterns/data/chart-card-with-trend-footer.yaml +56 -0
  724. package/patterns/data/chart-grid-with-kpis.json +314 -0
  725. package/patterns/data/chart-grid-with-kpis.yaml +63 -0
  726. package/patterns/data/chart-with-filter-pills.json +127 -0
  727. package/patterns/data/chart-with-filter-pills.yaml +76 -0
  728. package/patterns/data/stat-with-sparkline.json +67 -0
  729. package/patterns/data/stat-with-sparkline.yaml +51 -0
  730. package/scripts/chunk-library.js +123 -0
  731. package/fragments/content/chart-legend.json +0 -122
  732. package/fragments/form/rating-row.json +0 -31
  733. package/fragments/form/rating-row.yaml +0 -40
@@ -4,9 +4,12 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
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>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
10
13
  </head>
11
14
  <body>
12
15
  <section prose>
@@ -17,11 +20,11 @@
17
20
  Full-width two-panel auth: brand story left, form right.
18
21
  Inspired by Linear, Vercel, Stripe auth pages.
19
22
  ═══════════════════════════════════════════ -->
20
- <card-ui style="overflow: hidden; width: 100%; max-width: 1080px;">
23
+ <card-ui>
21
24
  <section bleed>
22
25
  <grid-ui gap="0">
23
26
  <!-- 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;">
27
+ <col-ui data-scheme="dark" prose gap="6" justify="between" class="demo-brand-panel">
25
28
  <row-ui gap="1" align="center">
26
29
  <icon-ui name="cube" size="md"></icon-ui>
27
30
  <text-ui nomargin>Acme</text-ui>
@@ -52,7 +55,7 @@
52
55
  </col-ui>
53
56
 
54
57
  <!-- Form panel -->
55
- <col-ui justify="center" style="padding: var(--a-space-10);">
58
+ <col-ui justify="center">
56
59
  <col-ui gap="2" align="center">
57
60
  <h2 variant="title" nomargin>Welcome back</h2>
58
61
  <p variant="body" color="subtle" nomargin>Sign in to your workspace to pick up where you left off.</p>
@@ -70,7 +73,7 @@
70
73
  <input-ui label="Work email" placeholder="you@company.com" type="email"></input-ui>
71
74
  <input-ui label="Password" placeholder="••••••••" type="password" suffix="eye-slash"></input-ui>
72
75
  <row-ui justify="between" align="center" size="sm">
73
- <check-ui label="Remember this device"></check-ui>
76
+ <check-ui name="remember" label="Remember this device"></check-ui>
74
77
  <a href="#">Forgot password?</a>
75
78
  </row-ui>
76
79
  <button-ui text="Sign in" variant="primary" stretch></button-ui>
@@ -101,7 +104,7 @@
101
104
  Standalone registration with trust signals, feature
102
105
  highlights, and embedded testimonial strip.
103
106
  ═══════════════════════════════════════════ -->
104
- <col-ui gap="8" align="center" style="width: 100%; max-width: 1080px;">
107
+ <col-ui gap="8" align="center">
105
108
 
106
109
  <!-- Hero copy -->
107
110
  <header align="center" prose>
@@ -117,7 +120,7 @@
117
120
  </header>
118
121
 
119
122
  <!-- Form card -->
120
- <card-ui elevation="2" style="width: 100%; max-width: 460px;">
123
+ <card-ui elevation="2">
121
124
  <section>
122
125
  <col-ui gap="5">
123
126
  <col-ui gap="2">
@@ -136,7 +139,7 @@
136
139
  <input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
137
140
  </col-ui>
138
141
 
139
- <check-ui label="I agree to the Terms of Service and Privacy Policy" size="sm"></check-ui>
142
+ <check-ui size="sm" name="terms" label="I agree to the Terms of Service and Privacy Policy"></check-ui>
140
143
 
141
144
  <button-ui text="Create free account" variant="primary" stretch></button-ui>
142
145
 
@@ -182,7 +185,7 @@
182
185
  When a teammate invites you — branded, contextual,
183
186
  with workspace info and inviter details.
184
187
  ═══════════════════════════════════════════ -->
185
- <col-ui gap="6" align="center" style="width: 100%; max-width: 1080px;">
188
+ <col-ui gap="6" align="center">
186
189
 
187
190
  <header align="center" prose>
188
191
  <col-ui gap="3">
@@ -194,7 +197,7 @@
194
197
  </col-ui>
195
198
  </header>
196
199
 
197
- <card-ui elevation="1" style="width: 100%; max-width: 460px;">
200
+ <card-ui elevation="1">
198
201
  <section>
199
202
  <col-ui gap="5">
200
203
  <!-- Invitation context -->
@@ -248,7 +251,7 @@
248
251
  Passwordless flow with rich email confirmation state,
249
252
  resend controls, and alternative methods.
250
253
  ═══════════════════════════════════════════ -->
251
- <col-ui gap="8" align="center" style="width: 100%; max-width: 1080px;">
254
+ <col-ui gap="8" align="center">
252
255
 
253
256
  <header align="center" prose>
254
257
  <col-ui gap="3">
@@ -262,7 +265,7 @@
262
265
  </header>
263
266
 
264
267
  <!-- Step 1: email entry -->
265
- <card-ui style="width: 100%; max-width: 420px;">
268
+ <card-ui>
266
269
  <section>
267
270
  <col-ui gap="4">
268
271
  <input-ui label="Email address" placeholder="you@company.com" type="email"></input-ui>
@@ -276,7 +279,7 @@
276
279
  </card-ui>
277
280
 
278
281
  <!-- Step 2: check your email confirmation -->
279
- <card-ui style="width: 100%; max-width: 420px;">
282
+ <card-ui>
280
283
  <section>
281
284
  <col-ui gap="5" align="center">
282
285
  <col-ui gap="1" align="center">
@@ -292,7 +295,7 @@
292
295
 
293
296
  <divider-ui></divider-ui>
294
297
 
295
- <col-ui gap="2" style="width: 100%;">
298
+ <col-ui gap="2">
296
299
  <button-ui text="Resend link" variant="outline" stretch icon="arrow-clockwise"></button-ui>
297
300
  <button-ui text="Use a different email" variant="ghost" stretch icon="arrow-left"></button-ui>
298
301
  </col-ui>
@@ -307,7 +310,7 @@
307
310
  Three-stage flow: request → verify → success.
308
311
  Rich feedback, contextual guidance, strength meter.
309
312
  ═══════════════════════════════════════════ -->
310
- <col-ui gap="8" align="center" style="width: 100%; max-width: 1080px;">
313
+ <col-ui gap="8" align="center">
311
314
 
312
315
  <header align="center" prose>
313
316
  <col-ui gap="3">
@@ -320,7 +323,7 @@
320
323
  </header>
321
324
 
322
325
  <!-- Stage A: enter email -->
323
- <card-ui style="width: 100%; max-width: 420px;">
326
+ <card-ui>
324
327
  <section>
325
328
  <col-ui gap="4">
326
329
  <col-ui gap="1">
@@ -335,7 +338,7 @@
335
338
  </card-ui>
336
339
 
337
340
  <!-- Stage B: enter code + new password -->
338
- <card-ui style="width: 100%; max-width: 420px;">
341
+ <card-ui>
339
342
  <section>
340
343
  <col-ui gap="4">
341
344
  <col-ui gap="1">
@@ -376,7 +379,7 @@
376
379
  </card-ui>
377
380
 
378
381
  <!-- Stage C: success -->
379
- <card-ui style="width: 100%; max-width: 420px;">
382
+ <card-ui>
380
383
  <section>
381
384
  <col-ui gap="4" align="center">
382
385
  <icon-ui name="check-circle" size="lg" color="success"></icon-ui>
@@ -396,7 +399,7 @@
396
399
  Post-auth step: pick which workspace to enter.
397
400
  Shows org info, role, last active timestamps.
398
401
  ═══════════════════════════════════════════ -->
399
- <col-ui gap="6" align="center" style="width: 100%; max-width: 1080px;">
402
+ <col-ui gap="6" align="center">
400
403
 
401
404
  <header align="center" prose>
402
405
  <col-ui gap="3">
@@ -408,7 +411,7 @@
408
411
  </col-ui>
409
412
  </header>
410
413
 
411
- <col-ui gap="3" style="width: 100%; max-width: 460px;">
414
+ <col-ui gap="3">
412
415
  <card-ui variant="outlined" interactive>
413
416
  <section>
414
417
  <row-ui gap="3" align="center" justify="between">
@@ -482,7 +485,7 @@
482
485
  OTP entry with backup code option,
483
486
  trusted device toggle, and session context.
484
487
  ═══════════════════════════════════════════ -->
485
- <col-ui gap="6" align="center" style="width: 100%; max-width: 1080px;">
488
+ <col-ui gap="6" align="center">
486
489
 
487
490
  <header align="center" prose>
488
491
  <col-ui gap="3">
@@ -495,7 +498,7 @@
495
498
  </col-ui>
496
499
  </header>
497
500
 
498
- <card-ui style="width: 100%; max-width: 420px;">
501
+ <card-ui>
499
502
  <section>
500
503
  <col-ui gap="5">
501
504
  <col-ui gap="3" align="center">
@@ -503,7 +506,7 @@
503
506
  <otp-input-ui length="6" sixe="lg"></otp-input-ui>
504
507
  </col-ui>
505
508
 
506
- <check-ui label="Trust this device for 30 days" size="sm"></check-ui>
509
+ <check-ui size="sm" name="trust_device" label="Trust this device for 30 days"></check-ui>
507
510
 
508
511
  <button-ui text="Verify" variant="primary" stretch></button-ui>
509
512
 
@@ -533,7 +536,7 @@
533
536
  </section>
534
537
 
535
538
  <script type="module">
536
- import "../../../../web-components/components/index.js";
539
+ import "../../../../../web-components/components/index.js";
537
540
  </script>
538
541
  </body>
539
542
  </html>
@@ -99,7 +99,7 @@
99
99
  {
100
100
  "id": "icon-6",
101
101
  "component": "Icon",
102
- "name": "acme-logo"
102
+ "name": "hexagon"
103
103
  },
104
104
  {
105
105
  "id": "text-7",
@@ -62,7 +62,7 @@
62
62
  {
63
63
  "id": "icon-5",
64
64
  "component": "Icon",
65
- "name": "acme-logo"
65
+ "name": "hexagon"
66
66
  },
67
67
  {
68
68
  "id": "text-6",
@@ -4,49 +4,31 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Acme — CTA Patterns</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>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
23
13
  </head>
24
14
  <body>
25
15
  <section prose>
26
16
  <col-ui gap="16">
27
17
  <!-- ━━━ CTA A: Centered CTA Card ━━━ -->
28
- <card-ui
29
- elevation="2"
30
- data-scheme="dark"
31
- style="
32
- background:
33
- linear-gradient(to bottom right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)),
34
- url(&quot;https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?w=1200&q=80&quot;) center/cover no-repeat;
35
- "
36
- >
18
+ <card-ui elevation="2" data-scheme="dark" class="demo-cta-hero">
37
19
  <header>
38
- <col-ui align="center" gap="4" style="padding: 3rem 2rem">
39
- <icon-ui name="acme-logo"></icon-ui>
20
+ <col-ui align="center" gap="4">
21
+ <icon-ui name="hexagon"></icon-ui>
40
22
  <text-ui variant="kicker">Ready to start?</text-ui>
41
23
  <h2 variant="display" nomargin>Start building for free</h2>
42
- <text-ui slot="description" variant="caption" style="padding: 0 0rem; max-width: 56ch; text-align: center;">
24
+ <text-ui slot="description" variant="caption">
43
25
  Acme gives your team the tools to ship production-ready apps in days, not months. Start with our generous free tier and scale when you're
44
26
  ready.
45
27
  </text-ui>
46
28
  </col-ui>
47
29
  </header>
48
30
  <section>
49
- <col-ui align="center" gap="4" style="padding: 3rem 2rem">
31
+ <col-ui align="center" gap="4">
50
32
  <row-ui gap="4" justify="center">
51
33
  <button-ui text="Get Started Free" variant="primary" size="lg"></button-ui>
52
34
  <button-ui text="Talk to Sales" variant="outline" size="lg"></button-ui>
@@ -73,7 +55,7 @@
73
55
  <!-- ━━━ CTA B: Split CTA with Email Capture ━━━ -->
74
56
  <col-ui gap="6">
75
57
  <row-ui justify="between" align="center" gap="8" wrap>
76
- <col-ui gap="3" grow basis="0" style="min-width: 260px">
58
+ <col-ui gap="3" grow basis="0">
77
59
  <h2 variant="title" nomargin>Stay in the loop</h2>
78
60
  <p variant="body" color="subtle" nomargin>Get weekly product updates, tips, and early access to new features.</p>
79
61
  <row-ui gap="3">
@@ -106,7 +88,7 @@
106
88
  <button-ui text="Start Free Trial" variant="primary" size="lg"></button-ui>
107
89
  </col-ui>
108
90
  </header>
109
- <card-ui variant="outlined" style="max-width: 540px; width: 100%">
91
+ <card-ui variant="outlined">
110
92
  <section>
111
93
  <col-ui gap="4">
112
94
  <icon-ui name="quotes" color="accent"></icon-ui>
@@ -130,14 +112,14 @@
130
112
  <icon-ui name="star" weight="fill" color="warning"></icon-ui>
131
113
  <icon-ui name="star" weight="fill" color="warning"></icon-ui>
132
114
  <icon-ui name="star" weight="fill" color="warning"></icon-ui>
133
- <span color="muted" style="margin-left: 0.5rem">4.9 average rating</span>
115
+ <span color="muted">4.9 average rating</span>
134
116
  </row-ui>
135
117
  </col-ui>
136
118
  </col-ui>
137
119
  </section>
138
120
 
139
121
  <script type="module">
140
- import "../../../../web-components/components/index.js";
122
+ import "../../../../../web-components/components/index.js";
141
123
  </script>
142
124
  </body>
143
125
  </html>
@@ -4,22 +4,12 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>AdiaUI Block — Feature Grid</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>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
23
13
  </head>
24
14
  <body>
25
15
  <section prose>
@@ -97,7 +87,7 @@
97
87
  </section>
98
88
 
99
89
  <script type="module">
100
- import "../../../../web-components/components/index.js";
90
+ import "../../../../../web-components/components/index.js";
101
91
  </script>
102
92
  </body>
103
93
  </html>
@@ -4,15 +4,14 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>AdiaUI Block — Footer</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 { margin: 0; min-height: 100dvh; display: flex; align-items: flex-end; justify-content: center; padding: 2rem; box-sizing: border-box; font-family: var(--a-font-family); background: var(--a-bg); color: var(--a-fg); }
11
- footer a { color: var(--a-fg-subtle); text-decoration: none; font-size: var(--a-ui-md); transition: color var(--a-duration-fast) var(--a-easing); }
12
- footer a:hover { color: var(--a-fg); }
13
- body > section { min-width: 600px; }</style>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
14
13
  </head>
15
- <body>
14
+ <body data-anchor="bottom">
16
15
  <footer prose>
17
16
  <col-ui gap="8">
18
17
  <!-- Top Section -->
@@ -104,7 +103,7 @@
104
103
  </footer>
105
104
 
106
105
  <script type="module">
107
- import "../../../../web-components/components/index.js";
106
+ import "../../../../../web-components/components/index.js";
108
107
  </script>
109
108
  </body>
110
109
  </html>
@@ -4,22 +4,12 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Prose — Hero</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>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
23
13
  </head>
24
14
  <body>
25
15
  <section prose>
@@ -66,7 +56,7 @@
66
56
  <!-- Product screenshot placeholder -->
67
57
  <card-ui variant="outlined">
68
58
  <section>
69
- <col-ui align="center" justify="center" gap="2" style="padding: 5rem 0">
59
+ <col-ui align="center" justify="center" gap="2">
70
60
  <icon-ui name="browser" size="lg" color="muted"></icon-ui>
71
61
  <text-ui>Product screenshot</text-ui>
72
62
  </col-ui>
@@ -101,11 +91,11 @@
101
91
  <col-ui gap="3">
102
92
  <row-ui gap="2" align="center">
103
93
  <row-ui gap="-2" align="center">
104
- <avatar-ui name="Alice Chen" size="sm"></avatar-ui>
105
- <avatar-ui name="Bob Park" size="sm"></avatar-ui>
106
- <avatar-ui name="Carol Diaz" size="sm"></avatar-ui>
107
- <avatar-ui name="Dan Kumar" size="sm"></avatar-ui>
108
- <avatar-ui name="Eva Novak" size="sm"></avatar-ui>
94
+ <avatar-ui text="Alice Chen" size="sm"></avatar-ui>
95
+ <avatar-ui text="Bob Park" size="sm"></avatar-ui>
96
+ <avatar-ui text="Carol Diaz" size="sm"></avatar-ui>
97
+ <avatar-ui text="Dan Kumar" size="sm"></avatar-ui>
98
+ <avatar-ui text="Eva Novak" size="sm"></avatar-ui>
109
99
  </row-ui>
110
100
  <text-ui>12,000+ teams trust Acme</text-ui>
111
101
  </row-ui>
@@ -116,7 +106,7 @@
116
106
  <col-ui gap="4">
117
107
  <card-ui elevation="2">
118
108
  <section>
119
- <col-ui align="center" justify="center" gap="2" style="padding: 6rem 2rem">
109
+ <col-ui align="center" justify="center" gap="2">
120
110
  <icon-ui name="browser" size="lg" color="muted"></icon-ui>
121
111
  <text-ui>Product screenshot</text-ui>
122
112
  </col-ui>
@@ -221,7 +211,7 @@
221
211
  </section>
222
212
 
223
213
  <script type="module">
224
- import "../../../../web-components/components/index.js";
214
+ import "../../../../../web-components/components/index.js";
225
215
  </script>
226
216
  </body>
227
217
  </html>
@@ -4,22 +4,12 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>AdiaUI Block — Pricing</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>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
23
13
  </head>
24
14
  <body>
25
15
  <section prose>
@@ -302,7 +292,7 @@
302
292
  </section>
303
293
 
304
294
  <script type="module">
305
- import "../../../../web-components/components/index.js";
295
+ import "../../../../../web-components/components/index.js";
306
296
  </script>
307
297
  </body>
308
298
  </html>
@@ -4,13 +4,16 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>AdiaUI Pattern — Steps</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>
7
+ <link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
8
+ <link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
9
+ <link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
10
+ <link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
11
+ <link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
12
+ <link rel="stylesheet" href="../../_shell.css" />
10
13
  </head>
11
14
  <body>
12
15
  <section prose>
13
- <col-ui gap="8" style="width: 100%; max-width: 640px;">
16
+ <col-ui gap="8">
14
17
 
15
18
  <!-- 1. Horizontal -->
16
19
  <col-ui gap="3">
@@ -167,7 +170,7 @@
167
170
 
168
171
  <script type="module" src="setup.js"></script>
169
172
  <script type="module">
170
- import "../../../../web-components/components/index.js";
173
+ import "../../../../../web-components/components/index.js";
171
174
  </script>
172
175
  </body>
173
176
  </html>