@adia-ai/a2ui-corpus 0.0.6 → 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 +91 -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 +874 -49
  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 +42 -0
  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 +42 -0
  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
package/chunks/conversion-funnel-4-step-funnel.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"4-step-funnel\" data-chunk=\"conversion-funnel-4-step-funnel\">\n <h2 variant=\"section\">Four-step funnel</h2>\n <p data-note>Top step is an explicit 100% baseline (no progress bar — it's the anchor). Subsequent steps use <code>progress-row-ui</code> with the count + percentage in the meta slot.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"conversion funnel\">\n <card-ui style=\"max-width: 560px;\">\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/patterns/conversion-funnel/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/conversion-funnel-wide-summary.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"wide-summary\" data-chunk=\"conversion-funnel-wide-summary\">\n <h2 variant=\"section\">Wide summary with step-over-step delta</h2>\n <p data-note>For board reporting, combine the funnel with a step-over-step delta column so stakeholders can see exactly where the biggest drop-off happens. Delta is a <code>badge-ui</code> colored by severity.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"funnel with step-over-step\">\n <card-ui style=\"max-width: 640px;\">\n <header>\n <h3>Signup funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Step-over-step conversion, last 7 days</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Signup form viewed</text-ui>\n <text-ui color=\"subtle\">8,420 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <row-ui align=\"center\" gap=\"3\">\n <progress-row-ui label=\"Email verified\" value=\"68\" meta=\"5,726 · 68%\" grow></progress-row-ui>\n <badge-ui text=\"−32%\" variant=\"warning\"></badge-ui>\n </row-ui>\n <row-ui align=\"center\" gap=\"3\">\n <progress-row-ui label=\"Workspace created\" value=\"54\" meta=\"4,547 · 54%\" grow></progress-row-ui>\n <badge-ui text=\"−21%\" variant=\"muted\"></badge-ui>\n </row-ui>\n <row-ui align=\"center\" gap=\"3\">\n <progress-row-ui label=\"Invited a teammate\" value=\"22\" meta=\"1,852 · 22%\" grow></progress-row-ui>\n <badge-ui text=\"−59%\" variant=\"danger\"></badge-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/patterns/conversion-funnel/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/conversion-funnel-with-segment-compare.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<section data-section data-property=\"with-segment-compare\" data-chunk=\"conversion-funnel-with-segment-compare\">\n <h2 variant=\"section\">With segment comparison</h2>\n <p data-note>Pair the funnel card with a segmented control in <code>slot=\"action\"</code> so users can switch between cohorts (e.g. new-vs-returning, mobile-vs-desktop). Swap the <code>value</code> + <code>meta</code> attributes in setup.js on segment change.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"funnel with cohort toggle\">\n <card-ui style=\"max-width: 560px;\">\n <header>\n <h3>Checkout funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Last 30 days · by first-time vs returning</text-ui>\n <span slot=\"action\">\n <segmented-ui value=\"new\" size=\"sm\">\n <segment-ui value=\"new\" text=\"New\"></segment-ui>\n <segment-ui value=\"returning\" text=\"Returning\"></segment-ui>\n </segmented-ui>\n </span>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Cart viewed</text-ui>\n <text-ui color=\"subtle\">42,180 sessions</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Added to cart\" value=\"58\" meta=\"24,464 · 58%\"></progress-row-ui>\n <progress-row-ui label=\"Reached payment\" value=\"34\" meta=\"14,341 · 34%\"></progress-row-ui>\n <progress-row-ui label=\"Completed purchase\" value=\"19\" meta=\"8,014 · 19%\"></progress-row-ui>\n </col-ui>\n </section>\n <footer divider>\n <small slot=\"description\">Funnel window: 30 days · ends at first purchase or abandonment.</small>\n <span slot=\"action\">\n <button-ui text=\"View in analytics\" variant=\"ghost\" size=\"sm\" icon=\"arrow-square-out\"></button-ui>\n </span>\n </footer>\n </card-ui>\n </div>\n </div>\n</section>",
13
13
  "source": "site/pages/patterns/conversion-funnel/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/dashboard-acquisition-panel.json CHANGED
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<div data-tab-panel=\"acquisition\" hidden data-chunk=\"dashboard-acquisition-panel\" data-chunk-kind=\"panel\">\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-traffic-channels\">\n <card-ui span=\"2\">\n <header>\n <h3>Traffic</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n <div slot=\"action\">\n <segmented-ui value=\"30d\">\n <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n </segmented-ui>\n </div>\n </header>\n <section>\n <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Acquisition channels</h3>\n <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n </header>\n <section>\n <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>",
15
15
  "source": "site/pages/examples/admin-dashboard/index.html",
