@adia-ai/a2ui-corpus 0.0.7 → 0.0.9

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 (780) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/catalog-a2ui_0_9.json +2241 -1912
  3. package/catalog-a2ui_0_9_rules.txt +7 -31
  4. package/chunks/_index.json +826 -45
  5. package/chunks/access-denied-with-request.json +15 -0
  6. package/chunks/access-request-form.json +15 -0
  7. package/chunks/access-request-pending.json +15 -0
  8. package/chunks/accordion-basic.json +1 -1
  9. package/chunks/accordion-combinations.json +1 -1
  10. package/chunks/accordion-edge-cases.json +1 -1
  11. package/chunks/accordion-multiple.json +1 -1
  12. package/chunks/accordion-open.json +1 -1
  13. package/chunks/achievement-badges.json +15 -0
  14. package/chunks/achievement-unlock.json +15 -0
  15. package/chunks/action-list-basic.json +1 -1
  16. package/chunks/action-list-combo.json +1 -1
  17. package/chunks/action-list-danger.json +1 -1
  18. package/chunks/action-list-disabled.json +1 -1
  19. package/chunks/action-list-edge.json +1 -1
  20. package/chunks/action-list-icon.json +1 -1
  21. package/chunks/agent-artifact-code.json +1 -1
  22. package/chunks/agent-artifact-tone.json +1 -1
  23. package/chunks/agent-cost-detailed.json +15 -0
  24. package/chunks/agent-cost-inline.json +15 -0
  25. package/chunks/agent-feedback-bar-basic.json +1 -1
  26. package/chunks/agent-feedback-bar-save.json +1 -1
  27. package/chunks/agent-memory-detail.json +15 -0
  28. package/chunks/agent-memory-editor.json +15 -0
  29. package/chunks/agent-memory-list.json +15 -0
  30. package/chunks/agent-prompt-card.json +15 -0
  31. package/chunks/agent-prompt-library-grid.json +15 -0
  32. package/chunks/agent-prompt-picker.json +15 -0
  33. package/chunks/agent-questions-multi.json +1 -1
  34. package/chunks/agent-questions-single.json +1 -1
  35. package/chunks/agent-rate-limit.json +15 -0
  36. package/chunks/agent-reasoning-iterations.json +1 -1
  37. package/chunks/agent-reasoning-plan-and-thoughts.json +1 -1
  38. package/chunks/agent-reasoning-steps-only.json +1 -1
  39. package/chunks/agent-suggestions-basic.json +1 -1
  40. package/chunks/agent-suggestions-ghost.json +1 -1
  41. package/chunks/agent-suggestions-icons.json +1 -1
  42. package/chunks/agent-tool-call-collapsed.json +15 -0
  43. package/chunks/agent-tool-call-error.json +15 -0
  44. package/chunks/agent-tool-call-running.json +15 -0
  45. package/chunks/agent-tool-call-success.json +15 -0
  46. package/chunks/agent-trace-feedback.json +1 -1
  47. package/chunks/agent-trace-metrics.json +1 -1
  48. package/chunks/agent-trace-pills.json +1 -1
  49. package/chunks/alert-closable.json +1 -1
  50. package/chunks/alert-combinations.json +1 -1
  51. package/chunks/alert-edge-cases.json +1 -1
  52. package/chunks/alert-icon.json +1 -1
  53. package/chunks/alert-text.json +1 -1
  54. package/chunks/alert-variant.json +1 -1
  55. package/chunks/api-keys-create.json +15 -0
  56. package/chunks/api-keys-list.json +15 -0
  57. package/chunks/approvals-detail.json +15 -0
  58. package/chunks/approvals-queue.json +15 -0
  59. package/chunks/auth-account-deleted-actions.json +1 -1
  60. package/chunks/auth-account-deleted.json +1 -1
  61. package/chunks/auth-card-content.json +1 -1
  62. package/chunks/auth-card-header.json +1 -1
  63. package/chunks/auth-email-entry.json +1 -1
  64. package/chunks/auth-email-verify-confirm.json +1 -1
  65. package/chunks/auth-email-verify.json +1 -1
  66. package/chunks/auth-forbidden-actions.json +1 -1
  67. package/chunks/auth-forbidden.json +1 -1
  68. package/chunks/auth-invite-actions.json +1 -1
  69. package/chunks/auth-invite-team-card.json +1 -1
  70. package/chunks/auth-link-expired-form.json +1 -1
  71. package/chunks/auth-link-expired.json +1 -1
  72. package/chunks/auth-locked-account.json +1 -1
  73. package/chunks/auth-locked-recovery-options.json +1 -1
  74. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  75. package/chunks/auth-mfa-enrollment.json +1 -1
  76. package/chunks/auth-mfa-fallback-actions.json +1 -1
  77. package/chunks/auth-mfa-recovery.json +1 -1
  78. package/chunks/auth-new-password-form.json +1 -1
  79. package/chunks/auth-new-password.json +1 -1
  80. package/chunks/auth-oauth-fallback-actions.json +1 -1
  81. package/chunks/auth-oauth-interstitial.json +1 -1
  82. package/chunks/auth-password-challenge.json +1 -1
  83. package/chunks/auth-password-reset-form.json +1 -1
  84. package/chunks/auth-password-reset.json +1 -1
  85. package/chunks/auth-profile-form.json +1 -1
  86. package/chunks/auth-profile-setup.json +1 -1
  87. package/chunks/auth-reset-sent.json +1 -1
  88. package/chunks/auth-session-expired-actions.json +1 -1
  89. package/chunks/auth-session-expired.json +1 -1
  90. package/chunks/auth-signin-card-email.json +1 -1
  91. package/chunks/auth-signin-card-magic-link.json +1 -1
  92. package/chunks/auth-signin-card-mfa.json +1 -1
  93. package/chunks/auth-signin-card-otp.json +1 -1
  94. package/chunks/auth-signin-card-password.json +1 -1
  95. package/chunks/auth-signin-card-recovery.json +1 -1
  96. package/chunks/auth-signout-actions.json +1 -1
  97. package/chunks/auth-signout.json +1 -1
  98. package/chunks/auth-signup-email-entry.json +1 -1
  99. package/chunks/auth-signup-entry.json +1 -1
  100. package/chunks/auth-signup-social-auths.json +1 -1
  101. package/chunks/auth-signup-verify.json +1 -1
  102. package/chunks/auth-social-auths.json +1 -1
  103. package/chunks/auth-sso-providers.json +1 -1
  104. package/chunks/auth-sso-required.json +1 -1
  105. package/chunks/auth-team-invite.json +1 -1
  106. package/chunks/avatar-avatar-group.json +1 -1
  107. package/chunks/avatar-shape.json +1 -1
  108. package/chunks/avatar-size.json +1 -1
  109. package/chunks/avatar-src.json +1 -1
  110. package/chunks/avatar-text.json +1 -1
  111. package/chunks/badge-combinations.json +1 -1
  112. package/chunks/badge-edge-cases.json +1 -1
  113. package/chunks/badge-size.json +1 -1
  114. package/chunks/badge-text.json +1 -1
  115. package/chunks/badge-variant.json +1 -1
  116. package/chunks/banner-announcement-beta.json +15 -0
  117. package/chunks/banner-announcement-promo.json +15 -0
  118. package/chunks/banner-live-update.json +15 -0
  119. package/chunks/banner-system-maintenance.json +15 -0
  120. package/chunks/banner-system-offline.json +15 -0
  121. package/chunks/banner-system-update.json +15 -0
  122. package/chunks/bell-menu-empty.json +15 -0
  123. package/chunks/bell-menu-unread.json +15 -0
  124. package/chunks/block-combo.json +1 -1
  125. package/chunks/block-edge.json +1 -1
  126. package/chunks/block-margin.json +1 -1
  127. package/chunks/block-padding.json +1 -1
  128. package/chunks/breadcrumb-basic.json +1 -1
  129. package/chunks/breadcrumb-combo.json +1 -1
  130. package/chunks/breadcrumb-edge.json +1 -1
  131. package/chunks/breadcrumb-icon-leading.json +15 -0
  132. package/chunks/breadcrumb-links.json +1 -1
  133. package/chunks/breadcrumb-long.json +1 -1
  134. package/chunks/breadcrumb-overflow.json +15 -0
  135. package/chunks/breadcrumb-separator.json +1 -1
  136. package/chunks/bulk-action-toolbar-swap.json +2 -2
  137. package/chunks/button-block.json +1 -1
  138. package/chunks/button-combinations.json +1 -1
  139. package/chunks/button-disabled.json +1 -1
  140. package/chunks/button-edge-cases.json +1 -1
  141. package/chunks/button-icon.json +1 -1
  142. package/chunks/button-size.json +1 -1
  143. package/chunks/button-text-icon.json +1 -1
  144. package/chunks/button-text.json +1 -1
  145. package/chunks/button-trailing.json +1 -1
  146. package/chunks/button-type.json +1 -1
  147. package/chunks/button-variant-solid.json +1 -1
  148. package/chunks/button-variant.json +1 -1
  149. package/chunks/calendar-picker-default.json +1 -1
  150. package/chunks/calendar-picker-disabled.json +1 -1
  151. package/chunks/calendar-picker-format.json +1 -1
  152. package/chunks/calendar-picker-label.json +1 -1
  153. package/chunks/calendar-picker-max.json +1 -1
  154. package/chunks/calendar-picker-min-max.json +1 -1
  155. package/chunks/calendar-picker-min.json +1 -1
  156. package/chunks/calendar-picker-name.json +1 -1
  157. package/chunks/calendar-picker-open.json +1 -1
  158. package/chunks/calendar-picker-placeholder.json +1 -1
  159. package/chunks/calendar-picker-required.json +1 -1
  160. package/chunks/calendar-picker-value.json +1 -1
  161. package/chunks/canvas-basic.json +1 -1
  162. package/chunks/canvas-history.json +1 -1
  163. package/chunks/canvas-theme.json +1 -1
  164. package/chunks/card-elevation.json +1 -1
  165. package/chunks/card-header-body-footer.json +1 -1
  166. package/chunks/card-raw.json +1 -1
  167. package/chunks/card-size-lg.json +1 -1
  168. package/chunks/card-size-md.json +1 -1
  169. package/chunks/card-size.json +1 -1
  170. package/chunks/card-variant-filled.json +1 -1
  171. package/chunks/card-variant-ghost.json +1 -1
  172. package/chunks/card-variant-outlined.json +1 -1
  173. package/chunks/card-variant.json +1 -1
  174. package/chunks/chart-average.json +1 -1
  175. package/chunks/chart-color.json +1 -1
  176. package/chunks/chart-data-stream.json +1 -1
  177. package/chunks/chart-deprecated.json +1 -1
  178. package/chunks/chart-format.json +1 -1
  179. package/chunks/chart-hideGrid.json +1 -1
  180. package/chunks/chart-hideValues.json +1 -1
  181. package/chunks/chart-in-card-chart-plus-breakdown.json +1 -1
  182. package/chunks/chart-in-card-chart-plus-stat.json +1 -1
  183. package/chunks/chart-in-card-chart-with-filter-pills.json +1 -1
  184. package/chunks/chart-in-card-full-chart.json +1 -1
  185. package/chunks/chart-in-card-sparkline-tile.json +1 -1
  186. package/chunks/chart-in-card-stat-with-sparkline.json +1 -1
  187. package/chunks/chart-in-card-trend-footer.json +1 -1
  188. package/chunks/chart-legend-for.json +1 -1
  189. package/chunks/chart-legend-on-toggle.json +1 -1
  190. package/chunks/chart-legend-position.json +1 -1
  191. package/chunks/chart-legend-shape.json +1 -1
  192. package/chunks/chart-legend-static.json +1 -1
  193. package/chunks/chart-radius.json +1 -1
  194. package/chunks/chart-size.json +1 -1
  195. package/chunks/chart-sizing.json +1 -1
  196. package/chunks/chart-smooth.json +1 -1
  197. package/chunks/chart-states.json +1 -1
  198. package/chunks/chart-title.json +1 -1
  199. package/chunks/chart-type.json +1 -1
  200. package/chunks/check-checked.json +1 -1
  201. package/chunks/check-combinations.json +1 -1
  202. package/chunks/check-disabled.json +1 -1
  203. package/chunks/check-edge-cases.json +1 -1
  204. package/chunks/check-indeterminate.json +1 -1
  205. package/chunks/check-label.json +1 -1
  206. package/chunks/check-size.json +1 -1
  207. package/chunks/code-bare.json +1 -1
  208. package/chunks/code-combo.json +1 -1
  209. package/chunks/code-disabled-readonly.json +1 -1
  210. package/chunks/code-edge.json +1 -1
  211. package/chunks/code-editable.json +1 -1
  212. package/chunks/code-form-association.json +1 -1
  213. package/chunks/code-inline.json +1 -1
  214. package/chunks/code-language.json +1 -1
  215. package/chunks/code-line-numbers.json +1 -1
  216. package/chunks/code-lint-gutter.json +1 -1
  217. package/chunks/code-long-code.json +1 -1
  218. package/chunks/code-no-language.json +1 -1
  219. package/chunks/color-picker-default.json +1 -1
  220. package/chunks/color-picker-disabled.json +1 -1
  221. package/chunks/color-picker-format.json +1 -1
  222. package/chunks/color-picker-name.json +1 -1
  223. package/chunks/color-picker-value.json +1 -1
  224. package/chunks/command-combo.json +1 -1
  225. package/chunks/command-edge.json +1 -1
  226. package/chunks/command-grouped.json +1 -1
  227. package/chunks/command-inline.json +1 -1
  228. package/chunks/command-open.json +1 -1
  229. package/chunks/command-placeholder.json +1 -1
  230. package/chunks/command-shortcuts.json +1 -1
  231. package/chunks/comments-composer.json +15 -0
  232. package/chunks/comments-mention-menu.json +15 -0
  233. package/chunks/comments-thread.json +15 -0
  234. package/chunks/commerce-pricing-tiers.json +1 -1
  235. package/chunks/conversion-funnel-4-step-funnel.json +1 -1
  236. package/chunks/conversion-funnel-wide-summary.json +1 -1
  237. package/chunks/conversion-funnel-with-segment-compare.json +1 -1
  238. package/chunks/dashboard-acquisition-panel.json +1 -1
  239. package/chunks/dashboard-admin-page.json +1 -1
  240. package/chunks/dashboard-audience-kpis.json +1 -1
  241. package/chunks/dashboard-audience-panel.json +1 -1
  242. package/chunks/dashboard-behavior-panel.json +1 -1
  243. package/chunks/dashboard-chart-recent.json +1 -1
  244. package/chunks/dashboard-cohort-retention.json +1 -1
  245. package/chunks/dashboard-conversion-panel.json +1 -1
  246. package/chunks/dashboard-country-list.json +1 -1
  247. package/chunks/dashboard-filter-bar.json +1 -1
  248. package/chunks/dashboard-funnel.json +1 -1
  249. package/chunks/dashboard-kpi-grid.json +1 -1
  250. package/chunks/dashboard-notifications-feed.json +1 -1
  251. package/chunks/dashboard-notifications-panel.json +1 -1
  252. package/chunks/dashboard-overview-panel.json +1 -1
  253. package/chunks/dashboard-page-header.json +1 -1
  254. package/chunks/dashboard-pages-table.json +1 -1
  255. package/chunks/dashboard-quick-actions.json +1 -1
  256. package/chunks/dashboard-reports-panel.json +1 -1
  257. package/chunks/dashboard-reports-table.json +1 -1
  258. package/chunks/dashboard-spark-cards.json +1 -1
  259. package/chunks/dashboard-storage-card.json +1 -1
  260. package/chunks/dashboard-tabs.json +1 -1
  261. package/chunks/dashboard-team-actions-storage.json +1 -1
  262. package/chunks/dashboard-team-list.json +1 -1
  263. package/chunks/dashboard-traffic-channels.json +1 -1
  264. package/chunks/dashboard-transactions-table.json +1 -1
  265. package/chunks/data-export-history.json +15 -0
  266. package/chunks/data-export-request.json +15 -0
  267. package/chunks/description-list-align.json +1 -1
  268. package/chunks/description-list-inline.json +1 -1
  269. package/chunks/description-list-items.json +1 -1
  270. package/chunks/description-list-layout.json +1 -1
  271. package/chunks/description-list-programmatic.json +1 -1
  272. package/chunks/description-list-stacked.json +1 -1
  273. package/chunks/diff-inline.json +15 -0
  274. package/chunks/diff-side-by-side.json +15 -0
  275. package/chunks/diff-structured.json +15 -0
  276. package/chunks/digest-email-preview.json +15 -0
  277. package/chunks/divider-combo.json +1 -1
  278. package/chunks/divider-edge.json +1 -1
  279. package/chunks/divider-horizontal.json +1 -1
  280. package/chunks/divider-label.json +1 -1
  281. package/chunks/divider-vertical-label.json +1 -1
  282. package/chunks/divider-vertical.json +1 -1
  283. package/chunks/drawer-2fa-key.json +1 -1
  284. package/chunks/drawer-2fa-sms.json +1 -1
  285. package/chunks/drawer-2fa-totp.json +1 -1
  286. package/chunks/drawer-cancel-sub.json +1 -1
  287. package/chunks/drawer-change-plan.json +1 -1
  288. package/chunks/drawer-custom-roles.json +1 -1
  289. package/chunks/drawer-data-start.json +1 -1
  290. package/chunks/drawer-delete-account.json +1 -1
  291. package/chunks/drawer-delete-workspace.json +1 -1
  292. package/chunks/drawer-discord.json +1 -1
  293. package/chunks/drawer-edge-cases.json +1 -1
  294. package/chunks/drawer-figma.json +1 -1
  295. package/chunks/drawer-first-dashboard.json +1 -1
  296. package/chunks/drawer-footer.json +1 -1
  297. package/chunks/drawer-gcal.json +1 -1
  298. package/chunks/drawer-github.json +1 -1
  299. package/chunks/drawer-header-grid.json +1 -1
  300. package/chunks/drawer-invite.json +1 -1
  301. package/chunks/drawer-multi-section.json +1 -1
  302. package/chunks/drawer-open.json +1 -1
  303. package/chunks/drawer-payment-method.json +1 -1
  304. package/chunks/drawer-permanent.json +1 -1
  305. package/chunks/drawer-report.json +1 -1
  306. package/chunks/drawer-revoke-session.json +1 -1
  307. package/chunks/drawer-role.json +1 -1
  308. package/chunks/drawer-side.json +1 -1
  309. package/chunks/drawer-size.json +1 -1
  310. package/chunks/drawer-slack.json +1 -1
  311. package/chunks/drawer-smtp.json +1 -1
  312. package/chunks/drawer-source.json +1 -1
  313. package/chunks/drawer-text.json +1 -1
  314. package/chunks/drawer-transaction.json +1 -1
  315. package/chunks/embed-aspect.json +1 -1
  316. package/chunks/embed-default.json +1 -1
  317. package/chunks/embed-height.json +1 -1
  318. package/chunks/embed-src.json +1 -1
  319. package/chunks/embed-width.json +1 -1
  320. package/chunks/empty-state-action.json +1 -1
  321. package/chunks/empty-state-basic.json +1 -1
  322. package/chunks/empty-state-description.json +1 -1
  323. package/chunks/empty-state-error.json +1 -1
  324. package/chunks/empty-state-heading.json +1 -1
  325. package/chunks/empty-state-icon.json +1 -1
  326. package/chunks/error-404-actions.json +1 -1
  327. package/chunks/error-404.json +1 -1
  328. package/chunks/error-500-actions.json +1 -1
  329. package/chunks/error-500.json +1 -1
  330. package/chunks/error-maintenance-actions.json +1 -1
  331. package/chunks/error-maintenance.json +1 -1
  332. package/chunks/field-controls.json +1 -1
  333. package/chunks/field-default.json +1 -1
  334. package/chunks/field-error.json +1 -1
  335. package/chunks/field-hint.json +1 -1
  336. package/chunks/field-inline.json +1 -1
  337. package/chunks/field-no-label.json +1 -1
  338. package/chunks/field-required.json +1 -1
  339. package/chunks/filter-bar-active-filters.json +2 -2
  340. package/chunks/filter-bar-filter-bar-with-table.json +2 -2
  341. package/chunks/filter-bar-saved-views.json +2 -2
  342. package/chunks/form-drawer-edit-form.json +1 -1
  343. package/chunks/form-drawer-simple-form.json +1 -1
  344. package/chunks/form-drawer-tall-form.json +1 -1
  345. package/chunks/forms-address-autocomplete.json +15 -0
  346. package/chunks/forms-address-fields.json +15 -0
  347. package/chunks/forms-conditional-reveal.json +15 -0
  348. package/chunks/heatmap-data-stream.json +1 -1
  349. package/chunks/heatmap-day-grid.json +1 -1
  350. package/chunks/heatmap-matrix.json +1 -1
  351. package/chunks/hero-cta-simple.json +15 -0
  352. package/chunks/hero-cta-split.json +15 -0
  353. package/chunks/icon-combinations.json +1 -1
  354. package/chunks/icon-edge-cases.json +1 -1
  355. package/chunks/icon-label.json +1 -1
  356. package/chunks/icon-name.json +1 -1
  357. package/chunks/icon-size.json +1 -1
  358. package/chunks/image-alt.json +1 -1
  359. package/chunks/image-default.json +1 -1
  360. package/chunks/image-fallback.json +1 -1
  361. package/chunks/image-fit.json +1 -1
  362. package/chunks/image-height.json +1 -1
  363. package/chunks/image-radius.json +1 -1
  364. package/chunks/image-src.json +1 -1
  365. package/chunks/image-width.json +1 -1
  366. package/chunks/input-combinations.json +1 -1
  367. package/chunks/input-disabled.json +1 -1
  368. package/chunks/input-edge-cases.json +1 -1
  369. package/chunks/input-error.json +1 -1
  370. package/chunks/input-label.json +1 -1
  371. package/chunks/input-name.json +1 -1
  372. package/chunks/input-pattern.json +1 -1
  373. package/chunks/input-placeholder.json +1 -1
  374. package/chunks/input-prefix-suffix.json +1 -1
  375. package/chunks/input-prefix.json +1 -1
  376. package/chunks/input-raw.json +1 -1
  377. package/chunks/input-readonly.json +1 -1
  378. package/chunks/input-required.json +1 -1
  379. package/chunks/input-size.json +1 -1
  380. package/chunks/input-suffix.json +1 -1
  381. package/chunks/input-type.json +1 -1
  382. package/chunks/input-value.json +1 -1
  383. package/chunks/inspector-default.json +1 -1
  384. package/chunks/inspector-imperative.json +1 -1
  385. package/chunks/inspector-nested.json +1 -1
  386. package/chunks/inspector-value.json +1 -1
  387. package/chunks/kanban-board.json +15 -0
  388. package/chunks/kbd-combinations.json +1 -1
  389. package/chunks/kbd-in-context.json +1 -1
  390. package/chunks/kbd-single-keys.json +1 -1
  391. package/chunks/kbd-size.json +1 -1
  392. package/chunks/layout-align.json +1 -1
  393. package/chunks/layout-col.json +1 -1
  394. package/chunks/layout-combo.json +1 -1
  395. package/chunks/layout-edge.json +1 -1
  396. package/chunks/layout-grid.json +1 -1
  397. package/chunks/layout-justify.json +1 -1
  398. package/chunks/layout-row.json +1 -1
  399. package/chunks/layout-stack.json +1 -1
  400. package/chunks/layout-wrap.json +1 -1
  401. package/chunks/list-basic.json +1 -1
  402. package/chunks/list-combo.json +1 -1
  403. package/chunks/list-description.json +1 -1
  404. package/chunks/list-divider.json +1 -1
  405. package/chunks/list-edge.json +1 -1
  406. package/chunks/list-icon.json +1 -1
  407. package/chunks/list-spacing.json +1 -1
  408. package/chunks/member-edit-drawer.json +1 -1
  409. package/chunks/menu-basic.json +1 -1
  410. package/chunks/menu-combo.json +1 -1
  411. package/chunks/menu-disabled.json +1 -1
  412. package/chunks/menu-divider.json +1 -1
  413. package/chunks/menu-edge.json +1 -1
  414. package/chunks/menu-gap.json +1 -1
  415. package/chunks/menu-icon.json +1 -1
  416. package/chunks/menu-open.json +1 -1
  417. package/chunks/menu-placement.json +1 -1
  418. package/chunks/menu-variant.json +1 -1
  419. package/chunks/modal-basic.json +1 -1
  420. package/chunks/modal-closable.json +1 -1
  421. package/chunks/modal-combinations.json +1 -1
  422. package/chunks/modal-edge-cases.json +1 -1
  423. package/chunks/modal-open.json +1 -1
  424. package/chunks/modal-size-xl.json +1 -1
  425. package/chunks/modal-size.json +1 -1
  426. package/chunks/modal-text.json +1 -1
  427. package/chunks/modal-trigger.json +1 -1
  428. package/chunks/noodles-animated.json +1 -1
  429. package/chunks/noodles-color.json +1 -1
  430. package/chunks/noodles-curve.json +1 -1
  431. package/chunks/noodles-editable.json +1 -1
  432. package/chunks/noodles-portSize.json +1 -1
  433. package/chunks/noodles-readonly.json +1 -1
  434. package/chunks/noodles-showPorts.json +1 -1
  435. package/chunks/noodles-strokeWidth.json +1 -1
  436. package/chunks/noodles-tension.json +1 -1
  437. package/chunks/onb-completion.json +1 -1
  438. package/chunks/onb-extension-install.json +1 -1
  439. package/chunks/onb-hero-welcome.json +2 -2
  440. package/chunks/onb-import-picker.json +1 -1
  441. package/chunks/onb-mobile-handoff.json +1 -1
  442. package/chunks/onb-notification-prefs.json +1 -1
  443. package/chunks/onb-persona-picker.json +1 -1
  444. package/chunks/onb-provider-tiles.json +1 -1
  445. package/chunks/onb-settings-review.json +1 -1
  446. package/chunks/onb-step-footer.json +2 -2
  447. package/chunks/onb-step-header.json +2 -2
  448. package/chunks/onb-step-progress.json +1 -1
  449. package/chunks/onb-step-shell.json +1 -1
  450. package/chunks/onb-story-pane.json +2 -2
  451. package/chunks/onb-tutorial-steps.json +1 -1
  452. package/chunks/option-card-default.json +1 -1
  453. package/chunks/option-card-dense.json +1 -1
  454. package/chunks/option-card-disabled.json +1 -1
  455. package/chunks/option-card-heading-rich.json +1 -1
  456. package/chunks/option-card-icon.json +1 -1
  457. package/chunks/option-card-spillover.json +1 -1
  458. package/chunks/otp-input-disabled.json +1 -1
  459. package/chunks/otp-input-length.json +1 -1
  460. package/chunks/otp-input-name.json +1 -1
  461. package/chunks/otp-input-value.json +1 -1
  462. package/chunks/pagination-basic.json +1 -1
  463. package/chunks/pagination-combo.json +1 -1
  464. package/chunks/pagination-edge.json +1 -1
  465. package/chunks/pagination-first-page.json +1 -1
  466. package/chunks/pagination-last-page.json +1 -1
  467. package/chunks/pagination-many-pages.json +1 -1
  468. package/chunks/pagination-page.json +1 -1
  469. package/chunks/pagination-siblings.json +1 -1
  470. package/chunks/pagination-size.json +1 -1
  471. package/chunks/pagination-total.json +1 -1
  472. package/chunks/pagination-variant.json +1 -1
  473. package/chunks/pane-basic.json +1 -1
  474. package/chunks/pane-collapsed.json +1 -1
  475. package/chunks/pane-combo.json +1 -1
  476. package/chunks/pane-edge.json +1 -1
  477. package/chunks/pane-maxWidth.json +1 -1
  478. package/chunks/pane-minWidth.json +1 -1
  479. package/chunks/pane-resizable.json +1 -1
  480. package/chunks/pane-sections.json +1 -1
  481. package/chunks/permissions-matrix-grid.json +15 -0
  482. package/chunks/permissions-matrix-summary.json +15 -0
  483. package/chunks/permissions-role-picker-radio.json +15 -0
  484. package/chunks/permissions-role-picker-select.json +15 -0
  485. package/chunks/permissions-share-link.json +15 -0
  486. package/chunks/permissions-share-people.json +15 -0
  487. package/chunks/permissions-sharing-scopes.json +15 -0
  488. package/chunks/pipeline-status-complete.json +1 -1
  489. package/chunks/pipeline-status-message.json +1 -1
  490. package/chunks/pipeline-status-stage.json +1 -1
  491. package/chunks/playground-a2ui.json +1 -1
  492. package/chunks/playground-render-preview.json +1 -1
  493. package/chunks/playground-streams-bridge.json +1 -1
  494. package/chunks/playground-table-toolbar.json +1 -1
  495. package/chunks/popover-combo.json +1 -1
  496. package/chunks/popover-edge.json +1 -1
  497. package/chunks/popover-gap.json +1 -1
  498. package/chunks/popover-open.json +1 -1
  499. package/chunks/popover-placement.json +1 -1
  500. package/chunks/popover-rich-content.json +1 -1
  501. package/chunks/popover-trigger-click.json +1 -1
  502. package/chunks/popover-trigger-hover.json +1 -1
  503. package/chunks/popover-trigger.json +1 -1
  504. package/chunks/profile-public.json +15 -0
  505. package/chunks/progress-indeterminate.json +1 -1
  506. package/chunks/progress-row-basic.json +1 -1
  507. package/chunks/progress-row-combo.json +1 -1
  508. package/chunks/progress-row-edge.json +1 -1
  509. package/chunks/progress-row-indeterminate.json +1 -1
  510. package/chunks/progress-row-label.json +1 -1
  511. package/chunks/progress-row-meta.json +1 -1
  512. package/chunks/progress-row-multiple.json +1 -1
  513. package/chunks/progress-row-value.json +1 -1
  514. package/chunks/progress-row-variant.json +1 -1
  515. package/chunks/progress-sizes.json +1 -1
  516. package/chunks/progress-value.json +1 -1
  517. package/chunks/progress-variant.json +1 -1
  518. package/chunks/radio-checked.json +1 -1
  519. package/chunks/radio-combinations.json +1 -1
  520. package/chunks/radio-disabled.json +1 -1
  521. package/chunks/radio-edge-cases.json +1 -1
  522. package/chunks/radio-error.json +1 -1
  523. package/chunks/radio-group.json +1 -1
  524. package/chunks/radio-label.json +1 -1
  525. package/chunks/radio-name.json +1 -1
  526. package/chunks/radio-required.json +1 -1
  527. package/chunks/radio-size.json +1 -1
  528. package/chunks/radio-value.json +1 -1
  529. package/chunks/range-combinations.json +1 -1
  530. package/chunks/range-default.json +1 -1
  531. package/chunks/range-disabled.json +1 -1
  532. package/chunks/range-edge-cases.json +1 -1
  533. package/chunks/range-error.json +1 -1
  534. package/chunks/range-label.json +1 -1
  535. package/chunks/range-name.json +1 -1
  536. package/chunks/range-required.json +1 -1
  537. package/chunks/range-suffix.json +1 -1
  538. package/chunks/range-value.json +1 -1
  539. package/chunks/rating-allowHalf.json +1 -1
  540. package/chunks/rating-basic.json +1 -1
  541. package/chunks/rating-icon.json +1 -1
  542. package/chunks/rating-interactive.json +1 -1
  543. package/chunks/rating-max.json +1 -1
  544. package/chunks/rating-name.json +1 -1
  545. package/chunks/rating-readonly.json +1 -1
  546. package/chunks/rating-size.json +1 -1
  547. package/chunks/rating-value.json +1 -1
  548. package/chunks/reactions-bar.json +15 -0
  549. package/chunks/reactions-picker.json +15 -0
  550. package/chunks/record-detail-drawer-simple-detail.json +1 -1
  551. package/chunks/record-detail-drawer-tabbed-detail.json +1 -1
  552. package/chunks/referral-share-link.json +15 -0
  553. package/chunks/referral-status.json +15 -0
  554. package/chunks/reg-address-form.json +1 -1
  555. package/chunks/reg-billing-card.json +1 -1
  556. package/chunks/reg-brand-scrape.json +1 -1
  557. package/chunks/reg-departments-toggle.json +1 -1
  558. package/chunks/reg-extended-profile.json +2 -2
  559. package/chunks/reg-final-done.json +1 -1
  560. package/chunks/reg-helpdesk-grid.json +1 -1
  561. package/chunks/reg-import-picker.json +1 -1
  562. package/chunks/reg-integrations-grid.json +1 -1
  563. package/chunks/reg-invite-form.json +1 -1
  564. package/chunks/reg-legal-entity.json +1 -1
  565. package/chunks/reg-org-chart-review.json +1 -1
  566. package/chunks/reg-profile-identity.json +1 -1
  567. package/chunks/reg-step-footer.json +2 -2
  568. package/chunks/reg-step-header.json +2 -2
  569. package/chunks/reg-step-progress.json +1 -1
  570. package/chunks/reg-step-shell.json +1 -1
  571. package/chunks/reg-story-pane.json +2 -2
  572. package/chunks/reg-success-summary.json +1 -1
  573. package/chunks/reg-team-size.json +1 -1
  574. package/chunks/reg-usecase-picker.json +1 -1
  575. package/chunks/reg-workspace-name.json +1 -1
  576. package/chunks/retention-cohort-default-retention.json +1 -1
  577. package/chunks/retention-cohort-stat-pair.json +1 -1
  578. package/chunks/retention-cohort-with-legend.json +1 -1
  579. package/chunks/richtext-code-blocks.json +1 -1
  580. package/chunks/richtext-default-slot.json +1 -1
  581. package/chunks/richtext-markdown.json +1 -1
  582. package/chunks/richtext-rich-markdown.json +1 -1
  583. package/chunks/richtext-src.json +1 -1
  584. package/chunks/search-debounce.json +1 -1
  585. package/chunks/search-default.json +1 -1
  586. package/chunks/search-disabled.json +1 -1
  587. package/chunks/search-name.json +1 -1
  588. package/chunks/search-placeholder.json +1 -1
  589. package/chunks/search-recents-menu.json +15 -0
  590. package/chunks/search-results-grouped.json +15 -0
  591. package/chunks/search-results-list.json +15 -0
  592. package/chunks/search-saved-views.json +15 -0
  593. package/chunks/search-value.json +1 -1
  594. package/chunks/segment-basic.json +1 -1
  595. package/chunks/segment-disabled.json +1 -1
  596. package/chunks/segment-icons.json +1 -1
  597. package/chunks/segment-text.json +1 -1
  598. package/chunks/segment-value.json +1 -1
  599. package/chunks/segmented-basic.json +1 -1
  600. package/chunks/segmented-combo.json +1 -1
  601. package/chunks/segmented-disabled.json +1 -1
  602. package/chunks/segmented-edge.json +1 -1
  603. package/chunks/segmented-pre-selected.json +1 -1
  604. package/chunks/segmented-value.json +1 -1
  605. package/chunks/select-avatar.json +1 -1
  606. package/chunks/select-basic.json +1 -1
  607. package/chunks/select-combinations.json +1 -1
  608. package/chunks/select-disabled.json +1 -1
  609. package/chunks/select-edge-cases.json +1 -1
  610. package/chunks/select-error.json +1 -1
  611. package/chunks/select-free-text.json +1 -1
  612. package/chunks/select-grouped.json +1 -1
  613. package/chunks/select-icon.json +1 -1
  614. package/chunks/select-label.json +1 -1
  615. package/chunks/select-multiple.json +1 -1
  616. package/chunks/select-name.json +1 -1
  617. package/chunks/select-open.json +1 -1
  618. package/chunks/select-placeholder.json +1 -1
  619. package/chunks/select-readonly.json +1 -1
  620. package/chunks/select-required.json +1 -1
  621. package/chunks/select-searchable.json +1 -1
  622. package/chunks/select-size.json +1 -1
  623. package/chunks/select-value.json +1 -1
  624. package/chunks/settings-billing-plan.json +1 -1
  625. package/chunks/settings-general-form.json +1 -1
  626. package/chunks/settings-integrations.json +1 -1
  627. package/chunks/settings-members-invite.json +1 -1
  628. package/chunks/settings-profile-security.json +1 -1
  629. package/chunks/skeleton-card-placeholder.json +1 -1
  630. package/chunks/skeleton-height.json +1 -1
  631. package/chunks/skeleton-radius.json +1 -1
  632. package/chunks/skeleton-static.json +1 -1
  633. package/chunks/skeleton-width-height.json +1 -1
  634. package/chunks/skeleton-width.json +1 -1
  635. package/chunks/slider-disabled.json +1 -1
  636. package/chunks/slider-error.json +1 -1
  637. package/chunks/slider-label.json +1 -1
  638. package/chunks/slider-name.json +1 -1
  639. package/chunks/slider-required.json +1 -1
  640. package/chunks/slider-suffix.json +1 -1
  641. package/chunks/slider-value.json +1 -1
  642. package/chunks/sortable-list.json +15 -0
  643. package/chunks/stat-basic.json +1 -1
  644. package/chunks/stat-change.json +1 -1
  645. package/chunks/stat-chart-slot.json +1 -1
  646. package/chunks/stat-data-stream.json +1 -1
  647. package/chunks/stat-grid.json +1 -1
  648. package/chunks/stat-icon.json +1 -1
  649. package/chunks/stat-label.json +1 -1
  650. package/chunks/stat-trend.json +1 -1
  651. package/chunks/stat-value.json +1 -1
  652. package/chunks/stepper-horizontal.json +1 -1
  653. package/chunks/stepper-interactive.json +1 -1
  654. package/chunks/stepper-step.json +1 -1
  655. package/chunks/stepper-vertical.json +1 -1
  656. package/chunks/stream-basic.json +1 -1
  657. package/chunks/stream-hide-cursor.json +1 -1
  658. package/chunks/stream-pace.json +1 -1
  659. package/chunks/stream-streaming.json +1 -1
  660. package/chunks/swiper-autoplay.json +1 -1
  661. package/chunks/swiper-basic.json +1 -1
  662. package/chunks/swiper-combo.json +1 -1
  663. package/chunks/swiper-gap.json +1 -1
  664. package/chunks/swiper-interval.json +1 -1
  665. package/chunks/swiper-loop.json +1 -1
  666. package/chunks/swiper-peek.json +1 -1
  667. package/chunks/swiper-slides-per-view.json +1 -1
  668. package/chunks/swiper-snap.json +1 -1
  669. package/chunks/switch-checked.json +1 -1
  670. package/chunks/switch-combinations.json +1 -1
  671. package/chunks/switch-disabled.json +1 -1
  672. package/chunks/switch-edge-cases.json +1 -1
  673. package/chunks/switch-label.json +1 -1
  674. package/chunks/switch-size.json +1 -1
  675. package/chunks/table-cell-types.json +1 -1
  676. package/chunks/table-data-stream.json +1 -1
  677. package/chunks/table-density.json +1 -1
  678. package/chunks/table-expandable.json +1 -1
  679. package/chunks/table-inline-edit-row.json +15 -0
  680. package/chunks/table-loading.json +1 -1
  681. package/chunks/table-paginate.json +1 -1
  682. package/chunks/table-raw.json +1 -1
  683. package/chunks/table-search.json +1 -1
  684. package/chunks/table-selectable.json +1 -1
  685. package/chunks/table-sortable.json +1 -1
  686. package/chunks/table-spreadsheet-cells.json +15 -0
  687. package/chunks/table-striped.json +1 -1
  688. package/chunks/tabs-basic.json +1 -1
  689. package/chunks/tabs-combinations.json +1 -1
  690. package/chunks/tabs-disabled.json +1 -1
  691. package/chunks/tabs-edge-cases.json +1 -1
  692. package/chunks/tabs-icon.json +1 -1
  693. package/chunks/tabs-keyboard.json +1 -1
  694. package/chunks/tabs-orientation.json +1 -1
  695. package/chunks/tabs-value.json +1 -1
  696. package/chunks/tabs-vertical.json +1 -1
  697. package/chunks/tag-combinations.json +1 -1
  698. package/chunks/tag-disabled.json +1 -1
  699. package/chunks/tag-removable.json +1 -1
  700. package/chunks/tag-size.json +1 -1
  701. package/chunks/tag-text.json +1 -1
  702. package/chunks/tag-variant.json +1 -1
  703. package/chunks/text-lines.json +1 -1
  704. package/chunks/text-truncate.json +1 -1
  705. package/chunks/text-variant.json +1 -1
  706. package/chunks/textarea-combinations.json +1 -1
  707. package/chunks/textarea-disabled.json +1 -1
  708. package/chunks/textarea-edge-cases.json +1 -1
  709. package/chunks/textarea-error.json +1 -1
  710. package/chunks/textarea-label.json +1 -1
  711. package/chunks/textarea-placeholder.json +1 -1
  712. package/chunks/textarea-readonly.json +1 -1
  713. package/chunks/textarea-resize.json +1 -1
  714. package/chunks/textarea-rows.json +1 -1
  715. package/chunks/timeline-compact.json +1 -1
  716. package/chunks/timeline-error.json +1 -1
  717. package/chunks/timeline-horizontal.json +1 -1
  718. package/chunks/timeline-icons.json +1 -1
  719. package/chunks/timeline-outcomes.json +1 -1
  720. package/chunks/timeline-variant.json +1 -1
  721. package/chunks/timeline-vertical.json +1 -1
  722. package/chunks/toast-closable.json +1 -1
  723. package/chunks/toast-combo.json +1 -1
  724. package/chunks/toast-duration.json +1 -1
  725. package/chunks/toast-edge.json +1 -1
  726. package/chunks/toast-position.json +1 -1
  727. package/chunks/toast-text.json +1 -1
  728. package/chunks/toast-variant.json +2 -2
  729. package/chunks/toggle-group-combo.json +1 -1
  730. package/chunks/toggle-group-disabled.json +1 -1
  731. package/chunks/toggle-group-edge.json +1 -1
  732. package/chunks/toggle-group-icon-group.json +1 -1
  733. package/chunks/toggle-group-pre-selected.json +1 -1
  734. package/chunks/toggle-group-single-vs-multi.json +1 -1
  735. package/chunks/toggle-group-single.json +1 -1
  736. package/chunks/toggle-group-text-group.json +1 -1
  737. package/chunks/toggle-group-value.json +1 -1
  738. package/chunks/toolbar-align.json +1 -1
  739. package/chunks/toolbar-basic.json +1 -1
  740. package/chunks/toolbar-bordered.json +1 -1
  741. package/chunks/toolbar-combo.json +1 -1
  742. package/chunks/toolbar-dividers.json +1 -1
  743. package/chunks/toolbar-edge.json +1 -1
  744. package/chunks/toolbar-gap.json +1 -1
  745. package/chunks/toolbar-overflow-none.json +1 -1
  746. package/chunks/toolbar-overflow.json +1 -1
  747. package/chunks/tooltip-combinations.json +1 -1
  748. package/chunks/tooltip-delay.json +1 -1
  749. package/chunks/tooltip-edge-cases.json +1 -1
  750. package/chunks/tooltip-placement.json +1 -1
  751. package/chunks/tooltip-text.json +1 -1
  752. package/chunks/tree-basic.json +1 -1
  753. package/chunks/tree-combo.json +1 -1
  754. package/chunks/tree-edge.json +1 -1
  755. package/chunks/tree-expand-collapse.json +1 -1
  756. package/chunks/tree-selection.json +1 -1
  757. package/chunks/tree-table-basic.json +15 -0
  758. package/chunks/upload-accept.json +1 -1
  759. package/chunks/upload-default.json +1 -1
  760. package/chunks/upload-disabled.json +1 -1
  761. package/chunks/upload-hint.json +1 -1
  762. package/chunks/upload-label-hint.json +1 -1
  763. package/chunks/upload-label.json +1 -1
  764. package/chunks/upload-multiple.json +1 -1
  765. package/chunks/upload-name.json +1 -1
  766. package/chunks/upload-value.json +1 -1
  767. package/chunks/verification-document-upload.json +15 -0
  768. package/chunks/verification-status.json +15 -0
  769. package/chunks/verification-stepper.json +15 -0
  770. package/chunks/webhooks-list.json +15 -0
  771. package/chunks/wizard-drawer-three-step-wizard.json +1 -1
  772. package/package.json +1 -1
  773. package/patterns/_components.json +1 -1
  774. package/chunks/chat-basic.json +0 -15
  775. package/chunks/chat-streaming.json +0 -15
  776. package/chunks/chat-with-input.json +0 -15
  777. package/chunks/playground-app-shell.json +0 -14
  778. package/chunks/playground-chat.json +0 -15
  779. package/chunks/playground-construct-canvas.json +0 -14
  780. package/chunks/playground-gen-ui.json +0 -14
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-col data-chunk=\"settings-billing-plan\">\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"star\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Pro</text-ui>\n <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n </span>\n <span slot=\"action\">\n <button-ui text=\"Change plan\" variant=\"primary\" size=\"sm\" onclick=\"document.getElementById('drawer-change-plan').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">$49/month · billed monthly · Next invoice May 14, 2026</text-ui>\n </span>\n </header>\n </card-ui>\n <field-ui label=\"Billing interval\">\n <segmented-ui value=\"monthly\">\n <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n </segmented-ui>\n </field-ui>\n </div>",
12
12
  "source": "site/pages/examples/billing/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-col data-chunk=\"settings-general-form\">\n <field-ui label=\"Workspace name\">\n <input-ui placeholder=\"My Workspace\" value=\"AdiaUI\"></input-ui>\n </field-ui>\n <field-ui label=\"Slug\">\n <input-ui prefix=\"/\" placeholder=\"my-workspace\" value=\"adia-ui\"></input-ui>\n </field-ui>\n </div>",
