@gardenerim/react 1.0.0

package/docs/components.md

@@ -0,0 +1,512 @@
+# Gardener React 组件完整目录
+
+本目录由 `@gardenerim/css@1.0.0` 元数据自动生成，共 506 个 React 组件，无省略。所有组件支持 `as`、`variant`、`state`、`config`、`initialize`、`value`、`defaultValue`、`valueEvent`、`valueKey`、`onValueChange`、原生 attributes/events、children 和 ref handle。
+
+| React 导出 | CSS 组件 | 分类 | 类型 | 根选择器/类 | 行为 |
+| --- | --- | --- | --- | --- | --- |
+| `GButton` | `button` | basic | css | `g-btn` | — |
+| `GButtonGroup` | `button-group` | basic | css | `g-btn-group` | — |
+| `GCard` | `card` | basic | css | `g-card` | — |
+| `GBadgeTagChip` | `badge-tag-chip` | basic | css | `g-badge` | — |
+| `GAvatar` | `avatar` | basic | css | `g-avatar` | — |
+| `GAlert` | `alert` | feedback | css | `g-alert` | — |
+| `GProgressMeter` | `progress-meter` | feedback | css | `g-progress` | — |
+| `GSpinnerSkeleton` | `spinner-skeleton` | feedback | css | `g-spinner` | — |
+| `GEmptyState` | `empty-state` | feedback | css | `g-empty` | — |
+| `GInput` | `input` | form | css | `g-input` | — |
+| `GTextarea` | `textarea` | form | css | `g-textarea` | — |
+| `GSelect` | `select` | form | css | `g-select` | — |
+| `GCheckboxRadio` | `checkbox-radio` | form | css | `g-check` | — |
+| `GSwitch` | `switch` | form | css | `g-switch` | — |
+| `GRangeColor` | `range-color` | form | css | `g-range` | — |
+| `GFileDrop` | `file-drop` | form | interactive | `g-file-drop` | dropzone |
+| `GCombobox` | `combobox` | form | interactive | `g-combobox` | combobox |
+| `GForm` | `form` | form | css | `g-form` | — |
+| `GFormSection` | `form-section` | form | css | `g-form-section` | — |
+| `GField` | `field` | form | css | `g-field` | — |
+| `GFieldset` | `fieldset` | form | css | `g-fieldset` | — |
+| `GFormRow` | `form-row` | form | css | `g-form-row` | — |
+| `GFormGrid` | `form-grid` | form | css | `g-form-grid` | — |
+| `GHorizontalForm` | `horizontal-form` | form | css | `g-form-horizontal` | — |
+| `GInlineForm` | `inline-form` | form | css | `g-form-inline` | — |
+| `GCompactForm` | `compact-form` | form | css | `g-form-compact` | — |
+| `GInputGroup` | `input-group` | form | css | `g-input-group` | — |
+| `GInputAffix` | `input-affix` | form | css | `g-input-affix` | — |
+| `GSearchField` | `search-field` | form | css | `g-search-field` | — |
+| `GPasswordField` | `password-field` | form | interactive | `g-password-field` | password-toggle |
+| `GClearableField` | `clearable-field` | form | interactive | `g-clearable-field` | clear-input |
+| `GCharacterCounter` | `character-counter` | form | interactive | `g-character-field` | character-count |
+| `GValidationState` | `validation-state` | form | css | `g-validation-state` | — |
+| `GCheckboxGroup` | `checkbox-group` | form | css | `g-check-group` | — |
+| `GRadioGroup` | `radio-group` | form | css | `g-radio-group` | — |
+| `GSwitchRow` | `switch-row` | form | css | `g-switch-row` | — |
+| `GChoiceCardGroup` | `choice-card-group` | form | css | `g-choice-group` | — |
+| `GNameGroup` | `name-group` | form | css | `g-name-group` | — |
+| `GAddressGroup` | `address-group` | form | css | `g-address-group` | — |
+| `GPhoneGroup` | `phone-group` | form | css | `g-phone-group` | — |
+| `GMoneyGroup` | `money-group` | form | css | `g-money-group` | — |
+| `GDateRangeGroup` | `date-range-group` | form | css | `g-date-range-group` | — |
+| `GTimeRangeGroup` | `time-range-group` | form | css | `g-time-range-group` | — |
+| `GUnitField` | `unit-field` | form | css | `g-unit-field` | — |
+| `GRangeField` | `range-field` | form | css | `g-range-field` | — |
+| `GFileField` | `file-field` | form | css | `g-file-field` | — |
+| `GRepeatableField` | `repeatable-field` | form | interactive | `g-repeatable-field` | repeatable-field |
+| `GConditionalField` | `conditional-field` | form | interactive | `g-conditional-field` | conditional-field |
+| `GFormActions` | `form-actions` | form | css | `g-form-actions` | — |
+| `GAutosaveStatus` | `autosave-status` | form | css | `g-autosave-status` | — |
+| `GFormProgress` | `form-progress` | form | css | `g-form-progress` | — |
+| `GFormReview` | `form-review` | form | css | `g-form-review` | — |
+| `GConsentGroup` | `consent-group` | form | css | `g-consent-group` | — |
+| `GNavbar` | `navbar` | navigation | css | `g-navbar` | — |
+| `GSidebar` | `sidebar` | navigation | css | `g-sidebar` | — |
+| `GBreadcrumb` | `breadcrumb` | navigation | css | `g-breadcrumb` | — |
+| `GTabs` | `tabs` | navigation | interactive | `g-tabs` | tabs |
+| `GSegmentedControl` | `segmented-control` | navigation | css | `g-segmented` | — |
+| `GPagination` | `pagination` | navigation | css | `g-pagination` | — |
+| `GMenuDropdown` | `menu-dropdown` | navigation | interactive | `g-dropdown` | dropdown |
+| `GStepper` | `stepper` | navigation | css | `g-stepper` | — |
+| `GCommandPalette` | `command-palette` | navigation | interactive | `g-command-palette` | command-palette |
+| `GPrimaryNavigation` | `primary-navigation` | navigation | css | `g-primary-nav` | — |
+| `GUtilityNavigation` | `utility-navigation` | navigation | css | `g-utility-nav` | — |
+| `GSubNavigation` | `sub-navigation` | navigation | css | `g-subnav` | — |
+| `GCollapsibleNavigation` | `collapsible-navigation` | navigation | interactive | `g-collapsible-nav` | nav-toggle |
+| `GNavigationRail` | `navigation-rail` | navigation | interactive | `g-nav-rail` | roving-nav |
+| `GActivityBar` | `activity-bar` | navigation | css | `g-activitybar` | — |
+| `GMenuBar` | `menu-bar` | navigation | css | `g-menubar` | — |
+| `GContextMenu` | `context-menu` | navigation | interactive | `g-context-menu` | context-menu |
+| `GTreeNavigation` | `tree-navigation` | navigation | interactive | `g-tree-nav` | tree |
+| `GVerticalTabs` | `vertical-tabs` | navigation | interactive | `g-vertical-tabs` | tabs |
+| `GPillNavigation` | `pill-navigation` | navigation | css | `g-pill-nav` | — |
+| `GScrollspyNavigation` | `scrollspy-navigation` | navigation | interactive | `g-scrollspy-nav` | scrollspy |
+| `GCursorPagination` | `cursor-pagination` | navigation | css | `g-cursor-pagination` | — |
+| `GLoadMoreNavigation` | `load-more-navigation` | navigation | css | `g-load-more-nav` | — |
+| `GWizardNavigation` | `wizard-navigation` | navigation | css | `g-wizard-nav` | — |
+| `GBackNavigation` | `back-navigation` | navigation | css | `g-back-nav` | — |
+| `GPreviousNextNavigation` | `previous-next-navigation` | navigation | css | `g-prev-next-nav` | — |
+| `GSkipNavigation` | `skip-navigation` | navigation | css | `g-skip-nav` | — |
+| `GMobileTopNavigation` | `mobile-top-navigation` | navigation | css | `g-mobile-top-nav` | — |
+| `GBottomNavigation` | `bottom-navigation` | navigation | css | `g-bottom-nav` | — |
+| `GMobileTabBar` | `mobile-tab-bar` | navigation | css | `g-mobile-tab-bar` | — |
+| `GDrawerNavigation` | `drawer-navigation` | navigation | css | `g-drawer-nav` | — |
+| `GCommandNavigation` | `command-navigation` | navigation | css | `g-command-nav` | — |
+| `GJumpNavigation` | `jump-navigation` | navigation | interactive | `g-jump-nav` | jump-nav |
+| `GQuickNavigation` | `quick-navigation` | navigation | css | `g-quick-nav` | — |
+| `GLocaleNavigation` | `locale-navigation` | navigation | css | `g-locale-nav` | — |
+| `GAccountNavigation` | `account-navigation` | navigation | css | `g-account-nav` | — |
+| `GDialog` | `dialog` | overlay | interactive | `g-dialog-backdrop` | dialog |
+| `GDrawer` | `drawer` | overlay | interactive | `g-drawer-backdrop` | drawer |
+| `GPopover` | `popover` | overlay | interactive | `g-popover` | popover |
+| `GTooltip` | `tooltip` | overlay | interactive | `g-tooltip` | tooltip |
+| `GToast` | `toast` | feedback | interactive | `g-toast` | toast |
+| `GAccordion` | `accordion` | disclosure | interactive | `g-accordion` | accordion |
+| `GTable` | `table` | data | css | `g-table` | — |
+| `GDataGrid` | `data-grid` | data | interactive | `g-data-grid` | data-grid |
+| `GKpiStat` | `kpi-stat` | dashboard | css | `g-kpi` | — |
+| `GDescriptionList` | `description-list` | data | css | `g-description-list` | — |
+| `GListGroup` | `list-group` | data | css | `g-list-group` | — |
+| `GTree` | `tree` | data | interactive | `g-tree` | tree |
+| `GTimeline` | `timeline` | data | css | `g-timeline` | — |
+| `GResponsiveTable` | `responsive-table` | data | css | `g-responsive-table` | — |
+| `GTableSort` | `table-sort` | data | interactive | `g-sort-button` | table-sort |
+| `GRowSelection` | `row-selection` | data | interactive | `g-selection-summary` | row-select |
+| `GRowDisclosure` | `row-disclosure` | data | interactive | `g-row-disclosure` | row-disclosure |
+| `GColumnToggle` | `column-toggle` | data | interactive | `g-column-chooser` | column-toggle |
+| `GDataFilter` | `data-filter` | data | interactive | `g-data-toolbar` | data-filter |
+| `GDataView` | `data-view` | data | interactive | `g-data-view-switcher` | data-view |
+| `GEditableGrid` | `editable-grid` | data | interactive | `g-editable-grid` | data-grid |
+| `GTreeTable` | `tree-table` | data | css | `g-tree-table` | — |
+| `GGroupedTable` | `grouped-table` | data | css | `g-grouped-table` | — |
+| `GExpandableTable` | `expandable-table` | data | css | `g-expandable-table` | — |
+| `GComparisonTable` | `comparison-table` | data | css | `g-comparison-table` | — |
+| `GKeyValue` | `key-value` | data | css | `g-key-value` | — |
+| `GRecordDetail` | `record-detail` | data | css | `g-record-detail` | — |
+| `GMediaList` | `media-list` | data | css | `g-media-list` | — |
+| `GDenseList` | `dense-list` | data | css | `g-dense-list` | — |
+| `GAuditLogComposition` | `audit-log-composition` | data | css | `g-audit-log` | — |
+| `GStatList` | `stat-list` | data | css | `g-stat-list` | — |
+| `GMetricCard` | `metric-card` | data | css | `g-metric-card` | — |
+| `GSparkline` | `sparkline` | data | css | `g-sparkline` | — |
+| `GProgressStats` | `progress-stats` | data | css | `g-progress-stats` | — |
+| `GDataLegend` | `data-legend` | data | css | `g-data-legend` | — |
+| `GRanking` | `ranking` | data | css | `g-ranking` | — |
+| `GStatusSummary` | `status-summary` | data | css | `g-status-summary` | — |
+| `GDataMatrix` | `data-matrix` | data | css | `g-data-matrix` | — |
+| `GHeatmap` | `heatmap` | data | css | `g-heatmap` | — |
+| `GDataToolbar` | `data-toolbar` | data | css | `g-data-toolbar` | — |
+| `GColumnChooser` | `column-chooser` | data | css | `g-column-chooser` | — |
+| `GSavedViews` | `saved-views` | interaction | interactive | `g-saved-views` | saved-choice |
+| `GExportPanel` | `export-panel` | data | css | `g-export-panel` | — |
+| `GDataState` | `data-state` | data | css | `g-data-state` | — |
+| `GDataViewSwitcher` | `data-view-switcher` | data | css | `g-data-view-switcher` | — |
+| `GSelectionSummary` | `selection-summary` | data | css | `g-selection-summary` | — |
+| `GTableDensity` | `table-density` | data | css | `g-table-density` | — |
+| `GFilterSummary` | `filter-summary` | data | css | `g-filter-summary` | — |
+| `GSortBuilder` | `sort-builder` | interaction | interactive | `g-sort-builder` | builder-list |
+| `GDataInspector` | `data-inspector` | data | css | `g-data-inspector` | — |
+| `GSelectionControls` | `selection-controls` | interaction | interactive | `g-selection-control` | row-select |
+| `GBatchToolbar` | `batch-toolbar` | interaction | css | `g-batch-toolbar` | — |
+| `GDualList` | `dual-list` | interaction | interactive | `g-dual-list` | transfer |
+| `GTreeSelect` | `tree-select` | interaction | interactive | `g-tree-select` | picker |
+| `GCascader` | `cascader` | interaction | interactive | `g-cascader` | cascader |
+| `GMentionPicker` | `mention-picker` | interaction | interactive | `g-mention-picker` | picker |
+| `GUserPicker` | `user-picker` | interaction | interactive | `g-user-picker` | picker |
+| `GOrganizationPicker` | `organization-picker` | interaction | interactive | `g-organization-picker` | picker |
+| `GResourcePicker` | `resource-picker` | interaction | interactive | `g-resource-picker` | picker |
+| `GMediaPicker` | `media-picker` | interaction | interactive | `g-media-picker` | picker |
+| `GIconPicker` | `icon-picker` | interaction | interactive | `g-icon-picker` | saved-choice |
+| `GColorPickerComposition` | `color-picker-composition` | interaction | interactive | `g-color-picker` | saved-choice |
+| `GDateRangePickerComposition` | `date-range-picker-composition` | interaction | css | `g-date-range-picker` | — |
+| `GTimeRangePickerComposition` | `time-range-picker-composition` | interaction | css | `g-time-range-picker` | — |
+| `GSavedFilters` | `saved-filters` | interaction | interactive | `g-saved-filters` | saved-choice |
+| `GGroupBuilder` | `group-builder` | interaction | interactive | `g-group-builder` | builder-list |
+| `GEntityPicker` | `entity-picker` | interaction | interactive | `g-entity-picker` | picker |
+| `GTagPicker` | `tag-picker` | interaction | interactive | `g-tag-picker` | picker |
+| `GRelationPicker` | `relation-picker` | interaction | interactive | `g-relation-picker` | picker |
+| `GBulkConfirmation` | `bulk-confirmation` | interaction | css | `g-bulk-confirmation` | — |
+| `GBulkProgress` | `bulk-progress` | interaction | css | `g-bulk-progress` | — |
+| `GFilterBar` | `filter-bar` | dashboard | css | `g-filter-bar` | — |
+| `GCodeBlock` | `code-block` | content | css | `g-code-block` | — |
+| `GTerminal` | `terminal` | content | css | `g-terminal` | — |
+| `GDiffViewer` | `diff-viewer` | content | css | `g-diff` | — |
+| `GChartContainer` | `chart-container` | dashboard | css | `g-chart` | — |
+| `GGridSystem` | `grid-system` | layout | css | `g-grid-24` | — |
+| `GRegionLayoutSystem` | `region-layout-system` | layout | css | `g-region-frame` | — |
+| `GClassicLayoutPrimitives` | `classic-layout-primitives` | layout | css | `g-stack` | — |
+| `GPageHeader` | `page-header` | layout | css | `g-page-header` | — |
+| `GSectionHeader` | `section-header` | layout | css | `g-section-header` | — |
+| `GSubheader` | `subheader` | layout | css | `g-subheader` | — |
+| `GToolbar` | `toolbar` | navigation | css | `g-toolbar` | — |
+| `GActionBar` | `action-bar` | interaction | css | `g-action-bar` | — |
+| `GStatusBar` | `status-bar` | feedback | css | `g-status-bar` | — |
+| `GCommandBar` | `command-bar` | navigation | css | `g-command-bar` | — |
+| `GContextBar` | `context-bar` | feedback | css | `g-context-bar` | — |
+| `GBulkActionBar` | `bulk-action-bar` | interaction | css | `g-bulk-action-bar` | — |
+| `GFooterBar` | `footer-bar` | layout | css | `g-footer-bar` | — |
+| `GFloatingActionBar` | `floating-action-bar` | interaction | css | `g-floating-action-bar` | — |
+| `GDividerWithText` | `divider-with-text` | basic | css | `g-divider` | — |
+| `GStickyActions` | `sticky-actions` | interaction | css | `g-sticky-actions` | — |
+| `GPageLoading` | `page-loading` | feedback | css | `g-page-loading` | — |
+| `GPageStateSystem` | `page-state-system` | feedback | css | `g-page-state` | — |
+| `GTip` | `tip` | help | css | `g-tip` | — |
+| `GInlineHint` | `inline-hint` | help | css | `g-inline-hint` | — |
+| `GHelpText` | `help-text` | help | css | `g-help-text` | — |
+| `GHelpTrigger` | `help-trigger` | help | css | `g-help-trigger` | — |
+| `GRichTooltip` | `rich-tooltip` | help | interactive | `g-tooltip-rich` | tooltip |
+| `GHelpPopover` | `help-popover` | help | interactive | `g-help-popover` | popover |
+| `GDefinitionHelp` | `definition-help` | help | css | `g-definition` | — |
+| `GCallout` | `callout` | help | css | `g-callout` | — |
+| `GNote` | `note` | help | css | `g-note` | — |
+| `GGuidancePair` | `guidance-pair` | help | css | `g-guidance-pair` | — |
+| `GKeyHint` | `key-hint` | help | css | `g-key-hint` | — |
+| `GShortcutList` | `shortcut-list` | help | css | `g-shortcut-list` | — |
+| `GHelpCard` | `help-card` | help | css | `g-help-card` | — |
+| `GHelpPanel` | `help-panel` | help | css | `g-help-panel` | — |
+| `GHelpCenter` | `help-center` | help | css | `g-help-center` | — |
+| `GHelpTopics` | `help-topics` | help | css | `g-help-topics` | — |
+| `GFaq` | `faq` | help | interactive | `g-faq` | accordion |
+| `GContextualHelp` | `contextual-help` | help | css | `g-contextual-help` | — |
+| `GCoachMark` | `coach-mark` | help | css | `g-coach-mark` | — |
+| `GSpotlight` | `spotlight` | help | css | `g-spotlight` | — |
+| `GHotspot` | `hotspot` | help | css | `g-hotspot` | — |
+| `GFeatureHint` | `feature-hint` | help | css | `g-feature-hint` | — |
+| `GWhatsNew` | `whats-new` | help | css | `g-whats-new` | — |
+| `GHelpChecklist` | `help-checklist` | help | css | `g-help-checklist` | — |
+| `GTroubleshooting` | `troubleshooting` | help | css | `g-troubleshooting` | — |
+| `GHelpFeedback` | `help-feedback` | help | css | `g-help-feedback` | — |
+| `GAppShell` | `app-shell` | layout | css | `g-app-shell` | — |
+| `GDashboard` | `dashboard` | layout | css | `g-dashboard` | — |
+| `GMobileShell` | `mobile-shell` | layout | css | `g-mobile-shell` | — |
+| `GChat` | `chat` | ai | css | `g-chat` | — |
+| `GMessage` | `message` | ai | css | `g-message` | — |
+| `GPromptComposer` | `prompt-composer` | ai | interactive | `g-composer` | ai-composer |
+| `GAttachment` | `attachment` | ai | css | `g-attachment` | — |
+| `GThinking` | `thinking` | ai | interactive | `g-thinking` | accordion |
+| `GToolCall` | `tool-call` | ai | interactive | `g-tool-call` | accordion |
+| `GToolApproval` | `tool-approval` | ai | interactive | `g-approval` | ai-approval |
+| `GAgentStatus` | `agent-status` | ai | css | `g-agent-status` | — |
+| `GAgentPlan` | `agent-plan` | ai | css | `g-plan` | — |
+| `GSourcesCitations` | `sources-citations` | ai | css | `g-sources` | — |
+| `GArtifactPanel` | `artifact-panel` | ai | interactive | `g-artifact-panel` | tabs |
+| `GModelSelector` | `model-selector` | ai | interactive | `g-model-selector` | dropdown |
+| `GContextMeter` | `context-meter` | ai | css | `g-context-meter` | — |
+| `GVoiceState` | `voice-state` | ai | css | `g-voice-state` | — |
+| `GGenerationPlaceholder` | `generation-placeholder` | ai | css | `g-generation-placeholder` | — |
+| `GAiWorkspace` | `ai-workspace` | ai | css | `g-ai-shell` | — |
+| `GPromptStarter` | `prompt-starter` | ai | interactive | `g-prompt-starter` | prompt-fill |
+| `GAiCommandMenu` | `ai-command-menu` | ai | interactive | `g-ai-command-menu` | roving-nav |
+| `GStreamingResponse` | `streaming-response` | ai | css | `g-streaming-response` | — |
+| `GMultiAgentBoard` | `multi-agent-board` | ai | css | `g-agent-board` | — |
+| `GAgentHandoff` | `agent-handoff` | ai | css | `g-agent-handoff` | — |
+| `GArtifactWorkspace` | `artifact-workspace` | ai | css | `g-artifact-layout` | — |
+| `GGenerationGallery` | `generation-gallery` | ai | css | `g-generation-grid` | — |
+| `GAiContextManager` | `ai-context-manager` | ai | css | `g-ai-context-manager` | — |
+| `GAiUsagePanel` | `ai-usage-panel` | ai | css | `g-ai-usage-panel` | — |
+| `GAiSafetyNotice` | `ai-safety-notice` | ai | css | `g-ai-safety-notice` | — |
+| `GAiFeedback` | `ai-feedback` | ai | interactive | `g-ai-feedback` | ai-feedback |
+| `GDatePicker` | `date-picker` | form | css | `g-date-picker` | — |
+| `GTimePicker` | `time-picker` | form | css | `g-time-picker` | — |
+| `GPinInput` | `pin-input` | form | css | `g-pin-input` | — |
+| `GRating` | `rating` | form | css | `g-rating` | — |
+| `GTransferList` | `transfer-list` | interaction | interactive | `g-transfer` | transfer |
+| `GValidationSummary` | `validation-summary` | form | css | `g-validation-summary` | — |
+| `GMegaMenu` | `mega-menu` | navigation | css | `g-mega-menu` | — |
+| `GAnchorNavigation` | `anchor-navigation` | navigation | css | `g-anchor-nav` | — |
+| `GTourSpotlight` | `tour-spotlight` | help | interactive | `g-tour` | tour |
+| `GVirtualList` | `virtual-list` | data | css | `g-virtual-list` | — |
+| `GKanban` | `kanban` | data | css | `g-kanban` | — |
+| `GGanttShell` | `gantt-shell` | data | css | `g-gantt` | — |
+| `GQueryBuilder` | `query-builder` | data | css | `g-query-builder` | — |
+| `GCarousel` | `carousel` | media | interactive | `g-carousel` | carousel |
+| `GGalleryLightbox` | `gallery-lightbox` | media | css | `g-gallery` | — |
+| `GMediaPlayer` | `media-player` | media | css | `g-media-player` | — |
+| `GDocumentViewer` | `document-viewer` | media | css | `g-document-viewer` | — |
+| `GSplitPane` | `split-pane` | interaction | interactive | `g-split-pane` | split-pane |
+| `GDragSort` | `drag-sort` | interaction | css | `g-sortable-item` | — |
+| `GInfiniteScroll` | `infinite-scroll` | interaction | css | `g-infinite-status` | — |
+| `GPullRefresh` | `pull-refresh` | interaction | css | `g-pull-refresh` | — |
+| `GProductCard` | `product-card` | commerce | css | `g-product-card` | — |
+| `GCartItem` | `cart-item` | commerce | css | `g-cart-item` | — |
+| `GPriceQuantity` | `price-quantity` | commerce | css | `g-price` | — |
+| `GConversationList` | `conversation-list` | ai | css | `g-conversation-list` | — |
+| `GPromptLibrary` | `prompt-library` | ai | css | `g-prompt-library` | — |
+| `GMentionSlashCommand` | `mention-slash-command` | ai | css | `g-mention` | — |
+| `GGenerationCard` | `generation-card` | ai | css | `g-generation-card` | — |
+| `GFileTree` | `file-tree` | ai | css | `g-file-tree` | — |
+| `GVersionHistory` | `version-history` | ai | css | `g-version-list` | — |
+| `GPermissionScope` | `permission-scope` | ai | css | `g-permission-scope` | — |
+| `GCostRateLimit` | `cost-rate-limit` | ai | css | `g-cost` | — |
+| `GPrivacyNotice` | `privacy-notice` | ai | css | `g-privacy-notice` | — |
+| `GAuthenticationShell` | `authentication-shell` | auth | css | `g-auth-shell` | — |
+| `GMobileCategory` | `mobile-category` | mobile | css | `g-mobile-category` | — |
+| `GCmsShell` | `cms-shell` | cms | css | `g-cms-shell` | — |
+| `GVisualBuilder` | `visual-builder` | cms | css | `g-cms-canvas` | — |
+| `GRichEditor` | `rich-editor` | cms | css | `g-editor` | — |
+| `GMediaLibrary` | `media-library` | cms | css | `g-media-library` | — |
+| `GContentWorkflow` | `content-workflow` | cms | css | `g-workflow` | — |
+| `GLocalizationGrid` | `localization-grid` | cms | css | `g-localization-grid` | — |
+| `GSiteHeader` | `site-header` | marketing | css | `g-site-header` | — |
+| `GHero` | `hero` | marketing | css | `g-hero` | — |
+| `GPricing` | `pricing` | marketing | css | `g-pricing-grid` | — |
+| `GArticleLayout` | `article-layout` | content | css | `g-article-shell` | — |
+| `GProductDetail` | `product-detail` | commerce | css | `g-product-detail` | — |
+| `GCheckout` | `checkout` | commerce | css | `g-checkout-layout` | — |
+| `GEnterpriseSettings` | `enterprise-settings` | enterprise | css | `g-settings-shell` | — |
+| `GPermissionMatrix` | `permission-matrix` | enterprise | css | `g-permission-matrix` | — |
+| `GAuditLog` | `audit-log` | enterprise | css | `g-audit-event` | — |
+| `GDesktopShell` | `desktop-shell` | desktop | css | `g-desktop-shell` | — |
+| `GDesktopTitlebar` | `desktop-titlebar` | desktop | interactive | `g-titlebar` | — |
+| `GDesktopWorkbench` | `desktop-workbench` | desktop | css | `g-workbench` | — |
+| `GOnboarding` | `onboarding` | workflow | css | `g-onboarding` | — |
+| `GWizardLayout` | `wizard-layout` | workflow | css | `g-wizard-layout` | — |
+| `GNotificationCenter` | `notification-center` | communication | css | `g-notification-center` | — |
+| `GInbox` | `inbox` | communication | css | `g-inbox` | — |
+| `GSearchResults` | `search-results` | content | css | `g-search-page` | — |
+| `GCalendar` | `calendar` | data | css | `g-calendar` | — |
+| `GAgenda` | `agenda` | data | css | `g-agenda` | — |
+| `GFileManager` | `file-manager` | data | css | `g-file-manager` | — |
+| `GUploadQueue` | `upload-queue` | form | css | `g-upload-queue` | — |
+| `GFormBuilder` | `form-builder` | form | css | `g-form-builder` | — |
+| `GFilterBuilder` | `filter-builder` | data | css | `g-filter-builder` | — |
+| `GPivotTable` | `pivot-table` | data | css | `g-pivot` | — |
+| `GOrganizationChart` | `organization-chart` | data | css | `g-org-chart` | — |
+| `GMapShell` | `map-shell` | data | css | `g-map-shell` | — |
+| `GCommentThread` | `comment-thread` | communication | css | `g-comment-thread` | — |
+| `GActivityFeed` | `activity-feed` | communication | css | `g-activity-feed` | — |
+| `GReportInvoice` | `report-invoice` | content | css | `g-report` | — |
+| `GCookieConsent` | `cookie-consent` | legal | css | `g-cookie-banner` | — |
+| `GCopyAction` | `copy-action` | interaction | interactive | `[data-g-copy]` | copy |
+| `GFullscreenAction` | `fullscreen-action` | interaction | interactive | `[data-g-fullscreen]` | fullscreen |
+| `GBackToTop` | `back-to-top` | navigation | interactive | `g-back-to-top` | scroll-top |
+| `GImageCropShell` | `image-crop-shell` | media | css | `g-image-crop` | — |
+| `GContentFileDrop` | `content-file-drop` | content | interactive | `g-file-drop` | dropzone |
+| `GContentFileList` | `content-file-list` | content | css | `g-file-list` | — |
+| `GContentUploadQueue` | `content-upload-queue` | content | interactive | `g-upload-queue` | upload-manager |
+| `GChunkUpload` | `chunk-upload` | content | css | `g-chunk-upload` | — |
+| `GUploadProgressComposition` | `upload-progress-composition` | content | interactive | `g-upload-progress` | upload-manager |
+| `GFailedUpload` | `failed-upload` | content | interactive | `g-failed-upload` | upload-manager |
+| `GFileCardComposition` | `file-card-composition` | content | css | `g-file-card` | — |
+| `GFolderTreeComposition` | `folder-tree-composition` | content | css | `g-folder-tree` | — |
+| `GFileBrowserComposition` | `file-browser-composition` | content | interactive | `g-file-browser` | file-browser |
+| `GFilePreviewComposition` | `file-preview-composition` | content | css | `g-file-preview` | — |
+| `GMediaLibraryComposition` | `media-library-composition` | content | interactive | `g-media-library` | file-browser |
+| `GMediaGridComposition` | `media-grid-composition` | content | css | `g-media-grid` | — |
+| `GMediaDetailsComposition` | `media-details-composition` | content | css | `g-media-details` | — |
+| `GImageCropComposition` | `image-crop-composition` | content | css | `g-image-crop` | — |
+| `GImageAnnotationComposition` | `image-annotation-composition` | content | css | `g-image-annotation` | — |
+| `GDocumentViewerComposition` | `document-viewer-composition` | content | css | `g-document-viewer` | — |
+| `GPdfViewer` | `pdf-viewer` | content | css | `g-pdf-viewer` | — |
+| `GVideoPlayerShell` | `video-player-shell` | content | css | `g-video-player` | — |
+| `GAudioPlayerShell` | `audio-player-shell` | content | css | `g-audio-player` | — |
+| `GCodeEditorShell` | `code-editor-shell` | content | interactive | `g-code-editor` | editor-shell |
+| `GRichTextEditorComposition` | `rich-text-editor-composition` | content | interactive | `g-rich-text-editor` | editor-shell |
+| `GMarkdownEditor` | `markdown-editor` | content | interactive | `g-markdown-editor` | editor-shell |
+| `GBlockEditor` | `block-editor` | content | interactive | `g-block-editor` | editor-shell |
+| `GRevisionCompareComposition` | `revision-compare-composition` | content | interactive | `g-revision-compare` | revision-compare |
+| `GContentAutosaveIndicator` | `content-autosave-indicator` | content | interactive | `g-autosave-indicator` | autosave |
+| `GContentOutline` | `content-outline` | content | css | `g-content-outline` | — |
+| `GEditorToolbarComposition` | `editor-toolbar-composition` | content | interactive | `g-editor-toolbar` | editor-shell |
+| `GFindReplace` | `find-replace` | content | css | `g-find-replace` | — |
+| `GCommentThreadComposition` | `comment-thread-composition` | content | css | `g-comment-thread` | — |
+| `GVersionHistoryComposition` | `version-history-composition` | content | css | `g-version-history` | — |
+| `GFileProperties` | `file-properties` | content | css | `g-file-properties` | — |
+| `GStorageMeter` | `storage-meter` | content | css | `g-storage-meter` | — |
+| `GAuthCentered` | `auth-centered` | auth | css | `g-auth-centered` | — |
+| `GAuthSplit` | `auth-split` | auth | css | `g-auth-split` | — |
+| `GSignInComposition` | `sign-in-composition` | auth | css | `g-sign-in` | — |
+| `GRegistrationComposition` | `registration-composition` | auth | css | `g-registration` | — |
+| `GPasswordRecovery` | `password-recovery` | auth | css | `g-password-recovery` | — |
+| `GPasswordReset` | `password-reset` | auth | css | `g-password-reset` | — |
+| `GEmailVerification` | `email-verification` | auth | css | `g-email-verification` | — |
+| `GPhoneVerification` | `phone-verification` | auth | css | `g-phone-verification` | — |
+| `GMfaChallenge` | `mfa-challenge` | auth | css | `g-mfa-challenge` | — |
+| `GOtpInput` | `otp-input` | auth | interactive | `g-otp-input` | otp-input |
+| `GPasskeyComposition` | `passkey-composition` | auth | css | `g-passkey` | — |
+| `GSsoComposition` | `sso-composition` | auth | css | `g-sso` | — |
+| `GQrLogin` | `qr-login` | auth | interactive | `g-qr-login` | auth-timer |
+| `GMagicLink` | `magic-link` | auth | css | `g-magic-link` | — |
+| `GInvitationComposition` | `invitation-composition` | auth | css | `g-invitation` | — |
+| `GFirstTimeSetup` | `first-time-setup` | auth | css | `g-first-time-setup` | — |
+| `GLockScreen` | `lock-screen` | auth | css | `g-lock-screen` | — |
+| `GSessionExpired` | `session-expired` | auth | css | `g-session-expired` | — |
+| `GAccountChooser` | `account-chooser` | auth | interactive | `g-account-chooser` | saved-choice |
+| `GTenantChooser` | `tenant-chooser` | auth | interactive | `g-tenant-chooser` | saved-choice |
+| `GIdentitySwitcher` | `identity-switcher` | auth | interactive | `g-identity-switcher` | dropdown |
+| `GProfileSetup` | `profile-setup` | auth | css | `g-profile-setup` | — |
+| `GAccountSecurity` | `account-security` | auth | css | `g-account-security` | — |
+| `GDeviceManagement` | `device-management` | auth | css | `g-device-management` | — |
+| `GLoginActivity` | `login-activity` | auth | css | `g-login-activity` | — |
+| `GSecurityAlert` | `security-alert` | auth | css | `g-security-alert` | — |
+| `GRecoveryCodes` | `recovery-codes` | auth | css | `g-recovery-codes` | — |
+| `GTrustedDevice` | `trusted-device` | auth | css | `g-trusted-device` | — |
+| `GConnectedAccounts` | `connected-accounts` | auth | css | `g-connected-accounts` | — |
+| `GPasswordStrength` | `password-strength` | auth | interactive | `g-password-strength` | password-strength |
+| `GAuthConsent` | `auth-consent` | auth | css | `g-auth-consent` | — |
+| `GAuthResult` | `auth-result` | auth | css | `g-auth-result` | — |
+| `GCommerceProductCard` | `commerce-product-card` | commerce | css | `g-commerce-product-card` | — |
+| `GCommerceProductList` | `commerce-product-list` | commerce | css | `g-commerce-product-list` | — |
+| `GCommerceProductDetail` | `commerce-product-detail` | commerce | css | `g-commerce-product-detail` | — |
+| `GCommerceProductGallery` | `commerce-product-gallery` | commerce | interactive | `g-commerce-product-gallery` | carousel |
+| `GSkuSelector` | `sku-selector` | commerce | interactive | `g-sku-selector` | sku-selector |
+| `GCommerceQuantityStepper` | `commerce-quantity-stepper` | commerce | interactive | `g-quantity-stepper` | quantity-stepper |
+| `GPriceDisplay` | `price-display` | commerce | css | `g-price-display` | — |
+| `GCommerceCartItem` | `commerce-cart-item` | commerce | css | `g-commerce-cart-item` | — |
+| `GCommerceCart` | `commerce-cart` | commerce | interactive | `g-cart` | cart |
+| `GMiniCart` | `mini-cart` | commerce | interactive | `g-mini-cart` | dropdown |
+| `GCartSummary` | `cart-summary` | commerce | css | `g-cart-summary` | — |
+| `GCommerceCheckout` | `commerce-checkout` | commerce | css | `g-commerce-checkout` | — |
+| `GCommerceCheckoutSteps` | `commerce-checkout-steps` | commerce | css | `g-checkout-steps` | — |
+| `GAddressSelector` | `address-selector` | commerce | interactive | `g-address-selector` | saved-choice |
+| `GAddressCard` | `address-card` | commerce | css | `g-address-card` | — |
+| `GShippingMethod` | `shipping-method` | commerce | interactive | `g-shipping-method` | saved-choice |
+| `GPickupSelector` | `pickup-selector` | commerce | interactive | `g-pickup-selector` | saved-choice |
+| `GCoupon` | `coupon` | commerce | interactive | `g-coupon` | coupon |
+| `GPromotionList` | `promotion-list` | commerce | css | `g-promotion-list` | — |
+| `GInvoiceInformation` | `invoice-information` | commerce | css | `g-invoice-information` | — |
+| `GPaymentMethod` | `payment-method` | commerce | interactive | `g-payment-method` | saved-choice |
+| `GPaymentSheet` | `payment-sheet` | commerce | css | `g-payment-sheet` | — |
+| `GPaymentResult` | `payment-result` | commerce | css | `g-payment-result` | — |
+| `GCommerceOrderSummary` | `commerce-order-summary` | commerce | css | `g-commerce-order-summary` | — |
+| `GCommerceOrderTimeline` | `commerce-order-timeline` | commerce | css | `g-commerce-order-timeline` | — |
+| `GOrderDetail` | `order-detail` | commerce | css | `g-order-detail` | — |
+| `GSubscriptionPlan` | `subscription-plan` | commerce | css | `g-subscription-plan` | — |
+| `GPricingComparison` | `pricing-comparison` | commerce | css | `g-pricing-comparison` | — |
+| `GCommerceUsageMeter` | `commerce-usage-meter` | commerce | css | `g-commerce-usage-meter` | — |
+| `GBillingHistory` | `billing-history` | commerce | css | `g-billing-history` | — |
+| `GRefundStatus` | `refund-status` | commerce | css | `g-refund-status` | — |
+| `GTaxSummary` | `tax-summary` | commerce | css | `g-tax-summary` | — |
+| `GMobileSafeShell` | `mobile-safe-shell` | mobile | css | `g-mobile-safe-shell` | — |
+| `GMobileAppBar` | `mobile-app-bar` | mobile | css | `g-mobile-app-bar` | — |
+| `GMobileBottomNavigation` | `mobile-bottom-navigation` | mobile | css | `g-mobile-bottom-navigation` | — |
+| `GMobileBottomSheet` | `mobile-bottom-sheet` | mobile | interactive | `g-mobile-bottom-sheet` | mobile-sheet |
+| `GMobileActionSheet` | `mobile-action-sheet` | mobile | interactive | `g-mobile-action-sheet` | mobile-sheet |
+| `GMobilePullRefresh` | `mobile-pull-refresh` | mobile | interactive | `g-mobile-pull-refresh` | pull-refresh |
+| `GMobileInfiniteLoad` | `mobile-infinite-load` | mobile | interactive | `g-mobile-infinite-load` | infinite-load |
+| `GMobileSwipeActions` | `mobile-swipe-actions` | mobile | interactive | `g-mobile-swipe-actions` | swipe-actions |
+| `GMobileSwipeTabs` | `mobile-swipe-tabs` | mobile | interactive | `g-mobile-swipe-tabs` | tabs |
+| `GMobileCategoryView` | `mobile-category-view` | mobile | css | `g-mobile-category-view` | — |
+| `GMobileFilterSheet` | `mobile-filter-sheet` | mobile | interactive | `g-mobile-filter-sheet` | mobile-sheet |
+| `GMobilePurchaseBar` | `mobile-purchase-bar` | mobile | css | `g-mobile-purchase-bar` | — |
+| `GMobileSearch` | `mobile-search` | mobile | interactive | `g-mobile-search` | clear-input |
+| `GMobilePicker` | `mobile-picker` | mobile | interactive | `g-mobile-picker` | saved-choice |
+| `GMobileWheelPicker` | `mobile-wheel-picker` | mobile | interactive | `g-mobile-wheel-picker` | wheel-picker |
+| `GMobileFab` | `mobile-fab` | mobile | css | `g-mobile-fab` | — |
+| `GMobileFullscreenDialog` | `mobile-fullscreen-dialog` | mobile | interactive | `g-mobile-fullscreen-dialog` | dialog |
+| `GMobileKeyboardAvoidance` | `mobile-keyboard-avoidance` | mobile | css | `g-mobile-keyboard-avoidance` | — |
+| `GMobileGestureHint` | `mobile-gesture-hint` | mobile | css | `g-mobile-gesture-hint` | — |
+| `GMobileOfflineBanner` | `mobile-offline-banner` | mobile | css | `g-mobile-offline-banner` | — |
+| `GMobileSegmentedControl` | `mobile-segmented-control` | mobile | interactive | `g-mobile-segmented-control` | saved-choice |
+| `GMobileFeed` | `mobile-feed` | mobile | css | `g-mobile-feed` | — |
+| `GMobileCardCarousel` | `mobile-card-carousel` | mobile | interactive | `g-mobile-card-carousel` | carousel |
+| `GMobileForm` | `mobile-form` | mobile | css | `g-mobile-form` | — |
+| `GMobileAuth` | `mobile-auth` | mobile | interactive | `g-mobile-auth` | password-toggle |
+| `GMobileCheckout` | `mobile-checkout` | mobile | css | `g-mobile-checkout` | — |
+| `GMobileMediaViewer` | `mobile-media-viewer` | mobile | interactive | `g-mobile-media-viewer` | dialog |
+| `GMobileKeyboardToolbar` | `mobile-keyboard-toolbar` | mobile | css | `g-mobile-keyboard-toolbar` | — |
+| `GMobileSelectionMode` | `mobile-selection-mode` | mobile | interactive | `g-mobile-selection-mode` | row-select |
+| `GMobileSnackbar` | `mobile-snackbar` | mobile | interactive | `g-mobile-snackbar` | toast |
+| `GMobilePermissionPrompt` | `mobile-permission-prompt` | mobile | css | `g-mobile-permission-prompt` | — |
+| `GMobileState` | `mobile-state` | mobile | css | `g-mobile-state` | — |
+| `GDesktopNativeTitlebar` | `desktop-native-titlebar` | desktop | interactive | `g-native-titlebar` | — |
+| `GDesktopWindowControlsComposition` | `desktop-window-controls-composition` | desktop | interactive | `g-desktop-window-controls` | — |
+| `GDesktopMenubarComposition` | `desktop-menubar-composition` | desktop | interactive | `g-desktop-menubar` | roving-nav |
+| `GDesktopActivityBarComposition` | `desktop-activity-bar-composition` | desktop | interactive | `g-desktop-activity-bar` | roving-nav |
+| `GDesktopDockPanel` | `desktop-dock-panel` | desktop | interactive | `g-desktop-dock-panel` | nav-toggle |
+| `GDesktopSplitPane` | `desktop-split-pane` | desktop | interactive | `g-desktop-split-pane` | split-pane |
+| `GDesktopInspectorPanel` | `desktop-inspector-panel` | desktop | interactive | `g-desktop-inspector-panel` | nav-toggle |
+| `GDesktopStatusBar` | `desktop-status-bar` | desktop | css | `g-desktop-status-bar` | — |
+| `GDesktopCommandPalette` | `desktop-command-palette` | desktop | interactive | `g-desktop-command-palette` | command-palette |
+| `GShortcutRecorder` | `shortcut-recorder` | desktop | interactive | `g-shortcut-recorder` | shortcut-recorder |
+| `GDesktopContextMenu` | `desktop-context-menu` | desktop | interactive | `g-desktop-context-menu` | context-menu |
+| `GDesktopDocumentTabs` | `desktop-document-tabs` | desktop | interactive | `g-desktop-document-tabs` | desktop-tabs |
+| `GDesktopDragRegion` | `desktop-drag-region` | desktop | interactive | `g-desktop-drag-region` | — |
+| `GWindowLoading` | `window-loading` | desktop | css | `g-window-loading` | — |
+| `GUpdateAvailable` | `update-available` | desktop | css | `g-update-available` | — |
+| `GDesktopPermissionRequest` | `desktop-permission-request` | desktop | css | `g-desktop-permission-request` | — |
+| `GNativeFilePicker` | `native-file-picker` | desktop | interactive | `g-native-file-picker` | native-file-picker |
+| `GTrayMenuShell` | `tray-menu-shell` | desktop | interactive | `g-tray-menu` | dropdown |
+| `GMultiWindowPlaceholder` | `multi-window-placeholder` | desktop | css | `g-multi-window-placeholder` | — |
+| `GDesktopWorkspaceComposition` | `desktop-workspace-composition` | desktop | css | `g-desktop-workspace` | — |
+| `GDesktopWindowSwitcher` | `desktop-window-switcher` | desktop | interactive | `g-desktop-window-switcher` | window-switcher |
+| `GRecentDocuments` | `recent-documents` | desktop | css | `g-recent-documents` | — |
+| `GDesktopToolbar` | `desktop-toolbar` | desktop | css | `g-desktop-toolbar` | — |
+| `GDesktopBottomPanel` | `desktop-bottom-panel` | desktop | interactive | `g-desktop-bottom-panel` | nav-toggle |
+| `GBackgroundTaskCenter` | `background-task-center` | desktop | css | `g-background-task-center` | — |
+| `GDesktopNotificationCenter` | `desktop-notification-center` | desktop | css | `g-desktop-notification-center` | — |
+| `GSyncStatus` | `sync-status` | desktop | css | `g-sync-status` | — |
+| `GUpdateProgress` | `update-progress` | desktop | css | `g-update-progress` | — |
+| `GCrashRecovery` | `crash-recovery` | desktop | css | `g-crash-recovery` | — |
+| `GSingleInstanceNotice` | `single-instance-notice` | desktop | css | `g-single-instance-notice` | — |
+| `GDeepLinkHandler` | `deep-link-handler` | desktop | css | `g-deep-link-handler` | — |
+| `GAboutDialog` | `about-dialog` | desktop | interactive | `g-about-dialog` | dialog |
+| `GSolutionProductLanding` | `solution-product-landing` | solution | css | `g-product-landing` | — |
+| `GSolutionCorporateHome` | `solution-corporate-home` | solution | css | `g-corporate-home` | — |
+| `GSolutionPersonalHome` | `solution-personal-home` | solution | css | `g-personal-home` | — |
+| `GSolutionPortfolioPage` | `solution-portfolio-page` | solution | css | `g-portfolio-page` | — |
+| `GSolutionBlogIndex` | `solution-blog-index` | solution | css | `g-blog-index` | — |
+| `GSolutionArticlePage` | `solution-article-page` | solution | css | `g-article-page` | — |
+| `GSolutionDocsPortal` | `solution-docs-portal` | solution | css | `g-docs-portal` | — |
+| `GSolutionHelpCenter` | `solution-help-center` | solution | css | `g-help-center-page` | — |
+| `GSolutionSearchResults` | `solution-search-results` | solution | css | `g-search-results-page` | — |
+| `GSolutionContactPage` | `solution-contact-page` | solution | css | `g-contact-page` | — |
+| `GSolutionPricingPage` | `solution-pricing-page` | solution | css | `g-pricing-page` | — |
+| `GSolutionDashboardOverview` | `solution-dashboard-overview` | solution | css | `g-dashboard-overview` | — |
+| `GSolutionAdminList` | `solution-admin-list` | solution | css | `g-admin-list-page` | — |
+| `GSolutionRecordDetail` | `solution-record-detail` | solution | css | `g-record-detail-page` | — |
+| `GSolutionSettingsCenter` | `solution-settings-center` | solution | css | `g-settings-center` | — |
+| `GSolutionUserCenter` | `solution-user-center` | solution | css | `g-user-center` | — |
+| `GSolutionNotificationCenter` | `solution-notification-center` | solution | css | `g-notification-center-page` | — |
+| `GSolutionOnboardingFlow` | `solution-onboarding-flow` | solution | css | `g-onboarding-flow` | — |
+| `GSolutionCrmWorkspace` | `solution-crm-workspace` | solution | css | `g-crm-workspace` | — |
+| `GSolutionProjectWorkspace` | `solution-project-workspace` | solution | css | `g-project-workspace` | — |
+| `GSolutionSupportCenter` | `solution-support-center` | solution | css | `g-support-center` | — |
+| `GSolutionApprovalCenter` | `solution-approval-center` | solution | css | `g-approval-center` | — |
+| `GSolutionKnowledgeBase` | `solution-knowledge-base` | solution | css | `g-knowledge-base` | — |
+| `GSolutionLearningPortal` | `solution-learning-portal` | solution | css | `g-learning-portal` | — |
+| `GSolutionEventPortal` | `solution-event-portal` | solution | css | `g-event-portal` | — |
+| `GSolutionBookingPortal` | `solution-booking-portal` | solution | css | `g-booking-portal` | — |
+| `GSolutionHealthcarePortal` | `solution-healthcare-portal` | solution | css | `g-healthcare-portal` | — |
+| `GSolutionFinancePortal` | `solution-finance-portal` | solution | css | `g-finance-portal` | — |
+| `GSolutionPublicServicePortal` | `solution-public-service-portal` | solution | css | `g-public-service-portal` | — |
+| `GSolutionMarketplacePage` | `solution-marketplace-page` | solution | css | `g-marketplace-page` | — |
+| `GSolutionCommunityPage` | `solution-community-page` | solution | css | `g-community-page` | — |
+| `GSolutionStatusCenter` | `solution-status-center` | solution | css | `g-status-center-page` | — |