16
- "captured_at": "2026-04-28T16:48:01.089Z"
16
+ "captured_at": "2026-05-01T19:13:23.303Z"
17
17
  }
package/chunks/dashboard-admin-page.json CHANGED
@@ -46,5 +46,5 @@
46
46
  "attrs": {},
47
47
  "html": "<article data-chunk=\"dashboard-admin-page\" data-chunk-kind=\"page\">\n<div data-content-header data-chunk-slot=\"page-header\">\n <header data-chunk=\"dashboard-page-header\">\n <div>\n <h1>Dashboard</h1>\n <div data-actions>\n <button-ui text=\"Export\" icon=\"download\" variant=\"outline\"></button-ui>\n <button-ui text=\"+ New\" variant=\"primary\"></button-ui>\n </div>\n </div>\n <p>Welcome back. Here's what's happening.</p>\n <tabs-ui value=\"overview\" data-chunk=\"dashboard-tabs\">\n <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n <tab-ui value=\"behavior\" text=\"Behavior\"></tab-ui>\n <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n <tab-ui value=\"notifications\" text=\"Notifications\"></tab-ui>\n </tabs-ui>\n </header>\n</div>\n\n<div data-content-body data-chunk-slot=\"page-content\">\n <section>\n <div data-dashboard-content>\n <div data-tab-panel=\"overview\" data-chunk=\"dashboard-overview-panel\" data-chunk-kind=\"panel\">\n <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-kpi-grid\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n <grid-ui columns=\"5\" gap=\"4\" data-chunk=\"dashboard-chart-recent\">\n <card-ui span=\"3\">\n <header>\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-spark-cards\">\n <card-ui>\n <header>\n <h3>Page Views</h3>\n <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Bounce Rate</h3>\n <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Session Duration</h3>\n <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Conversion</h3>\n <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n Supports ?state=empty|loading|error URL params for state-coverage\n demos; the default state renders the populated table. -->\n <grid-ui data-chunk=\"dashboard-transactions-table\">\n <card-ui>\n <header>\n <h3>Recent Transactions</h3>\n <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n <span slot=\"action\">\n <menu-ui id=\"tx-state-menu\">\n <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n </menu-ui>\n </span>\n </header>\n <section bleed data-tx-surface>\n <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-team-actions-storage\">\n <card-ui data-chunk=\"dashboard-team-list\">\n <header>\n <h3>Team Members</h3>\n <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Alex Chen\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Alex Chen</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Engineering Lead</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Sarah Miller</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Product Designer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"James Park\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>James Park</text-ui>\n <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Backend Engineer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Maria Lopez</text-ui>\n <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Data Analyst</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-quick-actions\">\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-storage-card\">\n <header>\n <h3>Storage</h3>\n <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n </footer>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /overview -->\n\n <!-- ═══════════════════════ AUDIENCE TAB ═══════════════════════ -->\n <div data-tab-panel=\"audience\" hidden data-chunk=\"dashboard-audience-panel\" data-chunk-kind=\"panel\">\n\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui data-chunk=\"dashboard-filter-bar\">\n <card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Country: United States\" removable></tag-ui>\n <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <span data-spacer></span>\n <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-audience-kpis\">\n <card-ui size=\"sm\"><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section></card-ui>\n </grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui data-chunk=\"dashboard-country-list\">\n <card-ui>\n <header>\n <h3>Top countries</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇺🇸</text-ui>\n <text-ui weight=\"semibold\" grow>United States</text-ui>\n <text-ui>14,320</text-ui>\n <text-ui color=\"subtle\">50.4%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇩🇪</text-ui>\n <text-ui weight=\"semibold\" grow>Germany</text-ui>\n <text-ui>3,892</text-ui>\n <text-ui color=\"subtle\">13.7%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇬🇧</text-ui>\n <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n <text-ui>2,841</text-ui>\n <text-ui color=\"subtle\">10.0%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇯🇵</text-ui>\n <text-ui weight=\"semibold\" grow>Japan</text-ui>\n <text-ui>1,920</text-ui>\n <text-ui color=\"subtle\">6.8%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇨🇦</text-ui>\n <text-ui weight=\"semibold\" grow>Canada</text-ui>\n <text-ui>1,450</text-ui>\n <text-ui color=\"subtle\">5.1%</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /audience -->\n\n <!-- ═══════════════════════ ACQUISITION TAB ═══════════════════════ -->\n <div data-tab-panel=\"acquisition\" hidden data-chunk=\"dashboard-acquisition-panel\" data-chunk-kind=\"panel\">\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-traffic-channels\">\n <card-ui span=\"2\">\n <header>\n <h3>Traffic</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n <div slot=\"action\">\n <segmented-ui value=\"30d\">\n <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n </segmented-ui>\n </div>\n </header>\n <section>\n <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Acquisition channels</h3>\n <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n </header>\n <section>\n <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /acquisition -->\n\n <!-- ═══════════════════════ BEHAVIOR TAB ═══════════════════════ -->\n <div data-tab-panel=\"behavior\" hidden data-chunk=\"dashboard-behavior-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-pages-table\">\n <card-ui>\n <header>\n <h3>Top pages</h3>\n <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /behavior -->\n\n <!-- ═══════════════════════ CONVERSION TAB ═══════════════════════ -->\n <div data-tab-panel=\"conversion\" hidden data-chunk=\"dashboard-conversion-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-funnel\">\n <card-ui>\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <grid-ui data-chunk=\"dashboard-cohort-retention\">\n <card-ui>\n <header>\n <h3>Retention by signup week</h3>\n <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-cohort\" raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /conversion -->\n\n <!-- ═══════════════════════ REPORTS TAB ═══════════════════════ -->\n <div data-tab-panel=\"reports\" hidden data-chunk=\"dashboard-reports-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-reports-table\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Reports</h3>\n </span>\n <span slot=\"description\">\n <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n </span>\n <span slot=\"action\">\n <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /reports -->\n\n <!-- ═══════════════════════ NOTIFICATIONS TAB ═══════════════════════ -->\n <div data-tab-panel=\"notifications\" hidden data-chunk=\"dashboard-notifications-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-notifications-feed\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>\n <!-- /notifications -->\n </div>\n </section>\n</div>\n</article>",
