@adia-ai/a2ui-corpus 0.0.7 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +66 -0
- package/catalog-a2ui_0_9.json +2241 -1912
- package/catalog-a2ui_0_9_rules.txt +7 -31
- package/chunks/_index.json +826 -45
- package/chunks/access-denied-with-request.json +15 -0
- package/chunks/access-request-form.json +15 -0
- package/chunks/access-request-pending.json +15 -0
- package/chunks/accordion-basic.json +1 -1
- package/chunks/accordion-combinations.json +1 -1
- package/chunks/accordion-edge-cases.json +1 -1
- package/chunks/accordion-multiple.json +1 -1
- package/chunks/accordion-open.json +1 -1
- package/chunks/achievement-badges.json +15 -0
- package/chunks/achievement-unlock.json +15 -0
- package/chunks/action-list-basic.json +1 -1
- package/chunks/action-list-combo.json +1 -1
- package/chunks/action-list-danger.json +1 -1
- package/chunks/action-list-disabled.json +1 -1
- package/chunks/action-list-edge.json +1 -1
- package/chunks/action-list-icon.json +1 -1
- package/chunks/agent-artifact-code.json +1 -1
- package/chunks/agent-artifact-tone.json +1 -1
- package/chunks/agent-cost-detailed.json +15 -0
- package/chunks/agent-cost-inline.json +15 -0
- package/chunks/agent-feedback-bar-basic.json +1 -1
- package/chunks/agent-feedback-bar-save.json +1 -1
- package/chunks/agent-memory-detail.json +15 -0
- package/chunks/agent-memory-editor.json +15 -0
- package/chunks/agent-memory-list.json +15 -0
- package/chunks/agent-prompt-card.json +15 -0
- package/chunks/agent-prompt-library-grid.json +15 -0
- package/chunks/agent-prompt-picker.json +15 -0
- package/chunks/agent-questions-multi.json +1 -1
- package/chunks/agent-questions-single.json +1 -1
- package/chunks/agent-rate-limit.json +15 -0
- package/chunks/agent-reasoning-iterations.json +1 -1
- package/chunks/agent-reasoning-plan-and-thoughts.json +1 -1
- package/chunks/agent-reasoning-steps-only.json +1 -1
- package/chunks/agent-suggestions-basic.json +1 -1
- package/chunks/agent-suggestions-ghost.json +1 -1
- package/chunks/agent-suggestions-icons.json +1 -1
- package/chunks/agent-tool-call-collapsed.json +15 -0
- package/chunks/agent-tool-call-error.json +15 -0
- package/chunks/agent-tool-call-running.json +15 -0
- package/chunks/agent-tool-call-success.json +15 -0
- package/chunks/agent-trace-feedback.json +1 -1
- package/chunks/agent-trace-metrics.json +1 -1
- package/chunks/agent-trace-pills.json +1 -1
- package/chunks/alert-closable.json +1 -1
- package/chunks/alert-combinations.json +1 -1
- package/chunks/alert-edge-cases.json +1 -1
- package/chunks/alert-icon.json +1 -1
- package/chunks/alert-text.json +1 -1
- package/chunks/alert-variant.json +1 -1
- package/chunks/api-keys-create.json +15 -0
- package/chunks/api-keys-list.json +15 -0
- package/chunks/approvals-detail.json +15 -0
- package/chunks/approvals-queue.json +15 -0
- package/chunks/auth-account-deleted-actions.json +1 -1
- package/chunks/auth-account-deleted.json +1 -1
- package/chunks/auth-card-content.json +1 -1
- package/chunks/auth-card-header.json +1 -1
- package/chunks/auth-email-entry.json +1 -1
- package/chunks/auth-email-verify-confirm.json +1 -1
- package/chunks/auth-email-verify.json +1 -1
- package/chunks/auth-forbidden-actions.json +1 -1
- package/chunks/auth-forbidden.json +1 -1
- package/chunks/auth-invite-actions.json +1 -1
- package/chunks/auth-invite-team-card.json +1 -1
- package/chunks/auth-link-expired-form.json +1 -1
- package/chunks/auth-link-expired.json +1 -1
- package/chunks/auth-locked-account.json +1 -1
- package/chunks/auth-locked-recovery-options.json +1 -1
- package/chunks/auth-mfa-enrollment-submit.json +1 -1
- package/chunks/auth-mfa-enrollment.json +1 -1
- package/chunks/auth-mfa-fallback-actions.json +1 -1
- package/chunks/auth-mfa-recovery.json +1 -1
- package/chunks/auth-new-password-form.json +1 -1
- package/chunks/auth-new-password.json +1 -1
- package/chunks/auth-oauth-fallback-actions.json +1 -1
- package/chunks/auth-oauth-interstitial.json +1 -1
- package/chunks/auth-password-challenge.json +1 -1
- package/chunks/auth-password-reset-form.json +1 -1
- package/chunks/auth-password-reset.json +1 -1
- package/chunks/auth-profile-form.json +1 -1
- package/chunks/auth-profile-setup.json +1 -1
- package/chunks/auth-reset-sent.json +1 -1
- package/chunks/auth-session-expired-actions.json +1 -1
- package/chunks/auth-session-expired.json +1 -1
- package/chunks/auth-signin-card-email.json +1 -1
- package/chunks/auth-signin-card-magic-link.json +1 -1
- package/chunks/auth-signin-card-mfa.json +1 -1
- package/chunks/auth-signin-card-otp.json +1 -1
- package/chunks/auth-signin-card-password.json +1 -1
- package/chunks/auth-signin-card-recovery.json +1 -1
- package/chunks/auth-signout-actions.json +1 -1
- package/chunks/auth-signout.json +1 -1
- package/chunks/auth-signup-email-entry.json +1 -1
- package/chunks/auth-signup-entry.json +1 -1
- package/chunks/auth-signup-social-auths.json +1 -1
- package/chunks/auth-signup-verify.json +1 -1
- package/chunks/auth-social-auths.json +1 -1
- package/chunks/auth-sso-providers.json +1 -1
- package/chunks/auth-sso-required.json +1 -1
- package/chunks/auth-team-invite.json +1 -1
- package/chunks/avatar-avatar-group.json +1 -1
- package/chunks/avatar-shape.json +1 -1
- package/chunks/avatar-size.json +1 -1
- package/chunks/avatar-src.json +1 -1
- package/chunks/avatar-text.json +1 -1
- package/chunks/badge-combinations.json +1 -1
- package/chunks/badge-edge-cases.json +1 -1
- package/chunks/badge-size.json +1 -1
- package/chunks/badge-text.json +1 -1
- package/chunks/badge-variant.json +1 -1
- package/chunks/banner-announcement-beta.json +15 -0
- package/chunks/banner-announcement-promo.json +15 -0
- package/chunks/banner-live-update.json +15 -0
- package/chunks/banner-system-maintenance.json +15 -0
- package/chunks/banner-system-offline.json +15 -0
- package/chunks/banner-system-update.json +15 -0
- package/chunks/bell-menu-empty.json +15 -0
- package/chunks/bell-menu-unread.json +15 -0
- package/chunks/block-combo.json +1 -1
- package/chunks/block-edge.json +1 -1
- package/chunks/block-margin.json +1 -1
- package/chunks/block-padding.json +1 -1
- package/chunks/breadcrumb-basic.json +1 -1
- package/chunks/breadcrumb-combo.json +1 -1
- package/chunks/breadcrumb-edge.json +1 -1
- package/chunks/breadcrumb-icon-leading.json +15 -0
- package/chunks/breadcrumb-links.json +1 -1
- package/chunks/breadcrumb-long.json +1 -1
- package/chunks/breadcrumb-overflow.json +15 -0
- package/chunks/breadcrumb-separator.json +1 -1
- package/chunks/bulk-action-toolbar-swap.json +2 -2
- package/chunks/button-block.json +1 -1
- package/chunks/button-combinations.json +1 -1
- package/chunks/button-disabled.json +1 -1
- package/chunks/button-edge-cases.json +1 -1
- package/chunks/button-icon.json +1 -1
- package/chunks/button-size.json +1 -1
- package/chunks/button-text-icon.json +1 -1
- package/chunks/button-text.json +1 -1
- package/chunks/button-trailing.json +1 -1
- package/chunks/button-type.json +1 -1
- package/chunks/button-variant-solid.json +1 -1
- package/chunks/button-variant.json +1 -1
- package/chunks/calendar-picker-default.json +1 -1
- package/chunks/calendar-picker-disabled.json +1 -1
- package/chunks/calendar-picker-format.json +1 -1
- package/chunks/calendar-picker-label.json +1 -1
- package/chunks/calendar-picker-max.json +1 -1
- package/chunks/calendar-picker-min-max.json +1 -1
- package/chunks/calendar-picker-min.json +1 -1
- package/chunks/calendar-picker-name.json +1 -1
- package/chunks/calendar-picker-open.json +1 -1
- package/chunks/calendar-picker-placeholder.json +1 -1
- package/chunks/calendar-picker-required.json +1 -1
- package/chunks/calendar-picker-value.json +1 -1
- package/chunks/canvas-basic.json +1 -1
- package/chunks/canvas-history.json +1 -1
- package/chunks/canvas-theme.json +1 -1
- package/chunks/card-elevation.json +1 -1
- package/chunks/card-header-body-footer.json +1 -1
- package/chunks/card-raw.json +1 -1
- package/chunks/card-size-lg.json +1 -1
- package/chunks/card-size-md.json +1 -1
- package/chunks/card-size.json +1 -1
- package/chunks/card-variant-filled.json +1 -1
- package/chunks/card-variant-ghost.json +1 -1
- package/chunks/card-variant-outlined.json +1 -1
- package/chunks/card-variant.json +1 -1
- package/chunks/chart-average.json +1 -1
- package/chunks/chart-color.json +1 -1
- package/chunks/chart-data-stream.json +1 -1
- package/chunks/chart-deprecated.json +1 -1
- package/chunks/chart-format.json +1 -1
- package/chunks/chart-hideGrid.json +1 -1
- package/chunks/chart-hideValues.json +1 -1
- package/chunks/chart-in-card-chart-plus-breakdown.json +1 -1
- package/chunks/chart-in-card-chart-plus-stat.json +1 -1
- package/chunks/chart-in-card-chart-with-filter-pills.json +1 -1
- package/chunks/chart-in-card-full-chart.json +1 -1
- package/chunks/chart-in-card-sparkline-tile.json +1 -1
- package/chunks/chart-in-card-stat-with-sparkline.json +1 -1
- package/chunks/chart-in-card-trend-footer.json +1 -1
- package/chunks/chart-legend-for.json +1 -1
- package/chunks/chart-legend-on-toggle.json +1 -1
- package/chunks/chart-legend-position.json +1 -1
- package/chunks/chart-legend-shape.json +1 -1
- package/chunks/chart-legend-static.json +1 -1
- package/chunks/chart-radius.json +1 -1
- package/chunks/chart-size.json +1 -1
- package/chunks/chart-sizing.json +1 -1
- package/chunks/chart-smooth.json +1 -1
- package/chunks/chart-states.json +1 -1
- package/chunks/chart-title.json +1 -1
- package/chunks/chart-type.json +1 -1
- package/chunks/check-checked.json +1 -1
- package/chunks/check-combinations.json +1 -1
- package/chunks/check-disabled.json +1 -1
- package/chunks/check-edge-cases.json +1 -1
- package/chunks/check-indeterminate.json +1 -1
- package/chunks/check-label.json +1 -1
- package/chunks/check-size.json +1 -1
- package/chunks/code-bare.json +1 -1
- package/chunks/code-combo.json +1 -1
- package/chunks/code-disabled-readonly.json +1 -1
- package/chunks/code-edge.json +1 -1
- package/chunks/code-editable.json +1 -1
- package/chunks/code-form-association.json +1 -1
- package/chunks/code-inline.json +1 -1
- package/chunks/code-language.json +1 -1
- package/chunks/code-line-numbers.json +1 -1
- package/chunks/code-lint-gutter.json +1 -1
- package/chunks/code-long-code.json +1 -1
- package/chunks/code-no-language.json +1 -1
- package/chunks/color-picker-default.json +1 -1
- package/chunks/color-picker-disabled.json +1 -1
- package/chunks/color-picker-format.json +1 -1
- package/chunks/color-picker-name.json +1 -1
- package/chunks/color-picker-value.json +1 -1
- package/chunks/command-combo.json +1 -1
- package/chunks/command-edge.json +1 -1
- package/chunks/command-grouped.json +1 -1
- package/chunks/command-inline.json +1 -1
- package/chunks/command-open.json +1 -1
- package/chunks/command-placeholder.json +1 -1
- package/chunks/command-shortcuts.json +1 -1
- package/chunks/comments-composer.json +15 -0
- package/chunks/comments-mention-menu.json +15 -0
- package/chunks/comments-thread.json +15 -0
- package/chunks/commerce-pricing-tiers.json +1 -1
- package/chunks/conversion-funnel-4-step-funnel.json +1 -1
- package/chunks/conversion-funnel-wide-summary.json +1 -1
- package/chunks/conversion-funnel-with-segment-compare.json +1 -1
- package/chunks/dashboard-acquisition-panel.json +1 -1
- package/chunks/dashboard-admin-page.json +1 -1
- package/chunks/dashboard-audience-kpis.json +1 -1
- package/chunks/dashboard-audience-panel.json +1 -1
- package/chunks/dashboard-behavior-panel.json +1 -1
- package/chunks/dashboard-chart-recent.json +1 -1
- package/chunks/dashboard-cohort-retention.json +1 -1
- package/chunks/dashboard-conversion-panel.json +1 -1
- package/chunks/dashboard-country-list.json +1 -1
- package/chunks/dashboard-filter-bar.json +1 -1
- package/chunks/dashboard-funnel.json +1 -1
- package/chunks/dashboard-kpi-grid.json +1 -1
- package/chunks/dashboard-notifications-feed.json +1 -1
- package/chunks/dashboard-notifications-panel.json +1 -1
- package/chunks/dashboard-overview-panel.json +1 -1
- package/chunks/dashboard-page-header.json +1 -1
- package/chunks/dashboard-pages-table.json +1 -1
- package/chunks/dashboard-quick-actions.json +1 -1
- package/chunks/dashboard-reports-panel.json +1 -1
- package/chunks/dashboard-reports-table.json +1 -1
- package/chunks/dashboard-spark-cards.json +1 -1
- package/chunks/dashboard-storage-card.json +1 -1
- package/chunks/dashboard-tabs.json +1 -1
- package/chunks/dashboard-team-actions-storage.json +1 -1
- package/chunks/dashboard-team-list.json +1 -1
- package/chunks/dashboard-traffic-channels.json +1 -1
- package/chunks/dashboard-transactions-table.json +1 -1
- package/chunks/data-export-history.json +15 -0
- package/chunks/data-export-request.json +15 -0
- package/chunks/description-list-align.json +1 -1
- package/chunks/description-list-inline.json +1 -1
- package/chunks/description-list-items.json +1 -1
- package/chunks/description-list-layout.json +1 -1
- package/chunks/description-list-programmatic.json +1 -1
- package/chunks/description-list-stacked.json +1 -1
- package/chunks/diff-inline.json +15 -0
- package/chunks/diff-side-by-side.json +15 -0
- package/chunks/diff-structured.json +15 -0
- package/chunks/digest-email-preview.json +15 -0
- package/chunks/divider-combo.json +1 -1
- package/chunks/divider-edge.json +1 -1
- package/chunks/divider-horizontal.json +1 -1
- package/chunks/divider-label.json +1 -1
- package/chunks/divider-vertical-label.json +1 -1
- package/chunks/divider-vertical.json +1 -1
- package/chunks/drawer-2fa-key.json +1 -1
- package/chunks/drawer-2fa-sms.json +1 -1
- package/chunks/drawer-2fa-totp.json +1 -1
- package/chunks/drawer-cancel-sub.json +1 -1
- package/chunks/drawer-change-plan.json +1 -1
- package/chunks/drawer-custom-roles.json +1 -1
- package/chunks/drawer-data-start.json +1 -1
- package/chunks/drawer-delete-account.json +1 -1
- package/chunks/drawer-delete-workspace.json +1 -1
- package/chunks/drawer-discord.json +1 -1
- package/chunks/drawer-edge-cases.json +1 -1
- package/chunks/drawer-figma.json +1 -1
- package/chunks/drawer-first-dashboard.json +1 -1
- package/chunks/drawer-footer.json +1 -1
- package/chunks/drawer-gcal.json +1 -1
- package/chunks/drawer-github.json +1 -1
- package/chunks/drawer-header-grid.json +1 -1
- package/chunks/drawer-invite.json +1 -1
- package/chunks/drawer-multi-section.json +1 -1
- package/chunks/drawer-open.json +1 -1
- package/chunks/drawer-payment-method.json +1 -1
- package/chunks/drawer-permanent.json +1 -1
- package/chunks/drawer-report.json +1 -1
- package/chunks/drawer-revoke-session.json +1 -1
- package/chunks/drawer-role.json +1 -1
- package/chunks/drawer-side.json +1 -1
- package/chunks/drawer-size.json +1 -1
- package/chunks/drawer-slack.json +1 -1
- package/chunks/drawer-smtp.json +1 -1
- package/chunks/drawer-source.json +1 -1
- package/chunks/drawer-text.json +1 -1
- package/chunks/drawer-transaction.json +1 -1
- package/chunks/embed-aspect.json +1 -1
- package/chunks/embed-default.json +1 -1
- package/chunks/embed-height.json +1 -1
- package/chunks/embed-src.json +1 -1
- package/chunks/embed-width.json +1 -1
- package/chunks/empty-state-action.json +1 -1
- package/chunks/empty-state-basic.json +1 -1
- package/chunks/empty-state-description.json +1 -1
- package/chunks/empty-state-error.json +1 -1
- package/chunks/empty-state-heading.json +1 -1
- package/chunks/empty-state-icon.json +1 -1
- package/chunks/error-404-actions.json +1 -1
- package/chunks/error-404.json +1 -1
- package/chunks/error-500-actions.json +1 -1
- package/chunks/error-500.json +1 -1
- package/chunks/error-maintenance-actions.json +1 -1
- package/chunks/error-maintenance.json +1 -1
- package/chunks/field-controls.json +1 -1
- package/chunks/field-default.json +1 -1
- package/chunks/field-error.json +1 -1
- package/chunks/field-hint.json +1 -1
- package/chunks/field-inline.json +1 -1
- package/chunks/field-no-label.json +1 -1
- package/chunks/field-required.json +1 -1
- package/chunks/filter-bar-active-filters.json +2 -2
- package/chunks/filter-bar-filter-bar-with-table.json +2 -2
- package/chunks/filter-bar-saved-views.json +2 -2
- package/chunks/form-drawer-edit-form.json +1 -1
- package/chunks/form-drawer-simple-form.json +1 -1
- package/chunks/form-drawer-tall-form.json +1 -1
- package/chunks/forms-address-autocomplete.json +15 -0
- package/chunks/forms-address-fields.json +15 -0
- package/chunks/forms-conditional-reveal.json +15 -0
- package/chunks/heatmap-data-stream.json +1 -1
- package/chunks/heatmap-day-grid.json +1 -1
- package/chunks/heatmap-matrix.json +1 -1
- package/chunks/hero-cta-simple.json +15 -0
- package/chunks/hero-cta-split.json +15 -0
- package/chunks/icon-combinations.json +1 -1
- package/chunks/icon-edge-cases.json +1 -1
- package/chunks/icon-label.json +1 -1
- package/chunks/icon-name.json +1 -1
- package/chunks/icon-size.json +1 -1
- package/chunks/image-alt.json +1 -1
- package/chunks/image-default.json +1 -1
- package/chunks/image-fallback.json +1 -1
- package/chunks/image-fit.json +1 -1
- package/chunks/image-height.json +1 -1
- package/chunks/image-radius.json +1 -1
- package/chunks/image-src.json +1 -1
- package/chunks/image-width.json +1 -1
- package/chunks/input-combinations.json +1 -1
- package/chunks/input-disabled.json +1 -1
- package/chunks/input-edge-cases.json +1 -1
- package/chunks/input-error.json +1 -1
- package/chunks/input-label.json +1 -1
- package/chunks/input-name.json +1 -1
- package/chunks/input-pattern.json +1 -1
- package/chunks/input-placeholder.json +1 -1
- package/chunks/input-prefix-suffix.json +1 -1
- package/chunks/input-prefix.json +1 -1
- package/chunks/input-raw.json +1 -1
- package/chunks/input-readonly.json +1 -1
- package/chunks/input-required.json +1 -1
- package/chunks/input-size.json +1 -1
- package/chunks/input-suffix.json +1 -1
- package/chunks/input-type.json +1 -1
- package/chunks/input-value.json +1 -1
- package/chunks/inspector-default.json +1 -1
- package/chunks/inspector-imperative.json +1 -1
- package/chunks/inspector-nested.json +1 -1
- package/chunks/inspector-value.json +1 -1
- package/chunks/kanban-board.json +15 -0
- package/chunks/kbd-combinations.json +1 -1
- package/chunks/kbd-in-context.json +1 -1
- package/chunks/kbd-single-keys.json +1 -1
- package/chunks/kbd-size.json +1 -1
- package/chunks/layout-align.json +1 -1
- package/chunks/layout-col.json +1 -1
- package/chunks/layout-combo.json +1 -1
- package/chunks/layout-edge.json +1 -1
- package/chunks/layout-grid.json +1 -1
- package/chunks/layout-justify.json +1 -1
- package/chunks/layout-row.json +1 -1
- package/chunks/layout-stack.json +1 -1
- package/chunks/layout-wrap.json +1 -1
- package/chunks/list-basic.json +1 -1
- package/chunks/list-combo.json +1 -1
- package/chunks/list-description.json +1 -1
- package/chunks/list-divider.json +1 -1
- package/chunks/list-edge.json +1 -1
- package/chunks/list-icon.json +1 -1
- package/chunks/list-spacing.json +1 -1
- package/chunks/member-edit-drawer.json +1 -1
- package/chunks/menu-basic.json +1 -1
- package/chunks/menu-combo.json +1 -1
- package/chunks/menu-disabled.json +1 -1
- package/chunks/menu-divider.json +1 -1
- package/chunks/menu-edge.json +1 -1
- package/chunks/menu-gap.json +1 -1
- package/chunks/menu-icon.json +1 -1
- package/chunks/menu-open.json +1 -1
- package/chunks/menu-placement.json +1 -1
- package/chunks/menu-variant.json +1 -1
- package/chunks/modal-basic.json +1 -1
- package/chunks/modal-closable.json +1 -1
- package/chunks/modal-combinations.json +1 -1
- package/chunks/modal-edge-cases.json +1 -1
- package/chunks/modal-open.json +1 -1
- package/chunks/modal-size-xl.json +1 -1
- package/chunks/modal-size.json +1 -1
- package/chunks/modal-text.json +1 -1
- package/chunks/modal-trigger.json +1 -1
- package/chunks/noodles-animated.json +1 -1
- package/chunks/noodles-color.json +1 -1
- package/chunks/noodles-curve.json +1 -1
- package/chunks/noodles-editable.json +1 -1
- package/chunks/noodles-portSize.json +1 -1
- package/chunks/noodles-readonly.json +1 -1
- package/chunks/noodles-showPorts.json +1 -1
- package/chunks/noodles-strokeWidth.json +1 -1
- package/chunks/noodles-tension.json +1 -1
- package/chunks/onb-completion.json +1 -1
- package/chunks/onb-extension-install.json +1 -1
- package/chunks/onb-hero-welcome.json +2 -2
- package/chunks/onb-import-picker.json +1 -1
- package/chunks/onb-mobile-handoff.json +1 -1
- package/chunks/onb-notification-prefs.json +1 -1
- package/chunks/onb-persona-picker.json +1 -1
- package/chunks/onb-provider-tiles.json +1 -1
- package/chunks/onb-settings-review.json +1 -1
- package/chunks/onb-step-footer.json +2 -2
- package/chunks/onb-step-header.json +2 -2
- package/chunks/onb-step-progress.json +1 -1
- package/chunks/onb-step-shell.json +1 -1
- package/chunks/onb-story-pane.json +2 -2
- package/chunks/onb-tutorial-steps.json +1 -1
- package/chunks/option-card-default.json +1 -1
- package/chunks/option-card-dense.json +1 -1
- package/chunks/option-card-disabled.json +1 -1
- package/chunks/option-card-heading-rich.json +1 -1
- package/chunks/option-card-icon.json +1 -1
- package/chunks/option-card-spillover.json +1 -1
- package/chunks/otp-input-disabled.json +1 -1
- package/chunks/otp-input-length.json +1 -1
- package/chunks/otp-input-name.json +1 -1
- package/chunks/otp-input-value.json +1 -1
- package/chunks/pagination-basic.json +1 -1
- package/chunks/pagination-combo.json +1 -1
- package/chunks/pagination-edge.json +1 -1
- package/chunks/pagination-first-page.json +1 -1
- package/chunks/pagination-last-page.json +1 -1
- package/chunks/pagination-many-pages.json +1 -1
- package/chunks/pagination-page.json +1 -1
- package/chunks/pagination-siblings.json +1 -1
- package/chunks/pagination-size.json +1 -1
- package/chunks/pagination-total.json +1 -1
- package/chunks/pagination-variant.json +1 -1
- package/chunks/pane-basic.json +1 -1
- package/chunks/pane-collapsed.json +1 -1
- package/chunks/pane-combo.json +1 -1
- package/chunks/pane-edge.json +1 -1
- package/chunks/pane-maxWidth.json +1 -1
- package/chunks/pane-minWidth.json +1 -1
- package/chunks/pane-resizable.json +1 -1
- package/chunks/pane-sections.json +1 -1
- package/chunks/permissions-matrix-grid.json +15 -0
- package/chunks/permissions-matrix-summary.json +15 -0
- package/chunks/permissions-role-picker-radio.json +15 -0
- package/chunks/permissions-role-picker-select.json +15 -0
- package/chunks/permissions-share-link.json +15 -0
- package/chunks/permissions-share-people.json +15 -0
- package/chunks/permissions-sharing-scopes.json +15 -0
- package/chunks/pipeline-status-complete.json +1 -1
- package/chunks/pipeline-status-message.json +1 -1
- package/chunks/pipeline-status-stage.json +1 -1
- package/chunks/playground-a2ui.json +1 -1
- package/chunks/playground-render-preview.json +1 -1
- package/chunks/playground-streams-bridge.json +1 -1
- package/chunks/playground-table-toolbar.json +1 -1
- package/chunks/popover-combo.json +1 -1
- package/chunks/popover-edge.json +1 -1
- package/chunks/popover-gap.json +1 -1
- package/chunks/popover-open.json +1 -1
- package/chunks/popover-placement.json +1 -1
- package/chunks/popover-rich-content.json +1 -1
- package/chunks/popover-trigger-click.json +1 -1
- package/chunks/popover-trigger-hover.json +1 -1
- package/chunks/popover-trigger.json +1 -1
- package/chunks/profile-public.json +15 -0
- package/chunks/progress-indeterminate.json +1 -1
- package/chunks/progress-row-basic.json +1 -1
- package/chunks/progress-row-combo.json +1 -1
- package/chunks/progress-row-edge.json +1 -1
- package/chunks/progress-row-indeterminate.json +1 -1
- package/chunks/progress-row-label.json +1 -1
- package/chunks/progress-row-meta.json +1 -1
- package/chunks/progress-row-multiple.json +1 -1
- package/chunks/progress-row-value.json +1 -1
- package/chunks/progress-row-variant.json +1 -1
- package/chunks/progress-sizes.json +1 -1
- package/chunks/progress-value.json +1 -1
- package/chunks/progress-variant.json +1 -1
- package/chunks/radio-checked.json +1 -1
- package/chunks/radio-combinations.json +1 -1
- package/chunks/radio-disabled.json +1 -1
- package/chunks/radio-edge-cases.json +1 -1
- package/chunks/radio-error.json +1 -1
- package/chunks/radio-group.json +1 -1
- package/chunks/radio-label.json +1 -1
- package/chunks/radio-name.json +1 -1
- package/chunks/radio-required.json +1 -1
- package/chunks/radio-size.json +1 -1
- package/chunks/radio-value.json +1 -1
- package/chunks/range-combinations.json +1 -1
- package/chunks/range-default.json +1 -1
- package/chunks/range-disabled.json +1 -1
- package/chunks/range-edge-cases.json +1 -1
- package/chunks/range-error.json +1 -1
- package/chunks/range-label.json +1 -1
- package/chunks/range-name.json +1 -1
- package/chunks/range-required.json +1 -1
- package/chunks/range-suffix.json +1 -1
- package/chunks/range-value.json +1 -1
- package/chunks/rating-allowHalf.json +1 -1
- package/chunks/rating-basic.json +1 -1
- package/chunks/rating-icon.json +1 -1
- package/chunks/rating-interactive.json +1 -1
- package/chunks/rating-max.json +1 -1
- package/chunks/rating-name.json +1 -1
- package/chunks/rating-readonly.json +1 -1
- package/chunks/rating-size.json +1 -1
- package/chunks/rating-value.json +1 -1
- package/chunks/reactions-bar.json +15 -0
- package/chunks/reactions-picker.json +15 -0
- package/chunks/record-detail-drawer-simple-detail.json +1 -1
- package/chunks/record-detail-drawer-tabbed-detail.json +1 -1
- package/chunks/referral-share-link.json +15 -0
- package/chunks/referral-status.json +15 -0
- package/chunks/reg-address-form.json +1 -1
- package/chunks/reg-billing-card.json +1 -1
- package/chunks/reg-brand-scrape.json +1 -1
- package/chunks/reg-departments-toggle.json +1 -1
- package/chunks/reg-extended-profile.json +2 -2
- package/chunks/reg-final-done.json +1 -1
- package/chunks/reg-helpdesk-grid.json +1 -1
- package/chunks/reg-import-picker.json +1 -1
- package/chunks/reg-integrations-grid.json +1 -1
- package/chunks/reg-invite-form.json +1 -1
- package/chunks/reg-legal-entity.json +1 -1
- package/chunks/reg-org-chart-review.json +1 -1
- package/chunks/reg-profile-identity.json +1 -1
- package/chunks/reg-step-footer.json +2 -2
- package/chunks/reg-step-header.json +2 -2
- package/chunks/reg-step-progress.json +1 -1
- package/chunks/reg-step-shell.json +1 -1
- package/chunks/reg-story-pane.json +2 -2
- package/chunks/reg-success-summary.json +1 -1
- package/chunks/reg-team-size.json +1 -1
- package/chunks/reg-usecase-picker.json +1 -1
- package/chunks/reg-workspace-name.json +1 -1
- package/chunks/retention-cohort-default-retention.json +1 -1
- package/chunks/retention-cohort-stat-pair.json +1 -1
- package/chunks/retention-cohort-with-legend.json +1 -1
- package/chunks/richtext-code-blocks.json +1 -1
- package/chunks/richtext-default-slot.json +1 -1
- package/chunks/richtext-markdown.json +1 -1
- package/chunks/richtext-rich-markdown.json +1 -1
- package/chunks/richtext-src.json +1 -1
- package/chunks/search-debounce.json +1 -1
- package/chunks/search-default.json +1 -1
- package/chunks/search-disabled.json +1 -1
- package/chunks/search-name.json +1 -1
- package/chunks/search-placeholder.json +1 -1
- package/chunks/search-recents-menu.json +15 -0
- package/chunks/search-results-grouped.json +15 -0
- package/chunks/search-results-list.json +15 -0
- package/chunks/search-saved-views.json +15 -0
- package/chunks/search-value.json +1 -1
- package/chunks/segment-basic.json +1 -1
- package/chunks/segment-disabled.json +1 -1
- package/chunks/segment-icons.json +1 -1
- package/chunks/segment-text.json +1 -1
- package/chunks/segment-value.json +1 -1
- package/chunks/segmented-basic.json +1 -1
- package/chunks/segmented-combo.json +1 -1
- package/chunks/segmented-disabled.json +1 -1
- package/chunks/segmented-edge.json +1 -1
- package/chunks/segmented-pre-selected.json +1 -1
- package/chunks/segmented-value.json +1 -1
- package/chunks/select-avatar.json +1 -1
- package/chunks/select-basic.json +1 -1
- package/chunks/select-combinations.json +1 -1
- package/chunks/select-disabled.json +1 -1
- package/chunks/select-edge-cases.json +1 -1
- package/chunks/select-error.json +1 -1
- package/chunks/select-free-text.json +1 -1
- package/chunks/select-grouped.json +1 -1
- package/chunks/select-icon.json +1 -1
- package/chunks/select-label.json +1 -1
- package/chunks/select-multiple.json +1 -1
- package/chunks/select-name.json +1 -1
- package/chunks/select-open.json +1 -1
- package/chunks/select-placeholder.json +1 -1
- package/chunks/select-readonly.json +1 -1
- package/chunks/select-required.json +1 -1
- package/chunks/select-searchable.json +1 -1
- package/chunks/select-size.json +1 -1
- package/chunks/select-value.json +1 -1
- package/chunks/settings-billing-plan.json +1 -1
- package/chunks/settings-general-form.json +1 -1
- package/chunks/settings-integrations.json +1 -1
- package/chunks/settings-members-invite.json +1 -1
- package/chunks/settings-profile-security.json +1 -1
- package/chunks/skeleton-card-placeholder.json +1 -1
- package/chunks/skeleton-height.json +1 -1
- package/chunks/skeleton-radius.json +1 -1
- package/chunks/skeleton-static.json +1 -1
- package/chunks/skeleton-width-height.json +1 -1
- package/chunks/skeleton-width.json +1 -1
- package/chunks/slider-disabled.json +1 -1
- package/chunks/slider-error.json +1 -1
- package/chunks/slider-label.json +1 -1
- package/chunks/slider-name.json +1 -1
- package/chunks/slider-required.json +1 -1
- package/chunks/slider-suffix.json +1 -1
- package/chunks/slider-value.json +1 -1
- package/chunks/sortable-list.json +15 -0
- package/chunks/stat-basic.json +1 -1
- package/chunks/stat-change.json +1 -1
- package/chunks/stat-chart-slot.json +1 -1
- package/chunks/stat-data-stream.json +1 -1
- package/chunks/stat-grid.json +1 -1
- package/chunks/stat-icon.json +1 -1
- package/chunks/stat-label.json +1 -1
- package/chunks/stat-trend.json +1 -1
- package/chunks/stat-value.json +1 -1
- package/chunks/stepper-horizontal.json +1 -1
- package/chunks/stepper-interactive.json +1 -1
- package/chunks/stepper-step.json +1 -1
- package/chunks/stepper-vertical.json +1 -1
- package/chunks/stream-basic.json +1 -1
- package/chunks/stream-hide-cursor.json +1 -1
- package/chunks/stream-pace.json +1 -1
- package/chunks/stream-streaming.json +1 -1
- package/chunks/swiper-autoplay.json +1 -1
- package/chunks/swiper-basic.json +1 -1
- package/chunks/swiper-combo.json +1 -1
- package/chunks/swiper-gap.json +1 -1
- package/chunks/swiper-interval.json +1 -1
- package/chunks/swiper-loop.json +1 -1
- package/chunks/swiper-peek.json +1 -1
- package/chunks/swiper-slides-per-view.json +1 -1
- package/chunks/swiper-snap.json +1 -1
- package/chunks/switch-checked.json +1 -1
- package/chunks/switch-combinations.json +1 -1
- package/chunks/switch-disabled.json +1 -1
- package/chunks/switch-edge-cases.json +1 -1
- package/chunks/switch-label.json +1 -1
- package/chunks/switch-size.json +1 -1
- package/chunks/table-cell-types.json +1 -1
- package/chunks/table-data-stream.json +1 -1
- package/chunks/table-density.json +1 -1
- package/chunks/table-expandable.json +1 -1
- package/chunks/table-inline-edit-row.json +15 -0
- package/chunks/table-loading.json +1 -1
- package/chunks/table-paginate.json +1 -1
- package/chunks/table-raw.json +1 -1
- package/chunks/table-search.json +1 -1
- package/chunks/table-selectable.json +1 -1
- package/chunks/table-sortable.json +1 -1
- package/chunks/table-spreadsheet-cells.json +15 -0
- package/chunks/table-striped.json +1 -1
- package/chunks/tabs-basic.json +1 -1
- package/chunks/tabs-combinations.json +1 -1
- package/chunks/tabs-disabled.json +1 -1
- package/chunks/tabs-edge-cases.json +1 -1
- package/chunks/tabs-icon.json +1 -1
- package/chunks/tabs-keyboard.json +1 -1
- package/chunks/tabs-orientation.json +1 -1
- package/chunks/tabs-value.json +1 -1
- package/chunks/tabs-vertical.json +1 -1
- package/chunks/tag-combinations.json +1 -1
- package/chunks/tag-disabled.json +1 -1
- package/chunks/tag-removable.json +1 -1
- package/chunks/tag-size.json +1 -1
- package/chunks/tag-text.json +1 -1
- package/chunks/tag-variant.json +1 -1
- package/chunks/text-lines.json +1 -1
- package/chunks/text-truncate.json +1 -1
- package/chunks/text-variant.json +1 -1
- package/chunks/textarea-combinations.json +1 -1
- package/chunks/textarea-disabled.json +1 -1
- package/chunks/textarea-edge-cases.json +1 -1
- package/chunks/textarea-error.json +1 -1
- package/chunks/textarea-label.json +1 -1
- package/chunks/textarea-placeholder.json +1 -1
- package/chunks/textarea-readonly.json +1 -1
- package/chunks/textarea-resize.json +1 -1
- package/chunks/textarea-rows.json +1 -1
- package/chunks/timeline-compact.json +1 -1
- package/chunks/timeline-error.json +1 -1
- package/chunks/timeline-horizontal.json +1 -1
- package/chunks/timeline-icons.json +1 -1
- package/chunks/timeline-outcomes.json +1 -1
- package/chunks/timeline-variant.json +1 -1
- package/chunks/timeline-vertical.json +1 -1
- package/chunks/toast-closable.json +1 -1
- package/chunks/toast-combo.json +1 -1
- package/chunks/toast-duration.json +1 -1
- package/chunks/toast-edge.json +1 -1
- package/chunks/toast-position.json +1 -1
- package/chunks/toast-text.json +1 -1
- package/chunks/toast-variant.json +2 -2
- package/chunks/toggle-group-combo.json +1 -1
- package/chunks/toggle-group-disabled.json +1 -1
- package/chunks/toggle-group-edge.json +1 -1
- package/chunks/toggle-group-icon-group.json +1 -1
- package/chunks/toggle-group-pre-selected.json +1 -1
- package/chunks/toggle-group-single-vs-multi.json +1 -1
- package/chunks/toggle-group-single.json +1 -1
- package/chunks/toggle-group-text-group.json +1 -1
- package/chunks/toggle-group-value.json +1 -1
- package/chunks/toolbar-align.json +1 -1
- package/chunks/toolbar-basic.json +1 -1
- package/chunks/toolbar-bordered.json +1 -1
- package/chunks/toolbar-combo.json +1 -1
- package/chunks/toolbar-dividers.json +1 -1
- package/chunks/toolbar-edge.json +1 -1
- package/chunks/toolbar-gap.json +1 -1
- package/chunks/toolbar-overflow-none.json +1 -1
- package/chunks/toolbar-overflow.json +1 -1
- package/chunks/tooltip-combinations.json +1 -1
- package/chunks/tooltip-delay.json +1 -1
- package/chunks/tooltip-edge-cases.json +1 -1
- package/chunks/tooltip-placement.json +1 -1
- package/chunks/tooltip-text.json +1 -1
- package/chunks/tree-basic.json +1 -1
- package/chunks/tree-combo.json +1 -1
- package/chunks/tree-edge.json +1 -1
- package/chunks/tree-expand-collapse.json +1 -1
- package/chunks/tree-selection.json +1 -1
- package/chunks/tree-table-basic.json +15 -0
- package/chunks/upload-accept.json +1 -1
- package/chunks/upload-default.json +1 -1
- package/chunks/upload-disabled.json +1 -1
- package/chunks/upload-hint.json +1 -1
- package/chunks/upload-label-hint.json +1 -1
- package/chunks/upload-label.json +1 -1
- package/chunks/upload-multiple.json +1 -1
- package/chunks/upload-name.json +1 -1
- package/chunks/upload-value.json +1 -1
- package/chunks/verification-document-upload.json +15 -0
- package/chunks/verification-status.json +15 -0
- package/chunks/verification-stepper.json +15 -0
- package/chunks/webhooks-list.json +15 -0
- package/chunks/wizard-drawer-three-step-wizard.json +1 -1
- package/package.json +1 -1
- package/patterns/_components.json +1 -1
- package/chunks/chat-basic.json +0 -15
- package/chunks/chat-streaming.json +0 -15
- package/chunks/chat-with-input.json +0 -15
- package/chunks/playground-app-shell.json +0 -14
- package/chunks/playground-chat.json +0 -15
- package/chunks/playground-construct-canvas.json +0 -14
- package/chunks/playground-gen-ui.json +0 -14
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"data-section": "",
|
|
10
10
|
"data-property": "toolbar-swap"
|
|
11
11
|
},
|
|
12
|
-
"html": "<section data-section data-property=\"toolbar-swap\" data-chunk=\"bulk-action-toolbar-swap\">\n <h2 variant=\"section\">Toolbar swap on selection</h2>\n <p data-note>Tick the checkboxes below — the default <code><table-toolbar-ui></code> swaps for the bulk-action bar at the same height. Untick to return.</p>\n <
|
|
12
|
+
"html": "<section data-section data-property=\"toolbar-swap\" data-chunk=\"bulk-action-toolbar-swap\">\n <h2 variant=\"section\">Toolbar swap on selection</h2>\n <p data-note>Tick the checkboxes below — the default <code><table-toolbar-ui></code> swaps for the bulk-action bar at the same height. Untick to return.</p>\n <card-ui raw>\n <section bleed>\n <table-toolbar-ui id=\"pat-bulk-default\" for=\"pat-bulk-table\" text=\"Resources\" count=\"6\" no-filter no-sort no-columns></table-toolbar-ui>\n\n <toolbar-ui id=\"pat-bulk-actions\" data-bulk-bar role=\"toolbar\" aria-label=\"Bulk actions\" hidden>\n <text-ui strong><span data-bulk-count>0</span> selected</text-ui>\n <span data-spacer style=\"flex:1 1 auto\"></span>\n <button-ui text=\"Archive\" icon=\"archive\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"archive\"></button-ui>\n <button-ui text=\"Export\" icon=\"download-simple\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"export\"></button-ui>\n <button-ui text=\"Move\" icon=\"folder-simple\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"move\"></button-ui>\n <divider-ui vertical></divider-ui>\n <button-ui text=\"Delete\" icon=\"trash\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"delete\"></button-ui>\n </toolbar-ui>\n\n <table-ui id=\"pat-bulk-table\" selectable sortable striped raw></table-ui>\n </section>\n </card-ui>\n</section>",
|
|
13
13
|
"source": "site/pages/patterns/bulk-action-toolbar/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/button-block.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"block\" data-chunk=\"button-block\">\n <h2 variant=\"section\">block</h2>\n <p data-note>Stretches the button to the full width of its container.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"block primary\"><button-ui text=\"Full width\" variant=\"primary\" stretch></button-ui></div>\n <div data-artifact-item data-artifact-label=\"block outline\"><button-ui text=\"Full width outline\" variant=\"outline\" stretch></button-ui></div>\n <div data-artifact-item data-artifact-label=\"block ghost\"><button-ui text=\"Block ghost\" variant=\"ghost\" stretch></button-ui></div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"combinations\" data-chunk=\"button-combinations\">\n <h2 variant=\"section\">Combinations</h2>\n <p data-note>Common pairings of variant, size, icon, and state.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"primary + lg\">\n <button-ui text=\"Submit\" variant=\"primary\" size=\"lg\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"ghost + sm\">\n <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"danger + disabled\">\n <button-ui text=\"Delete\" color=\"danger\" disabled></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"outline + icon + lg\">\n <button-ui text=\"Upload\" icon=\"upload\" variant=\"outline\" size=\"lg\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"ghost icon sm\">\n <button-ui icon=\"star\" variant=\"ghost\" size=\"sm\"></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"disabled\" data-chunk=\"button-disabled\">\n <h2 variant=\"section\">disabled</h2>\n <p data-note>Prevents interaction and applies muted styling.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"default\">\n <button-ui text=\"Default\" disabled></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"primary\">\n <button-ui text=\"Primary\" variant=\"primary\" disabled></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"outline\">\n <button-ui text=\"Outline\" variant=\"outline\" disabled></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"ghost\">\n <button-ui text=\"Ghost\" variant=\"ghost\" disabled></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"icon-only\">\n <button-ui icon=\"plus\" disabled></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"edge-cases\" data-chunk=\"button-edge-cases\">\n <h2 variant=\"section\">Edge Cases</h2>\n <p data-note>Boundary conditions and unusual content.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"empty (no text/icon)\">\n <button-ui></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"long text\">\n <button-ui text=\"This is a button with a very long label that might overflow or wrap depending on container width\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"single character\">\n <button-ui text=\"A\" size=\"sm\"></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/button-icon.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"icon\" data-chunk=\"button-icon\">\n <h2 variant=\"section\">icon-only</h2>\n <p data-note>Pass only the icon attribute without text for a square icon button.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"plus sm\">\n <button-ui icon=\"plus\" size=\"sm\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"gear md\">\n <button-ui icon=\"gear\" size=\"md\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"trash lg danger\">\n <button-ui icon=\"trash\" size=\"lg\" color=\"danger\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"pencil outline\">\n <button-ui icon=\"pencil\" variant=\"outline\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"moon ghost\">\n <button-ui icon=\"moon\" variant=\"ghost\"></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/button-size.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"size\" data-chunk=\"button-size\">\n <h2 variant=\"section\">size</h2>\n <p data-note>Controls the height, padding, and font size. Defaults to \"md\".</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"sm\">\n <button-ui text=\"Small\" size=\"sm\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"md\">\n <button-ui text=\"Medium\" size=\"md\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"lg\">\n <button-ui text=\"Large\" size=\"lg\"></button-ui>\n </div>\n </div>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"primary + sm\">\n <button-ui text=\"Small Primary\" variant=\"primary\" size=\"sm\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"primary + md\">\n <button-ui text=\"Medium Primary\" variant=\"primary\" size=\"md\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"primary + lg\">\n <button-ui text=\"Large Primary\" variant=\"primary\" size=\"lg\"></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"text-icon\" data-chunk=\"button-text-icon\">\n <h2 variant=\"section\">text + icon</h2>\n <p data-note>Combine text and icon attributes for a labeled icon button.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"magnifying-glass\">\n <button-ui text=\"Search\" icon=\"magnifying-glass\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"chat-circle primary\">\n <button-ui text=\"New Chat\" icon=\"chat-circle\" variant=\"primary\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"gear outline\">\n <button-ui text=\"Settings\" icon=\"gear\" variant=\"outline\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"trash danger\">\n <button-ui text=\"Delete\" icon=\"trash\" color=\"danger\"></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/button-text.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"text\" data-chunk=\"button-text\">\n <h2 variant=\"section\">text</h2>\n <p data-note>Label text rendered inside the button via the <code>text</code> attribute.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"Save\"><button-ui text=\"Save\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"Cancel\"><button-ui text=\"Cancel\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"Continue\"><button-ui text=\"Continue\" variant=\"primary\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"(empty text)\"><button-ui text=\"\"></button-ui></div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"trailing\" data-chunk=\"button-trailing\">\n <h2 variant=\"section\">trailing slot</h2>\n <p data-note>Use the trailing slot for keyboard shortcuts or badges alongside button text.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"kbd trailing\">\n <button-ui text=\"Search\" icon=\"magnifying-glass\" variant=\"outline\">\n <kbd-ui slot=\"trailing\">⌘K</kbd-ui>\n </button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"primary + kbd\">\n <button-ui text=\"Save\" variant=\"primary\">\n <kbd-ui slot=\"trailing\">⌘S</kbd-ui>\n </button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"icon + text + kbd\">\n <button-ui text=\"New Chat\" icon=\"chat-circle\">\n <kbd-ui slot=\"trailing\">⌘N</kbd-ui>\n </button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/button-type.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"type\" data-chunk=\"button-type\">\n <h2 variant=\"section\">type</h2>\n <p data-note>Native button type: <code>button</code> (default), <code>submit</code>, or <code>reset</code>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"button\"><button-ui text=\"Button\" type=\"button\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"submit\"><button-ui text=\"Submit\" type=\"submit\" variant=\"primary\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"reset\"><button-ui text=\"Reset\" type=\"reset\" variant=\"outline\"></button-ui></div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"variant-solid\" data-chunk=\"button-variant-solid\">\n <h2 variant=\"section\">variant: solid</h2>\n <p data-note>The <code>solid</code> variant is the default visual style.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"solid\"><button-ui text=\"Solid\" variant=\"solid\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"solid sm\"><button-ui text=\"Solid sm\" variant=\"solid\" size=\"sm\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"solid lg\"><button-ui text=\"Solid lg\" variant=\"solid\" size=\"lg\"></button-ui></div>\n <div data-artifact-item data-artifact-label=\"solid icon-only\"><button-ui icon=\"plus\" variant=\"solid\"></button-ui></div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"variant\" data-chunk=\"button-variant\">\n <h2 variant=\"section\">variant</h2>\n <p data-note>Controls the visual style of the button. Defaults to \"default\".</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"default\">\n <button-ui text=\"Default\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"primary\">\n <button-ui text=\"Primary\" variant=\"primary\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"outline\">\n <button-ui text=\"Outline\" variant=\"outline\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"ghost\">\n <button-ui text=\"Ghost\" variant=\"ghost\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"danger\">\n <button-ui text=\"Danger\" color=\"danger\"></button-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"link\">\n <button-ui text=\"Link\" variant=\"link\"></button-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/button/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"default\" data-chunk=\"calendar-picker-default\">\n <h2 variant=\"section\">Default</h2>\n <p data-note>Basic date picker with no pre-selected date.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"default\">\n <calendar-picker-ui></calendar-picker-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"disabled\" data-chunk=\"calendar-picker-disabled\">\n <h2 variant=\"section\">disabled</h2>\n <p data-note>Prevents interaction.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"disabled\">\n <field-ui label=\"Disabled\">\n <calendar-picker-ui value=\"2026-01-01\" disabled></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"format\" data-chunk=\"calendar-picker-format\">\n <h2 variant=\"section\">format</h2>\n <p data-note>Controls how the selected date is displayed. Defaults to \"short\".</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"short\">\n <field-ui label=\"Short\">\n <calendar-picker-ui value=\"2026-03-15\" format=\"short\"></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"long\">\n <field-ui label=\"Long\">\n <calendar-picker-ui value=\"2026-03-15\" format=\"long\"></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"iso\">\n <field-ui label=\"ISO\">\n <calendar-picker-ui value=\"2026-03-15\" format=\"iso\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"label\" data-chunk=\"calendar-picker-label\">\n <h2 variant=\"section\">label</h2>\n <p data-note>Field label rendered above the trigger.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"with label\">\n <field-ui label=\"Start Date\">\n <calendar-picker-ui></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"label + placeholder\">\n <field-ui label=\"End Date\">\n <calendar-picker-ui placeholder=\"Pick an end date...\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"max\" data-chunk=\"calendar-picker-max\">\n <h2 variant=\"section\">max</h2>\n <p data-note>Latest selectable ISO date. Dates after max are disabled in the grid.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='max=\"2026-04-17\"'>\n <field-ui label=\"Past Only\">\n <calendar-picker-ui max=\"2026-04-17\" placeholder=\"Up to yesterday\"></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label='max=\"2026-12-31\"'>\n <field-ui label=\"End of Year\">\n <calendar-picker-ui max=\"2026-12-31\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"min-max\" data-chunk=\"calendar-picker-min-max\">\n <h2 variant=\"section\">min / max</h2>\n <p data-note>Constrain the selectable date range.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"min + max\">\n <field-ui label=\"Event Date\">\n <calendar-picker-ui min=\"2026-04-01\" max=\"2026-04-30\" placeholder=\"April only\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"min\" data-chunk=\"calendar-picker-min\">\n <h2 variant=\"section\">min</h2>\n <p data-note>Earliest selectable ISO date. Dates before min are disabled in the grid.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='min=\"2026-01-01\"'>\n <field-ui label=\"Future Only\">\n <calendar-picker-ui min=\"2026-01-01\" placeholder=\"2026+\"></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"min=today\">\n <field-ui label=\"From Today\">\n <calendar-picker-ui min=\"2026-04-18\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"name\" data-chunk=\"calendar-picker-name\">\n <h2 variant=\"section\">name</h2>\n <p data-note>Form field name — the selected ISO date is submitted under this key when the picker is inside a <form>.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='name=\"startDate\"'>\n <field-ui label=\"Start Date\">\n <calendar-picker-ui name=\"startDate\"></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label='name=\"dob\" + value'>\n <field-ui label=\"Date of Birth\">\n <calendar-picker-ui name=\"dob\" value=\"1995-08-22\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"open\" data-chunk=\"calendar-picker-open\">\n <h2 variant=\"section\">open</h2>\n <p data-note>Controls the popover grid visibility. Reflects as an attribute and toggles in response to user interaction.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"open=false (default)\">\n <field-ui label=\"Closed\">\n <calendar-picker-ui></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"open\">\n <field-ui label=\"Open by Default\">\n <calendar-picker-ui open></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"placeholder\" data-chunk=\"calendar-picker-placeholder\">\n <h2 variant=\"section\">placeholder</h2>\n <p data-note>Text shown in the trigger when no date is selected. Defaults to \"Select date...\".</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"default placeholder\">\n <field-ui label=\"Default\">\n <calendar-picker-ui></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"custom placeholder\">\n <field-ui label=\"Check-in\">\n <calendar-picker-ui placeholder=\"Pick arrival day\"></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"format hint\">\n <field-ui label=\"Deadline\">\n <calendar-picker-ui placeholder=\"mm/dd/yyyy\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"required\" data-chunk=\"calendar-picker-required\">\n <h2 variant=\"section\">required</h2>\n <p data-note>Marks the field as required for form validation. Empty pickers will block submission.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"required\">\n <field-ui label=\"Appointment\">\n <calendar-picker-ui required></calendar-picker-ui>\n </field-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"not required\">\n <field-ui label=\"Optional Date\">\n <calendar-picker-ui></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"value\" data-chunk=\"calendar-picker-value\">\n <h2 variant=\"section\">Pre-selected</h2>\n <p data-note>Set an initial date value as an ISO string.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"pre-selected\">\n <field-ui label=\"Birthday\">\n <calendar-picker-ui value=\"1990-06-15\"></calendar-picker-ui>\n </field-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/calendar-picker/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/canvas-basic.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"basic\" data-chunk=\"canvas-basic\">\n <h2 variant=\"section\">basic</h2>\n <p data-note>A canvas element renders A2UI messages into live AdiaUI components. The consumer owns the LLM connection; canvas never calls fetch.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"canvas architecture\">\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"3\">\n <text-ui strong>How it works</text-ui>\n <text-ui color=\"subtle\">The canvas creates an internal <code><a2ui-root></code> element. Feed it A2UI protocol messages via <code>.process()</code> or <code>.processAll()</code>, and the root renders them into live AdiaUI components. User interactions (clicks, input changes) bubble up as <code>canvas-interaction</code> events.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/canvas/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"history\" data-chunk=\"canvas-history\">\n <h2 variant=\"section\">Version History</h2>\n <p data-note>Canvas maintains a version stack (up to 10 entries) for undo/redo of A2UI state.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"version history API\">\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"3\">\n <text-ui strong>Undo / Redo pattern</text-ui>\n <code-ui language=\"js\" text=\"const canvas = document.querySelector('canvas-ui');\n\n// After each generation, snapshot the state\ncanvas.pushVersion(messages);\n\n// Navigate history\ncanvas.back(); // undo — returns false if at oldest\ncanvas.forward(); // redo — returns false if at newest\n\n// Query history\ncanvas.historyLength; // number of snapshots\ncanvas.historyIndex; // current position\"></code-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/canvas/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/canvas-theme.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"theme\" data-chunk=\"canvas-theme\">\n <h2 variant=\"section\">theme</h2>\n <p data-note>When set, wraps the internal <code><a2ui-root></code> in a <code><theme-ui></code> element with the given preset.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"no theme attr\">\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <text-ui strong>Default</text-ui>\n <text-ui color=\"subtle\">Inherits the page theme.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label='theme=\"dark\"'>\n <card-ui variant=\"outlined\">\n <section>\n <col-ui gap=\"2\">\n <text-ui strong>Custom theme</text-ui>\n <text-ui color=\"subtle\"><code>theme=\"dark\"</code> applies a theme wrapper.</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/canvas/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"elevation\" data-chunk=\"card-elevation\">\n <h2 variant=\"section\">elevation</h2>\n <p data-note>Shadow depth from 0 (flat) to 3 (highest). Defaults to 1.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"0\">\n <card-ui elevation=\"0\">\n <section>No shadow</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"1\">\n <card-ui elevation=\"1\">\n <section>Subtle shadow</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"2\">\n <card-ui elevation=\"2\">\n <section>Medium shadow</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"3\">\n <card-ui elevation=\"3\">\n <section>Deep shadow</section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"header-body-footer\" data-chunk=\"card-header-body-footer\">\n <h2 variant=\"section\">Header / Body / Footer</h2>\n <p data-note>Full card anatomy with heading, description, action, body, and footer slots.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"full anatomy\">\n <card-ui>\n <header>\n <span slot=\"heading\"><h2>Card Title</h2></span>\n <text-ui slot=\"description\">A short description of the card</text-ui>\n <button-ui slot=\"action\" variant=\"ghost\" icon=\"dots-three\"></button-ui>\n </header>\n <section>This is the main body content of the card. It can contain any markup.</section>\n <footer>\n <text-ui slot=\"description\">Last updated 2 hours ago</text-ui>\n <button-ui slot=\"action\" text=\"Save\" variant=\"primary\"></button-ui>\n </footer>\n </card-ui>\n </div>\n </div>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"image at top\">\n <card-ui elevation=\"2\">\n <img\n src=\"https://picsum.photos/seed/card-demo/400/180\"\n alt=\"Card image\"\n style=\"width: 100%; display: block; border-radius: var(--a-radius-md) var(--a-radius-md) 0 0\"\n />\n <header>\n <span slot=\"heading\"><h2>Image Card</h2></span>\n <text-ui slot=\"description\">Card with a top image</text-ui>\n </header>\n <section>Content below the image.</section>\n <footer>\n <button-ui slot=\"action\" text=\"Learn More\" variant=\"outline\"></button-ui>\n </footer>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/card-raw.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"raw\" data-chunk=\"card-raw\">\n <h2 variant=\"section\">raw</h2>\n <p data-note>Strips all chrome: border, background, shadow, and padding.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"raw\">\n <card-ui raw>\n <section>Raw card content with no chrome</section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/card-size-lg.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"size-lg\" data-chunk=\"card-size-lg\">\n <h2 variant=\"section\">size: lg</h2>\n <p data-note>Large card size with generous padding.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"lg\">\n <card-ui size=\"lg\" style=\"width: 240px\">\n <header>\n <h3>Large</h3>\n </header>\n <section>Roomy padding.</section>\n <footer>Footer</footer>\n </card-ui >\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/card-size-md.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"size-md\" data-chunk=\"card-size-md\">\n <h2 variant=\"section\">size: md</h2>\n <p data-note>Medium card size — the default padding scale.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"md\">\n <card-ui size=\"md\" style=\"width: 200px\">\n <header>\n <h3>Medium</h3>\n </header>\n <section>Default padding.</section>\n <footer>Footer</footer>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/card-size.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"size\" data-chunk=\"card-size\">\n <h2 variant=\"section\">size</h2>\n <p data-note>Controls padding and font scale.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"sm\">\n <card-ui size=\"sm\">\n <section>Small card</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"md\">\n <card-ui size=\"md\">\n <section>Medium card</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"lg\">\n <card-ui size=\"lg\">\n <section>Large card</section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"variant-filled\" data-chunk=\"card-variant-filled\">\n <h2 variant=\"section\">variant: filled</h2>\n <p data-note>Filled variant uses a tinted background.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"filled\">\n <card-ui variant=\"filled\" style=\"width: 200px\">\n <header>\n <h3>Filled</h3>\n </header>\n <section>Subtle fill.</section>\n <footer>Footer</footer>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"variant-ghost\" data-chunk=\"card-variant-ghost\">\n <h2 variant=\"section\">variant: ghost</h2>\n <p data-note>Ghost variant has no background or border.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"ghost\">\n <card-ui variant=\"ghost\" style=\"width: 200px\">\n <header>\n <h3>Ghost</h3>\n </header>\n <section>Transparent card.</section>\n <footer>Footer</footer>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"variant-outlined\" data-chunk=\"card-variant-outlined\">\n <h2 variant=\"section\">variant: outlined</h2>\n <p data-note>Outlined variant uses a visible border with transparent background.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"outlined\">\n <card-ui variant=\"outlined\" style=\"width: 200px\">\n <header>\n <h3>Outlined</h3>\n </header>\n <section>Border, no fill.</section>\n <footer>Footer</footer>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/card-variant.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"variant\" data-chunk=\"card-variant\">\n <h2 variant=\"section\">variant</h2>\n <p data-note>Controls the visual style. Defaults to \"default\".</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"default\">\n <card-ui variant=\"default\">\n <section>Default card content</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"outlined\">\n <card-ui variant=\"outlined\">\n <section>Outlined card content</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"filled\">\n <card-ui variant=\"filled\">\n <section>Filled card content</section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"ghost\">\n <card-ui variant=\"ghost\">\n <section>Ghost card content</section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"average\" data-chunk=\"chart-average\">\n <h2 variant=\"section\">average</h2>\n <p data-note>Overlay an average reference line. On by default; set to false to hide.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"average (default)\">\n <chart-ui type=\"bar\" data='[{\"d\":\"Mon\",\"v\":20},{\"d\":\"Tue\",\"v\":45},{\"d\":\"Wed\",\"v\":30},{\"d\":\"Thu\",\"v\":55},{\"d\":\"Fri\",\"v\":40}]' x=\"d\" y=\"v\" size=\"sm\"></chart-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"hide-average\">\n <chart-ui type=\"bar\" hide-average data='[{\"d\":\"Mon\",\"v\":20},{\"d\":\"Tue\",\"v\":45},{\"d\":\"Wed\",\"v\":30},{\"d\":\"Thu\",\"v\":55},{\"d\":\"Fri\",\"v\":40}]' x=\"d\" y=\"v\" size=\"sm\"></chart-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/chart-color.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"color\" data-chunk=\"chart-color\">\n <h2 variant=\"section\">color</h2>\n <p data-note>Color scheme for the series. Maps to the chrome/semantic palette.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"accent\"><chart-ui type=\"bar\" color=\"accent\" data='[{\"q\":\"Q1\",\"v\":120},{\"q\":\"Q2\",\"v\":180},{\"q\":\"Q3\",\"v\":240},{\"q\":\"Q4\",\"v\":300}]' x=\"q\" y=\"v\" size=\"sm\"></chart-ui></div>\n <div data-artifact-item data-artifact-label=\"success\"><chart-ui type=\"bar\" color=\"success\" data='[{\"q\":\"Q1\",\"v\":120},{\"q\":\"Q2\",\"v\":180},{\"q\":\"Q3\",\"v\":240},{\"q\":\"Q4\",\"v\":300}]' x=\"q\" y=\"v\" size=\"sm\"></chart-ui></div>\n <div data-artifact-item data-artifact-label=\"warning\"><chart-ui type=\"bar\" color=\"warning\" data='[{\"q\":\"Q1\",\"v\":120},{\"q\":\"Q2\",\"v\":180},{\"q\":\"Q3\",\"v\":240},{\"q\":\"Q4\",\"v\":300}]' x=\"q\" y=\"v\" size=\"sm\"></chart-ui></div>\n <div data-artifact-item data-artifact-label=\"danger\"><chart-ui type=\"bar\" color=\"danger\" data='[{\"q\":\"Q1\",\"v\":120},{\"q\":\"Q2\",\"v\":180},{\"q\":\"Q3\",\"v\":240},{\"q\":\"Q4\",\"v\":300}]' x=\"q\" y=\"v\" size=\"sm\"></chart-ui></div>\n <div data-artifact-item data-artifact-label=\"info\"><chart-ui type=\"bar\" color=\"info\" data='[{\"q\":\"Q1\",\"v\":120},{\"q\":\"Q2\",\"v\":180},{\"q\":\"Q3\",\"v\":240},{\"q\":\"Q4\",\"v\":300}]' x=\"q\" y=\"v\" size=\"sm\"></chart-ui></div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"data-stream\" data-chunk=\"chart-data-stream\">\n <h2 variant=\"section\">Data stream (<code>data-stream-*</code>)</h2>\n <p data-note>\n Universal data ingestion via <code>data-stream-*</code> attributes.\n Works on any element with a settable <code>.data</code> property —\n chart-ui, table-ui, heatmap-ui, stat-ui, list-ui. A document-level\n MutationObserver attaches a stream when <code>data-stream-src</code>\n is set and detaches cleanly when removed or the element leaves the\n DOM. No per-component opt-in needed.\n </p>\n <code-ui language=\"html\"><!-- HTTP one-shot fetch -->\n<chart-ui id=\"rev\" type=\"area\" x=\"month\" y=\"revenue\"\n data-stream-src=\"/api/revenue?range=3m\"\n data-stream-path=\"data\"></chart-ui>\n\n<!-- HTTP polling every 5s -->\n<table-ui id=\"orders\"\n data-stream-src=\"/api/orders\"\n data-stream-interval=\"5000\"></table-ui>\n\n<!-- Server-Sent Events, append rows on each event -->\n<heatmap-ui id=\"activity\"\n data-stream-src=\"/sse/activity\"\n data-stream-mode=\"sse\"\n data-stream-event=\"cell\"\n data-stream-merge=\"append\"></heatmap-ui>\n\n<!-- Subscribe to live events -->\n<script>\n const c = document.getElementById('rev');\n c.addEventListener('stream-load', () => console.log('connected'));\n c.addEventListener('stream-update', (e) => console.log('data', e.detail.data));\n c.addEventListener('stream-error', (e) => console.warn('err', e.detail.error));\n</script></code-ui>\n <table>\n <thead><tr><th>Attribute</th><th>Default</th><th>Description</th></tr></thead>\n <tbody>\n <tr><td><code>data-stream-src</code></td><td>—</td><td>URL or resource identifier. Required.</td></tr>\n <tr><td><code>data-stream-mode</code></td><td><code>http</code></td><td><code>http</code> (fetch + optional poll) | <code>sse</code> (EventSource) | <code>ws</code> (WebSocket).</td></tr>\n <tr><td><code>data-stream-interval</code></td><td><code>0</code></td><td>Poll interval in ms (HTTP only). <code>0</code> = single fetch.</td></tr>\n <tr><td><code>data-stream-path</code></td><td><code>''</code></td><td>Dotted path into the response (e.g. <code>result.items</code>).</td></tr>\n <tr><td><code>data-stream-event</code></td><td><code>message</code></td><td>SSE event name to listen on.</td></tr>\n <tr><td><code>data-stream-method</code></td><td><code>GET</code></td><td>HTTP method.</td></tr>\n <tr><td><code>data-stream-headers</code></td><td><code>{}</code></td><td>JSON-encoded headers object.</td></tr>\n <tr><td><code>data-stream-body</code></td><td><code>''</code></td><td>Request body (POST / PUT).</td></tr>\n <tr><td><code>data-stream-target</code></td><td><code>data</code></td><td>Property to set on the element. Common values: <code>data</code> (default — array data), <code>value</code> / <code>label</code> (stat-ui scalars), <code>textContent</code> (universal — set the visible text on any element), or <code>\"*\"</code> to spread the response object onto the element via <code>Object.assign</code> (drives multiple properties from one fetch).</td></tr>\n <tr><td><code>data-stream-merge</code></td><td><code>replace</code></td><td><code>replace</code> | <code>append</code> | <code>prepend</code>. The append/prepend modes only apply when the existing value and the new value are both arrays.</td></tr>\n <tr><td><code>data-stream-format</code></td><td>auto</td><td><code>json</code> (default) | <code>csv</code> | <code>tsv</code> | <code>jsonl</code> | <code>text</code>. Auto-detected from the URL extension (<code>.csv</code> / <code>.tsv</code> / <code>.jsonl</code> / <code>.ndjson</code> / <code>.txt</code>) or the response's <code>content-type</code> header when not set explicitly.</td></tr>\n <tr><td><code>data-stream-id</code></td><td>auto</td><td>Explicit stream identity. Two elements with the same id share one transport (refcounted). When unset, the id is an auto-hash of <code>(src, mode, interval, method, body, headers, format, event)</code> — attribute-identical configs auto-share. Streams are reachable programmatically via the <code>streams</code> registry export from <code>core/data-stream.js</code>.</td></tr>\n </tbody>\n </table>\n\n <h3>Live demo (HTTP fetch from a mock JSON endpoint)</h3>\n <p data-note>\n The chart below has <code>data-stream-src=\"/site/mock/revenue.json\"</code>\n + <code>data-stream-path=\"data\"</code>. The mock JSON ships with the\n site bundle, so this works on both <code>npm run dev</code> and the\n static deploy at <code>ui-kit.exe.xyz</code>. View source in DevTools\n + look at the network tab — there's no JS setup wiring this chart.\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='chart-ui[data-stream-src=\"/site/mock/revenue.json\"][data-stream-path=\"data\"]' style=\"flex:1 1 100%;\">\n <chart-ui type=\"area\"\n x=\"month\"\n y=\"revenue\"\n aria-label=\"Revenue from /site/mock/revenue.json\"\n data-stream-src=\"/site/mock/revenue.json\"\n data-stream-path=\"data\"></chart-ui>\n </div>\n </div>\n\n <h3>Live demo (CSV format)</h3>\n <p data-note>\n Same chart-ui, fed a multi-series stacked bar from a CSV file. The\n <code>.csv</code> extension auto-selects <code>data-stream-format=\"csv\"</code>;\n the parser handles quoted fields, escaped quotes, and numeric coercion.\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='chart-ui[data-stream-src=\"/site/mock/sales.csv\"]' style=\"flex:1 1 100%;\">\n <chart-ui type=\"stacked-bar\"\n x=\"quarter\"\n y=\"desktop,mobile\"\n aria-label=\"Quarterly sales by device — CSV-fed\"\n data-stream-src=\"/site/mock/sales.csv\"></chart-ui>\n </div>\n </div>\n\n <h3>Live demo (JSONL format)</h3>\n <p data-note>\n JSONL (one JSON value per line, also called NDJSON). Useful for\n streaming logs, event feeds, or append-friendly workloads. Each\n line parses to a row in <code>.data</code>.\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='chart-ui[data-stream-src=\"/site/mock/events.jsonl\"]' style=\"flex:1 1 100%;\">\n <chart-ui type=\"bar\"\n x=\"ts\"\n y=\"value\"\n aria-label=\"Event timeline from JSONL\"\n data-stream-src=\"/site/mock/events.jsonl\"></chart-ui>\n </div>\n </div>\n\n <h3>Shared streams (<code>data-stream-id</code>)</h3>\n <p data-note>\n Two elements with the same <code>data-stream-id</code> share one\n transport. The first subscriber starts the fetch / poll / SSE / WS;\n the last unsubscriber stops it. Same applies (silently) when two\n elements have identical <code>data-stream-src</code> +\n <code>-mode</code> + <code>-interval</code> attributes — an internal\n hash deduplicates without you naming the stream. Below: three\n different visualizations of <code>/site/mock/revenue.json</code>\n fed by a single fetch via <code>data-stream-id=\"rev\"</code>.\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='3 consumers, 1 transport' style=\"flex:1 1 100%;\">\n <div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--a-space-3);\">\n <chart-ui type=\"area\" x=\"month\" y=\"revenue\"\n aria-label=\"Area view of shared rev stream\"\n data-stream-id=\"rev\"\n data-stream-src=\"/site/mock/revenue.json\"\n data-stream-path=\"data\"></chart-ui>\n <chart-ui type=\"bar\" x=\"month\" y=\"revenue\"\n aria-label=\"Bar view of shared rev stream\"\n data-stream-id=\"rev\"\n data-stream-src=\"/site/mock/revenue.json\"\n data-stream-path=\"data\"></chart-ui>\n <chart-ui type=\"sparkline\" x=\"month\" y=\"revenue\"\n aria-label=\"Sparkline view of shared rev stream\"\n data-stream-id=\"rev\"\n data-stream-src=\"/site/mock/revenue.json\"\n data-stream-path=\"data\"></chart-ui>\n </div>\n </div>\n </div>\n <p data-note>\n Programmatic subscription works too — read the registry and listen\n for changes via <code>signal()</code> + <code>effect()</code>:\n </p>\n <code-ui language=\"js\">import { streams } from '@adia-ai/web-components/core/data-stream';\nimport { effect } from '@adia-ai/web-components/core/signals';\n\n// Look up by id (explicit) or by auto-hash (inspect streams.keys() to find it)\nconst rev = streams.get('id:rev');\nconsole.log(rev.signal.value); // current data; null until first response\n\n// React to changes — fires once per stream update\nconst dispose = effect(() => {\n const data = rev.signal.value;\n if (data) console.log('rev updated:', data.length, 'rows');\n});\n\n// Stop subscribing\ndispose();</code-ui>\n\n <h3>Universal targets — beyond <code>.data</code></h3>\n <p data-note>\n The trait works on any component property — not just <code>.data</code>.\n Set <code>data-stream-target</code> to write to a different property,\n or to <code>\"*\"</code> to spread the response object onto the element\n (drives multiple props from one fetch).\n </p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label='stat-ui[data-stream-target=\"*\"] from /site/mock/kpi.json'>\n <card-ui style=\"max-width:280px;\">\n <section>\n <stat-ui aria-label=\"KPI from /site/mock/kpi.json\"\n data-stream-src=\"/site/mock/kpi.json\"\n data-stream-target=\"*\"></stat-ui>\n </section>\n </card-ui>\n </div>\n <div data-artifact-item data-artifact-label='text-ui[data-stream-target=\"textContent\"] from /site/mock/revenue.json'>\n <card-ui style=\"max-width:280px;\">\n <section>\n <text-ui variant=\"caption\" color=\"subtle\">Range:</text-ui>\n <text-ui variant=\"title\"\n aria-label=\"Range from revenue.json\"\n data-stream-src=\"/site/mock/revenue.json\"\n data-stream-path=\"meta.range\"\n data-stream-target=\"textContent\"></text-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"deprecated\" data-chunk=\"chart-deprecated\">\n <h2 variant=\"section\">Deprecated attributes</h2>\n <p data-note>\n <code>aspect</code> and <code>heading</code> predate the composition\n model. Parents should size the chart directly; titles belong in an\n enclosing card's <code><header></code>. Both attributes still\n work but emit a one-shot <code>console.warn</code> per instance.\n Removal planned for the next major.\n </p>\n <code-ui language=\"html\"><!-- Recommended — parent sizes, card carries the title -->\n<card-ui style=\"max-width: 520px;\">\n <header><span slot=\"heading\"><h3>Revenue</h3></span></header>\n <section><chart-ui type=\"bar\" x=\"month\" y=\"revenue\"></chart-ui></section>\n</card-ui>\n\n<!-- Deprecated — still works, emits console.warn -->\n<chart-ui type=\"bar\" aspect=\"wide\" heading=\"Revenue\"></chart-ui></code-ui>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
package/chunks/chart-format.json
CHANGED
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"format\" data-chunk=\"chart-format\">\n <h2 variant=\"section\">format</h2>\n <p data-note>Number-format mode applied to every visible value — axis labels, bar/line value labels, donut totals, gauge values, treemap values, funnel values, and the internal tooltip. Default <code>abbr</code> renders 1.2K / 3M. <code>currency</code> reads <code>--chart-currency-prefix</code> (default <code>\"$\"</code>) — override the token to localize.</p>\n <grid-ui columns=\"4\" gap=\"4\">\n <div data-artifact-item data-artifact-label='format=\"abbr\" (default)'>\n <chart-ui id=\"chart-fmt-abbr\" type=\"bar\" x=\"month\" y=\"value\"></chart-ui>\n </div>\n <div data-artifact-item data-artifact-label='format=\"decimal\"'>\n <chart-ui id=\"chart-fmt-decimal\" type=\"bar\" x=\"month\" y=\"value\" format=\"decimal\"></chart-ui>\n </div>\n <div data-artifact-item data-artifact-label='format=\"currency\"'>\n <chart-ui id=\"chart-fmt-currency\" type=\"bar\" x=\"month\" y=\"value\" format=\"currency\"></chart-ui>\n </div>\n <div data-artifact-item data-artifact-label='format=\"currency\" with €' style=\"--chart-currency-prefix: "€";\">\n <chart-ui id=\"chart-fmt-euro\" type=\"bar\" x=\"month\" y=\"value\" format=\"currency\"></chart-ui>\n </div>\n </grid-ui>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"hideGrid\" data-chunk=\"chart-hideGrid\">\n <h2 variant=\"section\">hideGrid</h2>\n <p data-note>Hide the gridlines for a cleaner look.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"hideGrid\">\n <chart-ui type=\"line\" hide-grid data='[{\"d\":1,\"v\":10},{\"d\":2,\"v\":24},{\"d\":3,\"v\":16},{\"d\":4,\"v\":38},{\"d\":5,\"v\":42}]' x=\"d\" y=\"v\" size=\"sm\"></chart-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"(default)\">\n <chart-ui type=\"line\" data='[{\"d\":1,\"v\":10},{\"d\":2,\"v\":24},{\"d\":3,\"v\":16},{\"d\":4,\"v\":38},{\"d\":5,\"v\":42}]' x=\"d\" y=\"v\" size=\"sm\"></chart-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"hideValues\" data-chunk=\"chart-hideValues\">\n <h2 variant=\"section\">hideValues</h2>\n <p data-note>Hide the value labels drawn on each data point.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"hideValues\">\n <chart-ui type=\"bar\" hide-values data='[{\"c\":\"A\",\"v\":24},{\"c\":\"B\",\"v\":48},{\"c\":\"C\",\"v\":36}]' x=\"c\" y=\"v\" size=\"sm\"></chart-ui>\n </div>\n <div data-artifact-item data-artifact-label=\"(default)\">\n <chart-ui type=\"bar\" data='[{\"c\":\"A\",\"v\":24},{\"c\":\"B\",\"v\":48},{\"c\":\"C\",\"v\":36}]' x=\"c\" y=\"v\" size=\"sm\"></chart-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/components/chart/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"chart-plus-breakdown\" data-chunk=\"chart-in-card-chart-plus-breakdown\">\n <h2 variant=\"section\">Chart + inline breakdown</h2>\n <p data-note>Chart shows aggregate; breakdown beneath gives the composition. Most SaaS \"Overview\" tiles follow this shape.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"chart plus breakdown\">\n <card-ui style=\"max-width:520px;\">\n <header>\n <span slot=\"heading\"><h3>Sessions</h3></span>\n <text-ui slot=\"description\" color=\"subtle\">This week</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <chart-ui id=\"pat-sessions\" type=\"bar\" x=\"day\" y=\"sessions\" hide-values></chart-ui>\n <grid-ui columns=\"3\" gap=\"2\">\n <card-ui><section><stat-ui label=\"Desktop\" value=\"2,840\"></stat-ui></section></card-ui>\n <card-ui><section><stat-ui label=\"Mobile\" value=\"1,590\"></stat-ui></section></card-ui>\n <card-ui><section><stat-ui label=\"Tablet\" value=\"280\"></stat-ui></section></card-ui>\n </grid-ui>\n </col-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/patterns/chart-in-card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"chart-plus-stat\" data-chunk=\"chart-in-card-chart-plus-stat\">\n <h2 variant=\"section\">Chart + headline stat</h2>\n <p data-note>Stat in header pairs with the chart so the current value is legible before the chart renders.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"chart plus stat\">\n <card-ui style=\"max-width:520px;\">\n <header>\n <span slot=\"heading\">\n <stat-ui label=\"MRR\" value=\"$48,290\" change=\"+12.4%\" trend=\"up\"></stat-ui>\n </span>\n </header>\n <section>\n <chart-ui id=\"pat-mrr\" type=\"line\" x=\"month\" y=\"revenue\" smooth=\"0.4\" hide-values></chart-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/patterns/chart-in-card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"chart-with-filter-pills\" data-chunk=\"chart-in-card-chart-with-filter-pills\">\n <h2 variant=\"section\">Chart with filter pills</h2>\n <p data-note>A <code>segmented-ui</code> in the header's <code>action</code> slot drives a time-range selection. Wire its <code>value</code> to refetch / slice the chart's <code>.data</code> via a controller.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"chart with 1w / 2w / 1m / 3m pills\">\n <card-ui style=\"max-width:520px;\">\n <header>\n <span slot=\"heading\"><h3>Sessions</h3></span>\n <segmented-ui slot=\"action\" value=\"1m\">\n <segment-ui text=\"1w\" value=\"1w\"></segment-ui>\n <segment-ui text=\"2w\" value=\"2w\"></segment-ui>\n <segment-ui text=\"1m\" value=\"1m\"></segment-ui>\n <segment-ui text=\"3m\" value=\"3m\"></segment-ui>\n </segmented-ui>\n </header>\n <section>\n <chart-ui id=\"pat-filter-sessions\" type=\"line\" x=\"day\" y=\"sessions\" hide-values></chart-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/patterns/chart-in-card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"full-chart\" data-chunk=\"chart-in-card-full-chart\">\n <h2 variant=\"section\">Full chart with framing</h2>\n <p data-note>Chart as primary content. Header names the metric; footer adds a supporting action.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"full chart\">\n <card-ui style=\"max-width:520px;\">\n <header>\n <span slot=\"heading\"><h3>Revenue</h3></span>\n <text-ui slot=\"description\" color=\"subtle\">Last 12 months</text-ui>\n </header>\n <section>\n <chart-ui id=\"pat-revenue\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n </section>\n <footer>\n <button-ui text=\"View report\" variant=\"outline\" stretch></button-ui>\n </footer>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/patterns/chart-in-card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"html": "<section data-section data-property=\"sparkline-tile\" data-chunk=\"chart-in-card-sparkline-tile\">\n <h2 variant=\"section\">Sparkline tile</h2>\n <p data-note>KPI + trend shape. Used in overview rows to show 4–6 metrics side-by-side.</p>\n <div data-artifact-container>\n <div data-artifact-item data-artifact-label=\"sparkline tile\">\n <card-ui style=\"max-width:320px;\">\n <header>\n <span slot=\"heading\"><h2>Page Views</h2></span>\n <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n </header>\n <section bleed>\n <chart-ui id=\"pat-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n </section>\n </card-ui>\n </div>\n </div>\n</section>",
|
|
13
13
|
"source": "site/pages/patterns/chart-in-card/index.html",
|
|
14
|
-
"captured_at": "2026-
|
|
14
|
+
"captured_at": "2026-05-01T19:13:23.303Z"
|
|
15
15
|
}
|