@gardenerim/angularjs 1.0.0

package/docs/components.md

@@ -0,0 +1,512 @@
+# Gardener AngularJS 组件完整目录
+
+本目录由 `@gardenerim/css@1.0.0` 元数据自动生成，共 506 个 AngularJS 组件指令，无省略。每项同时支持元素与属性形式，并支持 `gardenerVariant`、`gardenerState`、`gardenerConfig`、`gardenerInitialize`、`ngModel`、`gardenerValueEvent`、`gardenerValueKey`、`gardenerOnValueChange`。
+
+| ESM 导出 | 元素 / 指令名 | CSS 组件 | 分类 | 类型 | 根选择器/类 | 行为 |
+| --- | --- | --- | --- | --- | --- | --- |
+| `GButtonDirective` | `g-button` / `gButton` | `button` | basic | css | `g-btn` | — |
+| `GButtonGroupDirective` | `g-button-group` / `gButtonGroup` | `button-group` | basic | css | `g-btn-group` | — |
+| `GCardDirective` | `g-card` / `gCard` | `card` | basic | css | `g-card` | — |
+| `GBadgeTagChipDirective` | `g-badge-tag-chip` / `gBadgeTagChip` | `badge-tag-chip` | basic | css | `g-badge` | — |
+| `GAvatarDirective` | `g-avatar` / `gAvatar` | `avatar` | basic | css | `g-avatar` | — |
+| `GAlertDirective` | `g-alert` / `gAlert` | `alert` | feedback | css | `g-alert` | — |
+| `GProgressMeterDirective` | `g-progress-meter` / `gProgressMeter` | `progress-meter` | feedback | css | `g-progress` | — |
+| `GSpinnerSkeletonDirective` | `g-spinner-skeleton` / `gSpinnerSkeleton` | `spinner-skeleton` | feedback | css | `g-spinner` | — |
+| `GEmptyStateDirective` | `g-empty-state` / `gEmptyState` | `empty-state` | feedback | css | `g-empty` | — |
+| `GInputDirective` | `g-input` / `gInput` | `input` | form | css | `g-input` | — |
+| `GTextareaDirective` | `g-textarea` / `gTextarea` | `textarea` | form | css | `g-textarea` | — |
+| `GSelectDirective` | `g-select` / `gSelect` | `select` | form | css | `g-select` | — |
+| `GCheckboxRadioDirective` | `g-checkbox-radio` / `gCheckboxRadio` | `checkbox-radio` | form | css | `g-check` | — |
+| `GSwitchDirective` | `g-switch` / `gSwitch` | `switch` | form | css | `g-switch` | — |
+| `GRangeColorDirective` | `g-range-color` / `gRangeColor` | `range-color` | form | css | `g-range` | — |
+| `GFileDropDirective` | `g-file-drop` / `gFileDrop` | `file-drop` | form | interactive | `g-file-drop` | dropzone |
+| `GComboboxDirective` | `g-combobox` / `gCombobox` | `combobox` | form | interactive | `g-combobox` | combobox |
+| `GFormDirective` | `g-form` / `gForm` | `form` | form | css | `g-form` | — |
+| `GFormSectionDirective` | `g-form-section` / `gFormSection` | `form-section` | form | css | `g-form-section` | — |
+| `GFieldDirective` | `g-field` / `gField` | `field` | form | css | `g-field` | — |
+| `GFieldsetDirective` | `g-fieldset` / `gFieldset` | `fieldset` | form | css | `g-fieldset` | — |
+| `GFormRowDirective` | `g-form-row` / `gFormRow` | `form-row` | form | css | `g-form-row` | — |
+| `GFormGridDirective` | `g-form-grid` / `gFormGrid` | `form-grid` | form | css | `g-form-grid` | — |
+| `GHorizontalFormDirective` | `g-horizontal-form` / `gHorizontalForm` | `horizontal-form` | form | css | `g-form-horizontal` | — |
+| `GInlineFormDirective` | `g-inline-form` / `gInlineForm` | `inline-form` | form | css | `g-form-inline` | — |
+| `GCompactFormDirective` | `g-compact-form` / `gCompactForm` | `compact-form` | form | css | `g-form-compact` | — |
+| `GInputGroupDirective` | `g-input-group` / `gInputGroup` | `input-group` | form | css | `g-input-group` | — |
+| `GInputAffixDirective` | `g-input-affix` / `gInputAffix` | `input-affix` | form | css | `g-input-affix` | — |
+| `GSearchFieldDirective` | `g-search-field` / `gSearchField` | `search-field` | form | css | `g-search-field` | — |
+| `GPasswordFieldDirective` | `g-password-field` / `gPasswordField` | `password-field` | form | interactive | `g-password-field` | password-toggle |
+| `GClearableFieldDirective` | `g-clearable-field` / `gClearableField` | `clearable-field` | form | interactive | `g-clearable-field` | clear-input |
+| `GCharacterCounterDirective` | `g-character-counter` / `gCharacterCounter` | `character-counter` | form | interactive | `g-character-field` | character-count |
+| `GValidationStateDirective` | `g-validation-state` / `gValidationState` | `validation-state` | form | css | `g-validation-state` | — |
+| `GCheckboxGroupDirective` | `g-checkbox-group` / `gCheckboxGroup` | `checkbox-group` | form | css | `g-check-group` | — |
+| `GRadioGroupDirective` | `g-radio-group` / `gRadioGroup` | `radio-group` | form | css | `g-radio-group` | — |
+| `GSwitchRowDirective` | `g-switch-row` / `gSwitchRow` | `switch-row` | form | css | `g-switch-row` | — |
+| `GChoiceCardGroupDirective` | `g-choice-card-group` / `gChoiceCardGroup` | `choice-card-group` | form | css | `g-choice-group` | — |
+| `GNameGroupDirective` | `g-name-group` / `gNameGroup` | `name-group` | form | css | `g-name-group` | — |
+| `GAddressGroupDirective` | `g-address-group` / `gAddressGroup` | `address-group` | form | css | `g-address-group` | — |
+| `GPhoneGroupDirective` | `g-phone-group` / `gPhoneGroup` | `phone-group` | form | css | `g-phone-group` | — |
+| `GMoneyGroupDirective` | `g-money-group` / `gMoneyGroup` | `money-group` | form | css | `g-money-group` | — |
+| `GDateRangeGroupDirective` | `g-date-range-group` / `gDateRangeGroup` | `date-range-group` | form | css | `g-date-range-group` | — |
+| `GTimeRangeGroupDirective` | `g-time-range-group` / `gTimeRangeGroup` | `time-range-group` | form | css | `g-time-range-group` | — |
+| `GUnitFieldDirective` | `g-unit-field` / `gUnitField` | `unit-field` | form | css | `g-unit-field` | — |
+| `GRangeFieldDirective` | `g-range-field` / `gRangeField` | `range-field` | form | css | `g-range-field` | — |
+| `GFileFieldDirective` | `g-file-field` / `gFileField` | `file-field` | form | css | `g-file-field` | — |
+| `GRepeatableFieldDirective` | `g-repeatable-field` / `gRepeatableField` | `repeatable-field` | form | interactive | `g-repeatable-field` | repeatable-field |
+| `GConditionalFieldDirective` | `g-conditional-field` / `gConditionalField` | `conditional-field` | form | interactive | `g-conditional-field` | conditional-field |
+| `GFormActionsDirective` | `g-form-actions` / `gFormActions` | `form-actions` | form | css | `g-form-actions` | — |
+| `GAutosaveStatusDirective` | `g-autosave-status` / `gAutosaveStatus` | `autosave-status` | form | css | `g-autosave-status` | — |
+| `GFormProgressDirective` | `g-form-progress` / `gFormProgress` | `form-progress` | form | css | `g-form-progress` | — |
+| `GFormReviewDirective` | `g-form-review` / `gFormReview` | `form-review` | form | css | `g-form-review` | — |
+| `GConsentGroupDirective` | `g-consent-group` / `gConsentGroup` | `consent-group` | form | css | `g-consent-group` | — |
+| `GNavbarDirective` | `g-navbar` / `gNavbar` | `navbar` | navigation | css | `g-navbar` | — |
+| `GSidebarDirective` | `g-sidebar` / `gSidebar` | `sidebar` | navigation | css | `g-sidebar` | — |
+| `GBreadcrumbDirective` | `g-breadcrumb` / `gBreadcrumb` | `breadcrumb` | navigation | css | `g-breadcrumb` | — |
+| `GTabsDirective` | `g-tabs` / `gTabs` | `tabs` | navigation | interactive | `g-tabs` | tabs |
+| `GSegmentedControlDirective` | `g-segmented-control` / `gSegmentedControl` | `segmented-control` | navigation | css | `g-segmented` | — |
+| `GPaginationDirective` | `g-pagination` / `gPagination` | `pagination` | navigation | css | `g-pagination` | — |
+| `GMenuDropdownDirective` | `g-menu-dropdown` / `gMenuDropdown` | `menu-dropdown` | navigation | interactive | `g-dropdown` | dropdown |
+| `GStepperDirective` | `g-stepper` / `gStepper` | `stepper` | navigation | css | `g-stepper` | — |
+| `GCommandPaletteDirective` | `g-command-palette` / `gCommandPalette` | `command-palette` | navigation | interactive | `g-command-palette` | command-palette |
+| `GPrimaryNavigationDirective` | `g-primary-navigation` / `gPrimaryNavigation` | `primary-navigation` | navigation | css | `g-primary-nav` | — |
+| `GUtilityNavigationDirective` | `g-utility-navigation` / `gUtilityNavigation` | `utility-navigation` | navigation | css | `g-utility-nav` | — |
+| `GSubNavigationDirective` | `g-sub-navigation` / `gSubNavigation` | `sub-navigation` | navigation | css | `g-subnav` | — |
+| `GCollapsibleNavigationDirective` | `g-collapsible-navigation` / `gCollapsibleNavigation` | `collapsible-navigation` | navigation | interactive | `g-collapsible-nav` | nav-toggle |
+| `GNavigationRailDirective` | `g-navigation-rail` / `gNavigationRail` | `navigation-rail` | navigation | interactive | `g-nav-rail` | roving-nav |
+| `GActivityBarDirective` | `g-activity-bar` / `gActivityBar` | `activity-bar` | navigation | css | `g-activitybar` | — |
+| `GMenuBarDirective` | `g-menu-bar` / `gMenuBar` | `menu-bar` | navigation | css | `g-menubar` | — |
+| `GContextMenuDirective` | `g-context-menu` / `gContextMenu` | `context-menu` | navigation | interactive | `g-context-menu` | context-menu |
+| `GTreeNavigationDirective` | `g-tree-navigation` / `gTreeNavigation` | `tree-navigation` | navigation | interactive | `g-tree-nav` | tree |
+| `GVerticalTabsDirective` | `g-vertical-tabs` / `gVerticalTabs` | `vertical-tabs` | navigation | interactive | `g-vertical-tabs` | tabs |
+| `GPillNavigationDirective` | `g-pill-navigation` / `gPillNavigation` | `pill-navigation` | navigation | css | `g-pill-nav` | — |
+| `GScrollspyNavigationDirective` | `g-scrollspy-navigation` / `gScrollspyNavigation` | `scrollspy-navigation` | navigation | interactive | `g-scrollspy-nav` | scrollspy |
+| `GCursorPaginationDirective` | `g-cursor-pagination` / `gCursorPagination` | `cursor-pagination` | navigation | css | `g-cursor-pagination` | — |
+| `GLoadMoreNavigationDirective` | `g-load-more-navigation` / `gLoadMoreNavigation` | `load-more-navigation` | navigation | css | `g-load-more-nav` | — |
+| `GWizardNavigationDirective` | `g-wizard-navigation` / `gWizardNavigation` | `wizard-navigation` | navigation | css | `g-wizard-nav` | — |
+| `GBackNavigationDirective` | `g-back-navigation` / `gBackNavigation` | `back-navigation` | navigation | css | `g-back-nav` | — |
+| `GPreviousNextNavigationDirective` | `g-previous-next-navigation` / `gPreviousNextNavigation` | `previous-next-navigation` | navigation | css | `g-prev-next-nav` | — |
+| `GSkipNavigationDirective` | `g-skip-navigation` / `gSkipNavigation` | `skip-navigation` | navigation | css | `g-skip-nav` | — |
+| `GMobileTopNavigationDirective` | `g-mobile-top-navigation` / `gMobileTopNavigation` | `mobile-top-navigation` | navigation | css | `g-mobile-top-nav` | — |
+| `GBottomNavigationDirective` | `g-bottom-navigation` / `gBottomNavigation` | `bottom-navigation` | navigation | css | `g-bottom-nav` | — |
+| `GMobileTabBarDirective` | `g-mobile-tab-bar` / `gMobileTabBar` | `mobile-tab-bar` | navigation | css | `g-mobile-tab-bar` | — |
+| `GDrawerNavigationDirective` | `g-drawer-navigation` / `gDrawerNavigation` | `drawer-navigation` | navigation | css | `g-drawer-nav` | — |
+| `GCommandNavigationDirective` | `g-command-navigation` / `gCommandNavigation` | `command-navigation` | navigation | css | `g-command-nav` | — |
+| `GJumpNavigationDirective` | `g-jump-navigation` / `gJumpNavigation` | `jump-navigation` | navigation | interactive | `g-jump-nav` | jump-nav |
+| `GQuickNavigationDirective` | `g-quick-navigation` / `gQuickNavigation` | `quick-navigation` | navigation | css | `g-quick-nav` | — |
+| `GLocaleNavigationDirective` | `g-locale-navigation` / `gLocaleNavigation` | `locale-navigation` | navigation | css | `g-locale-nav` | — |
+| `GAccountNavigationDirective` | `g-account-navigation` / `gAccountNavigation` | `account-navigation` | navigation | css | `g-account-nav` | — |
+| `GDialogDirective` | `g-dialog` / `gDialog` | `dialog` | overlay | interactive | `g-dialog-backdrop` | dialog |
+| `GDrawerDirective` | `g-drawer` / `gDrawer` | `drawer` | overlay | interactive | `g-drawer-backdrop` | drawer |
+| `GPopoverDirective` | `g-popover` / `gPopover` | `popover` | overlay | interactive | `g-popover` | popover |
+| `GTooltipDirective` | `g-tooltip` / `gTooltip` | `tooltip` | overlay | interactive | `g-tooltip` | tooltip |
+| `GToastDirective` | `g-toast` / `gToast` | `toast` | feedback | interactive | `g-toast` | toast |
+| `GAccordionDirective` | `g-accordion` / `gAccordion` | `accordion` | disclosure | interactive | `g-accordion` | accordion |
+| `GTableDirective` | `g-table` / `gTable` | `table` | data | css | `g-table` | — |
+| `GDataGridDirective` | `g-data-grid` / `gDataGrid` | `data-grid` | data | interactive | `g-data-grid` | data-grid |
+| `GKpiStatDirective` | `g-kpi-stat` / `gKpiStat` | `kpi-stat` | dashboard | css | `g-kpi` | — |
+| `GDescriptionListDirective` | `g-description-list` / `gDescriptionList` | `description-list` | data | css | `g-description-list` | — |
+| `GListGroupDirective` | `g-list-group` / `gListGroup` | `list-group` | data | css | `g-list-group` | — |
+| `GTreeDirective` | `g-tree` / `gTree` | `tree` | data | interactive | `g-tree` | tree |
+| `GTimelineDirective` | `g-timeline` / `gTimeline` | `timeline` | data | css | `g-timeline` | — |
+| `GResponsiveTableDirective` | `g-responsive-table` / `gResponsiveTable` | `responsive-table` | data | css | `g-responsive-table` | — |
+| `GTableSortDirective` | `g-table-sort` / `gTableSort` | `table-sort` | data | interactive | `g-sort-button` | table-sort |
+| `GRowSelectionDirective` | `g-row-selection` / `gRowSelection` | `row-selection` | data | interactive | `g-selection-summary` | row-select |
+| `GRowDisclosureDirective` | `g-row-disclosure` / `gRowDisclosure` | `row-disclosure` | data | interactive | `g-row-disclosure` | row-disclosure |
+| `GColumnToggleDirective` | `g-column-toggle` / `gColumnToggle` | `column-toggle` | data | interactive | `g-column-chooser` | column-toggle |
+| `GDataFilterDirective` | `g-data-filter` / `gDataFilter` | `data-filter` | data | interactive | `g-data-toolbar` | data-filter |
+| `GDataViewDirective` | `g-data-view` / `gDataView` | `data-view` | data | interactive | `g-data-view-switcher` | data-view |
+| `GEditableGridDirective` | `g-editable-grid` / `gEditableGrid` | `editable-grid` | data | interactive | `g-editable-grid` | data-grid |
+| `GTreeTableDirective` | `g-tree-table` / `gTreeTable` | `tree-table` | data | css | `g-tree-table` | — |
+| `GGroupedTableDirective` | `g-grouped-table` / `gGroupedTable` | `grouped-table` | data | css | `g-grouped-table` | — |
+| `GExpandableTableDirective` | `g-expandable-table` / `gExpandableTable` | `expandable-table` | data | css | `g-expandable-table` | — |
+| `GComparisonTableDirective` | `g-comparison-table` / `gComparisonTable` | `comparison-table` | data | css | `g-comparison-table` | — |
+| `GKeyValueDirective` | `g-key-value` / `gKeyValue` | `key-value` | data | css | `g-key-value` | — |
+| `GRecordDetailDirective` | `g-record-detail` / `gRecordDetail` | `record-detail` | data | css | `g-record-detail` | — |
+| `GMediaListDirective` | `g-media-list` / `gMediaList` | `media-list` | data | css | `g-media-list` | — |
+| `GDenseListDirective` | `g-dense-list` / `gDenseList` | `dense-list` | data | css | `g-dense-list` | — |
+| `GAuditLogCompositionDirective` | `g-audit-log-composition` / `gAuditLogComposition` | `audit-log-composition` | data | css | `g-audit-log` | — |
+| `GStatListDirective` | `g-stat-list` / `gStatList` | `stat-list` | data | css | `g-stat-list` | — |
+| `GMetricCardDirective` | `g-metric-card` / `gMetricCard` | `metric-card` | data | css | `g-metric-card` | — |
+| `GSparklineDirective` | `g-sparkline` / `gSparkline` | `sparkline` | data | css | `g-sparkline` | — |
+| `GProgressStatsDirective` | `g-progress-stats` / `gProgressStats` | `progress-stats` | data | css | `g-progress-stats` | — |
+| `GDataLegendDirective` | `g-data-legend` / `gDataLegend` | `data-legend` | data | css | `g-data-legend` | — |
+| `GRankingDirective` | `g-ranking` / `gRanking` | `ranking` | data | css | `g-ranking` | — |
+| `GStatusSummaryDirective` | `g-status-summary` / `gStatusSummary` | `status-summary` | data | css | `g-status-summary` | — |
+| `GDataMatrixDirective` | `g-data-matrix` / `gDataMatrix` | `data-matrix` | data | css | `g-data-matrix` | — |
+| `GHeatmapDirective` | `g-heatmap` / `gHeatmap` | `heatmap` | data | css | `g-heatmap` | — |
+| `GDataToolbarDirective` | `g-data-toolbar` / `gDataToolbar` | `data-toolbar` | data | css | `g-data-toolbar` | — |
+| `GColumnChooserDirective` | `g-column-chooser` / `gColumnChooser` | `column-chooser` | data | css | `g-column-chooser` | — |
+| `GSavedViewsDirective` | `g-saved-views` / `gSavedViews` | `saved-views` | interaction | interactive | `g-saved-views` | saved-choice |
+| `GExportPanelDirective` | `g-export-panel` / `gExportPanel` | `export-panel` | data | css | `g-export-panel` | — |
+| `GDataStateDirective` | `g-data-state` / `gDataState` | `data-state` | data | css | `g-data-state` | — |
+| `GDataViewSwitcherDirective` | `g-data-view-switcher` / `gDataViewSwitcher` | `data-view-switcher` | data | css | `g-data-view-switcher` | — |
+| `GSelectionSummaryDirective` | `g-selection-summary` / `gSelectionSummary` | `selection-summary` | data | css | `g-selection-summary` | — |
+| `GTableDensityDirective` | `g-table-density` / `gTableDensity` | `table-density` | data | css | `g-table-density` | — |
+| `GFilterSummaryDirective` | `g-filter-summary` / `gFilterSummary` | `filter-summary` | data | css | `g-filter-summary` | — |
+| `GSortBuilderDirective` | `g-sort-builder` / `gSortBuilder` | `sort-builder` | interaction | interactive | `g-sort-builder` | builder-list |
+| `GDataInspectorDirective` | `g-data-inspector` / `gDataInspector` | `data-inspector` | data | css | `g-data-inspector` | — |
+| `GSelectionControlsDirective` | `g-selection-controls` / `gSelectionControls` | `selection-controls` | interaction | interactive | `g-selection-control` | row-select |
+| `GBatchToolbarDirective` | `g-batch-toolbar` / `gBatchToolbar` | `batch-toolbar` | interaction | css | `g-batch-toolbar` | — |
+| `GDualListDirective` | `g-dual-list` / `gDualList` | `dual-list` | interaction | interactive | `g-dual-list` | transfer |
+| `GTreeSelectDirective` | `g-tree-select` / `gTreeSelect` | `tree-select` | interaction | interactive | `g-tree-select` | picker |
+| `GCascaderDirective` | `g-cascader` / `gCascader` | `cascader` | interaction | interactive | `g-cascader` | cascader |
+| `GMentionPickerDirective` | `g-mention-picker` / `gMentionPicker` | `mention-picker` | interaction | interactive | `g-mention-picker` | picker |
+| `GUserPickerDirective` | `g-user-picker` / `gUserPicker` | `user-picker` | interaction | interactive | `g-user-picker` | picker |
+| `GOrganizationPickerDirective` | `g-organization-picker` / `gOrganizationPicker` | `organization-picker` | interaction | interactive | `g-organization-picker` | picker |
+| `GResourcePickerDirective` | `g-resource-picker` / `gResourcePicker` | `resource-picker` | interaction | interactive | `g-resource-picker` | picker |
+| `GMediaPickerDirective` | `g-media-picker` / `gMediaPicker` | `media-picker` | interaction | interactive | `g-media-picker` | picker |
+| `GIconPickerDirective` | `g-icon-picker` / `gIconPicker` | `icon-picker` | interaction | interactive | `g-icon-picker` | saved-choice |
+| `GColorPickerCompositionDirective` | `g-color-picker-composition` / `gColorPickerComposition` | `color-picker-composition` | interaction | interactive | `g-color-picker` | saved-choice |
+| `GDateRangePickerCompositionDirective` | `g-date-range-picker-composition` / `gDateRangePickerComposition` | `date-range-picker-composition` | interaction | css | `g-date-range-picker` | — |
+| `GTimeRangePickerCompositionDirective` | `g-time-range-picker-composition` / `gTimeRangePickerComposition` | `time-range-picker-composition` | interaction | css | `g-time-range-picker` | — |
+| `GSavedFiltersDirective` | `g-saved-filters` / `gSavedFilters` | `saved-filters` | interaction | interactive | `g-saved-filters` | saved-choice |
+| `GGroupBuilderDirective` | `g-group-builder` / `gGroupBuilder` | `group-builder` | interaction | interactive | `g-group-builder` | builder-list |
+| `GEntityPickerDirective` | `g-entity-picker` / `gEntityPicker` | `entity-picker` | interaction | interactive | `g-entity-picker` | picker |
+| `GTagPickerDirective` | `g-tag-picker` / `gTagPicker` | `tag-picker` | interaction | interactive | `g-tag-picker` | picker |
+| `GRelationPickerDirective` | `g-relation-picker` / `gRelationPicker` | `relation-picker` | interaction | interactive | `g-relation-picker` | picker |
+| `GBulkConfirmationDirective` | `g-bulk-confirmation` / `gBulkConfirmation` | `bulk-confirmation` | interaction | css | `g-bulk-confirmation` | — |
+| `GBulkProgressDirective` | `g-bulk-progress` / `gBulkProgress` | `bulk-progress` | interaction | css | `g-bulk-progress` | — |
+| `GFilterBarDirective` | `g-filter-bar` / `gFilterBar` | `filter-bar` | dashboard | css | `g-filter-bar` | — |
+| `GCodeBlockDirective` | `g-code-block` / `gCodeBlock` | `code-block` | content | css | `g-code-block` | — |
+| `GTerminalDirective` | `g-terminal` / `gTerminal` | `terminal` | content | css | `g-terminal` | — |
+| `GDiffViewerDirective` | `g-diff-viewer` / `gDiffViewer` | `diff-viewer` | content | css | `g-diff` | — |
+| `GChartContainerDirective` | `g-chart-container` / `gChartContainer` | `chart-container` | dashboard | css | `g-chart` | — |
+| `GGridSystemDirective` | `g-grid-system` / `gGridSystem` | `grid-system` | layout | css | `g-grid-24` | — |
+| `GRegionLayoutSystemDirective` | `g-region-layout-system` / `gRegionLayoutSystem` | `region-layout-system` | layout | css | `g-region-frame` | — |
+| `GClassicLayoutPrimitivesDirective` | `g-classic-layout-primitives` / `gClassicLayoutPrimitives` | `classic-layout-primitives` | layout | css | `g-stack` | — |
+| `GPageHeaderDirective` | `g-page-header` / `gPageHeader` | `page-header` | layout | css | `g-page-header` | — |
+| `GSectionHeaderDirective` | `g-section-header` / `gSectionHeader` | `section-header` | layout | css | `g-section-header` | — |
+| `GSubheaderDirective` | `g-subheader` / `gSubheader` | `subheader` | layout | css | `g-subheader` | — |
+| `GToolbarDirective` | `g-toolbar` / `gToolbar` | `toolbar` | navigation | css | `g-toolbar` | — |
+| `GActionBarDirective` | `g-action-bar` / `gActionBar` | `action-bar` | interaction | css | `g-action-bar` | — |
+| `GStatusBarDirective` | `g-status-bar` / `gStatusBar` | `status-bar` | feedback | css | `g-status-bar` | — |
+| `GCommandBarDirective` | `g-command-bar` / `gCommandBar` | `command-bar` | navigation | css | `g-command-bar` | — |
+| `GContextBarDirective` | `g-context-bar` / `gContextBar` | `context-bar` | feedback | css | `g-context-bar` | — |
+| `GBulkActionBarDirective` | `g-bulk-action-bar` / `gBulkActionBar` | `bulk-action-bar` | interaction | css | `g-bulk-action-bar` | — |
+| `GFooterBarDirective` | `g-footer-bar` / `gFooterBar` | `footer-bar` | layout | css | `g-footer-bar` | — |
+| `GFloatingActionBarDirective` | `g-floating-action-bar` / `gFloatingActionBar` | `floating-action-bar` | interaction | css | `g-floating-action-bar` | — |
+| `GDividerWithTextDirective` | `g-divider-with-text` / `gDividerWithText` | `divider-with-text` | basic | css | `g-divider` | — |
+| `GStickyActionsDirective` | `g-sticky-actions` / `gStickyActions` | `sticky-actions` | interaction | css | `g-sticky-actions` | — |
+| `GPageLoadingDirective` | `g-page-loading` / `gPageLoading` | `page-loading` | feedback | css | `g-page-loading` | — |
+| `GPageStateSystemDirective` | `g-page-state-system` / `gPageStateSystem` | `page-state-system` | feedback | css | `g-page-state` | — |
+| `GTipDirective` | `g-tip` / `gTip` | `tip` | help | css | `g-tip` | — |
+| `GInlineHintDirective` | `g-inline-hint` / `gInlineHint` | `inline-hint` | help | css | `g-inline-hint` | — |
+| `GHelpTextDirective` | `g-help-text` / `gHelpText` | `help-text` | help | css | `g-help-text` | — |
+| `GHelpTriggerDirective` | `g-help-trigger` / `gHelpTrigger` | `help-trigger` | help | css | `g-help-trigger` | — |
+| `GRichTooltipDirective` | `g-rich-tooltip` / `gRichTooltip` | `rich-tooltip` | help | interactive | `g-tooltip-rich` | tooltip |
+| `GHelpPopoverDirective` | `g-help-popover` / `gHelpPopover` | `help-popover` | help | interactive | `g-help-popover` | popover |
+| `GDefinitionHelpDirective` | `g-definition-help` / `gDefinitionHelp` | `definition-help` | help | css | `g-definition` | — |
+| `GCalloutDirective` | `g-callout` / `gCallout` | `callout` | help | css | `g-callout` | — |
+| `GNoteDirective` | `g-note` / `gNote` | `note` | help | css | `g-note` | — |
+| `GGuidancePairDirective` | `g-guidance-pair` / `gGuidancePair` | `guidance-pair` | help | css | `g-guidance-pair` | — |
+| `GKeyHintDirective` | `g-key-hint` / `gKeyHint` | `key-hint` | help | css | `g-key-hint` | — |
+| `GShortcutListDirective` | `g-shortcut-list` / `gShortcutList` | `shortcut-list` | help | css | `g-shortcut-list` | — |
+| `GHelpCardDirective` | `g-help-card` / `gHelpCard` | `help-card` | help | css | `g-help-card` | — |
+| `GHelpPanelDirective` | `g-help-panel` / `gHelpPanel` | `help-panel` | help | css | `g-help-panel` | — |
+| `GHelpCenterDirective` | `g-help-center` / `gHelpCenter` | `help-center` | help | css | `g-help-center` | — |
+| `GHelpTopicsDirective` | `g-help-topics` / `gHelpTopics` | `help-topics` | help | css | `g-help-topics` | — |
+| `GFaqDirective` | `g-faq` / `gFaq` | `faq` | help | interactive | `g-faq` | accordion |
+| `GContextualHelpDirective` | `g-contextual-help` / `gContextualHelp` | `contextual-help` | help | css | `g-contextual-help` | — |
+| `GCoachMarkDirective` | `g-coach-mark` / `gCoachMark` | `coach-mark` | help | css | `g-coach-mark` | — |
+| `GSpotlightDirective` | `g-spotlight` / `gSpotlight` | `spotlight` | help | css | `g-spotlight` | — |
+| `GHotspotDirective` | `g-hotspot` / `gHotspot` | `hotspot` | help | css | `g-hotspot` | — |
+| `GFeatureHintDirective` | `g-feature-hint` / `gFeatureHint` | `feature-hint` | help | css | `g-feature-hint` | — |
+| `GWhatsNewDirective` | `g-whats-new` / `gWhatsNew` | `whats-new` | help | css | `g-whats-new` | — |
+| `GHelpChecklistDirective` | `g-help-checklist` / `gHelpChecklist` | `help-checklist` | help | css | `g-help-checklist` | — |
+| `GTroubleshootingDirective` | `g-troubleshooting` / `gTroubleshooting` | `troubleshooting` | help | css | `g-troubleshooting` | — |
+| `GHelpFeedbackDirective` | `g-help-feedback` / `gHelpFeedback` | `help-feedback` | help | css | `g-help-feedback` | — |
+| `GAppShellDirective` | `g-app-shell` / `gAppShell` | `app-shell` | layout | css | `g-app-shell` | — |
+| `GDashboardDirective` | `g-dashboard` / `gDashboard` | `dashboard` | layout | css | `g-dashboard` | — |
+| `GMobileShellDirective` | `g-mobile-shell` / `gMobileShell` | `mobile-shell` | layout | css | `g-mobile-shell` | — |
+| `GChatDirective` | `g-chat` / `gChat` | `chat` | ai | css | `g-chat` | — |
+| `GMessageDirective` | `g-message` / `gMessage` | `message` | ai | css | `g-message` | — |
+| `GPromptComposerDirective` | `g-prompt-composer` / `gPromptComposer` | `prompt-composer` | ai | interactive | `g-composer` | ai-composer |
+| `GAttachmentDirective` | `g-attachment` / `gAttachment` | `attachment` | ai | css | `g-attachment` | — |
+| `GThinkingDirective` | `g-thinking` / `gThinking` | `thinking` | ai | interactive | `g-thinking` | accordion |
+| `GToolCallDirective` | `g-tool-call` / `gToolCall` | `tool-call` | ai | interactive | `g-tool-call` | accordion |
+| `GToolApprovalDirective` | `g-tool-approval` / `gToolApproval` | `tool-approval` | ai | interactive | `g-approval` | ai-approval |
+| `GAgentStatusDirective` | `g-agent-status` / `gAgentStatus` | `agent-status` | ai | css | `g-agent-status` | — |
+| `GAgentPlanDirective` | `g-agent-plan` / `gAgentPlan` | `agent-plan` | ai | css | `g-plan` | — |
+| `GSourcesCitationsDirective` | `g-sources-citations` / `gSourcesCitations` | `sources-citations` | ai | css | `g-sources` | — |
+| `GArtifactPanelDirective` | `g-artifact-panel` / `gArtifactPanel` | `artifact-panel` | ai | interactive | `g-artifact-panel` | tabs |
+| `GModelSelectorDirective` | `g-model-selector` / `gModelSelector` | `model-selector` | ai | interactive | `g-model-selector` | dropdown |
+| `GContextMeterDirective` | `g-context-meter` / `gContextMeter` | `context-meter` | ai | css | `g-context-meter` | — |
+| `GVoiceStateDirective` | `g-voice-state` / `gVoiceState` | `voice-state` | ai | css | `g-voice-state` | — |
+| `GGenerationPlaceholderDirective` | `g-generation-placeholder` / `gGenerationPlaceholder` | `generation-placeholder` | ai | css | `g-generation-placeholder` | — |
+| `GAiWorkspaceDirective` | `g-ai-workspace` / `gAiWorkspace` | `ai-workspace` | ai | css | `g-ai-shell` | — |
+| `GPromptStarterDirective` | `g-prompt-starter` / `gPromptStarter` | `prompt-starter` | ai | interactive | `g-prompt-starter` | prompt-fill |
+| `GAiCommandMenuDirective` | `g-ai-command-menu` / `gAiCommandMenu` | `ai-command-menu` | ai | interactive | `g-ai-command-menu` | roving-nav |
+| `GStreamingResponseDirective` | `g-streaming-response` / `gStreamingResponse` | `streaming-response` | ai | css | `g-streaming-response` | — |
+| `GMultiAgentBoardDirective` | `g-multi-agent-board` / `gMultiAgentBoard` | `multi-agent-board` | ai | css | `g-agent-board` | — |
+| `GAgentHandoffDirective` | `g-agent-handoff` / `gAgentHandoff` | `agent-handoff` | ai | css | `g-agent-handoff` | — |
+| `GArtifactWorkspaceDirective` | `g-artifact-workspace` / `gArtifactWorkspace` | `artifact-workspace` | ai | css | `g-artifact-layout` | — |
+| `GGenerationGalleryDirective` | `g-generation-gallery` / `gGenerationGallery` | `generation-gallery` | ai | css | `g-generation-grid` | — |
+| `GAiContextManagerDirective` | `g-ai-context-manager` / `gAiContextManager` | `ai-context-manager` | ai | css | `g-ai-context-manager` | — |
+| `GAiUsagePanelDirective` | `g-ai-usage-panel` / `gAiUsagePanel` | `ai-usage-panel` | ai | css | `g-ai-usage-panel` | — |
+| `GAiSafetyNoticeDirective` | `g-ai-safety-notice` / `gAiSafetyNotice` | `ai-safety-notice` | ai | css | `g-ai-safety-notice` | — |
+| `GAiFeedbackDirective` | `g-ai-feedback` / `gAiFeedback` | `ai-feedback` | ai | interactive | `g-ai-feedback` | ai-feedback |
+| `GDatePickerDirective` | `g-date-picker` / `gDatePicker` | `date-picker` | form | css | `g-date-picker` | — |
+| `GTimePickerDirective` | `g-time-picker` / `gTimePicker` | `time-picker` | form | css | `g-time-picker` | — |
+| `GPinInputDirective` | `g-pin-input` / `gPinInput` | `pin-input` | form | css | `g-pin-input` | — |
+| `GRatingDirective` | `g-rating` / `gRating` | `rating` | form | css | `g-rating` | — |
+| `GTransferListDirective` | `g-transfer-list` / `gTransferList` | `transfer-list` | interaction | interactive | `g-transfer` | transfer |
+| `GValidationSummaryDirective` | `g-validation-summary` / `gValidationSummary` | `validation-summary` | form | css | `g-validation-summary` | — |
+| `GMegaMenuDirective` | `g-mega-menu` / `gMegaMenu` | `mega-menu` | navigation | css | `g-mega-menu` | — |
+| `GAnchorNavigationDirective` | `g-anchor-navigation` / `gAnchorNavigation` | `anchor-navigation` | navigation | css | `g-anchor-nav` | — |
+| `GTourSpotlightDirective` | `g-tour-spotlight` / `gTourSpotlight` | `tour-spotlight` | help | interactive | `g-tour` | tour |
+| `GVirtualListDirective` | `g-virtual-list` / `gVirtualList` | `virtual-list` | data | css | `g-virtual-list` | — |
+| `GKanbanDirective` | `g-kanban` / `gKanban` | `kanban` | data | css | `g-kanban` | — |
+| `GGanttShellDirective` | `g-gantt-shell` / `gGanttShell` | `gantt-shell` | data | css | `g-gantt` | — |
+| `GQueryBuilderDirective` | `g-query-builder` / `gQueryBuilder` | `query-builder` | data | css | `g-query-builder` | — |
+| `GCarouselDirective` | `g-carousel` / `gCarousel` | `carousel` | media | interactive | `g-carousel` | carousel |
+| `GGalleryLightboxDirective` | `g-gallery-lightbox` / `gGalleryLightbox` | `gallery-lightbox` | media | css | `g-gallery` | — |
+| `GMediaPlayerDirective` | `g-media-player` / `gMediaPlayer` | `media-player` | media | css | `g-media-player` | — |
+| `GDocumentViewerDirective` | `g-document-viewer` / `gDocumentViewer` | `document-viewer` | media | css | `g-document-viewer` | — |
+| `GSplitPaneDirective` | `g-split-pane` / `gSplitPane` | `split-pane` | interaction | interactive | `g-split-pane` | split-pane |
+| `GDragSortDirective` | `g-drag-sort` / `gDragSort` | `drag-sort` | interaction | css | `g-sortable-item` | — |
+| `GInfiniteScrollDirective` | `g-infinite-scroll` / `gInfiniteScroll` | `infinite-scroll` | interaction | css | `g-infinite-status` | — |
+| `GPullRefreshDirective` | `g-pull-refresh` / `gPullRefresh` | `pull-refresh` | interaction | css | `g-pull-refresh` | — |
+| `GProductCardDirective` | `g-product-card` / `gProductCard` | `product-card` | commerce | css | `g-product-card` | — |
+| `GCartItemDirective` | `g-cart-item` / `gCartItem` | `cart-item` | commerce | css | `g-cart-item` | — |
+| `GPriceQuantityDirective` | `g-price-quantity` / `gPriceQuantity` | `price-quantity` | commerce | css | `g-price` | — |
+| `GConversationListDirective` | `g-conversation-list` / `gConversationList` | `conversation-list` | ai | css | `g-conversation-list` | — |
+| `GPromptLibraryDirective` | `g-prompt-library` / `gPromptLibrary` | `prompt-library` | ai | css | `g-prompt-library` | — |
+| `GMentionSlashCommandDirective` | `g-mention-slash-command` / `gMentionSlashCommand` | `mention-slash-command` | ai | css | `g-mention` | — |
+| `GGenerationCardDirective` | `g-generation-card` / `gGenerationCard` | `generation-card` | ai | css | `g-generation-card` | — |
+| `GFileTreeDirective` | `g-file-tree` / `gFileTree` | `file-tree` | ai | css | `g-file-tree` | — |
+| `GVersionHistoryDirective` | `g-version-history` / `gVersionHistory` | `version-history` | ai | css | `g-version-list` | — |
+| `GPermissionScopeDirective` | `g-permission-scope` / `gPermissionScope` | `permission-scope` | ai | css | `g-permission-scope` | — |
+| `GCostRateLimitDirective` | `g-cost-rate-limit` / `gCostRateLimit` | `cost-rate-limit` | ai | css | `g-cost` | — |
+| `GPrivacyNoticeDirective` | `g-privacy-notice` / `gPrivacyNotice` | `privacy-notice` | ai | css | `g-privacy-notice` | — |
+| `GAuthenticationShellDirective` | `g-authentication-shell` / `gAuthenticationShell` | `authentication-shell` | auth | css | `g-auth-shell` | — |
+| `GMobileCategoryDirective` | `g-mobile-category` / `gMobileCategory` | `mobile-category` | mobile | css | `g-mobile-category` | — |
+| `GCmsShellDirective` | `g-cms-shell` / `gCmsShell` | `cms-shell` | cms | css | `g-cms-shell` | — |
+| `GVisualBuilderDirective` | `g-visual-builder` / `gVisualBuilder` | `visual-builder` | cms | css | `g-cms-canvas` | — |
+| `GRichEditorDirective` | `g-rich-editor` / `gRichEditor` | `rich-editor` | cms | css | `g-editor` | — |
+| `GMediaLibraryDirective` | `g-media-library` / `gMediaLibrary` | `media-library` | cms | css | `g-media-library` | — |
+| `GContentWorkflowDirective` | `g-content-workflow` / `gContentWorkflow` | `content-workflow` | cms | css | `g-workflow` | — |
+| `GLocalizationGridDirective` | `g-localization-grid` / `gLocalizationGrid` | `localization-grid` | cms | css | `g-localization-grid` | — |
+| `GSiteHeaderDirective` | `g-site-header` / `gSiteHeader` | `site-header` | marketing | css | `g-site-header` | — |
+| `GHeroDirective` | `g-hero` / `gHero` | `hero` | marketing | css | `g-hero` | — |
+| `GPricingDirective` | `g-pricing` / `gPricing` | `pricing` | marketing | css | `g-pricing-grid` | — |
+| `GArticleLayoutDirective` | `g-article-layout` / `gArticleLayout` | `article-layout` | content | css | `g-article-shell` | — |
+| `GProductDetailDirective` | `g-product-detail` / `gProductDetail` | `product-detail` | commerce | css | `g-product-detail` | — |
+| `GCheckoutDirective` | `g-checkout` / `gCheckout` | `checkout` | commerce | css | `g-checkout-layout` | — |
+| `GEnterpriseSettingsDirective` | `g-enterprise-settings` / `gEnterpriseSettings` | `enterprise-settings` | enterprise | css | `g-settings-shell` | — |
+| `GPermissionMatrixDirective` | `g-permission-matrix` / `gPermissionMatrix` | `permission-matrix` | enterprise | css | `g-permission-matrix` | — |
+| `GAuditLogDirective` | `g-audit-log` / `gAuditLog` | `audit-log` | enterprise | css | `g-audit-event` | — |
+| `GDesktopShellDirective` | `g-desktop-shell` / `gDesktopShell` | `desktop-shell` | desktop | css | `g-desktop-shell` | — |
+| `GDesktopTitlebarDirective` | `g-desktop-titlebar` / `gDesktopTitlebar` | `desktop-titlebar` | desktop | interactive | `g-titlebar` | — |
+| `GDesktopWorkbenchDirective` | `g-desktop-workbench` / `gDesktopWorkbench` | `desktop-workbench` | desktop | css | `g-workbench` | — |
+| `GOnboardingDirective` | `g-onboarding` / `gOnboarding` | `onboarding` | workflow | css | `g-onboarding` | — |
+| `GWizardLayoutDirective` | `g-wizard-layout` / `gWizardLayout` | `wizard-layout` | workflow | css | `g-wizard-layout` | — |
+| `GNotificationCenterDirective` | `g-notification-center` / `gNotificationCenter` | `notification-center` | communication | css | `g-notification-center` | — |
+| `GInboxDirective` | `g-inbox` / `gInbox` | `inbox` | communication | css | `g-inbox` | — |
+| `GSearchResultsDirective` | `g-search-results` / `gSearchResults` | `search-results` | content | css | `g-search-page` | — |
+| `GCalendarDirective` | `g-calendar` / `gCalendar` | `calendar` | data | css | `g-calendar` | — |
+| `GAgendaDirective` | `g-agenda` / `gAgenda` | `agenda` | data | css | `g-agenda` | — |
+| `GFileManagerDirective` | `g-file-manager` / `gFileManager` | `file-manager` | data | css | `g-file-manager` | — |
+| `GUploadQueueDirective` | `g-upload-queue` / `gUploadQueue` | `upload-queue` | form | css | `g-upload-queue` | — |
+| `GFormBuilderDirective` | `g-form-builder` / `gFormBuilder` | `form-builder` | form | css | `g-form-builder` | — |
+| `GFilterBuilderDirective` | `g-filter-builder` / `gFilterBuilder` | `filter-builder` | data | css | `g-filter-builder` | — |
+| `GPivotTableDirective` | `g-pivot-table` / `gPivotTable` | `pivot-table` | data | css | `g-pivot` | — |
+| `GOrganizationChartDirective` | `g-organization-chart` / `gOrganizationChart` | `organization-chart` | data | css | `g-org-chart` | — |
+| `GMapShellDirective` | `g-map-shell` / `gMapShell` | `map-shell` | data | css | `g-map-shell` | — |
+| `GCommentThreadDirective` | `g-comment-thread` / `gCommentThread` | `comment-thread` | communication | css | `g-comment-thread` | — |
+| `GActivityFeedDirective` | `g-activity-feed` / `gActivityFeed` | `activity-feed` | communication | css | `g-activity-feed` | — |
+| `GReportInvoiceDirective` | `g-report-invoice` / `gReportInvoice` | `report-invoice` | content | css | `g-report` | — |
+| `GCookieConsentDirective` | `g-cookie-consent` / `gCookieConsent` | `cookie-consent` | legal | css | `g-cookie-banner` | — |
+| `GCopyActionDirective` | `g-copy-action` / `gCopyAction` | `copy-action` | interaction | interactive | `[data-g-copy]` | copy |
+| `GFullscreenActionDirective` | `g-fullscreen-action` / `gFullscreenAction` | `fullscreen-action` | interaction | interactive | `[data-g-fullscreen]` | fullscreen |
+| `GBackToTopDirective` | `g-back-to-top` / `gBackToTop` | `back-to-top` | navigation | interactive | `g-back-to-top` | scroll-top |
+| `GImageCropShellDirective` | `g-image-crop-shell` / `gImageCropShell` | `image-crop-shell` | media | css | `g-image-crop` | — |
+| `GContentFileDropDirective` | `g-content-file-drop` / `gContentFileDrop` | `content-file-drop` | content | interactive | `g-file-drop` | dropzone |
+| `GContentFileListDirective` | `g-content-file-list` / `gContentFileList` | `content-file-list` | content | css | `g-file-list` | — |
+| `GContentUploadQueueDirective` | `g-content-upload-queue` / `gContentUploadQueue` | `content-upload-queue` | content | interactive | `g-upload-queue` | upload-manager |
+| `GChunkUploadDirective` | `g-chunk-upload` / `gChunkUpload` | `chunk-upload` | content | css | `g-chunk-upload` | — |
+| `GUploadProgressCompositionDirective` | `g-upload-progress-composition` / `gUploadProgressComposition` | `upload-progress-composition` | content | interactive | `g-upload-progress` | upload-manager |
+| `GFailedUploadDirective` | `g-failed-upload` / `gFailedUpload` | `failed-upload` | content | interactive | `g-failed-upload` | upload-manager |
+| `GFileCardCompositionDirective` | `g-file-card-composition` / `gFileCardComposition` | `file-card-composition` | content | css | `g-file-card` | — |
+| `GFolderTreeCompositionDirective` | `g-folder-tree-composition` / `gFolderTreeComposition` | `folder-tree-composition` | content | css | `g-folder-tree` | — |
+| `GFileBrowserCompositionDirective` | `g-file-browser-composition` / `gFileBrowserComposition` | `file-browser-composition` | content | interactive | `g-file-browser` | file-browser |
+| `GFilePreviewCompositionDirective` | `g-file-preview-composition` / `gFilePreviewComposition` | `file-preview-composition` | content | css | `g-file-preview` | — |
+| `GMediaLibraryCompositionDirective` | `g-media-library-composition` / `gMediaLibraryComposition` | `media-library-composition` | content | interactive | `g-media-library` | file-browser |
+| `GMediaGridCompositionDirective` | `g-media-grid-composition` / `gMediaGridComposition` | `media-grid-composition` | content | css | `g-media-grid` | — |
+| `GMediaDetailsCompositionDirective` | `g-media-details-composition` / `gMediaDetailsComposition` | `media-details-composition` | content | css | `g-media-details` | — |
+| `GImageCropCompositionDirective` | `g-image-crop-composition` / `gImageCropComposition` | `image-crop-composition` | content | css | `g-image-crop` | — |
+| `GImageAnnotationCompositionDirective` | `g-image-annotation-composition` / `gImageAnnotationComposition` | `image-annotation-composition` | content | css | `g-image-annotation` | — |
+| `GDocumentViewerCompositionDirective` | `g-document-viewer-composition` / `gDocumentViewerComposition` | `document-viewer-composition` | content | css | `g-document-viewer` | — |
+| `GPdfViewerDirective` | `g-pdf-viewer` / `gPdfViewer` | `pdf-viewer` | content | css | `g-pdf-viewer` | — |
+| `GVideoPlayerShellDirective` | `g-video-player-shell` / `gVideoPlayerShell` | `video-player-shell` | content | css | `g-video-player` | — |
+| `GAudioPlayerShellDirective` | `g-audio-player-shell` / `gAudioPlayerShell` | `audio-player-shell` | content | css | `g-audio-player` | — |
+| `GCodeEditorShellDirective` | `g-code-editor-shell` / `gCodeEditorShell` | `code-editor-shell` | content | interactive | `g-code-editor` | editor-shell |
+| `GRichTextEditorCompositionDirective` | `g-rich-text-editor-composition` / `gRichTextEditorComposition` | `rich-text-editor-composition` | content | interactive | `g-rich-text-editor` | editor-shell |
+| `GMarkdownEditorDirective` | `g-markdown-editor` / `gMarkdownEditor` | `markdown-editor` | content | interactive | `g-markdown-editor` | editor-shell |
+| `GBlockEditorDirective` | `g-block-editor` / `gBlockEditor` | `block-editor` | content | interactive | `g-block-editor` | editor-shell |
+| `GRevisionCompareCompositionDirective` | `g-revision-compare-composition` / `gRevisionCompareComposition` | `revision-compare-composition` | content | interactive | `g-revision-compare` | revision-compare |
+| `GContentAutosaveIndicatorDirective` | `g-content-autosave-indicator` / `gContentAutosaveIndicator` | `content-autosave-indicator` | content | interactive | `g-autosave-indicator` | autosave |
+| `GContentOutlineDirective` | `g-content-outline` / `gContentOutline` | `content-outline` | content | css | `g-content-outline` | — |
+| `GEditorToolbarCompositionDirective` | `g-editor-toolbar-composition` / `gEditorToolbarComposition` | `editor-toolbar-composition` | content | interactive | `g-editor-toolbar` | editor-shell |
+| `GFindReplaceDirective` | `g-find-replace` / `gFindReplace` | `find-replace` | content | css | `g-find-replace` | — |
+| `GCommentThreadCompositionDirective` | `g-comment-thread-composition` / `gCommentThreadComposition` | `comment-thread-composition` | content | css | `g-comment-thread` | — |
+| `GVersionHistoryCompositionDirective` | `g-version-history-composition` / `gVersionHistoryComposition` | `version-history-composition` | content | css | `g-version-history` | — |
+| `GFilePropertiesDirective` | `g-file-properties` / `gFileProperties` | `file-properties` | content | css | `g-file-properties` | — |
+| `GStorageMeterDirective` | `g-storage-meter` / `gStorageMeter` | `storage-meter` | content | css | `g-storage-meter` | — |
+| `GAuthCenteredDirective` | `g-auth-centered` / `gAuthCentered` | `auth-centered` | auth | css | `g-auth-centered` | — |
+| `GAuthSplitDirective` | `g-auth-split` / `gAuthSplit` | `auth-split` | auth | css | `g-auth-split` | — |
+| `GSignInCompositionDirective` | `g-sign-in-composition` / `gSignInComposition` | `sign-in-composition` | auth | css | `g-sign-in` | — |
+| `GRegistrationCompositionDirective` | `g-registration-composition` / `gRegistrationComposition` | `registration-composition` | auth | css | `g-registration` | — |
+| `GPasswordRecoveryDirective` | `g-password-recovery` / `gPasswordRecovery` | `password-recovery` | auth | css | `g-password-recovery` | — |
+| `GPasswordResetDirective` | `g-password-reset` / `gPasswordReset` | `password-reset` | auth | css | `g-password-reset` | — |
+| `GEmailVerificationDirective` | `g-email-verification` / `gEmailVerification` | `email-verification` | auth | css | `g-email-verification` | — |
+| `GPhoneVerificationDirective` | `g-phone-verification` / `gPhoneVerification` | `phone-verification` | auth | css | `g-phone-verification` | — |
+| `GMfaChallengeDirective` | `g-mfa-challenge` / `gMfaChallenge` | `mfa-challenge` | auth | css | `g-mfa-challenge` | — |
+| `GOtpInputDirective` | `g-otp-input` / `gOtpInput` | `otp-input` | auth | interactive | `g-otp-input` | otp-input |
+| `GPasskeyCompositionDirective` | `g-passkey-composition` / `gPasskeyComposition` | `passkey-composition` | auth | css | `g-passkey` | — |
+| `GSsoCompositionDirective` | `g-sso-composition` / `gSsoComposition` | `sso-composition` | auth | css | `g-sso` | — |
+| `GQrLoginDirective` | `g-qr-login` / `gQrLogin` | `qr-login` | auth | interactive | `g-qr-login` | auth-timer |
+| `GMagicLinkDirective` | `g-magic-link` / `gMagicLink` | `magic-link` | auth | css | `g-magic-link` | — |
+| `GInvitationCompositionDirective` | `g-invitation-composition` / `gInvitationComposition` | `invitation-composition` | auth | css | `g-invitation` | — |
+| `GFirstTimeSetupDirective` | `g-first-time-setup` / `gFirstTimeSetup` | `first-time-setup` | auth | css | `g-first-time-setup` | — |
+| `GLockScreenDirective` | `g-lock-screen` / `gLockScreen` | `lock-screen` | auth | css | `g-lock-screen` | — |
+| `GSessionExpiredDirective` | `g-session-expired` / `gSessionExpired` | `session-expired` | auth | css | `g-session-expired` | — |
+| `GAccountChooserDirective` | `g-account-chooser` / `gAccountChooser` | `account-chooser` | auth | interactive | `g-account-chooser` | saved-choice |
+| `GTenantChooserDirective` | `g-tenant-chooser` / `gTenantChooser` | `tenant-chooser` | auth | interactive | `g-tenant-chooser` | saved-choice |
+| `GIdentitySwitcherDirective` | `g-identity-switcher` / `gIdentitySwitcher` | `identity-switcher` | auth | interactive | `g-identity-switcher` | dropdown |
+| `GProfileSetupDirective` | `g-profile-setup` / `gProfileSetup` | `profile-setup` | auth | css | `g-profile-setup` | — |
+| `GAccountSecurityDirective` | `g-account-security` / `gAccountSecurity` | `account-security` | auth | css | `g-account-security` | — |
+| `GDeviceManagementDirective` | `g-device-management` / `gDeviceManagement` | `device-management` | auth | css | `g-device-management` | — |
+| `GLoginActivityDirective` | `g-login-activity` / `gLoginActivity` | `login-activity` | auth | css | `g-login-activity` | — |
+| `GSecurityAlertDirective` | `g-security-alert` / `gSecurityAlert` | `security-alert` | auth | css | `g-security-alert` | — |
+| `GRecoveryCodesDirective` | `g-recovery-codes` / `gRecoveryCodes` | `recovery-codes` | auth | css | `g-recovery-codes` | — |
+| `GTrustedDeviceDirective` | `g-trusted-device` / `gTrustedDevice` | `trusted-device` | auth | css | `g-trusted-device` | — |
+| `GConnectedAccountsDirective` | `g-connected-accounts` / `gConnectedAccounts` | `connected-accounts` | auth | css | `g-connected-accounts` | — |
+| `GPasswordStrengthDirective` | `g-password-strength` / `gPasswordStrength` | `password-strength` | auth | interactive | `g-password-strength` | password-strength |
+| `GAuthConsentDirective` | `g-auth-consent` / `gAuthConsent` | `auth-consent` | auth | css | `g-auth-consent` | — |
+| `GAuthResultDirective` | `g-auth-result` / `gAuthResult` | `auth-result` | auth | css | `g-auth-result` | — |
+| `GCommerceProductCardDirective` | `g-commerce-product-card` / `gCommerceProductCard` | `commerce-product-card` | commerce | css | `g-commerce-product-card` | — |
+| `GCommerceProductListDirective` | `g-commerce-product-list` / `gCommerceProductList` | `commerce-product-list` | commerce | css | `g-commerce-product-list` | — |
+| `GCommerceProductDetailDirective` | `g-commerce-product-detail` / `gCommerceProductDetail` | `commerce-product-detail` | commerce | css | `g-commerce-product-detail` | — |
+| `GCommerceProductGalleryDirective` | `g-commerce-product-gallery` / `gCommerceProductGallery` | `commerce-product-gallery` | commerce | interactive | `g-commerce-product-gallery` | carousel |
+| `GSkuSelectorDirective` | `g-sku-selector` / `gSkuSelector` | `sku-selector` | commerce | interactive | `g-sku-selector` | sku-selector |
+| `GCommerceQuantityStepperDirective` | `g-commerce-quantity-stepper` / `gCommerceQuantityStepper` | `commerce-quantity-stepper` | commerce | interactive | `g-quantity-stepper` | quantity-stepper |
+| `GPriceDisplayDirective` | `g-price-display` / `gPriceDisplay` | `price-display` | commerce | css | `g-price-display` | — |
+| `GCommerceCartItemDirective` | `g-commerce-cart-item` / `gCommerceCartItem` | `commerce-cart-item` | commerce | css | `g-commerce-cart-item` | — |
+| `GCommerceCartDirective` | `g-commerce-cart` / `gCommerceCart` | `commerce-cart` | commerce | interactive | `g-cart` | cart |
+| `GMiniCartDirective` | `g-mini-cart` / `gMiniCart` | `mini-cart` | commerce | interactive | `g-mini-cart` | dropdown |
+| `GCartSummaryDirective` | `g-cart-summary` / `gCartSummary` | `cart-summary` | commerce | css | `g-cart-summary` | — |
+| `GCommerceCheckoutDirective` | `g-commerce-checkout` / `gCommerceCheckout` | `commerce-checkout` | commerce | css | `g-commerce-checkout` | — |
+| `GCommerceCheckoutStepsDirective` | `g-commerce-checkout-steps` / `gCommerceCheckoutSteps` | `commerce-checkout-steps` | commerce | css | `g-checkout-steps` | — |
+| `GAddressSelectorDirective` | `g-address-selector` / `gAddressSelector` | `address-selector` | commerce | interactive | `g-address-selector` | saved-choice |
+| `GAddressCardDirective` | `g-address-card` / `gAddressCard` | `address-card` | commerce | css | `g-address-card` | — |
+| `GShippingMethodDirective` | `g-shipping-method` / `gShippingMethod` | `shipping-method` | commerce | interactive | `g-shipping-method` | saved-choice |
+| `GPickupSelectorDirective` | `g-pickup-selector` / `gPickupSelector` | `pickup-selector` | commerce | interactive | `g-pickup-selector` | saved-choice |
+| `GCouponDirective` | `g-coupon` / `gCoupon` | `coupon` | commerce | interactive | `g-coupon` | coupon |
+| `GPromotionListDirective` | `g-promotion-list` / `gPromotionList` | `promotion-list` | commerce | css | `g-promotion-list` | — |
+| `GInvoiceInformationDirective` | `g-invoice-information` / `gInvoiceInformation` | `invoice-information` | commerce | css | `g-invoice-information` | — |
+| `GPaymentMethodDirective` | `g-payment-method` / `gPaymentMethod` | `payment-method` | commerce | interactive | `g-payment-method` | saved-choice |
+| `GPaymentSheetDirective` | `g-payment-sheet` / `gPaymentSheet` | `payment-sheet` | commerce | css | `g-payment-sheet` | — |
+| `GPaymentResultDirective` | `g-payment-result` / `gPaymentResult` | `payment-result` | commerce | css | `g-payment-result` | — |
+| `GCommerceOrderSummaryDirective` | `g-commerce-order-summary` / `gCommerceOrderSummary` | `commerce-order-summary` | commerce | css | `g-commerce-order-summary` | — |
+| `GCommerceOrderTimelineDirective` | `g-commerce-order-timeline` / `gCommerceOrderTimeline` | `commerce-order-timeline` | commerce | css | `g-commerce-order-timeline` | — |
+| `GOrderDetailDirective` | `g-order-detail` / `gOrderDetail` | `order-detail` | commerce | css | `g-order-detail` | — |
+| `GSubscriptionPlanDirective` | `g-subscription-plan` / `gSubscriptionPlan` | `subscription-plan` | commerce | css | `g-subscription-plan` | — |
+| `GPricingComparisonDirective` | `g-pricing-comparison` / `gPricingComparison` | `pricing-comparison` | commerce | css | `g-pricing-comparison` | — |
+| `GCommerceUsageMeterDirective` | `g-commerce-usage-meter` / `gCommerceUsageMeter` | `commerce-usage-meter` | commerce | css | `g-commerce-usage-meter` | — |
+| `GBillingHistoryDirective` | `g-billing-history` / `gBillingHistory` | `billing-history` | commerce | css | `g-billing-history` | — |
+| `GRefundStatusDirective` | `g-refund-status` / `gRefundStatus` | `refund-status` | commerce | css | `g-refund-status` | — |
+| `GTaxSummaryDirective` | `g-tax-summary` / `gTaxSummary` | `tax-summary` | commerce | css | `g-tax-summary` | — |
+| `GMobileSafeShellDirective` | `g-mobile-safe-shell` / `gMobileSafeShell` | `mobile-safe-shell` | mobile | css | `g-mobile-safe-shell` | — |
+| `GMobileAppBarDirective` | `g-mobile-app-bar` / `gMobileAppBar` | `mobile-app-bar` | mobile | css | `g-mobile-app-bar` | — |
+| `GMobileBottomNavigationDirective` | `g-mobile-bottom-navigation` / `gMobileBottomNavigation` | `mobile-bottom-navigation` | mobile | css | `g-mobile-bottom-navigation` | — |
+| `GMobileBottomSheetDirective` | `g-mobile-bottom-sheet` / `gMobileBottomSheet` | `mobile-bottom-sheet` | mobile | interactive | `g-mobile-bottom-sheet` | mobile-sheet |
+| `GMobileActionSheetDirective` | `g-mobile-action-sheet` / `gMobileActionSheet` | `mobile-action-sheet` | mobile | interactive | `g-mobile-action-sheet` | mobile-sheet |
+| `GMobilePullRefreshDirective` | `g-mobile-pull-refresh` / `gMobilePullRefresh` | `mobile-pull-refresh` | mobile | interactive | `g-mobile-pull-refresh` | pull-refresh |
+| `GMobileInfiniteLoadDirective` | `g-mobile-infinite-load` / `gMobileInfiniteLoad` | `mobile-infinite-load` | mobile | interactive | `g-mobile-infinite-load` | infinite-load |
+| `GMobileSwipeActionsDirective` | `g-mobile-swipe-actions` / `gMobileSwipeActions` | `mobile-swipe-actions` | mobile | interactive | `g-mobile-swipe-actions` | swipe-actions |
+| `GMobileSwipeTabsDirective` | `g-mobile-swipe-tabs` / `gMobileSwipeTabs` | `mobile-swipe-tabs` | mobile | interactive | `g-mobile-swipe-tabs` | tabs |
+| `GMobileCategoryViewDirective` | `g-mobile-category-view` / `gMobileCategoryView` | `mobile-category-view` | mobile | css | `g-mobile-category-view` | — |
+| `GMobileFilterSheetDirective` | `g-mobile-filter-sheet` / `gMobileFilterSheet` | `mobile-filter-sheet` | mobile | interactive | `g-mobile-filter-sheet` | mobile-sheet |
+| `GMobilePurchaseBarDirective` | `g-mobile-purchase-bar` / `gMobilePurchaseBar` | `mobile-purchase-bar` | mobile | css | `g-mobile-purchase-bar` | — |
+| `GMobileSearchDirective` | `g-mobile-search` / `gMobileSearch` | `mobile-search` | mobile | interactive | `g-mobile-search` | clear-input |
+| `GMobilePickerDirective` | `g-mobile-picker` / `gMobilePicker` | `mobile-picker` | mobile | interactive | `g-mobile-picker` | saved-choice |
+| `GMobileWheelPickerDirective` | `g-mobile-wheel-picker` / `gMobileWheelPicker` | `mobile-wheel-picker` | mobile | interactive | `g-mobile-wheel-picker` | wheel-picker |
+| `GMobileFabDirective` | `g-mobile-fab` / `gMobileFab` | `mobile-fab` | mobile | css | `g-mobile-fab` | — |
+| `GMobileFullscreenDialogDirective` | `g-mobile-fullscreen-dialog` / `gMobileFullscreenDialog` | `mobile-fullscreen-dialog` | mobile | interactive | `g-mobile-fullscreen-dialog` | dialog |
+| `GMobileKeyboardAvoidanceDirective` | `g-mobile-keyboard-avoidance` / `gMobileKeyboardAvoidance` | `mobile-keyboard-avoidance` | mobile | css | `g-mobile-keyboard-avoidance` | — |
+| `GMobileGestureHintDirective` | `g-mobile-gesture-hint` / `gMobileGestureHint` | `mobile-gesture-hint` | mobile | css | `g-mobile-gesture-hint` | — |
+| `GMobileOfflineBannerDirective` | `g-mobile-offline-banner` / `gMobileOfflineBanner` | `mobile-offline-banner` | mobile | css | `g-mobile-offline-banner` | — |
+| `GMobileSegmentedControlDirective` | `g-mobile-segmented-control` / `gMobileSegmentedControl` | `mobile-segmented-control` | mobile | interactive | `g-mobile-segmented-control` | saved-choice |
+| `GMobileFeedDirective` | `g-mobile-feed` / `gMobileFeed` | `mobile-feed` | mobile | css | `g-mobile-feed` | — |
+| `GMobileCardCarouselDirective` | `g-mobile-card-carousel` / `gMobileCardCarousel` | `mobile-card-carousel` | mobile | interactive | `g-mobile-card-carousel` | carousel |
+| `GMobileFormDirective` | `g-mobile-form` / `gMobileForm` | `mobile-form` | mobile | css | `g-mobile-form` | — |
+| `GMobileAuthDirective` | `g-mobile-auth` / `gMobileAuth` | `mobile-auth` | mobile | interactive | `g-mobile-auth` | password-toggle |
+| `GMobileCheckoutDirective` | `g-mobile-checkout` / `gMobileCheckout` | `mobile-checkout` | mobile | css | `g-mobile-checkout` | — |
+| `GMobileMediaViewerDirective` | `g-mobile-media-viewer` / `gMobileMediaViewer` | `mobile-media-viewer` | mobile | interactive | `g-mobile-media-viewer` | dialog |
+| `GMobileKeyboardToolbarDirective` | `g-mobile-keyboard-toolbar` / `gMobileKeyboardToolbar` | `mobile-keyboard-toolbar` | mobile | css | `g-mobile-keyboard-toolbar` | — |
+| `GMobileSelectionModeDirective` | `g-mobile-selection-mode` / `gMobileSelectionMode` | `mobile-selection-mode` | mobile | interactive | `g-mobile-selection-mode` | row-select |
+| `GMobileSnackbarDirective` | `g-mobile-snackbar` / `gMobileSnackbar` | `mobile-snackbar` | mobile | interactive | `g-mobile-snackbar` | toast |
+| `GMobilePermissionPromptDirective` | `g-mobile-permission-prompt` / `gMobilePermissionPrompt` | `mobile-permission-prompt` | mobile | css | `g-mobile-permission-prompt` | — |
+| `GMobileStateDirective` | `g-mobile-state` / `gMobileState` | `mobile-state` | mobile | css | `g-mobile-state` | — |
+| `GDesktopNativeTitlebarDirective` | `g-desktop-native-titlebar` / `gDesktopNativeTitlebar` | `desktop-native-titlebar` | desktop | interactive | `g-native-titlebar` | — |
+| `GDesktopWindowControlsCompositionDirective` | `g-desktop-window-controls-composition` / `gDesktopWindowControlsComposition` | `desktop-window-controls-composition` | desktop | interactive | `g-desktop-window-controls` | — |
+| `GDesktopMenubarCompositionDirective` | `g-desktop-menubar-composition` / `gDesktopMenubarComposition` | `desktop-menubar-composition` | desktop | interactive | `g-desktop-menubar` | roving-nav |
+| `GDesktopActivityBarCompositionDirective` | `g-desktop-activity-bar-composition` / `gDesktopActivityBarComposition` | `desktop-activity-bar-composition` | desktop | interactive | `g-desktop-activity-bar` | roving-nav |
+| `GDesktopDockPanelDirective` | `g-desktop-dock-panel` / `gDesktopDockPanel` | `desktop-dock-panel` | desktop | interactive | `g-desktop-dock-panel` | nav-toggle |
+| `GDesktopSplitPaneDirective` | `g-desktop-split-pane` / `gDesktopSplitPane` | `desktop-split-pane` | desktop | interactive | `g-desktop-split-pane` | split-pane |
+| `GDesktopInspectorPanelDirective` | `g-desktop-inspector-panel` / `gDesktopInspectorPanel` | `desktop-inspector-panel` | desktop | interactive | `g-desktop-inspector-panel` | nav-toggle |
+| `GDesktopStatusBarDirective` | `g-desktop-status-bar` / `gDesktopStatusBar` | `desktop-status-bar` | desktop | css | `g-desktop-status-bar` | — |
+| `GDesktopCommandPaletteDirective` | `g-desktop-command-palette` / `gDesktopCommandPalette` | `desktop-command-palette` | desktop | interactive | `g-desktop-command-palette` | command-palette |
+| `GShortcutRecorderDirective` | `g-shortcut-recorder` / `gShortcutRecorder` | `shortcut-recorder` | desktop | interactive | `g-shortcut-recorder` | shortcut-recorder |
+| `GDesktopContextMenuDirective` | `g-desktop-context-menu` / `gDesktopContextMenu` | `desktop-context-menu` | desktop | interactive | `g-desktop-context-menu` | context-menu |
+| `GDesktopDocumentTabsDirective` | `g-desktop-document-tabs` / `gDesktopDocumentTabs` | `desktop-document-tabs` | desktop | interactive | `g-desktop-document-tabs` | desktop-tabs |
+| `GDesktopDragRegionDirective` | `g-desktop-drag-region` / `gDesktopDragRegion` | `desktop-drag-region` | desktop | interactive | `g-desktop-drag-region` | — |
+| `GWindowLoadingDirective` | `g-window-loading` / `gWindowLoading` | `window-loading` | desktop | css | `g-window-loading` | — |
+| `GUpdateAvailableDirective` | `g-update-available` / `gUpdateAvailable` | `update-available` | desktop | css | `g-update-available` | — |
+| `GDesktopPermissionRequestDirective` | `g-desktop-permission-request` / `gDesktopPermissionRequest` | `desktop-permission-request` | desktop | css | `g-desktop-permission-request` | — |
+| `GNativeFilePickerDirective` | `g-native-file-picker` / `gNativeFilePicker` | `native-file-picker` | desktop | interactive | `g-native-file-picker` | native-file-picker |
+| `GTrayMenuShellDirective` | `g-tray-menu-shell` / `gTrayMenuShell` | `tray-menu-shell` | desktop | interactive | `g-tray-menu` | dropdown |
+| `GMultiWindowPlaceholderDirective` | `g-multi-window-placeholder` / `gMultiWindowPlaceholder` | `multi-window-placeholder` | desktop | css | `g-multi-window-placeholder` | — |
+| `GDesktopWorkspaceCompositionDirective` | `g-desktop-workspace-composition` / `gDesktopWorkspaceComposition` | `desktop-workspace-composition` | desktop | css | `g-desktop-workspace` | — |
+| `GDesktopWindowSwitcherDirective` | `g-desktop-window-switcher` / `gDesktopWindowSwitcher` | `desktop-window-switcher` | desktop | interactive | `g-desktop-window-switcher` | window-switcher |
+| `GRecentDocumentsDirective` | `g-recent-documents` / `gRecentDocuments` | `recent-documents` | desktop | css | `g-recent-documents` | — |
+| `GDesktopToolbarDirective` | `g-desktop-toolbar` / `gDesktopToolbar` | `desktop-toolbar` | desktop | css | `g-desktop-toolbar` | — |
+| `GDesktopBottomPanelDirective` | `g-desktop-bottom-panel` / `gDesktopBottomPanel` | `desktop-bottom-panel` | desktop | interactive | `g-desktop-bottom-panel` | nav-toggle |
+| `GBackgroundTaskCenterDirective` | `g-background-task-center` / `gBackgroundTaskCenter` | `background-task-center` | desktop | css | `g-background-task-center` | — |
+| `GDesktopNotificationCenterDirective` | `g-desktop-notification-center` / `gDesktopNotificationCenter` | `desktop-notification-center` | desktop | css | `g-desktop-notification-center` | — |
+| `GSyncStatusDirective` | `g-sync-status` / `gSyncStatus` | `sync-status` | desktop | css | `g-sync-status` | — |
+| `GUpdateProgressDirective` | `g-update-progress` / `gUpdateProgress` | `update-progress` | desktop | css | `g-update-progress` | — |
+| `GCrashRecoveryDirective` | `g-crash-recovery` / `gCrashRecovery` | `crash-recovery` | desktop | css | `g-crash-recovery` | — |
+| `GSingleInstanceNoticeDirective` | `g-single-instance-notice` / `gSingleInstanceNotice` | `single-instance-notice` | desktop | css | `g-single-instance-notice` | — |
+| `GDeepLinkHandlerDirective` | `g-deep-link-handler` / `gDeepLinkHandler` | `deep-link-handler` | desktop | css | `g-deep-link-handler` | — |
+| `GAboutDialogDirective` | `g-about-dialog` / `gAboutDialog` | `about-dialog` | desktop | interactive | `g-about-dialog` | dialog |
+| `GSolutionProductLandingDirective` | `g-solution-product-landing` / `gSolutionProductLanding` | `solution-product-landing` | solution | css | `g-product-landing` | — |
+| `GSolutionCorporateHomeDirective` | `g-solution-corporate-home` / `gSolutionCorporateHome` | `solution-corporate-home` | solution | css | `g-corporate-home` | — |
+| `GSolutionPersonalHomeDirective` | `g-solution-personal-home` / `gSolutionPersonalHome` | `solution-personal-home` | solution | css | `g-personal-home` | — |
+| `GSolutionPortfolioPageDirective` | `g-solution-portfolio-page` / `gSolutionPortfolioPage` | `solution-portfolio-page` | solution | css | `g-portfolio-page` | — |
+| `GSolutionBlogIndexDirective` | `g-solution-blog-index` / `gSolutionBlogIndex` | `solution-blog-index` | solution | css | `g-blog-index` | — |
+| `GSolutionArticlePageDirective` | `g-solution-article-page` / `gSolutionArticlePage` | `solution-article-page` | solution | css | `g-article-page` | — |
+| `GSolutionDocsPortalDirective` | `g-solution-docs-portal` / `gSolutionDocsPortal` | `solution-docs-portal` | solution | css | `g-docs-portal` | — |
+| `GSolutionHelpCenterDirective` | `g-solution-help-center` / `gSolutionHelpCenter` | `solution-help-center` | solution | css | `g-help-center-page` | — |
+| `GSolutionSearchResultsDirective` | `g-solution-search-results` / `gSolutionSearchResults` | `solution-search-results` | solution | css | `g-search-results-page` | — |
+| `GSolutionContactPageDirective` | `g-solution-contact-page` / `gSolutionContactPage` | `solution-contact-page` | solution | css | `g-contact-page` | — |
+| `GSolutionPricingPageDirective` | `g-solution-pricing-page` / `gSolutionPricingPage` | `solution-pricing-page` | solution | css | `g-pricing-page` | — |
+| `GSolutionDashboardOverviewDirective` | `g-solution-dashboard-overview` / `gSolutionDashboardOverview` | `solution-dashboard-overview` | solution | css | `g-dashboard-overview` | — |
+| `GSolutionAdminListDirective` | `g-solution-admin-list` / `gSolutionAdminList` | `solution-admin-list` | solution | css | `g-admin-list-page` | — |
+| `GSolutionRecordDetailDirective` | `g-solution-record-detail` / `gSolutionRecordDetail` | `solution-record-detail` | solution | css | `g-record-detail-page` | — |
+| `GSolutionSettingsCenterDirective` | `g-solution-settings-center` / `gSolutionSettingsCenter` | `solution-settings-center` | solution | css | `g-settings-center` | — |
+| `GSolutionUserCenterDirective` | `g-solution-user-center` / `gSolutionUserCenter` | `solution-user-center` | solution | css | `g-user-center` | — |
+| `GSolutionNotificationCenterDirective` | `g-solution-notification-center` / `gSolutionNotificationCenter` | `solution-notification-center` | solution | css | `g-notification-center-page` | — |
+| `GSolutionOnboardingFlowDirective` | `g-solution-onboarding-flow` / `gSolutionOnboardingFlow` | `solution-onboarding-flow` | solution | css | `g-onboarding-flow` | — |
+| `GSolutionCrmWorkspaceDirective` | `g-solution-crm-workspace` / `gSolutionCrmWorkspace` | `solution-crm-workspace` | solution | css | `g-crm-workspace` | — |
+| `GSolutionProjectWorkspaceDirective` | `g-solution-project-workspace` / `gSolutionProjectWorkspace` | `solution-project-workspace` | solution | css | `g-project-workspace` | — |
+| `GSolutionSupportCenterDirective` | `g-solution-support-center` / `gSolutionSupportCenter` | `solution-support-center` | solution | css | `g-support-center` | — |
+| `GSolutionApprovalCenterDirective` | `g-solution-approval-center` / `gSolutionApprovalCenter` | `solution-approval-center` | solution | css | `g-approval-center` | — |
+| `GSolutionKnowledgeBaseDirective` | `g-solution-knowledge-base` / `gSolutionKnowledgeBase` | `solution-knowledge-base` | solution | css | `g-knowledge-base` | — |
+| `GSolutionLearningPortalDirective` | `g-solution-learning-portal` / `gSolutionLearningPortal` | `solution-learning-portal` | solution | css | `g-learning-portal` | — |
+| `GSolutionEventPortalDirective` | `g-solution-event-portal` / `gSolutionEventPortal` | `solution-event-portal` | solution | css | `g-event-portal` | — |
+| `GSolutionBookingPortalDirective` | `g-solution-booking-portal` / `gSolutionBookingPortal` | `solution-booking-portal` | solution | css | `g-booking-portal` | — |
+| `GSolutionHealthcarePortalDirective` | `g-solution-healthcare-portal` / `gSolutionHealthcarePortal` | `solution-healthcare-portal` | solution | css | `g-healthcare-portal` | — |
+| `GSolutionFinancePortalDirective` | `g-solution-finance-portal` / `gSolutionFinancePortal` | `solution-finance-portal` | solution | css | `g-finance-portal` | — |
+| `GSolutionPublicServicePortalDirective` | `g-solution-public-service-portal` / `gSolutionPublicServicePortal` | `solution-public-service-portal` | solution | css | `g-public-service-portal` | — |
+| `GSolutionMarketplacePageDirective` | `g-solution-marketplace-page` / `gSolutionMarketplacePage` | `solution-marketplace-page` | solution | css | `g-marketplace-page` | — |
+| `GSolutionCommunityPageDirective` | `g-solution-community-page` / `gSolutionCommunityPage` | `solution-community-page` | solution | css | `g-community-page` | — |
+| `GSolutionStatusCenterDirective` | `g-solution-status-center` / `gSolutionStatusCenter` | `solution-status-center` | solution | css | `g-status-center-page` | — |