48
48
  "source": "site/pages/examples/admin-dashboard/index.html",
49
- "captured_at": "2026-04-28T16:48:01.089Z"
49
+ "captured_at": "2026-05-01T19:13:23.303Z"
50
50
  }
package/chunks/dashboard-audience-kpis.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-audience-kpis\">\n <card-ui size=\"sm\"><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section></card-ui>\n </grid-ui>",
13
13
  "source": "site/pages/examples/admin-dashboard/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/dashboard-audience-panel.json CHANGED
@@ -15,5 +15,5 @@
15
15
  },
16
16
  "html": "<div data-tab-panel=\"audience\" hidden data-chunk=\"dashboard-audience-panel\" data-chunk-kind=\"panel\">\n\n <!-- Filter bar (cross-tab across the four analytics panels) -->\n <grid-ui data-chunk=\"dashboard-filter-bar\">\n <card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Country: United States\" removable></tag-ui>\n <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <span data-spacer></span>\n <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- KPI ROW -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-audience-kpis\">\n <card-ui size=\"sm\"><section><stat-ui label=\"Unique visitors\" value=\"28,432\" change=\"+8.2%\" trend=\"up\" icon=\"users\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Sessions\" value=\"41,203\" change=\"+12.4%\" trend=\"up\" icon=\"browsers\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Avg. session\" value=\"4m 32s\" change=\"+18s\" trend=\"up\" icon=\"clock\"></stat-ui></section></card-ui>\n <card-ui size=\"sm\"><section><stat-ui label=\"Bounce rate\" value=\"24.3%\" change=\"-2.1%\" trend=\"up\" icon=\"arrow-bend-up-right\"></stat-ui></section></card-ui>\n </grid-ui>\n\n <!-- TOP COUNTRIES -->\n <grid-ui data-chunk=\"dashboard-country-list\">\n <card-ui>\n <header>\n <h3>Top countries</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇺🇸</text-ui>\n <text-ui weight=\"semibold\" grow>United States</text-ui>\n <text-ui>14,320</text-ui>\n <text-ui color=\"subtle\">50.4%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇩🇪</text-ui>\n <text-ui weight=\"semibold\" grow>Germany</text-ui>\n <text-ui>3,892</text-ui>\n <text-ui color=\"subtle\">13.7%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇬🇧</text-ui>\n <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n <text-ui>2,841</text-ui>\n <text-ui color=\"subtle\">10.0%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇯🇵</text-ui>\n <text-ui weight=\"semibold\" grow>Japan</text-ui>\n <text-ui>1,920</text-ui>\n <text-ui color=\"subtle\">6.8%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇨🇦</text-ui>\n <text-ui weight=\"semibold\" grow>Canada</text-ui>\n <text-ui>1,450</text-ui>\n <text-ui color=\"subtle\">5.1%</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>",
