@adia-ai/a2ui-corpus 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +145 -20
- package/README.md +2 -2
- package/catalog-a2ui_0_9.json +804 -41
- package/chunks/_index.json +8056 -0
- package/chunks/accordion-basic.json +15 -0
- package/chunks/accordion-combinations.json +15 -0
- package/chunks/accordion-edge-cases.json +15 -0
- package/chunks/accordion-multiple.json +15 -0
- package/chunks/accordion-open.json +15 -0
- package/chunks/action-list-basic.json +15 -0
- package/chunks/action-list-combo.json +15 -0
- package/chunks/action-list-danger.json +15 -0
- package/chunks/action-list-disabled.json +15 -0
- package/chunks/action-list-edge.json +15 -0
- package/chunks/action-list-icon.json +15 -0
- package/chunks/agent-artifact-code.json +15 -0
- package/chunks/agent-artifact-tone.json +15 -0
- package/chunks/agent-feedback-bar-basic.json +15 -0
- package/chunks/agent-feedback-bar-save.json +15 -0
- package/chunks/agent-questions-multi.json +15 -0
- package/chunks/agent-questions-single.json +15 -0
- package/chunks/agent-reasoning-iterations.json +15 -0
- package/chunks/agent-reasoning-plan-and-thoughts.json +15 -0
- package/chunks/agent-reasoning-steps-only.json +15 -0
- package/chunks/agent-suggestions-basic.json +15 -0
- package/chunks/agent-suggestions-ghost.json +15 -0
- package/chunks/agent-suggestions-icons.json +15 -0
- package/chunks/agent-trace-feedback.json +15 -0
- package/chunks/agent-trace-metrics.json +15 -0
- package/chunks/agent-trace-pills.json +15 -0
- package/chunks/alert-closable.json +15 -0
- package/chunks/alert-combinations.json +15 -0
- package/chunks/alert-edge-cases.json +15 -0
- package/chunks/alert-icon.json +15 -0
- package/chunks/alert-text.json +15 -0
- package/chunks/alert-variant.json +15 -0
- package/chunks/auth-account-deleted-actions.json +15 -0
- package/chunks/auth-account-deleted.json +18 -0
- package/chunks/auth-card-content.json +247 -0
- package/chunks/auth-card-header.json +192 -0
- package/chunks/auth-email-entry.json +16 -0
- package/chunks/auth-email-verify-confirm.json +16 -0
- package/chunks/auth-email-verify.json +18 -0
- package/chunks/auth-forbidden-actions.json +15 -0
- package/chunks/auth-forbidden.json +18 -0
- package/chunks/auth-invite-actions.json +15 -0
- package/chunks/auth-invite-team-card.json +12 -0
- package/chunks/auth-link-expired-form.json +16 -0
- package/chunks/auth-link-expired.json +18 -0
- package/chunks/auth-locked-account.json +18 -0
- package/chunks/auth-locked-recovery-options.json +14 -0
- package/chunks/auth-mfa-enrollment-submit.json +16 -0
- package/chunks/auth-mfa-enrollment.json +18 -0
- package/chunks/auth-mfa-fallback-actions.json +14 -0
- package/chunks/auth-mfa-recovery.json +14 -0
- package/chunks/auth-new-password-form.json +14 -0
- package/chunks/auth-new-password.json +18 -0
- package/chunks/auth-oauth-fallback-actions.json +15 -0
- package/chunks/auth-oauth-interstitial.json +17 -0
- package/chunks/auth-password-challenge.json +14 -0
- package/chunks/auth-password-reset-form.json +16 -0
- package/chunks/auth-password-reset.json +18 -0
- package/chunks/auth-profile-form.json +14 -0
- package/chunks/auth-profile-setup.json +18 -0
- package/chunks/auth-reset-sent.json +17 -0
- package/chunks/auth-session-expired-actions.json +15 -0
- package/chunks/auth-session-expired.json +18 -0
- package/chunks/auth-signin-card-email.json +19 -0
- package/chunks/auth-signin-card-magic-link.json +14 -0
- package/chunks/auth-signin-card-mfa.json +18 -0
- package/chunks/auth-signin-card-otp.json +14 -0
- package/chunks/auth-signin-card-password.json +18 -0
- package/chunks/auth-signin-card-recovery.json +18 -0
- package/chunks/auth-signout-actions.json +15 -0
- package/chunks/auth-signout.json +18 -0
- package/chunks/auth-signup-email-entry.json +16 -0
- package/chunks/auth-signup-entry.json +19 -0
- package/chunks/auth-signup-social-auths.json +14 -0
- package/chunks/auth-signup-verify.json +17 -0
- package/chunks/auth-social-auths.json +14 -0
- package/chunks/auth-sso-providers.json +15 -0
- package/chunks/auth-sso-required.json +18 -0
- package/chunks/auth-team-invite.json +19 -0
- package/chunks/avatar-avatar-group.json +15 -0
- package/chunks/avatar-shape.json +15 -0
- package/chunks/avatar-size.json +15 -0
- package/chunks/avatar-src.json +15 -0
- package/chunks/avatar-text.json +15 -0
- package/chunks/badge-combinations.json +15 -0
- package/chunks/badge-edge-cases.json +15 -0
- package/chunks/badge-size.json +15 -0
- package/chunks/badge-text.json +15 -0
- package/chunks/badge-variant.json +15 -0
- package/chunks/block-combo.json +15 -0
- package/chunks/block-edge.json +15 -0
- package/chunks/block-margin.json +15 -0
- package/chunks/block-padding.json +15 -0
- package/chunks/breadcrumb-basic.json +15 -0
- package/chunks/breadcrumb-combo.json +15 -0
- package/chunks/breadcrumb-edge.json +15 -0
- package/chunks/breadcrumb-links.json +15 -0
- package/chunks/breadcrumb-long.json +15 -0
- package/chunks/breadcrumb-separator.json +15 -0
- package/chunks/bulk-action-toolbar-swap.json +15 -0
- package/chunks/button-block.json +15 -0
- package/chunks/button-combinations.json +15 -0
- package/chunks/button-disabled.json +15 -0
- package/chunks/button-edge-cases.json +15 -0
- package/chunks/button-icon.json +15 -0
- package/chunks/button-size.json +15 -0
- package/chunks/button-text-icon.json +15 -0
- package/chunks/button-text.json +15 -0
- package/chunks/button-trailing.json +15 -0
- package/chunks/button-type.json +15 -0
- package/chunks/button-variant-solid.json +15 -0
- package/chunks/button-variant.json +15 -0
- package/chunks/calendar-picker-default.json +15 -0
- package/chunks/calendar-picker-disabled.json +15 -0
- package/chunks/calendar-picker-format.json +15 -0
- package/chunks/calendar-picker-label.json +15 -0
- package/chunks/calendar-picker-max.json +15 -0
- package/chunks/calendar-picker-min-max.json +15 -0
- package/chunks/calendar-picker-min.json +15 -0
- package/chunks/calendar-picker-name.json +15 -0
- package/chunks/calendar-picker-open.json +15 -0
- package/chunks/calendar-picker-placeholder.json +15 -0
- package/chunks/calendar-picker-required.json +15 -0
- package/chunks/calendar-picker-value.json +15 -0
- package/chunks/canvas-basic.json +15 -0
- package/chunks/canvas-history.json +15 -0
- package/chunks/canvas-theme.json +15 -0
- package/chunks/card-elevation.json +15 -0
- package/chunks/card-header-body-footer.json +15 -0
- package/chunks/card-raw.json +15 -0
- package/chunks/card-size-lg.json +15 -0
- package/chunks/card-size-md.json +15 -0
- package/chunks/card-size.json +15 -0
- package/chunks/card-variant-filled.json +15 -0
- package/chunks/card-variant-ghost.json +15 -0
- package/chunks/card-variant-outlined.json +15 -0
- package/chunks/card-variant.json +15 -0
- package/chunks/chart-average.json +15 -0
- package/chunks/chart-color.json +15 -0
- package/chunks/chart-data-stream.json +15 -0
- package/chunks/chart-deprecated.json +15 -0
- package/chunks/chart-format.json +15 -0
- package/chunks/chart-hideGrid.json +15 -0
- package/chunks/chart-hideValues.json +15 -0
- package/chunks/chart-in-card-chart-plus-breakdown.json +15 -0
- package/chunks/chart-in-card-chart-plus-stat.json +15 -0
- package/chunks/chart-in-card-chart-with-filter-pills.json +15 -0
- package/chunks/chart-in-card-full-chart.json +15 -0
- package/chunks/chart-in-card-sparkline-tile.json +15 -0
- package/chunks/chart-in-card-stat-with-sparkline.json +15 -0
- package/chunks/chart-in-card-trend-footer.json +15 -0
- package/chunks/chart-legend-for.json +15 -0
- package/chunks/chart-legend-on-toggle.json +15 -0
- package/chunks/chart-legend-position.json +15 -0
- package/chunks/chart-legend-shape.json +15 -0
- package/chunks/chart-legend-static.json +15 -0
- package/chunks/chart-radius.json +15 -0
- package/chunks/chart-size.json +15 -0
- package/chunks/chart-sizing.json +15 -0
- package/chunks/chart-smooth.json +15 -0
- package/chunks/chart-states.json +15 -0
- package/chunks/chart-title.json +15 -0
- package/chunks/chart-type.json +15 -0
- package/chunks/chat-basic.json +15 -0
- package/chunks/chat-streaming.json +15 -0
- package/chunks/chat-with-input.json +15 -0
- package/chunks/check-checked.json +15 -0
- package/chunks/check-combinations.json +15 -0
- package/chunks/check-disabled.json +15 -0
- package/chunks/check-edge-cases.json +15 -0
- package/chunks/check-indeterminate.json +15 -0
- package/chunks/check-label.json +15 -0
- package/chunks/check-size.json +15 -0
- package/chunks/code-bare.json +15 -0
- package/chunks/code-combo.json +15 -0
- package/chunks/code-disabled-readonly.json +15 -0
- package/chunks/code-edge.json +15 -0
- package/chunks/code-editable.json +15 -0
- package/chunks/code-form-association.json +15 -0
- package/chunks/code-inline.json +15 -0
- package/chunks/code-language.json +15 -0
- package/chunks/code-line-numbers.json +15 -0
- package/chunks/code-lint-gutter.json +15 -0
- package/chunks/code-long-code.json +15 -0
- package/chunks/code-no-language.json +15 -0
- package/chunks/color-picker-default.json +15 -0
- package/chunks/color-picker-disabled.json +15 -0
- package/chunks/color-picker-format.json +15 -0
- package/chunks/color-picker-name.json +15 -0
- package/chunks/color-picker-value.json +15 -0
- package/chunks/command-combo.json +15 -0
- package/chunks/command-edge.json +15 -0
- package/chunks/command-grouped.json +15 -0
- package/chunks/command-inline.json +15 -0
- package/chunks/command-open.json +15 -0
- package/chunks/command-placeholder.json +15 -0
- package/chunks/command-shortcuts.json +15 -0
- package/chunks/commerce-pricing-tiers.json +16 -0
- package/chunks/conversion-funnel-4-step-funnel.json +15 -0
- package/chunks/conversion-funnel-wide-summary.json +15 -0
- package/chunks/conversion-funnel-with-segment-compare.json +15 -0
- package/chunks/dashboard-acquisition-panel.json +17 -0
- package/chunks/dashboard-admin-page.json +50 -0
- package/chunks/dashboard-audience-kpis.json +15 -0
- package/chunks/dashboard-audience-panel.json +19 -0
- package/chunks/dashboard-behavior-panel.json +17 -0
- package/chunks/dashboard-chart-recent.json +15 -0
- package/chunks/dashboard-cohort-retention.json +12 -0
- package/chunks/dashboard-conversion-panel.json +18 -0
- package/chunks/dashboard-country-list.json +12 -0
- package/chunks/dashboard-filter-bar.json +12 -0
- package/chunks/dashboard-funnel.json +12 -0
- package/chunks/dashboard-kpi-grid.json +15 -0
- package/chunks/dashboard-notifications-feed.json +12 -0
- package/chunks/dashboard-notifications-panel.json +17 -0
- package/chunks/dashboard-overview-panel.json +23 -0
- package/chunks/dashboard-page-header.json +14 -0
- package/chunks/dashboard-pages-table.json +12 -0
- package/chunks/dashboard-quick-actions.json +12 -0
- package/chunks/dashboard-reports-panel.json +17 -0
- package/chunks/dashboard-reports-table.json +12 -0
- package/chunks/dashboard-spark-cards.json +15 -0
- package/chunks/dashboard-storage-card.json +12 -0
- package/chunks/dashboard-tabs.json +14 -0
- package/chunks/dashboard-team-actions-storage.json +19 -0
- package/chunks/dashboard-team-list.json +12 -0
- package/chunks/dashboard-traffic-channels.json +15 -0
- package/chunks/dashboard-transactions-table.json +12 -0
- package/chunks/description-list-align.json +15 -0
- package/chunks/description-list-inline.json +15 -0
- package/chunks/description-list-items.json +15 -0
- package/chunks/description-list-layout.json +15 -0
- package/chunks/description-list-programmatic.json +15 -0
- package/chunks/description-list-stacked.json +15 -0
- package/chunks/divider-combo.json +15 -0
- package/chunks/divider-edge.json +15 -0
- package/chunks/divider-horizontal.json +15 -0
- package/chunks/divider-label.json +15 -0
- package/chunks/divider-vertical-label.json +15 -0
- package/chunks/divider-vertical.json +15 -0
- package/chunks/drawer-2fa-key.json +15 -0
- package/chunks/drawer-2fa-sms.json +15 -0
- package/chunks/drawer-2fa-totp.json +15 -0
- package/chunks/drawer-cancel-sub.json +15 -0
- package/chunks/drawer-change-plan.json +15 -0
- package/chunks/drawer-custom-roles.json +15 -0
- package/chunks/drawer-data-start.json +15 -0
- package/chunks/drawer-delete-account.json +15 -0
- package/chunks/drawer-delete-workspace.json +15 -0
- package/chunks/drawer-discord.json +15 -0
- package/chunks/drawer-edge-cases.json +15 -0
- package/chunks/drawer-figma.json +15 -0
- package/chunks/drawer-first-dashboard.json +15 -0
- package/chunks/drawer-footer.json +15 -0
- package/chunks/drawer-gcal.json +15 -0
- package/chunks/drawer-github.json +15 -0
- package/chunks/drawer-header-grid.json +15 -0
- package/chunks/drawer-invite.json +15 -0
- package/chunks/drawer-multi-section.json +15 -0
- package/chunks/drawer-open.json +15 -0
- package/chunks/drawer-payment-method.json +15 -0
- package/chunks/drawer-permanent.json +15 -0
- package/chunks/drawer-report.json +15 -0
- package/chunks/drawer-revoke-session.json +15 -0
- package/chunks/drawer-role.json +15 -0
- package/chunks/drawer-side.json +15 -0
- package/chunks/drawer-size.json +15 -0
- package/chunks/drawer-slack.json +15 -0
- package/chunks/drawer-smtp.json +15 -0
- package/chunks/drawer-source.json +15 -0
- package/chunks/drawer-text.json +15 -0
- package/chunks/drawer-transaction.json +15 -0
- package/chunks/embed-aspect.json +15 -0
- package/chunks/embed-default.json +15 -0
- package/chunks/embed-height.json +15 -0
- package/chunks/embed-src.json +15 -0
- package/chunks/embed-width.json +15 -0
- package/chunks/empty-state-action.json +15 -0
- package/chunks/empty-state-basic.json +15 -0
- package/chunks/empty-state-description.json +15 -0
- package/chunks/empty-state-error.json +15 -0
- package/chunks/empty-state-heading.json +15 -0
- package/chunks/empty-state-icon.json +15 -0
- package/chunks/error-404-actions.json +15 -0
- package/chunks/error-404.json +18 -0
- package/chunks/error-500-actions.json +15 -0
- package/chunks/error-500.json +18 -0
- package/chunks/error-maintenance-actions.json +15 -0
- package/chunks/error-maintenance.json +18 -0
- package/chunks/field-controls.json +15 -0
- package/chunks/field-default.json +15 -0
- package/chunks/field-error.json +15 -0
- package/chunks/field-hint.json +15 -0
- package/chunks/field-inline.json +15 -0
- package/chunks/field-no-label.json +15 -0
- package/chunks/field-required.json +15 -0
- package/chunks/filter-bar-active-filters.json +15 -0
- package/chunks/filter-bar-filter-bar-with-table.json +15 -0
- package/chunks/filter-bar-saved-views.json +15 -0
- package/chunks/form-drawer-edit-form.json +15 -0
- package/chunks/form-drawer-simple-form.json +15 -0
- package/chunks/form-drawer-tall-form.json +15 -0
- package/chunks/genui-feed-message.json +14 -0
- package/chunks/heatmap-data-stream.json +15 -0
- package/chunks/heatmap-day-grid.json +15 -0
- package/chunks/heatmap-matrix.json +15 -0
- package/chunks/icon-combinations.json +15 -0
- package/chunks/icon-edge-cases.json +15 -0
- package/chunks/icon-label.json +15 -0
- package/chunks/icon-name.json +15 -0
- package/chunks/icon-size.json +15 -0
- package/chunks/image-alt.json +15 -0
- package/chunks/image-default.json +15 -0
- package/chunks/image-fallback.json +15 -0
- package/chunks/image-fit.json +15 -0
- package/chunks/image-height.json +15 -0
- package/chunks/image-radius.json +15 -0
- package/chunks/image-src.json +15 -0
- package/chunks/image-width.json +15 -0
- package/chunks/input-combinations.json +15 -0
- package/chunks/input-disabled.json +15 -0
- package/chunks/input-edge-cases.json +15 -0
- package/chunks/input-error.json +15 -0
- package/chunks/input-label.json +15 -0
- package/chunks/input-name.json +15 -0
- package/chunks/input-pattern.json +15 -0
- package/chunks/input-placeholder.json +15 -0
- package/chunks/input-prefix-suffix.json +15 -0
- package/chunks/input-prefix.json +15 -0
- package/chunks/input-raw.json +15 -0
- package/chunks/input-readonly.json +15 -0
- package/chunks/input-required.json +15 -0
- package/chunks/input-size.json +15 -0
- package/chunks/input-suffix.json +15 -0
- package/chunks/input-type.json +15 -0
- package/chunks/input-value.json +15 -0
- package/chunks/inspector-default.json +15 -0
- package/chunks/inspector-imperative.json +15 -0
- package/chunks/inspector-nested.json +15 -0
- package/chunks/inspector-value.json +15 -0
- package/chunks/kbd-combinations.json +15 -0
- package/chunks/kbd-in-context.json +15 -0
- package/chunks/kbd-single-keys.json +15 -0
- package/chunks/kbd-size.json +15 -0
- package/chunks/layout-align.json +15 -0
- package/chunks/layout-col.json +15 -0
- package/chunks/layout-combo.json +15 -0
- package/chunks/layout-edge.json +15 -0
- package/chunks/layout-grid.json +15 -0
- package/chunks/layout-justify.json +15 -0
- package/chunks/layout-row.json +15 -0
- package/chunks/layout-stack.json +15 -0
- package/chunks/layout-wrap.json +15 -0
- package/chunks/list-basic.json +15 -0
- package/chunks/list-combo.json +15 -0
- package/chunks/list-description.json +15 -0
- package/chunks/list-divider.json +15 -0
- package/chunks/list-edge.json +15 -0
- package/chunks/list-icon.json +15 -0
- package/chunks/list-spacing.json +15 -0
- package/chunks/member-edit-drawer.json +15 -0
- package/chunks/menu-basic.json +15 -0
- package/chunks/menu-combo.json +15 -0
- package/chunks/menu-disabled.json +15 -0
- package/chunks/menu-divider.json +15 -0
- package/chunks/menu-edge.json +15 -0
- package/chunks/menu-gap.json +15 -0
- package/chunks/menu-icon.json +15 -0
- package/chunks/menu-open.json +15 -0
- package/chunks/menu-placement.json +15 -0
- package/chunks/menu-variant.json +15 -0
- package/chunks/modal-basic.json +15 -0
- package/chunks/modal-closable.json +15 -0
- package/chunks/modal-combinations.json +15 -0
- package/chunks/modal-edge-cases.json +15 -0
- package/chunks/modal-open.json +15 -0
- package/chunks/modal-size-xl.json +15 -0
- package/chunks/modal-size.json +15 -0
- package/chunks/modal-text.json +15 -0
- package/chunks/modal-trigger.json +15 -0
- package/chunks/noodles-animated.json +15 -0
- package/chunks/noodles-color.json +15 -0
- package/chunks/noodles-curve.json +15 -0
- package/chunks/noodles-editable.json +15 -0
- package/chunks/noodles-portSize.json +15 -0
- package/chunks/noodles-readonly.json +15 -0
- package/chunks/noodles-showPorts.json +15 -0
- package/chunks/noodles-strokeWidth.json +15 -0
- package/chunks/noodles-tension.json +15 -0
- package/chunks/onb-completion.json +14 -0
- package/chunks/onb-extension-install.json +14 -0
- package/chunks/onb-hero-welcome.json +14 -0
- package/chunks/onb-import-picker.json +14 -0
- package/chunks/onb-mobile-handoff.json +14 -0
- package/chunks/onb-notification-prefs.json +16 -0
- package/chunks/onb-persona-picker.json +14 -0
- package/chunks/onb-provider-tiles.json +14 -0
- package/chunks/onb-settings-review.json +14 -0
- package/chunks/onb-step-footer.json +108 -0
- package/chunks/onb-step-header.json +108 -0
- package/chunks/onb-step-progress.json +108 -0
- package/chunks/onb-story-pane.json +108 -0
- package/chunks/onb-tutorial-steps.json +14 -0
- package/chunks/option-card-default.json +15 -0
- package/chunks/option-card-dense.json +15 -0
- package/chunks/option-card-disabled.json +15 -0
- package/chunks/option-card-heading-rich.json +15 -0
- package/chunks/option-card-icon.json +15 -0
- package/chunks/option-card-spillover.json +15 -0
- package/chunks/otp-input-disabled.json +15 -0
- package/chunks/otp-input-length.json +15 -0
- package/chunks/otp-input-name.json +15 -0
- package/chunks/otp-input-value.json +15 -0
- package/chunks/pagination-basic.json +15 -0
- package/chunks/pagination-combo.json +15 -0
- package/chunks/pagination-edge.json +15 -0
- package/chunks/pagination-first-page.json +15 -0
- package/chunks/pagination-last-page.json +15 -0
- package/chunks/pagination-many-pages.json +15 -0
- package/chunks/pagination-page.json +15 -0
- package/chunks/pagination-siblings.json +15 -0
- package/chunks/pagination-size.json +15 -0
- package/chunks/pagination-total.json +15 -0
- package/chunks/pagination-variant.json +15 -0
- package/chunks/pane-basic.json +15 -0
- package/chunks/pane-collapsed.json +15 -0
- package/chunks/pane-combo.json +15 -0
- package/chunks/pane-edge.json +15 -0
- package/chunks/pane-maxWidth.json +15 -0
- package/chunks/pane-minWidth.json +15 -0
- package/chunks/pane-resizable.json +15 -0
- package/chunks/pane-sections.json +15 -0
- package/chunks/pipeline-status-complete.json +15 -0
- package/chunks/pipeline-status-message.json +15 -0
- package/chunks/pipeline-status-stage.json +15 -0
- package/chunks/playground-a2ui.json +12 -0
- package/chunks/playground-app-shell.json +14 -0
- package/chunks/playground-chat.json +15 -0
- package/chunks/playground-construct-canvas.json +14 -0
- package/chunks/playground-gen-ui.json +14 -0
- package/chunks/playground-render-preview.json +12 -0
- package/chunks/playground-streams-bridge.json +12 -0
- package/chunks/playground-table-toolbar.json +16 -0
- package/chunks/popover-combo.json +15 -0
- package/chunks/popover-edge.json +15 -0
- package/chunks/popover-gap.json +15 -0
- package/chunks/popover-open.json +15 -0
- package/chunks/popover-placement.json +15 -0
- package/chunks/popover-rich-content.json +15 -0
- package/chunks/popover-trigger-click.json +15 -0
- package/chunks/popover-trigger-hover.json +15 -0
- package/chunks/popover-trigger.json +15 -0
- package/chunks/progress-indeterminate.json +15 -0
- package/chunks/progress-row-basic.json +15 -0
- package/chunks/progress-row-combo.json +15 -0
- package/chunks/progress-row-edge.json +15 -0
- package/chunks/progress-row-indeterminate.json +15 -0
- package/chunks/progress-row-label.json +15 -0
- package/chunks/progress-row-meta.json +15 -0
- package/chunks/progress-row-multiple.json +15 -0
- package/chunks/progress-row-value.json +15 -0
- package/chunks/progress-row-variant.json +15 -0
- package/chunks/progress-sizes.json +15 -0
- package/chunks/progress-value.json +15 -0
- package/chunks/progress-variant.json +15 -0
- package/chunks/radio-checked.json +15 -0
- package/chunks/radio-combinations.json +15 -0
- package/chunks/radio-disabled.json +15 -0
- package/chunks/radio-edge-cases.json +15 -0
- package/chunks/radio-error.json +15 -0
- package/chunks/radio-group.json +15 -0
- package/chunks/radio-label.json +15 -0
- package/chunks/radio-name.json +15 -0
- package/chunks/radio-required.json +15 -0
- package/chunks/radio-size.json +15 -0
- package/chunks/radio-value.json +15 -0
- package/chunks/range-combinations.json +15 -0
- package/chunks/range-default.json +15 -0
- package/chunks/range-disabled.json +15 -0
- package/chunks/range-edge-cases.json +15 -0
- package/chunks/range-error.json +15 -0
- package/chunks/range-label.json +15 -0
- package/chunks/range-name.json +15 -0
- package/chunks/range-required.json +15 -0
- package/chunks/range-suffix.json +15 -0
- package/chunks/range-value.json +15 -0
- package/chunks/rating-allowHalf.json +15 -0
- package/chunks/rating-basic.json +15 -0
- package/chunks/rating-icon.json +15 -0
- package/chunks/rating-interactive.json +15 -0
- package/chunks/rating-max.json +15 -0
- package/chunks/rating-name.json +15 -0
- package/chunks/rating-readonly.json +15 -0
- package/chunks/rating-size.json +15 -0
- package/chunks/rating-value.json +15 -0
- package/chunks/record-detail-drawer-simple-detail.json +15 -0
- package/chunks/record-detail-drawer-tabbed-detail.json +15 -0
- package/chunks/reg-address-form.json +14 -0
- package/chunks/reg-billing-card.json +14 -0
- package/chunks/reg-brand-scrape.json +14 -0
- package/chunks/reg-departments-toggle.json +14 -0
- package/chunks/reg-extended-profile.json +14 -0
- package/chunks/reg-final-done.json +14 -0
- package/chunks/reg-helpdesk-grid.json +14 -0
- package/chunks/reg-import-picker.json +14 -0
- package/chunks/reg-integrations-grid.json +14 -0
- package/chunks/reg-invite-form.json +14 -0
- package/chunks/reg-legal-entity.json +14 -0
- package/chunks/reg-org-chart-review.json +14 -0
- package/chunks/reg-profile-identity.json +20 -0
- package/chunks/reg-step-footer.json +188 -0
- package/chunks/reg-step-header.json +189 -0
- package/chunks/reg-step-progress.json +188 -0
- package/chunks/reg-story-pane.json +188 -0
- package/chunks/reg-success-summary.json +14 -0
- package/chunks/reg-team-size.json +14 -0
- package/chunks/reg-usecase-picker.json +16 -0
- package/chunks/reg-workspace-name.json +20 -0
- package/chunks/retention-cohort-default-retention.json +15 -0
- package/chunks/retention-cohort-stat-pair.json +15 -0
- package/chunks/retention-cohort-with-legend.json +15 -0
- package/chunks/richtext-code-blocks.json +15 -0
- package/chunks/richtext-default-slot.json +15 -0
- package/chunks/richtext-markdown.json +15 -0
- package/chunks/richtext-rich-markdown.json +15 -0
- package/chunks/richtext-src.json +15 -0
- package/chunks/search-debounce.json +15 -0
- package/chunks/search-default.json +15 -0
- package/chunks/search-disabled.json +15 -0
- package/chunks/search-name.json +15 -0
- package/chunks/search-placeholder.json +15 -0
- package/chunks/search-value.json +15 -0
- package/chunks/segment-basic.json +15 -0
- package/chunks/segment-disabled.json +15 -0
- package/chunks/segment-icons.json +15 -0
- package/chunks/segment-text.json +15 -0
- package/chunks/segment-value.json +15 -0
- package/chunks/segmented-basic.json +15 -0
- package/chunks/segmented-combo.json +15 -0
- package/chunks/segmented-disabled.json +15 -0
- package/chunks/segmented-edge.json +15 -0
- package/chunks/segmented-pre-selected.json +15 -0
- package/chunks/segmented-value.json +15 -0
- package/chunks/select-avatar.json +15 -0
- package/chunks/select-basic.json +15 -0
- package/chunks/select-combinations.json +15 -0
- package/chunks/select-disabled.json +15 -0
- package/chunks/select-edge-cases.json +15 -0
- package/chunks/select-error.json +15 -0
- package/chunks/select-free-text.json +15 -0
- package/chunks/select-grouped.json +15 -0
- package/chunks/select-icon.json +15 -0
- package/chunks/select-label.json +15 -0
- package/chunks/select-multiple.json +15 -0
- package/chunks/select-name.json +15 -0
- package/chunks/select-open.json +15 -0
- package/chunks/select-placeholder.json +15 -0
- package/chunks/select-readonly.json +15 -0
- package/chunks/select-required.json +15 -0
- package/chunks/select-searchable.json +15 -0
- package/chunks/select-size.json +15 -0
- package/chunks/select-value.json +15 -0
- package/chunks/settings-billing-plan.json +14 -0
- package/chunks/settings-general-form.json +14 -0
- package/chunks/settings-integrations.json +14 -0
- package/chunks/settings-members-invite.json +14 -0
- package/chunks/settings-profile-security.json +14 -0
- package/chunks/skeleton-card-placeholder.json +15 -0
- package/chunks/skeleton-height.json +15 -0
- package/chunks/skeleton-radius.json +15 -0
- package/chunks/skeleton-static.json +15 -0
- package/chunks/skeleton-width-height.json +15 -0
- package/chunks/skeleton-width.json +15 -0
- package/chunks/slider-disabled.json +15 -0
- package/chunks/slider-error.json +15 -0
- package/chunks/slider-label.json +15 -0
- package/chunks/slider-name.json +15 -0
- package/chunks/slider-required.json +15 -0
- package/chunks/slider-suffix.json +15 -0
- package/chunks/slider-value.json +15 -0
- package/chunks/stat-basic.json +15 -0
- package/chunks/stat-change.json +15 -0
- package/chunks/stat-chart-slot.json +15 -0
- package/chunks/stat-data-stream.json +15 -0
- package/chunks/stat-grid.json +15 -0
- package/chunks/stat-icon.json +15 -0
- package/chunks/stat-label.json +15 -0
- package/chunks/stat-trend.json +15 -0
- package/chunks/stat-value.json +15 -0
- package/chunks/stepper-horizontal.json +15 -0
- package/chunks/stepper-interactive.json +15 -0
- package/chunks/stepper-step.json +15 -0
- package/chunks/stepper-vertical.json +15 -0
- package/chunks/stream-basic.json +15 -0
- package/chunks/stream-hide-cursor.json +15 -0
- package/chunks/stream-pace.json +15 -0
- package/chunks/stream-streaming.json +15 -0
- package/chunks/swiper-autoplay.json +15 -0
- package/chunks/swiper-basic.json +15 -0
- package/chunks/swiper-combo.json +15 -0
- package/chunks/swiper-gap.json +15 -0
- package/chunks/swiper-interval.json +15 -0
- package/chunks/swiper-loop.json +15 -0
- package/chunks/swiper-peek.json +15 -0
- package/chunks/swiper-slides-per-view.json +15 -0
- package/chunks/swiper-snap.json +15 -0
- package/chunks/switch-checked.json +15 -0
- package/chunks/switch-combinations.json +15 -0
- package/chunks/switch-disabled.json +15 -0
- package/chunks/switch-edge-cases.json +15 -0
- package/chunks/switch-label.json +15 -0
- package/chunks/switch-size.json +15 -0
- package/chunks/table-cell-types.json +15 -0
- package/chunks/table-data-stream.json +15 -0
- package/chunks/table-density.json +15 -0
- package/chunks/table-expandable.json +15 -0
- package/chunks/table-loading.json +15 -0
- package/chunks/table-paginate.json +15 -0
- package/chunks/table-raw.json +15 -0
- package/chunks/table-search.json +15 -0
- package/chunks/table-selectable.json +15 -0
- package/chunks/table-sortable.json +15 -0
- package/chunks/table-striped.json +15 -0
- package/chunks/tabs-basic.json +15 -0
- package/chunks/tabs-combinations.json +15 -0
- package/chunks/tabs-disabled.json +15 -0
- package/chunks/tabs-edge-cases.json +15 -0
- package/chunks/tabs-icon.json +15 -0
- package/chunks/tabs-keyboard.json +15 -0
- package/chunks/tabs-orientation.json +15 -0
- package/chunks/tabs-value.json +15 -0
- package/chunks/tabs-vertical.json +15 -0
- package/chunks/tag-combinations.json +15 -0
- package/chunks/tag-disabled.json +15 -0
- package/chunks/tag-removable.json +15 -0
- package/chunks/tag-size.json +15 -0
- package/chunks/tag-text.json +15 -0
- package/chunks/tag-variant.json +15 -0
- package/chunks/text-lines.json +15 -0
- package/chunks/text-truncate.json +15 -0
- package/chunks/text-variant.json +15 -0
- package/chunks/textarea-combinations.json +15 -0
- package/chunks/textarea-disabled.json +15 -0
- package/chunks/textarea-edge-cases.json +15 -0
- package/chunks/textarea-error.json +15 -0
- package/chunks/textarea-label.json +15 -0
- package/chunks/textarea-placeholder.json +15 -0
- package/chunks/textarea-readonly.json +15 -0
- package/chunks/textarea-resize.json +15 -0
- package/chunks/textarea-rows.json +15 -0
- package/chunks/timeline-compact.json +15 -0
- package/chunks/timeline-error.json +15 -0
- package/chunks/timeline-horizontal.json +15 -0
- package/chunks/timeline-icons.json +15 -0
- package/chunks/timeline-outcomes.json +15 -0
- package/chunks/timeline-variant.json +15 -0
- package/chunks/timeline-vertical.json +15 -0
- package/chunks/toast-closable.json +15 -0
- package/chunks/toast-combo.json +15 -0
- package/chunks/toast-duration.json +15 -0
- package/chunks/toast-edge.json +15 -0
- package/chunks/toast-position.json +15 -0
- package/chunks/toast-text.json +15 -0
- package/chunks/toast-variant.json +15 -0
- package/chunks/toggle-group-combo.json +15 -0
- package/chunks/toggle-group-disabled.json +15 -0
- package/chunks/toggle-group-edge.json +15 -0
- package/chunks/toggle-group-icon-group.json +15 -0
- package/chunks/toggle-group-pre-selected.json +15 -0
- package/chunks/toggle-group-single-vs-multi.json +15 -0
- package/chunks/toggle-group-single.json +15 -0
- package/chunks/toggle-group-text-group.json +15 -0
- package/chunks/toggle-group-value.json +15 -0
- package/chunks/toolbar-align.json +15 -0
- package/chunks/toolbar-basic.json +15 -0
- package/chunks/toolbar-bordered.json +15 -0
- package/chunks/toolbar-combo.json +15 -0
- package/chunks/toolbar-dividers.json +15 -0
- package/chunks/toolbar-edge.json +15 -0
- package/chunks/toolbar-gap.json +15 -0
- package/chunks/toolbar-overflow-none.json +30 -0
- package/chunks/toolbar-overflow.json +15 -0
- package/chunks/tooltip-combinations.json +15 -0
- package/chunks/tooltip-delay.json +15 -0
- package/chunks/tooltip-edge-cases.json +15 -0
- package/chunks/tooltip-placement.json +15 -0
- package/chunks/tooltip-text.json +15 -0
- package/chunks/tree-basic.json +15 -0
- package/chunks/tree-combo.json +15 -0
- package/chunks/tree-edge.json +15 -0
- package/chunks/tree-expand-collapse.json +15 -0
- package/chunks/tree-selection.json +15 -0
- package/chunks/upload-accept.json +15 -0
- package/chunks/upload-default.json +15 -0
- package/chunks/upload-disabled.json +15 -0
- package/chunks/upload-hint.json +15 -0
- package/chunks/upload-label-hint.json +15 -0
- package/chunks/upload-label.json +15 -0
- package/chunks/upload-multiple.json +15 -0
- package/chunks/upload-name.json +15 -0
- package/chunks/upload-value.json +15 -0
- package/chunks/wizard-drawer-three-step-wizard.json +15 -0
- package/exemplars/_shell.css +88 -0
- package/exemplars/prose/auth-login/index.html +29 -26
- package/exemplars/prose/cta/a2ui.json +1 -1
- package/exemplars/prose/cta/chunks/prose-cta-card-1.json +1 -1
- package/exemplars/prose/cta/index.html +15 -33
- package/exemplars/prose/feature-grid/index.html +7 -17
- package/exemplars/prose/footer/index.html +8 -9
- package/exemplars/prose/hero/index.html +14 -24
- package/exemplars/prose/pricing/index.html +7 -17
- package/exemplars/prose/steps/index.html +8 -5
- package/exemplars/prose/testimonials/index.html +19 -16
- package/exemplars/ui/auth-login/index.html +23 -34
- package/package.json +10 -5
- package/patterns/_components.json +2 -2
- package/patterns/_index.json +131 -41
- package/patterns/data/chart-card-with-trend-footer.json +102 -0
- package/patterns/data/chart-card-with-trend-footer.yaml +56 -0
- package/patterns/data/chart-grid-with-kpis.json +314 -0
- package/patterns/data/chart-grid-with-kpis.yaml +63 -0
- package/patterns/data/chart-with-filter-pills.json +127 -0
- package/patterns/data/chart-with-filter-pills.yaml +76 -0
- package/patterns/data/stat-with-sparkline.json +67 -0
- package/patterns/data/stat-with-sparkline.yaml +51 -0
- package/scripts/chunk-library.js +123 -0
- package/fragments/content/chart-legend.json +0 -122
- package/fragments/form/rating-row.json +0 -31
- package/fragments/form/rating-row.yaml +0 -40
|
@@ -4,9 +4,12 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>Auth Login — AdiaUI Pattern</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
10
13
|
</head>
|
|
11
14
|
<body>
|
|
12
15
|
<section prose>
|
|
@@ -17,11 +20,11 @@
|
|
|
17
20
|
Full-width two-panel auth: brand story left, form right.
|
|
18
21
|
Inspired by Linear, Vercel, Stripe auth pages.
|
|
19
22
|
═══════════════════════════════════════════ -->
|
|
20
|
-
<card-ui
|
|
23
|
+
<card-ui>
|
|
21
24
|
<section bleed>
|
|
22
25
|
<grid-ui gap="0">
|
|
23
26
|
<!-- Brand panel -->
|
|
24
|
-
<col-ui data-scheme="dark" prose gap="6" justify="between"
|
|
27
|
+
<col-ui data-scheme="dark" prose gap="6" justify="between" class="demo-brand-panel">
|
|
25
28
|
<row-ui gap="1" align="center">
|
|
26
29
|
<icon-ui name="cube" size="md"></icon-ui>
|
|
27
30
|
<text-ui nomargin>Acme</text-ui>
|
|
@@ -52,7 +55,7 @@
|
|
|
52
55
|
</col-ui>
|
|
53
56
|
|
|
54
57
|
<!-- Form panel -->
|
|
55
|
-
<col-ui justify="center"
|
|
58
|
+
<col-ui justify="center">
|
|
56
59
|
<col-ui gap="2" align="center">
|
|
57
60
|
<h2 variant="title" nomargin>Welcome back</h2>
|
|
58
61
|
<p variant="body" color="subtle" nomargin>Sign in to your workspace to pick up where you left off.</p>
|
|
@@ -70,7 +73,7 @@
|
|
|
70
73
|
<input-ui label="Work email" placeholder="you@company.com" type="email"></input-ui>
|
|
71
74
|
<input-ui label="Password" placeholder="••••••••" type="password" suffix="eye-slash"></input-ui>
|
|
72
75
|
<row-ui justify="between" align="center" size="sm">
|
|
73
|
-
<check-ui label="Remember this device"></check-ui>
|
|
76
|
+
<check-ui name="remember" label="Remember this device"></check-ui>
|
|
74
77
|
<a href="#">Forgot password?</a>
|
|
75
78
|
</row-ui>
|
|
76
79
|
<button-ui text="Sign in" variant="primary" stretch></button-ui>
|
|
@@ -101,7 +104,7 @@
|
|
|
101
104
|
Standalone registration with trust signals, feature
|
|
102
105
|
highlights, and embedded testimonial strip.
|
|
103
106
|
═══════════════════════════════════════════ -->
|
|
104
|
-
<col-ui gap="8" align="center"
|
|
107
|
+
<col-ui gap="8" align="center">
|
|
105
108
|
|
|
106
109
|
<!-- Hero copy -->
|
|
107
110
|
<header align="center" prose>
|
|
@@ -117,7 +120,7 @@
|
|
|
117
120
|
</header>
|
|
118
121
|
|
|
119
122
|
<!-- Form card -->
|
|
120
|
-
<card-ui elevation="2"
|
|
123
|
+
<card-ui elevation="2">
|
|
121
124
|
<section>
|
|
122
125
|
<col-ui gap="5">
|
|
123
126
|
<col-ui gap="2">
|
|
@@ -136,7 +139,7 @@
|
|
|
136
139
|
<input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
|
|
137
140
|
</col-ui>
|
|
138
141
|
|
|
139
|
-
<check-ui label="I agree to the Terms of Service and Privacy Policy"
|
|
142
|
+
<check-ui size="sm" name="terms" label="I agree to the Terms of Service and Privacy Policy"></check-ui>
|
|
140
143
|
|
|
141
144
|
<button-ui text="Create free account" variant="primary" stretch></button-ui>
|
|
142
145
|
|
|
@@ -182,7 +185,7 @@
|
|
|
182
185
|
When a teammate invites you — branded, contextual,
|
|
183
186
|
with workspace info and inviter details.
|
|
184
187
|
═══════════════════════════════════════════ -->
|
|
185
|
-
<col-ui gap="6" align="center"
|
|
188
|
+
<col-ui gap="6" align="center">
|
|
186
189
|
|
|
187
190
|
<header align="center" prose>
|
|
188
191
|
<col-ui gap="3">
|
|
@@ -194,7 +197,7 @@
|
|
|
194
197
|
</col-ui>
|
|
195
198
|
</header>
|
|
196
199
|
|
|
197
|
-
<card-ui elevation="1"
|
|
200
|
+
<card-ui elevation="1">
|
|
198
201
|
<section>
|
|
199
202
|
<col-ui gap="5">
|
|
200
203
|
<!-- Invitation context -->
|
|
@@ -248,7 +251,7 @@
|
|
|
248
251
|
Passwordless flow with rich email confirmation state,
|
|
249
252
|
resend controls, and alternative methods.
|
|
250
253
|
═══════════════════════════════════════════ -->
|
|
251
|
-
<col-ui gap="8" align="center"
|
|
254
|
+
<col-ui gap="8" align="center">
|
|
252
255
|
|
|
253
256
|
<header align="center" prose>
|
|
254
257
|
<col-ui gap="3">
|
|
@@ -262,7 +265,7 @@
|
|
|
262
265
|
</header>
|
|
263
266
|
|
|
264
267
|
<!-- Step 1: email entry -->
|
|
265
|
-
<card-ui
|
|
268
|
+
<card-ui>
|
|
266
269
|
<section>
|
|
267
270
|
<col-ui gap="4">
|
|
268
271
|
<input-ui label="Email address" placeholder="you@company.com" type="email"></input-ui>
|
|
@@ -276,7 +279,7 @@
|
|
|
276
279
|
</card-ui>
|
|
277
280
|
|
|
278
281
|
<!-- Step 2: check your email confirmation -->
|
|
279
|
-
<card-ui
|
|
282
|
+
<card-ui>
|
|
280
283
|
<section>
|
|
281
284
|
<col-ui gap="5" align="center">
|
|
282
285
|
<col-ui gap="1" align="center">
|
|
@@ -292,7 +295,7 @@
|
|
|
292
295
|
|
|
293
296
|
<divider-ui></divider-ui>
|
|
294
297
|
|
|
295
|
-
<col-ui gap="2"
|
|
298
|
+
<col-ui gap="2">
|
|
296
299
|
<button-ui text="Resend link" variant="outline" stretch icon="arrow-clockwise"></button-ui>
|
|
297
300
|
<button-ui text="Use a different email" variant="ghost" stretch icon="arrow-left"></button-ui>
|
|
298
301
|
</col-ui>
|
|
@@ -307,7 +310,7 @@
|
|
|
307
310
|
Three-stage flow: request → verify → success.
|
|
308
311
|
Rich feedback, contextual guidance, strength meter.
|
|
309
312
|
═══════════════════════════════════════════ -->
|
|
310
|
-
<col-ui gap="8" align="center"
|
|
313
|
+
<col-ui gap="8" align="center">
|
|
311
314
|
|
|
312
315
|
<header align="center" prose>
|
|
313
316
|
<col-ui gap="3">
|
|
@@ -320,7 +323,7 @@
|
|
|
320
323
|
</header>
|
|
321
324
|
|
|
322
325
|
<!-- Stage A: enter email -->
|
|
323
|
-
<card-ui
|
|
326
|
+
<card-ui>
|
|
324
327
|
<section>
|
|
325
328
|
<col-ui gap="4">
|
|
326
329
|
<col-ui gap="1">
|
|
@@ -335,7 +338,7 @@
|
|
|
335
338
|
</card-ui>
|
|
336
339
|
|
|
337
340
|
<!-- Stage B: enter code + new password -->
|
|
338
|
-
<card-ui
|
|
341
|
+
<card-ui>
|
|
339
342
|
<section>
|
|
340
343
|
<col-ui gap="4">
|
|
341
344
|
<col-ui gap="1">
|
|
@@ -376,7 +379,7 @@
|
|
|
376
379
|
</card-ui>
|
|
377
380
|
|
|
378
381
|
<!-- Stage C: success -->
|
|
379
|
-
<card-ui
|
|
382
|
+
<card-ui>
|
|
380
383
|
<section>
|
|
381
384
|
<col-ui gap="4" align="center">
|
|
382
385
|
<icon-ui name="check-circle" size="lg" color="success"></icon-ui>
|
|
@@ -396,7 +399,7 @@
|
|
|
396
399
|
Post-auth step: pick which workspace to enter.
|
|
397
400
|
Shows org info, role, last active timestamps.
|
|
398
401
|
═══════════════════════════════════════════ -->
|
|
399
|
-
<col-ui gap="6" align="center"
|
|
402
|
+
<col-ui gap="6" align="center">
|
|
400
403
|
|
|
401
404
|
<header align="center" prose>
|
|
402
405
|
<col-ui gap="3">
|
|
@@ -408,7 +411,7 @@
|
|
|
408
411
|
</col-ui>
|
|
409
412
|
</header>
|
|
410
413
|
|
|
411
|
-
<col-ui gap="3"
|
|
414
|
+
<col-ui gap="3">
|
|
412
415
|
<card-ui variant="outlined" interactive>
|
|
413
416
|
<section>
|
|
414
417
|
<row-ui gap="3" align="center" justify="between">
|
|
@@ -482,7 +485,7 @@
|
|
|
482
485
|
OTP entry with backup code option,
|
|
483
486
|
trusted device toggle, and session context.
|
|
484
487
|
═══════════════════════════════════════════ -->
|
|
485
|
-
<col-ui gap="6" align="center"
|
|
488
|
+
<col-ui gap="6" align="center">
|
|
486
489
|
|
|
487
490
|
<header align="center" prose>
|
|
488
491
|
<col-ui gap="3">
|
|
@@ -495,7 +498,7 @@
|
|
|
495
498
|
</col-ui>
|
|
496
499
|
</header>
|
|
497
500
|
|
|
498
|
-
<card-ui
|
|
501
|
+
<card-ui>
|
|
499
502
|
<section>
|
|
500
503
|
<col-ui gap="5">
|
|
501
504
|
<col-ui gap="3" align="center">
|
|
@@ -503,7 +506,7 @@
|
|
|
503
506
|
<otp-input-ui length="6" sixe="lg"></otp-input-ui>
|
|
504
507
|
</col-ui>
|
|
505
508
|
|
|
506
|
-
<check-ui label="Trust this device for 30 days"
|
|
509
|
+
<check-ui size="sm" name="trust_device" label="Trust this device for 30 days"></check-ui>
|
|
507
510
|
|
|
508
511
|
<button-ui text="Verify" variant="primary" stretch></button-ui>
|
|
509
512
|
|
|
@@ -533,7 +536,7 @@
|
|
|
533
536
|
</section>
|
|
534
537
|
|
|
535
538
|
<script type="module">
|
|
536
|
-
import "
|
|
539
|
+
import "../../../../../web-components/components/index.js";
|
|
537
540
|
</script>
|
|
538
541
|
</body>
|
|
539
542
|
</html>
|
|
@@ -4,49 +4,31 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>Acme — CTA Patterns</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
padding: 2rem;
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
font-family: var(--a-font-family);
|
|
19
|
-
background: var(--a-bg);
|
|
20
|
-
color: var(--a-fg);
|
|
21
|
-
}
|
|
22
|
-
body > section { min-width: 600px; }</style>
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
23
13
|
</head>
|
|
24
14
|
<body>
|
|
25
15
|
<section prose>
|
|
26
16
|
<col-ui gap="16">
|
|
27
17
|
<!-- ━━━ CTA A: Centered CTA Card ━━━ -->
|
|
28
|
-
<card-ui
|
|
29
|
-
elevation="2"
|
|
30
|
-
data-scheme="dark"
|
|
31
|
-
style="
|
|
32
|
-
background:
|
|
33
|
-
linear-gradient(to bottom right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)),
|
|
34
|
-
url("https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?w=1200&q=80") center/cover no-repeat;
|
|
35
|
-
"
|
|
36
|
-
>
|
|
18
|
+
<card-ui elevation="2" data-scheme="dark" class="demo-cta-hero">
|
|
37
19
|
<header>
|
|
38
|
-
<col-ui align="center" gap="4"
|
|
39
|
-
<icon-ui name="
|
|
20
|
+
<col-ui align="center" gap="4">
|
|
21
|
+
<icon-ui name="hexagon"></icon-ui>
|
|
40
22
|
<text-ui variant="kicker">Ready to start?</text-ui>
|
|
41
23
|
<h2 variant="display" nomargin>Start building for free</h2>
|
|
42
|
-
<text-ui slot="description" variant="caption"
|
|
24
|
+
<text-ui slot="description" variant="caption">
|
|
43
25
|
Acme gives your team the tools to ship production-ready apps in days, not months. Start with our generous free tier and scale when you're
|
|
44
26
|
ready.
|
|
45
27
|
</text-ui>
|
|
46
28
|
</col-ui>
|
|
47
29
|
</header>
|
|
48
30
|
<section>
|
|
49
|
-
<col-ui align="center" gap="4"
|
|
31
|
+
<col-ui align="center" gap="4">
|
|
50
32
|
<row-ui gap="4" justify="center">
|
|
51
33
|
<button-ui text="Get Started Free" variant="primary" size="lg"></button-ui>
|
|
52
34
|
<button-ui text="Talk to Sales" variant="outline" size="lg"></button-ui>
|
|
@@ -73,7 +55,7 @@
|
|
|
73
55
|
<!-- ━━━ CTA B: Split CTA with Email Capture ━━━ -->
|
|
74
56
|
<col-ui gap="6">
|
|
75
57
|
<row-ui justify="between" align="center" gap="8" wrap>
|
|
76
|
-
<col-ui gap="3" grow basis="0"
|
|
58
|
+
<col-ui gap="3" grow basis="0">
|
|
77
59
|
<h2 variant="title" nomargin>Stay in the loop</h2>
|
|
78
60
|
<p variant="body" color="subtle" nomargin>Get weekly product updates, tips, and early access to new features.</p>
|
|
79
61
|
<row-ui gap="3">
|
|
@@ -106,7 +88,7 @@
|
|
|
106
88
|
<button-ui text="Start Free Trial" variant="primary" size="lg"></button-ui>
|
|
107
89
|
</col-ui>
|
|
108
90
|
</header>
|
|
109
|
-
<card-ui variant="outlined"
|
|
91
|
+
<card-ui variant="outlined">
|
|
110
92
|
<section>
|
|
111
93
|
<col-ui gap="4">
|
|
112
94
|
<icon-ui name="quotes" color="accent"></icon-ui>
|
|
@@ -130,14 +112,14 @@
|
|
|
130
112
|
<icon-ui name="star" weight="fill" color="warning"></icon-ui>
|
|
131
113
|
<icon-ui name="star" weight="fill" color="warning"></icon-ui>
|
|
132
114
|
<icon-ui name="star" weight="fill" color="warning"></icon-ui>
|
|
133
|
-
<span color="muted"
|
|
115
|
+
<span color="muted">4.9 average rating</span>
|
|
134
116
|
</row-ui>
|
|
135
117
|
</col-ui>
|
|
136
118
|
</col-ui>
|
|
137
119
|
</section>
|
|
138
120
|
|
|
139
121
|
<script type="module">
|
|
140
|
-
import "
|
|
122
|
+
import "../../../../../web-components/components/index.js";
|
|
141
123
|
</script>
|
|
142
124
|
</body>
|
|
143
125
|
</html>
|
|
@@ -4,22 +4,12 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>AdiaUI Block — Feature Grid</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
padding: 2rem;
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
font-family: var(--a-font-family);
|
|
19
|
-
background: var(--a-bg);
|
|
20
|
-
color: var(--a-fg);
|
|
21
|
-
}
|
|
22
|
-
body > section { min-width: 600px; }</style>
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
23
13
|
</head>
|
|
24
14
|
<body>
|
|
25
15
|
<section prose>
|
|
@@ -97,7 +87,7 @@
|
|
|
97
87
|
</section>
|
|
98
88
|
|
|
99
89
|
<script type="module">
|
|
100
|
-
import "
|
|
90
|
+
import "../../../../../web-components/components/index.js";
|
|
101
91
|
</script>
|
|
102
92
|
</body>
|
|
103
93
|
</html>
|
|
@@ -4,15 +4,14 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>AdiaUI Block — Footer</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
body > section { min-width: 600px; }</style>
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
14
13
|
</head>
|
|
15
|
-
<body>
|
|
14
|
+
<body data-anchor="bottom">
|
|
16
15
|
<footer prose>
|
|
17
16
|
<col-ui gap="8">
|
|
18
17
|
<!-- Top Section -->
|
|
@@ -104,7 +103,7 @@
|
|
|
104
103
|
</footer>
|
|
105
104
|
|
|
106
105
|
<script type="module">
|
|
107
|
-
import "
|
|
106
|
+
import "../../../../../web-components/components/index.js";
|
|
108
107
|
</script>
|
|
109
108
|
</body>
|
|
110
109
|
</html>
|
|
@@ -4,22 +4,12 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>Prose — Hero</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
padding: 2rem;
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
font-family: var(--a-font-family);
|
|
19
|
-
background: var(--a-bg);
|
|
20
|
-
color: var(--a-fg);
|
|
21
|
-
}
|
|
22
|
-
body > section { min-width: 600px; }</style>
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
23
13
|
</head>
|
|
24
14
|
<body>
|
|
25
15
|
<section prose>
|
|
@@ -66,7 +56,7 @@
|
|
|
66
56
|
<!-- Product screenshot placeholder -->
|
|
67
57
|
<card-ui variant="outlined">
|
|
68
58
|
<section>
|
|
69
|
-
<col-ui align="center" justify="center" gap="2"
|
|
59
|
+
<col-ui align="center" justify="center" gap="2">
|
|
70
60
|
<icon-ui name="browser" size="lg" color="muted"></icon-ui>
|
|
71
61
|
<text-ui>Product screenshot</text-ui>
|
|
72
62
|
</col-ui>
|
|
@@ -101,11 +91,11 @@
|
|
|
101
91
|
<col-ui gap="3">
|
|
102
92
|
<row-ui gap="2" align="center">
|
|
103
93
|
<row-ui gap="-2" align="center">
|
|
104
|
-
<avatar-ui
|
|
105
|
-
<avatar-ui
|
|
106
|
-
<avatar-ui
|
|
107
|
-
<avatar-ui
|
|
108
|
-
<avatar-ui
|
|
94
|
+
<avatar-ui text="Alice Chen" size="sm"></avatar-ui>
|
|
95
|
+
<avatar-ui text="Bob Park" size="sm"></avatar-ui>
|
|
96
|
+
<avatar-ui text="Carol Diaz" size="sm"></avatar-ui>
|
|
97
|
+
<avatar-ui text="Dan Kumar" size="sm"></avatar-ui>
|
|
98
|
+
<avatar-ui text="Eva Novak" size="sm"></avatar-ui>
|
|
109
99
|
</row-ui>
|
|
110
100
|
<text-ui>12,000+ teams trust Acme</text-ui>
|
|
111
101
|
</row-ui>
|
|
@@ -116,7 +106,7 @@
|
|
|
116
106
|
<col-ui gap="4">
|
|
117
107
|
<card-ui elevation="2">
|
|
118
108
|
<section>
|
|
119
|
-
<col-ui align="center" justify="center" gap="2"
|
|
109
|
+
<col-ui align="center" justify="center" gap="2">
|
|
120
110
|
<icon-ui name="browser" size="lg" color="muted"></icon-ui>
|
|
121
111
|
<text-ui>Product screenshot</text-ui>
|
|
122
112
|
</col-ui>
|
|
@@ -221,7 +211,7 @@
|
|
|
221
211
|
</section>
|
|
222
212
|
|
|
223
213
|
<script type="module">
|
|
224
|
-
import "
|
|
214
|
+
import "../../../../../web-components/components/index.js";
|
|
225
215
|
</script>
|
|
226
216
|
</body>
|
|
227
217
|
</html>
|
|
@@ -4,22 +4,12 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>AdiaUI Block — Pricing</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
padding: 2rem;
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
font-family: var(--a-font-family);
|
|
19
|
-
background: var(--a-bg);
|
|
20
|
-
color: var(--a-fg);
|
|
21
|
-
}
|
|
22
|
-
body > section { min-width: 600px; }</style>
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
23
13
|
</head>
|
|
24
14
|
<body>
|
|
25
15
|
<section prose>
|
|
@@ -302,7 +292,7 @@
|
|
|
302
292
|
</section>
|
|
303
293
|
|
|
304
294
|
<script type="module">
|
|
305
|
-
import "
|
|
295
|
+
import "../../../../../web-components/components/index.js";
|
|
306
296
|
</script>
|
|
307
297
|
</body>
|
|
308
298
|
</html>
|
|
@@ -4,13 +4,16 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>AdiaUI Pattern — Steps</title>
|
|
7
|
-
<link rel="stylesheet" href="
|
|
8
|
-
<link rel="stylesheet" href="
|
|
9
|
-
<
|
|
7
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/tokens.css" />
|
|
8
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/themes.css" />
|
|
9
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/resets.css" />
|
|
10
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/components.css" />
|
|
11
|
+
<link rel="stylesheet" href="../../../../../web-components/styles/prose.css" />
|
|
12
|
+
<link rel="stylesheet" href="../../_shell.css" />
|
|
10
13
|
</head>
|
|
11
14
|
<body>
|
|
12
15
|
<section prose>
|
|
13
|
-
<col-ui gap="8"
|
|
16
|
+
<col-ui gap="8">
|
|
14
17
|
|
|
15
18
|
<!-- 1. Horizontal -->
|
|
16
19
|
<col-ui gap="3">
|
|
@@ -167,7 +170,7 @@
|
|
|
167
170
|
|
|
168
171
|
<script type="module" src="setup.js"></script>
|
|
169
172
|
<script type="module">
|
|
170
|
-
import "
|
|
173
|
+
import "../../../../../web-components/components/index.js";
|
|
171
174
|
</script>
|
|
172
175
|
</body>
|
|
173
176
|
</html>
|