12
12
  "source": "site/pages/examples/settings-page/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-col data-chunk=\"settings-integrations\">\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"slack-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Slack</text-ui>\n <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\">\n <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-slack').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Posts to #product-updates · connected by Alex Chen</text-ui>\n </span>\n </header>\n </card-ui>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"github-logo\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>GitHub</text-ui>\n <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n </span>\n <span slot=\"action\">\n <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-github').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">acme-corp organization · 14 repositories synced</text-ui>\n </span>\n </header>\n </card-ui>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"envelope\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Email (SMTP)</text-ui>\n <badge-ui text=\"Action needed\" variant=\"warning\"></badge-ui>\n </span>\n <span slot=\"action\">\n <button-ui text=\"Reconnect\" variant=\"primary\" onclick=\"document.getElementById('drawer-smtp').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Credentials expired on April 12, 2026</text-ui>\n </span>\n </header>\n </card-ui>\n </div>",
12
12
  "source": "site/pages/examples/integrations/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-col data-chunk=\"settings-members-invite\">\n <field-ui label=\"Email addresses\">\n <textarea-ui placeholder=\"alex@acme.com, sarah@acme.com (comma or newline separated)\" rows=\"3\"></textarea-ui>\n </field-ui>\n <field-ui label=\"Default role\">\n <select-ui value=\"member\">\n <option value=\"admin\">Admin · can invite, remove, and billing</option>\n <option value=\"member\">Member · can edit and invite</option>\n <option value=\"viewer\">Viewer · read-only</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Send welcome email\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n </div>",