17
17
  "source": "site/pages/examples/admin-dashboard/index.html",
18
- "captured_at": "2026-04-28T16:48:01.089Z"
18
+ "captured_at": "2026-05-01T19:13:23.303Z"
19
19
  }
package/chunks/dashboard-behavior-panel.json CHANGED
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<div data-tab-panel=\"behavior\" hidden data-chunk=\"dashboard-behavior-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-pages-table\">\n <card-ui>\n <header>\n <h3>Top pages</h3>\n <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>",
15
15
  "source": "site/pages/examples/admin-dashboard/index.html",
16
- "captured_at": "2026-04-28T16:48:01.089Z"
16
+ "captured_at": "2026-05-01T19:13:23.303Z"
17
17
  }
package/chunks/dashboard-chart-recent.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"5\" gap=\"4\" data-chunk=\"dashboard-chart-recent\">\n <card-ui span=\"3\">\n <header>\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
13
13
  "source": "site/pages/examples/admin-dashboard/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/dashboard-cohort-retention.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-cohort-retention\">\n <card-ui>\n <header>\n <h3>Retention by signup week</h3>\n <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-cohort\" raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-conversion-panel.json CHANGED
@@ -14,5 +14,5 @@
14
14
  },
15
15
  "html": "<div data-tab-panel=\"conversion\" hidden data-chunk=\"dashboard-conversion-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-funnel\">\n <card-ui>\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <grid-ui data-chunk=\"dashboard-cohort-retention\">\n <card-ui>\n <header>\n <h3>Retention by signup week</h3>\n <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-cohort\" raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>",
16
16
  "source": "site/pages/examples/admin-dashboard/index.html",
17
- "captured_at": "2026-04-28T16:48:01.089Z"
17
+ "captured_at": "2026-05-01T19:13:23.303Z"
18
18
  }
package/chunks/dashboard-country-list.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-country-list\">\n <card-ui>\n <header>\n <h3>Top countries</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇺🇸</text-ui>\n <text-ui weight=\"semibold\" grow>United States</text-ui>\n <text-ui>14,320</text-ui>\n <text-ui color=\"subtle\">50.4%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇩🇪</text-ui>\n <text-ui weight=\"semibold\" grow>Germany</text-ui>\n <text-ui>3,892</text-ui>\n <text-ui color=\"subtle\">13.7%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇬🇧</text-ui>\n <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n <text-ui>2,841</text-ui>\n <text-ui color=\"subtle\">10.0%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇯🇵</text-ui>\n <text-ui weight=\"semibold\" grow>Japan</text-ui>\n <text-ui>1,920</text-ui>\n <text-ui color=\"subtle\">6.8%</text-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\" grow>\n <text-ui size=\"xl\">🇨🇦</text-ui>\n <text-ui weight=\"semibold\" grow>Canada</text-ui>\n <text-ui>1,450</text-ui>\n <text-ui color=\"subtle\">5.1%</text-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-filter-bar.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-filter-bar\">\n <card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Country: United States\" removable></tag-ui>\n <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <span data-spacer></span>\n <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-funnel.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-funnel\">\n <card-ui>\n <header>\n <h3>Conversion funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-kpi-grid.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-kpi-grid\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n ></card-ui>\n </grid-ui>",
13
13
  "source": "site/pages/examples/admin-dashboard/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/dashboard-notifications-feed.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-notifications-feed\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-notifications-panel.json CHANGED
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<div data-tab-panel=\"notifications\" hidden data-chunk=\"dashboard-notifications-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-notifications-feed\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Notifications</h3>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\">System and team activity</text-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"2\" align=\"center\">\n <segmented-ui value=\"all\">\n <segment-ui value=\"all\" text=\"All\"></segment-ui>\n <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n </col-ui>\n <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n </col-ui>\n <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n </col-ui>\n <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"start\" grow>\n <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui align=\"center\" gap=\"2\">\n <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>",
15
15
  "source": "site/pages/examples/admin-dashboard/index.html",