package/docs/security.md

@@ -0,0 +1,20 @@
+# Gardener AngularJS 安全基线
+
+## 支持边界
+
+`@gardenerim/angularjs` 是 AngularJS 1.8.2–1.8.3 遗留应用适配层。AngularJS 已结束官方支持；截至 1.0.0，本地完整 `npm audit` 会报告 AngularJS 本体的 XSS、SVG 净化绕过和正则拒绝服务公告，且没有可用的上游修复版本。Gardener 将 `angular` 保持为 peer dependency，不会把它打进运行时产物，也不会声称消除这些框架级风险。
+
+## 上线要求
+
+- 不把不可信 HTML 交给 `$sce.trustAsHtml`、`ng-bind-html` 或直接 DOM 注入；富文本必须经过独立、持续维护的净化器。
+- 对 URL、图片和 SVG 使用严格来源白名单；不允许用户内容决定模板 URL、资源 URL 或可执行协议。
+- 对会进入 AngularJS 解析、复制、URL 校验和正则路径的外部字符串设置长度与结构上限。
+- 部署严格 CSP，避免 `unsafe-eval` 和内联脚本；若遗留代码暂时无法做到，应记录例外并设置迁移期限。
+- Tauri/Electron 桥仅暴露最小能力，校验每个参数，不把 Node、shell 或任意 IPC 直接暴露给渲染进程。
+- 锁定依赖和完整性，持续审计最终应用，而不只审计本适配包；制定迁离 AngularJS 的时间表。
+
+## 审计解释
+
+`npm audit --omit=dev` 用于确认 Gardener 自有发布负载没有额外生产依赖漏洞。完整 `npm audit` 仍应运行并保留结果；其中 AngularJS 本体的已知公告属于明确接受、隔离或迁移的遗留风险，不能被忽略或标记成已修复。
+
+如发现 Gardener 适配层自身的安全问题，报告中应包含受影响版本、最小复现、运行平台以及是否涉及 Tauri/Electron 桥；公开披露前请先给维护者合理的修复窗口。