12
12
  "source": "site/pages/examples/members/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<div data-col data-chunk=\"settings-profile-security\">\n <row-ui gap=\"4\" align=\"center\">\n <avatar-ui text=\"Kim Granlund\" size=\"xl\"></avatar-ui>\n <col-ui gap=\"2\">\n <field-ui label=\"Upload new avatar\">\n <upload-ui accept=\"image/*\"></upload-ui>\n </field-ui>\n <text-ui color=\"subtle\" size=\"sm\">JPG, PNG or WebP. Max 2 MB. Square images render best.</text-ui>\n </col-ui>\n </row-ui>\n <field-ui label=\"Full name\">\n <input-ui value=\"Kim Granlund\"></input-ui>\n </field-ui>\n <field-ui label=\"Display name\">\n <input-ui value=\"kimba\" prefix=\"@\"></input-ui>\n </field-ui>\n <field-ui label=\"Email\">\n <input-ui value=\"kim@acme.com\" type=\"email\"></input-ui>\n </field-ui>\n <field-ui label=\"Bio\">\n <textarea-ui placeholder=\"Tell the team a bit about yourself\" rows=\"3\">Product engineer. Working on the gen-UI pipeline.</textarea-ui>\n </field-ui>\n </div>",
12
12
  "source": "site/pages/examples/profile-security/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"card-placeholder\" data-chunk=\"skeleton-card-placeholder\">\n <h2 variant=\"section\">Card Placeholder</h2>\n <p data-note>Composite skeleton layout simulating a loading card.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"card placeholder\">\n <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3); width:280px; padding:var(--a-space-4); border:1px solid var(--ui-border); border-radius:var(--a-radius-md);\">\n <skeleton-ui width=\"100%\" height=\"120px\" radius=\"md\"></skeleton-ui>\n <skeleton-ui width=\"70%\" height=\"1.2em\" radius=\"sm\"></skeleton-ui>\n <skeleton-ui width=\"100%\" height=\"0.9em\" radius=\"sm\"></skeleton-ui>\n <skeleton-ui width=\"90%\" height=\"0.9em\" radius=\"sm\"></skeleton-ui>\n <skeleton-ui width=\"60%\" height=\"0.9em\" radius=\"sm\"></skeleton-ui>\n </div>\n </div>\n <div data-artifact-item data-artifact-label=\"avatar + text lines\">\n <div style=\"display:flex; gap:var(--a-space-3); align-items:center;\">\n <skeleton-ui width=\"48px\" height=\"48px\" radius=\"full\"></skeleton-ui>\n <div style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n <skeleton-ui width=\"120px\" height=\"1em\" radius=\"sm\"></skeleton-ui>\n <skeleton-ui width=\"80px\" height=\"0.8em\" radius=\"sm\"></skeleton-ui>\n </div>\n </div>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/skeleton/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"height\" data-chunk=\"skeleton-height\">\n <h2 variant=\"section\">height</h2>\n <p data-note>Explicit height of the skeleton. Accepts any CSS length.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"12px\"><skeleton-ui width=\"120px\" height=\"12px\"></skeleton-ui></div>\n <div data-artifact-item data-artifact-label=\"24px\"><skeleton-ui width=\"120px\" height=\"24px\"></skeleton-ui></div>\n <div data-artifact-item data-artifact-label=\"48px\"><skeleton-ui width=\"120px\" height=\"48px\"></skeleton-ui></div>\n <div data-artifact-item data-artifact-label=\"64x64\"><skeleton-ui width=\"64px\" height=\"64px\"></skeleton-ui></div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/skeleton/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"radius\" data-chunk=\"skeleton-radius\">\n <h2 variant=\"section\">radius</h2>\n <p data-note>Controls border radius. Defaults to \"sm\".</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"none\">\n <skeleton-ui width=\"120px\" height=\"2em\" radius=\"none\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"sm\">\n <skeleton-ui width=\"120px\" height=\"2em\" radius=\"sm\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"md\">\n <skeleton-ui width=\"120px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"lg\">\n <skeleton-ui width=\"120px\" height=\"2em\" radius=\"lg\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"full\">\n <skeleton-ui width=\"48px\" height=\"48px\" radius=\"full\"></skeleton-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/skeleton/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"static\" data-chunk=\"skeleton-static\">\n <h2 variant=\"section\">static</h2>\n <p data-note>Shimmer animation is on by default. Add the <code>static</code> attribute to suppress it.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"animated\">\n <skeleton-ui width=\"150px\" height=\"1.5em\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"static\">\n <skeleton-ui width=\"150px\" height=\"1.5em\" static></skeleton-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/skeleton/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"width-height\" data-chunk=\"skeleton-width-height\">\n <h2 variant=\"section\">width / height</h2>\n <p data-note>Controls skeleton dimensions. Accepts any CSS length value.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"100px x 1em\">\n <skeleton-ui width=\"100px\" height=\"1em\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"200px x 1.5em\">\n <skeleton-ui width=\"200px\" height=\"1.5em\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"150px x 3rem\">\n <skeleton-ui width=\"150px\" height=\"3rem\"></skeleton-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"100% x 80px\">\n <skeleton-ui width=\"100%\" height=\"80px\"></skeleton-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/skeleton/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"width\" data-chunk=\"skeleton-width\">\n <h2 variant=\"section\">width</h2>\n <p data-note>Explicit width of the skeleton. Accepts any CSS length.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"80px\"><skeleton-ui width=\"80px\"></skeleton-ui></div>\n <div data-artifact-item data-artifact-label=\"160px\"><skeleton-ui width=\"160px\"></skeleton-ui></div>\n <div data-artifact-item data-artifact-label=\"240px\"><skeleton-ui width=\"240px\"></skeleton-ui></div>\n <div data-artifact-item data-artifact-label=\"100%\"><skeleton-ui width=\"100%\"></skeleton-ui></div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/skeleton/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"disabled\" data-chunk=\"slider-disabled\">\n <h2 variant=\"section\">disabled</h2>\n <p data-note>Prevents interaction. The thumb and track appear muted.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Locked\">\n <field-ui label=\"Locked\">\n <slider-ui value=\"40\" disabled></slider-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"Locked Full\">\n <field-ui label=\"Locked Full\">\n <slider-ui value=\"100\" suffix=\"%\" disabled></slider-ui>\n </field-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"error\" data-chunk=\"slider-error\">\n <h2 variant=\"section\">error</h2>\n <p data-note>Validation error message. Displayed beneath the track in danger styling.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Target\">\n <field-ui label=\"Target\">\n <slider-ui value=\"15\" min=\"20\" max=\"100\" error=\"Value must be at least 20.\"></slider-ui>\n </field-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"label\" data-chunk=\"slider-label\">\n <h2 variant=\"section\">label + value readout</h2>\n <p data-note>Label on the left, current value and optional suffix on the right.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Volume\">\n <field-ui label=\"Volume\">\n <slider-ui value=\"75\"></slider-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"Brightness\">\n <field-ui label=\"Brightness\">\n <slider-ui value=\"60\" suffix=\"%\"></slider-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"Width\">\n <field-ui label=\"Width\">\n <slider-ui value=\"200\" min=\"0\" max=\"500\" suffix=\"px\"></slider-ui>\n </field-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"name\" data-chunk=\"slider-name\">\n <h2 variant=\"section\">name</h2>\n <p data-note>Form field name — used when submitting inside a <code>&lt;form&gt;</code> or <code>FormController</code>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Volume\">\n <field-ui label=\"Volume\">\n <slider-ui name=\"volume\" value=\"60\" suffix=\"%\"></slider-ui>\n </field-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"required\" data-chunk=\"slider-required\">\n <h2 variant=\"section\">required</h2>\n <p data-note>Marks the slider as required for form validation.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Weight\">\n <field-ui label=\"Weight\">\n <slider-ui name=\"weight\" required value=\"0\" suffix=\" kg\"></slider-ui>\n </field-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"suffix\" data-chunk=\"slider-suffix\">\n <h2 variant=\"section\">suffix</h2>\n <p data-note>Unit or qualifier appended to the value readout.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Brightness\">\n <field-ui label=\"Brightness\">\n <slider-ui value=\"72\" suffix=\"%\"></slider-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"Zoom\">\n <field-ui label=\"Zoom\">\n <slider-ui value=\"125\" suffix=\"%\" min=\"50\" max=\"200\"></slider-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"Latitude\">\n <field-ui label=\"Latitude\">\n <slider-ui value=\"37\" suffix=\"°\" min=\"-90\" max=\"90\"></slider-ui>\n </field-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"value\" data-chunk=\"slider-value\">\n <h2 variant=\"section\">value (default)</h2>\n <p data-note>Basic slider with default min (0), max (100), and step (1).</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"50\">\n <slider-ui value=\"50\"></slider-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"0\">\n <slider-ui value=\"0\"></slider-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"100\">\n <slider-ui value=\"100\"></slider-ui>\n </div>\n</div>\n</section>",