16
- "captured_at": "2026-04-28T16:48:01.089Z"
16
+ "captured_at": "2026-05-01T19:13:23.303Z"
17
17
  }
package/chunks/dashboard-overview-panel.json CHANGED
@@ -19,5 +19,5 @@
19
19
  },
20
20
  "html": "<div data-tab-panel=\"overview\" data-chunk=\"dashboard-overview-panel\" data-chunk-kind=\"panel\">\n <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-kpi-grid\">\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n ></card-ui>\n <card-ui size=\"sm\"\n ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n ></card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n <grid-ui columns=\"5\" gap=\"4\" data-chunk=\"dashboard-chart-recent\">\n <card-ui span=\"3\">\n <header>\n <h3>Overview</h3>\n <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n </header>\n <section>\n <col-ui>\n <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n <card-ui>\n <section>\n <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n <card-ui span=\"2\">\n <header>\n <h3>Recent Sales</h3>\n <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n <text-ui strong>+$1,999.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n <text-ui strong>+$299.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n <text-ui strong>+$99.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">will@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui>\n <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n <text-ui strong>+$39.00</text-ui>\n </row-ui>\n <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n <grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-spark-cards\">\n <card-ui>\n <header>\n <h3>Page Views</h3>\n <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Bounce Rate</h3>\n <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Session Duration</h3>\n <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Conversion</h3>\n <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n Supports ?state=empty|loading|error URL params for state-coverage\n demos; the default state renders the populated table. -->\n <grid-ui data-chunk=\"dashboard-transactions-table\">\n <card-ui>\n <header>\n <h3>Recent Transactions</h3>\n <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n <span slot=\"action\">\n <menu-ui id=\"tx-state-menu\">\n <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n </menu-ui>\n </span>\n </header>\n <section bleed data-tx-surface>\n <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n\n <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n <grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-team-actions-storage\">\n <card-ui data-chunk=\"dashboard-team-list\">\n <header>\n <h3>Team Members</h3>\n <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Alex Chen\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Alex Chen</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Engineering Lead</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Sarah Miller</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Product Designer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"James Park\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>James Park</text-ui>\n <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Backend Engineer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Maria Lopez</text-ui>\n <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Data Analyst</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-quick-actions\">\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-storage-card\">\n <header>\n <h3>Storage</h3>\n <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n </footer>\n </card-ui>\n </grid-ui>\n </div>",
21
21
  "source": "site/pages/examples/admin-dashboard/index.html",
22
- "captured_at": "2026-04-28T16:48:01.089Z"
22
+ "captured_at": "2026-05-01T19:13:23.303Z"
23
23
  }
package/chunks/dashboard-page-header.json CHANGED
@@ -10,5 +10,5 @@
10
10
  "attrs": {},
11
11
  "html": "<header data-chunk=\"dashboard-page-header\">\n <div>\n <h1>Dashboard</h1>\n <div data-actions>\n <button-ui text=\"Export\" icon=\"download\" variant=\"outline\"></button-ui>\n <button-ui text=\"+ New\" variant=\"primary\"></button-ui>\n </div>\n </div>\n <p>Welcome back. Here's what's happening.</p>\n <tabs-ui value=\"overview\" data-chunk=\"dashboard-tabs\">\n <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n <tab-ui value=\"behavior\" text=\"Behavior\"></tab-ui>\n <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n <tab-ui value=\"notifications\" text=\"Notifications\"></tab-ui>\n </tabs-ui>\n </header>",
12
12
  "source": "site/pages/examples/admin-dashboard/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
package/chunks/dashboard-pages-table.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-pages-table\">\n <card-ui>\n <header>\n <h3>Top pages</h3>\n <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n </header>\n <section bleed>\n <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-quick-actions.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui data-chunk=\"dashboard-quick-actions\">\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-reports-panel.json CHANGED
@@ -13,5 +13,5 @@
13
13
  },
14
14
  "html": "<div data-tab-panel=\"reports\" hidden data-chunk=\"dashboard-reports-panel\" data-chunk-kind=\"panel\">\n <grid-ui data-chunk=\"dashboard-reports-table\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Reports</h3>\n </span>\n <span slot=\"description\">\n <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n </span>\n <span slot=\"action\">\n <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>\n </div>",
15
15
  "source": "site/pages/examples/admin-dashboard/index.html",
16
- "captured_at": "2026-04-28T16:48:01.089Z"
16
+ "captured_at": "2026-05-01T19:13:23.303Z"
17
17
  }
package/chunks/dashboard-reports-table.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-reports-table\">\n <card-ui>\n <header>\n <span slot=\"heading\">\n <h3>Reports</h3>\n </span>\n <span slot=\"description\">\n <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n </span>\n <span slot=\"action\">\n <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n </segmented-ui>\n <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n </span>\n </header>\n <section bleed>\n <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-spark-cards.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"4\" gap=\"4\" data-chunk=\"dashboard-spark-cards\">\n <card-ui>\n <header>\n <h3>Page Views</h3>\n <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Bounce Rate</h3>\n <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Session Duration</h3>\n <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Conversion</h3>\n <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n </section>\n </card-ui>\n </grid-ui>",
13
13
  "source": "site/pages/examples/admin-dashboard/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/dashboard-storage-card.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui data-chunk=\"dashboard-storage-card\">\n <header>\n <h3>Storage</h3>\n <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n </footer>\n </card-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-tabs.json CHANGED
@@ -10,5 +10,5 @@
10
10
  },
11
11
  "html": "<tabs-ui value=\"overview\" data-chunk=\"dashboard-tabs\">\n <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n <tab-ui value=\"behavior\" text=\"Behavior\"></tab-ui>\n <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n <tab-ui value=\"notifications\" text=\"Notifications\"></tab-ui>\n </tabs-ui>",
12
12
  "source": "site/pages/examples/admin-dashboard/index.html",
13
- "captured_at": "2026-04-28T16:48:01.089Z"
13
+ "captured_at": "2026-05-01T19:13:23.303Z"
14
14
  }
package/chunks/dashboard-team-actions-storage.json CHANGED
@@ -15,5 +15,5 @@
15
15
  },
16
16
  "html": "<grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-team-actions-storage\">\n <card-ui data-chunk=\"dashboard-team-list\">\n <header>\n <h3>Team Members</h3>\n <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Alex Chen\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Alex Chen</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Engineering Lead</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Sarah Miller</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Product Designer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"James Park\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>James Park</text-ui>\n <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Backend Engineer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Maria Lopez</text-ui>\n <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Data Analyst</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-quick-actions\">\n <header><h3>Quick Actions</h3></header>\n <section>\n <action-list-ui>\n <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n </action-list-ui>\n </section>\n </card-ui>\n\n <card-ui data-chunk=\"dashboard-storage-card\">\n <header>\n <h3>Storage</h3>\n <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n </footer>\n </card-ui>\n </grid-ui>",
17
17
  "source": "site/pages/examples/admin-dashboard/index.html",
18
- "captured_at": "2026-04-28T16:48:01.089Z"
18
+ "captured_at": "2026-05-01T19:13:23.303Z"
19
19
  }
package/chunks/dashboard-team-list.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<card-ui data-chunk=\"dashboard-team-list\">\n <header>\n <h3>Team Members</h3>\n <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n </header>\n <section>\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Alex Chen\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Alex Chen</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Engineering Lead</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Sarah Miller</text-ui>\n <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Product Designer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"James Park\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>James Park</text-ui>\n <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Backend Engineer</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n <text-ui strong>Maria Lopez</text-ui>\n <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n </row-ui>\n <text-ui color=\"subtle\">Data Analyst</text-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/dashboard-traffic-channels.json CHANGED
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "html": "<grid-ui columns=\"3\" gap=\"4\" data-chunk=\"dashboard-traffic-channels\">\n <card-ui span=\"2\">\n <header>\n <h3>Traffic</h3>\n <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n <div slot=\"action\">\n <segmented-ui value=\"30d\">\n <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n </segmented-ui>\n </div>\n </header>\n <section>\n <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n </section>\n </card-ui>\n <card-ui>\n <header>\n <h3>Acquisition channels</h3>\n <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n </header>\n <section>\n <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n </section>\n </card-ui>\n </grid-ui>",
13
13
  "source": "site/pages/examples/admin-dashboard/index.html",
14
- "captured_at": "2026-04-28T16:48:01.089Z"
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
15
  }
package/chunks/dashboard-transactions-table.json CHANGED
@@ -8,5 +8,5 @@
8
8
  "attrs": {},
9
9
  "html": "<grid-ui data-chunk=\"dashboard-transactions-table\">\n <card-ui>\n <header>\n <h3>Recent Transactions</h3>\n <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n <span slot=\"action\">\n <menu-ui id=\"tx-state-menu\">\n <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n </menu-ui>\n </span>\n </header>\n <section bleed data-tx-surface>\n <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n </section>\n </card-ui>\n </grid-ui>",
10
10
  "source": "site/pages/examples/admin-dashboard/index.html",
11
- "captured_at": "2026-04-28T16:48:01.089Z"
11
+ "captured_at": "2026-05-01T19:13:23.303Z"
12
12
  }
package/chunks/data-export-history.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "data-export-history",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/site/patterns/admin-keys-and-export",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-section": "",
10
+ "data-property": "data-export-history"
11
+ },
12
+ "html": "<section data-section data-property=\"data-export-history\" data-chunk=\"data-export-history\">\n <h2 variant=\"section\">Export history</h2>\n <p data-note>The user's recent export jobs. Status tags (Queued / Running / Ready / Expired). \"Ready\" rows show a Download button until the link expires; expired rows are still visible for audit but disabled.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"export history\">\n <card-ui style=\"max-width: 720px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Recent exports</span>\n </header>\n <section bleed>\n <list-ui divider contained>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"download-simple\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Workspace · JSON</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Requested 12 minutes ago · 1.2M records</text-ui>\n </col-ui>\n <tag-ui size=\"sm\" variant=\"warning\">Running</tag-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"download-simple\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>My data · CSV</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Ready 2 hours ago · 4.2 MB · expires in 6 days</text-ui>\n </col-ui>\n <tag-ui size=\"sm\" variant=\"success\">Ready</tag-ui>\n <button-ui text=\"Download\" variant=\"primary\" size=\"sm\" icon-leading=\"download-simple\"></button-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"download-simple\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong color=\"subtle\">Workspace · JSON</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Ready 14 days ago · link expired</text-ui>\n </col-ui>\n <tag-ui size=\"sm\" variant=\"muted\">Expired</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/admin-keys-and-export/index.html",
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
+ }
package/chunks/data-export-request.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "data-export-request",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/site/patterns/admin-keys-and-export",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-section": "",
10
+ "data-property": "data-export-request"
11
+ },
12
+ "html": "<section data-section data-property=\"data-export-request\" data-chunk=\"data-export-request\">\n <h2 variant=\"section\">Data export — request</h2>\n <p data-note>Compliance / portability flow. User picks scope (full workspace vs. just my data) + format, the system queues the job, an email arrives with a download link. Async, not synchronous.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"data export request\">\n <card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Export your data</span>\n <text-ui slot=\"description\" color=\"subtle\">We'll email you when the archive is ready</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"What to include\" required>\n <select-ui name=\"scope\">\n <option value=\"self\">Just my data (GDPR Article 15)</option>\n <option value=\"workspace\" selected>Entire workspace (admin only)</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Format\" required>\n <select-ui name=\"format\">\n <option value=\"json\" selected>JSON archive (.zip)</option>\n <option value=\"ndjson\">NDJSON (line-delimited)</option>\n <option value=\"csv\">CSV per table</option>\n </select-ui>\n </field-ui>\n <alert-ui variant=\"info\" icon=\"clock\">\n <col-ui slot=\"content\" gap=\"0-5\">\n <text-ui strong>Exports are usually ready within 1 hour.</text-ui>\n <text-ui>Large workspaces (≥ 1M records) can take up to 24 hours. We'll email <code>kim@example.com</code> with a download link valid for 7 days.</text-ui>\n </col-ui>\n </alert-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"action\" text=\"Request export\" variant=\"primary\"></button-ui>\n </footer>\n </card-ui>\n </div>\n </div>\n</section>",
13
+ "source": "site/pages/patterns/admin-keys-and-export/index.html",
14
+ "captured_at": "2026-05-01T19:13:23.303Z"
15
+ }