13
13
  "source": "site/pages/components/slider/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "sortable-list",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/site/patterns/kanban-board",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-section": "",
10
+ "data-property": "sortable-list"
11
+ },
12
+ "html": "<section data-section data-property=\"sortable-list\" data-chunk=\"sortable-list\">\n <h2 variant=\"section\">Sortable list — drag handle to reorder</h2>\n <p data-note>Single-column list where the row order is the data. Each row carries a leading drag handle (`dots-six-vertical`), the body content, and trailing meta. Hover reveals the handle; drag picks up the row with a shadow + ghost.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"sortable list\">\n <card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Sprint priority</span>\n <text-ui slot=\"description\" color=\"subtle\">Drag to reorder · 4 items</text-ui>\n </header>\n <section bleed>\n <list-ui divider contained>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"dots-six-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Drag to reorder\"></button-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Ship the new auth flow</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Owner: Jordan · Due Friday</text-ui>\n </col-ui>\n <tag-ui size=\"sm\" variant=\"warning\">P0</tag-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"dots-six-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Drag to reorder\"></button-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Migrate dashboard tokens</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Owner: Avery · Due next week</text-ui>\n </col-ui>\n <tag-ui size=\"sm\">P1</tag-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"dots-six-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Drag to reorder\"></button-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Add Storybook coverage for primitives</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Owner: Sam · No due date</text-ui>\n </col-ui>\n <tag-ui size=\"sm\">P2</tag-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"dots-six-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Drag to reorder\"></button-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Investigate slow startup</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Owner: Riley · Backlog</text-ui>\n </col-ui>\n <tag-ui size=\"sm\">P2</tag-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
13
+ "source": "site/pages/patterns/kanban-board/index.html",
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
+ }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"basic\" data-chunk=\"stat-basic\">\n <h2 variant=\"section\">Basic</h2>\n <p data-note>Value and label — the minimal stat display.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"value + label\">\n <stat-ui value=\"1,234\" label=\"Total Users\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"currency\">\n <stat-ui value=\"$42.5k\" label=\"Revenue\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"percentage\">\n <stat-ui value=\"99.9%\" label=\"Uptime\"></stat-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"change\" data-chunk=\"stat-change\">\n <h2 variant=\"section\">change</h2>\n <p data-note>Change text rendered alongside the value — typically a delta like <code>+12%</code> or <code>-3%</code>. Pair with <code>trend</code> for color.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='change=\"+12%\"'>\n <stat-ui value=\"2,847\" label=\"Users\" change=\"+12%\" trend=\"up\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='change=\"-8%\"'>\n <stat-ui value=\"$38.2k\" label=\"Revenue\" change=\"-8%\" trend=\"down\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='change=\"0%\"'>\n <stat-ui value=\"342\" label=\"Orders\" change=\"0%\" trend=\"neutral\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='change=\"+24 today\"'>\n <stat-ui value=\"128\" label=\"Signups\" change=\"+24 today\" trend=\"up\"></stat-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"chart-slot\" data-chunk=\"stat-chart-slot\">\n <h2 variant=\"section\">Inline sparkline (<code>slot=\"chart\"</code>)</h2>\n <p data-note>The <code>chart</code> slot accepts a nested <code>chart-ui</code> — stat-ui's grid reflows so the chart spans the right column across the value + change rows. Pair with <code>type=\"sparkline\"</code> for the canonical KPI-with-trajectory tile.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"stat with sparkline slot\" style=\"align-items:stretch; flex:1;\">\n <div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:var(--a-space-4); width:100%; align-self:stretch;\">\n <card-ui>\n <section>\n <stat-ui label=\"Revenue\" value=\"$48.2k\" change=\"+12.5%\" trend=\"up\">\n <chart-ui id=\"stat-chart-1\" slot=\"chart\" type=\"sparkline\" x=\"month\" y=\"value\"></chart-ui>\n </stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Users\" value=\"2,340\" change=\"+8%\" trend=\"up\">\n <chart-ui id=\"stat-chart-2\" slot=\"chart\" type=\"bar\" x=\"month\" y=\"value\" hide-grid></chart-ui>\n </stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Bounce\" value=\"24.3%\" change=\"-3.1%\" trend=\"down\">\n <chart-ui id=\"stat-chart-3\" slot=\"chart\" type=\"sparkline\" x=\"month\" y=\"value\"></chart-ui>\n </stat-ui>\n </section>\n </card-ui>\n </div>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"data-stream\" data-chunk=\"stat-data-stream\">\n <h2 variant=\"section\">Data stream (<code>data-stream-*</code>)</h2>\n <p data-note>\n Two patterns work well for stat-ui — the universal\n <code>data-stream-*</code> trait drives any combination via\n attributes alone.\n </p>\n\n <h3>Spread the response onto the element (<code>target=\"*\"</code>)</h3>\n <p data-note>\n <code>/site/mock/kpi.json</code> shape:\n <code>{label, value, change, trend, icon}</code> — perfect for\n <code>target=\"*\"</code>. <code>Object.assign(stat, response)</code>\n sets every property at once.\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='stat-ui[data-stream-target=\"*\"]'>\n <card-ui style=\"max-width:300px;\">\n <section>\n <stat-ui aria-label=\"KPI from kpi.json\"\n data-stream-src=\"/site/mock/kpi.json\"\n data-stream-target=\"*\"></stat-ui>\n </section>\n </card-ui>\n </div>\n </div>\n\n <h3>Drive a single property via path</h3>\n <p data-note>\n Set <code>data-stream-target</code> to the specific property name\n + <code>data-stream-path</code> to the JSON path. Below: the stat's\n <code>value</code> reads <code>kpi.json</code>'s <code>value</code>\n field; everything else is authored on the element.\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='stat-ui[data-stream-target=\"value\"][data-stream-path=\"value\"]'>\n <card-ui style=\"max-width:300px;\">\n <section>\n <stat-ui label=\"Current Revenue\"\n trend=\"up\"\n change=\"vs last month\"\n icon=\"currency-dollar\"\n aria-label=\"Revenue from kpi.json (single field)\"\n data-stream-src=\"/site/mock/kpi.json\"\n data-stream-path=\"value\"\n data-stream-target=\"value\"></stat-ui>\n </section>\n </card-ui>\n </div>\n </div>\n\n <p data-note>\n See <a href=\"/site/components/chart#data-stream\">chart-ui's\n data-stream section</a> for the full attribute surface, format\n auto-detection (json / csv / tsv / jsonl / text), and shared-stream\n fan-out via <code>data-stream-id</code>.\n </p>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"grid\" data-chunk=\"stat-grid\">\n <h2 variant=\"section\">Stats Grid</h2>\n <p data-note>Four stats in a responsive grid layout.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"4-stat grid\" style=\"align-items:stretch; flex:1;\">\n <div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:var(--a-space-4); width:100%; align-self:stretch;\">\n <stat-ui value=\"12,847\" label=\"Total Users\" icon=\"users\" change=\"+12%\" trend=\"up\"></stat-ui>\n <stat-ui value=\"$142.5k\" label=\"Revenue\" icon=\"currency-dollar\" change=\"+8.2%\" trend=\"up\"></stat-ui>\n <stat-ui value=\"3,421\" label=\"Orders\" icon=\"shopping-cart\" change=\"-2.1%\" trend=\"down\"></stat-ui>\n <stat-ui value=\"98.5%\" label=\"Satisfaction\" icon=\"heart\" change=\"0%\" trend=\"neutral\"></stat-ui>\n </div>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"icon\" data-chunk=\"stat-icon\">\n <h2 variant=\"section\">icon</h2>\n <p data-note>Optional leading icon by Phosphor name.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"users icon\">\n <stat-ui value=\"1,234\" label=\"Users\" icon=\"users\" change=\"+12%\" trend=\"up\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"dollar icon\">\n <stat-ui value=\"$42.5k\" label=\"Revenue\" icon=\"currency-dollar\" change=\"-3%\" trend=\"down\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"check icon\">\n <stat-ui value=\"99.9%\" label=\"Uptime\" icon=\"check-circle\"></stat-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"label\" data-chunk=\"stat-label\">\n <h2 variant=\"section\">label</h2>\n <p data-note>The metric label rendered beneath the value.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='label=\"Active Users\"'>\n <stat-ui value=\"847\" label=\"Active Users\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='label=\"Open Issues\"'>\n <stat-ui value=\"23\" label=\"Open Issues\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='label=\"Avg. Order Value\"'>\n <stat-ui value=\"$128\" label=\"Avg. Order Value\"></stat-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"trend\" data-chunk=\"stat-trend\">\n <h2 variant=\"section\">trend</h2>\n <p data-note>Trend direction colors the change badge: up (green), down (red), neutral.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"trend up (+12%)\">\n <stat-ui value=\"2,847\" label=\"Users\" change=\"+12%\" trend=\"up\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"trend down (-8%)\">\n <stat-ui value=\"$38.2k\" label=\"Revenue\" change=\"-8%\" trend=\"down\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"neutral\">\n <stat-ui value=\"342\" label=\"Orders\" change=\"0%\" trend=\"neutral\"></stat-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"value\" data-chunk=\"stat-value\">\n <h2 variant=\"section\">value</h2>\n <p data-note>The primary metric value — numeric strings, currency, or percentages.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='value=\"1,234\"'>\n <stat-ui value=\"1,234\" label=\"Users\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='value=\"$42.5k\"'>\n <stat-ui value=\"$42.5k\" label=\"Revenue\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='value=\"99.9%\"'>\n <stat-ui value=\"99.9%\" label=\"Uptime\"></stat-ui>\n </div>\n <div data-artifact-item data-artifact-label='value=\"4.8/5\"'>\n <stat-ui value=\"4.8/5\" label=\"Rating\"></stat-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stat/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"horizontal\" data-chunk=\"stepper-horizontal\">\n <h2 variant=\"section\">Horizontal (default)</h2>\n <p data-note>Default layout. <code>step=\"2\"</code> marks the first two as completed and the third as active.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"step=2\">\n <stepper-ui step=\"2\">\n <stepper-item-ui text=\"Account\"></stepper-item-ui>\n <stepper-item-ui text=\"Details\"></stepper-item-ui>\n <stepper-item-ui text=\"Review\"></stepper-item-ui>\n <stepper-item-ui text=\"Confirm\"></stepper-item-ui>\n </stepper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stepper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"interactive\" data-chunk=\"stepper-interactive\">\n <h2 variant=\"section\">Interactive</h2>\n <p data-note>Imperative methods: <code>.next()</code>, <code>.prev()</code>, <code>.goTo(i)</code>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"step=0\">\n <stepper-ui id=\"stepper-interactive\" step=\"1\">\n <stepper-item-ui text=\"Step 1\"></stepper-item-ui>\n <stepper-item-ui text=\"Step 2\"></stepper-item-ui>\n <stepper-item-ui text=\"Step 3\"></stepper-item-ui>\n <stepper-item-ui text=\"Step 4\"></stepper-item-ui>\n </stepper-ui>\n <div style=\"display:flex; gap:var(--a-space-2); margin-top:var(--a-space-3);\">\n <button-ui id=\"stepper-prev\" text=\"Previous\" variant=\"outline\"></button-ui>\n <button-ui id=\"stepper-next\" text=\"Next\" variant=\"primary\"></button-ui>\n </div>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stepper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"step\" data-chunk=\"stepper-step\">\n <h2 variant=\"section\">step index</h2>\n <p data-note>Steps before the index are auto-completed; the current index is active; the rest are pending.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"step\">\n <stepper-ui step=\"0\">\n <stepper-item-ui text=\"One\"></stepper-item-ui>\n <stepper-item-ui text=\"Two\"></stepper-item-ui>\n <stepper-item-ui text=\"Three\"></stepper-item-ui>\n </stepper-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"step=1\">\n <stepper-ui step=\"1\">\n <stepper-item-ui text=\"One\"></stepper-item-ui>\n <stepper-item-ui text=\"Two\"></stepper-item-ui>\n <stepper-item-ui text=\"Three\"></stepper-item-ui>\n </stepper-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"step=2\">\n <stepper-ui step=\"2\">\n <stepper-item-ui text=\"One\"></stepper-item-ui>\n <stepper-item-ui text=\"Two\"></stepper-item-ui>\n <stepper-item-ui text=\"Three\"></stepper-item-ui>\n </stepper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stepper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"vertical\" data-chunk=\"stepper-vertical\">\n <h2 variant=\"section\">Vertical</h2>\n <p data-note>Vertical orientation for sidebar wizards, with descriptions under each step.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"vertical step=1\">\n <stepper-ui orientation=\"vertical\" step=\"1\">\n <stepper-item-ui text=\"Select plan\" description=\"Choose your subscription\"></stepper-item-ui>\n <stepper-item-ui text=\"Payment\" description=\"Enter payment details\"></stepper-item-ui>\n <stepper-item-ui text=\"Confirmation\" description=\"Review and submit\"></stepper-item-ui>\n </stepper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stepper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"basic\" data-chunk=\"stream-basic\">\n <h2 variant=\"section\">basic</h2>\n <p data-note>Static text content. Without an async iterable assigned, the element renders its text content as-is.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"static content\">\n <stream-ui>This is static content inside a stream element. Assign an AsyncIterable to the .tokens property to begin streaming.</stream-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stream/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"hide-cursor\" data-chunk=\"stream-hide-cursor\">\n <h2 variant=\"section\">hide-cursor</h2>\n <p data-note>The blinking cursor is shown during active streaming by default. Add the <code>hide-cursor</code> attribute to suppress it.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"cursor (default)\">\n <stream-ui streaming>Streaming with cursor...</stream-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"hide-cursor\">\n <stream-ui hide-cursor streaming>Streaming without cursor...</stream-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stream/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"pace\" data-chunk=\"stream-pace\">\n <h2 variant=\"section\">pace</h2>\n <p data-note>Milliseconds between each character render. Set to <code>0</code> (default) for real-time output, or a positive number for a typewriter effect.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"pace is a JS property (default: 0)\">\n <stream-ui>Pace is set programmatically when assigning .tokens. A value of 0 renders tokens immediately; higher values create a typewriter effect.</stream-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stream/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"streaming\" data-chunk=\"stream-streaming\">\n <h2 variant=\"section\">streaming</h2>\n <p data-note>Indicates the stream is actively receiving tokens. Shows a typing indicator.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"streaming\"><stream-ui streaming>Generating response</stream-ui></div>\n <div data-artifact-item data-artifact-label=\"idle\"><stream-ui>Response complete.</stream-ui></div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/stream/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"autoplay\" data-chunk=\"swiper-autoplay\">\n <h2 variant=\"section\">autoplay</h2>\n <p data-note>Auto-advances slides at the given interval. Pauses on hover/focus. Respects <code>prefers-reduced-motion</code>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"autoplay + loop\">\n <swiper-ui autoplay interval=\"3000\" loop gap=\"4\" aria-label=\"Testimonials\">\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"3\">\n <icon-ui name=\"quotes\" color=\"muted\"></icon-ui>\n <p nomargin>The API is intuitive and the defaults just work. We shipped in half the time.</p>\n <divider-ui></divider-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Sarah Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong>Sarah Chen</text-ui>\n <text-ui color=\"subtle\">VP Engineering, Globex</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"3\">\n <icon-ui name=\"quotes\" color=\"muted\"></icon-ui>\n <p nomargin>Design tokens make theming predictable. We reskinned 3 brands in one afternoon.</p>\n <divider-ui></divider-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Marcus Rivera\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong>Marcus Rivera</text-ui>\n <text-ui color=\"subtle\">Design Lead, Hooli</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"3\">\n <icon-ui name=\"quotes\" color=\"muted\"></icon-ui>\n <p nomargin>Lighthouse scores jumped 30 points after migrating. Zero render-blocking.</p>\n <divider-ui></divider-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Priya Patel\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong>Priya Patel</text-ui>\n <text-ui color=\"subtle\">CTO, TechStart</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"basic\" data-chunk=\"swiper-basic\">\n <h2 variant=\"section\">basic</h2>\n <p data-note>Single slide view. Swipe or use arrow keys to navigate between slides.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"default (1 slide)\">\n <swiper-ui aria-label=\"Product gallery\">\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/swiper1/800/360\" alt=\"Mountain landscape\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Mountain Retreat</text-ui>\n <text-ui color=\"subtle\">Escape to the peaks with panoramic alpine views and fresh mountain air.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/swiper2/800/360\" alt=\"Ocean sunset\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Coastal Paradise</text-ui>\n <text-ui color=\"subtle\">White sand beaches, turquoise waters, and stunning sunsets every evening.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/swiper3/800/360\" alt=\"Forest path\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Forest Lodge</text-ui>\n <text-ui color=\"subtle\">Secluded cabins surrounded by ancient redwoods and winding trails.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/swiper4/800/360\" alt=\"City skyline\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Urban Explorer</text-ui>\n <text-ui color=\"subtle\">Boutique hotels in the heart of the city with rooftop skyline views.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-combo data-chunk=\"swiper-combo\">\n <h2 variant=\"section\">Combinations</h2>\n <p data-note>Responsive auto layout with no explicit slides-per-view. Container queries adapt column count.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"responsive auto (no slides-per-view)\">\n <swiper-ui gap=\"4\" aria-label=\"Responsive cards\">\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"chart-bar\" color=\"primary\"></icon-ui>\n <text-ui strong>Analytics</text-ui>\n <text-ui color=\"subtle\">Track everything in real time.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"shield-check\" color=\"success\"></icon-ui>\n <text-ui strong>Security</text-ui>\n <text-ui color=\"subtle\">Enterprise-grade protection.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"cloud\" color=\"accent\"></icon-ui>\n <text-ui strong>Cloud</text-ui>\n <text-ui color=\"subtle\">Scale without limits.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"robot\" color=\"warning\"></icon-ui>\n <text-ui strong>AI</text-ui>\n <text-ui color=\"subtle\">Built-in intelligence.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"gap\" data-chunk=\"swiper-gap\">\n <h2 variant=\"section\">gap</h2>\n <p data-note>Space between slides. Accepts any CSS length or spacing token.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"gap=0\">\n <swiper-ui gap=\"0\" style=\"width:240px;\"><div>1</div><div>2</div><div>3</div></swiper-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"gap=1rem\">\n <swiper-ui gap=\"1rem\" style=\"width:240px;\"><div>1</div><div>2</div><div>3</div></swiper-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"gap=2rem\">\n <swiper-ui gap=\"2rem\" style=\"width:240px;\"><div>1</div><div>2</div><div>3</div></swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"interval\" data-chunk=\"swiper-interval\">\n <h2 variant=\"section\">interval</h2>\n <p data-note>Auto-advance delay in milliseconds. When set, the swiper cycles through slides automatically.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"interval=2000\">\n <swiper-ui interval=\"2000\" style=\"width:240px;\">\n <div>Slide A</div><div>Slide B</div><div>Slide C</div>\n </swiper-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"interval=5000\">\n <swiper-ui interval=\"5000\" style=\"width:240px;\">\n <div>Slow 1</div><div>Slow 2</div><div>Slow 3</div>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"loop\" data-chunk=\"swiper-loop\">\n <h2 variant=\"section\">loop</h2>\n <p data-note>When enabled, navigating past the last slide wraps to the first (and vice versa).</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"loop enabled\">\n <swiper-ui loop gap=\"4\" aria-label=\"Portfolio\">\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/port1/600/280\" alt=\"Project\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Brand Redesign</text-ui>\n <text-ui color=\"subtle\">Visual identity overhaul for a SaaS startup. New logo, color system, and component library.</text-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\">\n <badge-ui>Branding</badge-ui>\n <badge-ui>Design System</badge-ui>\n </row-ui>\n </footer>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/port2/600/280\" alt=\"Project\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>E-Commerce Platform</text-ui>\n <text-ui color=\"subtle\">Full-stack marketplace with real-time inventory, payment processing, and admin dashboard.</text-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\">\n <badge-ui>Full Stack</badge-ui>\n <badge-ui>React</badge-ui>\n </row-ui>\n </footer>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/port3/600/280\" alt=\"Project\" style=\"width:100%; height:200px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Mobile Banking App</text-ui>\n <text-ui color=\"subtle\">Cross-platform fintech app with biometric auth, budgeting tools, and instant transfers.</text-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\">\n <badge-ui>Mobile</badge-ui>\n <badge-ui>Fintech</badge-ui>\n </row-ui>\n </footer>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"peek\" data-chunk=\"swiper-peek\">\n <h2 variant=\"section\">peek</h2>\n <p data-note>Shows a sliver of adjacent slides to hint there's more content.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"peek + 2-up\">\n <swiper-ui slides-per-view=\"2\" peek gap=\"4\" aria-label=\"Peek demo\">\n <card-ui>\n <section>\n <col-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Jordan Lee\" size=\"lg\"></avatar-ui>\n <text-ui strong>Jordan Lee</text-ui>\n <text-ui color=\"subtle\">Engineer</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Emma Davis\" size=\"lg\"></avatar-ui>\n <text-ui strong>Emma Davis</text-ui>\n <text-ui color=\"subtle\">Designer</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Tom Wright\" size=\"lg\"></avatar-ui>\n <text-ui strong>Tom Wright</text-ui>\n <text-ui color=\"subtle\">DevOps</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"Lisa Chang\" size=\"lg\"></avatar-ui>\n <text-ui strong>Lisa Chang</text-ui>\n <text-ui color=\"subtle\">Staff Eng</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"slides-per-view\" data-chunk=\"swiper-slides-per-view\">\n <h2 variant=\"section\">slides-per-view</h2>\n <p data-note>Show multiple slides at once. Set <code>slides-per-view=\"2\"</code>, <code>\"3\"</code>, or <code>\"4\"</code>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='slides-per-view=\"3\"'>\n <swiper-ui slides-per-view=\"3\" gap=\"4\" aria-label=\"Feature cards\">\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"lightning\" color=\"primary\"></icon-ui>\n <text-ui strong>Fast</text-ui>\n <text-ui color=\"subtle\">Sub-ms renders</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"paint-brush\" color=\"accent\"></icon-ui>\n <text-ui strong>Themeable</text-ui>\n <text-ui color=\"subtle\">Design tokens</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"wheelchair\" color=\"success\"></icon-ui>\n <text-ui strong>Accessible</text-ui>\n <text-ui color=\"subtle\">ARIA built-in</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"code\" color=\"warning\"></icon-ui>\n <text-ui strong>Simple</text-ui>\n <text-ui color=\"subtle\">Light DOM</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <icon-ui name=\"devices\" color=\"danger\"></icon-ui>\n <text-ui strong>Responsive</text-ui>\n <text-ui color=\"subtle\">Container queries</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"snap\" data-chunk=\"swiper-snap\">\n <h2 variant=\"section\">snap</h2>\n <p data-note>Controls scroll-snap alignment. Options: <code>start</code> (default), <code>center</code>, <code>end</code>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='snap=\"center\"'>\n <swiper-ui slides-per-view=\"2\" snap=\"center\" gap=\"4\" aria-label=\"Product cards\">\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/prod1/400/200\" alt=\"Product\" style=\"width:100%; height:140px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Wireless Headphones</text-ui>\n <text-ui color=\"subtle\">Noise-cancelling, 30h battery</text-ui>\n <text-ui weight=\"bold\" color=\"primary\">$149</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/prod2/400/200\" alt=\"Product\" style=\"width:100%; height:140px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Mechanical Keyboard</text-ui>\n <text-ui color=\"subtle\">Cherry MX, RGB backlit</text-ui>\n <text-ui weight=\"bold\" color=\"primary\">$89</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/prod3/400/200\" alt=\"Product\" style=\"width:100%; height:140px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Ultrawide Monitor</text-ui>\n <text-ui color=\"subtle\">34\" curved, 144Hz</text-ui>\n <text-ui weight=\"bold\" color=\"primary\">$499</text-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui variant=\"outlined\">\n <img src=\"https://picsum.photos/seed/prod4/400/200\" alt=\"Product\" style=\"width:100%; height:140px; object-fit:cover;\">\n <section>\n <col-ui gap=\"1\">\n <text-ui strong>Standing Desk</text-ui>\n <text-ui color=\"subtle\">Electric, memory presets</text-ui>\n <text-ui weight=\"bold\" color=\"primary\">$349</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </swiper-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/swiper/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"checked\" data-chunk=\"switch-checked\">\n <h2 variant=\"section\">checked</h2>\n <p data-note>Controls the on/off state. Click or press Space/Enter to toggle.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"off\">\n <field-ui label=\"Off\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"on\">\n <field-ui label=\"On\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/switch/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"combinations\" data-chunk=\"switch-combinations\">\n <h2 variant=\"section\">Combinations</h2>\n <p data-note>Common switch group patterns in settings panels.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"settings panel\">\n <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3);\">\n <field-ui label=\"Dark mode\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Notifications\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Sound effects\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"Analytics\" inline>\n <switch-ui disabled></switch-ui>\n </field-ui>\n <field-ui label=\"Beta features\" inline>\n <switch-ui checked disabled></switch-ui>\n </field-ui>\n </div>\n </div>\n <div data-artifact-item data-artifact-label=\"connectivity\">\n <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3);\">\n <field-ui label=\"Wi-Fi\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n <field-ui label=\"Bluetooth\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"Airplane Mode\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n <field-ui label=\"VPN\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n </div>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/switch/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"disabled\" data-chunk=\"switch-disabled\">\n <h2 variant=\"section\">disabled</h2>\n <p data-note>Prevents interaction and applies muted styling.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"disabled off\">\n <field-ui label=\"Disabled Off\" inline>\n <switch-ui disabled></switch-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"disabled on\">\n <field-ui label=\"Disabled On\" inline>\n <switch-ui checked disabled></switch-ui>\n </field-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/switch/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"switch-edge-cases\">\n <h2 variant=\"section\">Edge Cases</h2>\n <p data-note>Boundary conditions.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"bare (no props)\">\n <switch-ui></switch-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"checked, no label\">\n <switch-ui checked></switch-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/switch/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"label\" data-chunk=\"switch-label\">\n <h2 variant=\"section\">label</h2>\n <p data-note>Text label displayed alongside the switch.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"with label\">\n <field-ui label=\"Email notifications\" inline>\n <switch-ui checked></switch-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"no label\">\n <switch-ui></switch-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"long label\">\n <field-ui label=\"Enable automatic synchronization of all connected devices\" inline>\n <switch-ui></switch-ui>\n </field-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/components/switch/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }