@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.8

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eui documentation
 
-> Generated by compodoc 2.0.0 at 2026-07-31T14:32:11.909Z, llm-md export.
+> Generated by compodoc 2.0.0 at 2026-08-03T16:03:26.073Z, llm-md export.
 
 ## Components
 
@@ -11,7 +11,7 @@ Selector: `div[edsAlert], eds-alert`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
-- `e2eAttr: string = 'eui-alert'` — Data attribute value for end-to-end testing identification. Applied as data-e2e attribute on the host element. 'eui-alert'
+- `e2eAttr: string = 'eds-alert'` — Data attribute value for end-to-end testing identification. Applied as data-e2e attribute on the host element. 'eds-alert'
 - `isCloseable: boolean = false` — Enables a close button allowing users to dismiss the alert. When true, displays a close icon button that hides the alert and emits closeAlert event. false
 - `isVisible: boolean = true` — Controls the visibility state of the alert. Two-way bindable model that can be programmatically controlled or updated by user dismissal. true
 
@@ -20,7 +20,7 @@ Outputs:
 - `isVisible: boolean = true` — Controls the visibility state of the alert. Two-way bindable model that can be programmatically controlled or updated by user dismissal. true
 
 Properties:
-- `role: string = 'alert'` — Sets the role attribute for the host element. 'alert'
+- `hostClasses: unknown = computed(() => { return [ 'eds-alert', this.colorVariantsBase.getCssClasses('eds-alert'), !this.isVisible() ? 'eds-alert--hidden' : '', ] .join(' ') .trim(); })` — Computed host CSS classes based on current state.
 
 Methods:
 - `onCloseClick(): void` — Hide the alert and emits the closeAlert event when the close button is clicked.
@@ -39,11 +39,11 @@ Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
 - `aria-label: string | null = 'avatar'` — ARIA label for accessibility 'avatar'
+- `colorPalette: string = ''` — Extra color palette to be used on the status-badge.
 - `e2eAttr: string = 'eds-avatar'` — Data attribute for E2E testing 'eds-avatar'
 
 Properties:
-- `avatarImage: QueryList<EdsAvatarImage>`
-- `role: string = 'status'` — ARIA role for accessibility 'status'
+- `avatarImage: unknown = contentChild.required(forwardRef(() => EdsAvatarImage))`
 
 Methods:
 - `cssClasses(): string` — Gets the CSS classes to be applied to the host element. Combines base classes with modifier classes.
@@ -127,14 +127,14 @@ Inputs:
 - `aria-label: string | null = 'badge'` — ARIA label for accessibility
 - `charReplacement: string = ''` — String to display when content is truncated due to maxCharCount. '99+'
 - `e2eAttr: string = 'eds-badge'` — Data attribute for e2e testing
-- `euiBadgeIcon: boolean = false` — Whether the badge contains only an icon (displays as a small dot indicator). When true, no text content is shown, creating a minimal status indicator. false
-- `euiDottedBadge: boolean = false` — Whether to display the badge with dotted styling variant. Applies alternative visual treatment to the badge. false
-- `euiOutline: boolean = false`
+- `edsBadgeIcon: boolean = false` — Whether the badge contains only an icon (displays as a small dot indicator). When true, no text content is shown, creating a minimal status indicator. false
+- `edsDottedBadge: boolean = false` — Whether to display the badge with dotted styling variant. Applies alternative visual treatment to the badge. false
+- `edsOutline: boolean = false`
 - `maxCharCount: number = 0` — Maximum number of characters to display before truncating. When content exceeds this limit, it will be replaced with charReplacement value. Useful for displaying large numbers in a compact format (e.g., "99+" for values over 99).
 
 Properties:
-- `content: ElementRef`
-- `role: string = 'status'` — ARIA role for accessibility
+- `content: unknown = viewChild.required<ElementRef>('contentRef')`
+- `hostClasses: unknown = computed(() => { return [ 'eds-badge', this.sizeVariantsBase.getCssClasses('eds-badge'), this.colorVariantsBase.getCssClasses('eds-badge'), this.isEmpty() || th…` — Computes and returns the CSS classes for the badge based on its current state
 
 Methods:
 - `onContentChanged(): void` — Handles content changes and triggers content checking
@@ -146,18 +146,21 @@ Selector: `button[edsButton]`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
-- `e2eAttr: string = 'eds-button'` — Data attribute for e2e testing eui-button
-- `euiAvatarButton: boolean = false` — When true, style the button when used in avatar trigger (for dropdown trigger f.e. see actionable avatar) false
-- `euiBlockButton: boolean = false` — When true, makes the button full-width false
-- `euiButtonPrimary: boolean = true`
-- `euiButtonRounded: boolean = false`
-- `euiButtonSecondary: boolean = false`
-- `euiButtonTertiary: boolean = false`
-- `euiDisabled: boolean` — Controls the disabled state of the button When true, adds the disabled attribute and prevents interaction
-- `euiIconButton: boolean = false` — When true, styles the button for icon-only content false
-- `euiLineWrap: boolean = false` — When true, allows text content to wrap false
-- `euiTypeVariant: "primary" | "secondary" | "tertiary" = 'primary'`
-- `id: string` — ID attribute for the button element
+- `edsDisabled: boolean` — Controls the disabled state of the button When true, adds the disabled attribute and prevents interaction
+- `e2eAttr: string = 'eds-button'` — Data attribute for e2e testing eds-button
+- `edsAvatarButton: boolean = false` — When true, style the button when used in avatar trigger (for dropdown trigger f.e. see actionable avatar) false
+- `edsBlockButton: boolean = false` — When true, makes the button full-width false
+- `edsButtonPrimary: boolean = true`
+- `edsButtonRounded: boolean = false`
+- `edsButtonSecondary: boolean = false`
+- `edsButtonTertiary: boolean = false`
+- `edsIconButton: boolean = false` — When true, styles the button for icon-only content false
+- `edsLineWrap: boolean = false` — When true, allows text content to wrap false
+- `edsTypeVariant: "primary" | "secondary" | "tertiary" = 'primary'`
+- `id: string | undefined = undefined` — ID attribute for the button element
+
+Properties:
+- `hostClasses: unknown = computed(() => { return [ 'eds-button', this.sizeVariantsBase.getCssClasses('eds-button'), this.colorVariantsBase.getCssClasses('eds-button'), (this.edsButtonPr…` — Computes and returns the CSS classes for the button based on its current state
 
 ### EdsChip
 
@@ -166,25 +169,27 @@ Selector: `eds-chip, span[edsChip], li[edsChip]`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
+- `edsDisabled: boolean` — Controls the disabled state of the button When true, adds the disabled attribute and prevents interaction
 - `ariaLabel: string = 'Chip content'` — Sets the aria-label attribute for the host element. 'Chip content'
-- `data: any = { id: crypto.randomUUID(), tooltip: { color: 'euiTooltipPrimary', contentAlignment: null, position: 'above', }, }` — Sets the data of the chip like tooltip configuration.
-- `e2eAttr: string = 'eui-chip'` — Sets the data-e2e attribute for the host element. 'eui-chip'
-- `euiDisabled: boolean` — Controls the disabled state of the button When true, adds the disabled attribute and prevents interaction
-- `euiInternalId: string` — Sets the euiInternalId of the chip. null
-- `id: string | number` — Sets the id of the chip.
+- `data: any` — Sets the data of the chip like tooltip configuration.
+- `e2eAttr: string = 'eds-chip'` — Sets the data-e2e attribute for the host element. 'eds-chip'
+- `edsInternalId: string = ''` — Sets the edsInternalId of the chip. null
+- `id: string | number = ''` — Sets the id of the chip.
 - `isActive: boolean = false`
-- `isChipRemovable: boolean = false` — Wether the chip can be removed. false
-- `tooltipMessage: string` — Sets the label of the tooltip to diaply on hover.
+- `isRemovable: boolean = false` — Wether the chip can be removed. false
+- `tooltipMessage: string = ''` — Sets the label of the tooltip to diaply on hover.
 
 Outputs:
-- `remove: EventEmitter = new EventEmitter<any>()` — Event emitted when the chip is removed.
+- `chipClick: any`
+- `chipRemove: any` — Event emitted when the chip is removed.
 
 Properties:
-- `chipLabel: ElementRef<HTMLInputElement>` — Icon declares by user in the chip
+- `chipLabel: unknown = viewChild.required<ElementRef<HTMLInputElement>>('chipLabel')` — Icon declares by user in the chip
+- `hostClasses: unknown = computed(() => { return [ 'eds-chip', this.sizeVariantsBase.getCssClasses('eds-chip'), this.colorVariantsBase.getCssClasses('eds-chip'), this.isRemovable() ? 'e…` — Computes and returns the CSS classes for the component based on its current state.
 - `role: string = 'status'` — Sets the role attribute for the host element. 'status'
 
 Methods:
-- `onRemove(event?: Event): void` — Remove chip handler
+- `onHostClick(event?: Event): void`
 
 ### EdsIcon
 
@@ -193,15 +198,16 @@ Selector: `eds-icon, span[edsIcon]`
 Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
-- `ariaHidden: boolean = true` — Hides the icon from assistive technologies when purely decorative. Set to false when icon conveys meaningful information requiring announcement. true
-- `ariaLabel: string` — Accessible label for screen readers describing the icon's purpose. Provides semantic meaning when icon conveys information beyond decoration. 'Icon'
-- `icon: string` — Name of the icon to display, optionally including the icon set using 'iconName:setName' format. When format includes colon separator, automatically splits into icon and set properties. Required for icon display unless iconUrl is provided.
-- `set: string = 'regular'` — Icon set library to load the icon from. Determines the source directory for icon SVG files. 'eui'
+- `ariaHidden: boolean = true` — Hides the icon from assistive technologies when purely decorative. true
+- `ariaLabel: string = ''` — Accessible label for screen readers describing the icon's purpose.
+- `icon: string = ''` — Name of the icon to display, optionally including the icon set using 'iconName:setName' format. When format includes colon separator, automatically splits into icon and set properties.
+- `set: string = 'regular'` — Icon set library to load the icon from. 'regular'
 
 Properties:
-- `ariaRole: string = 'img'`
 - `assetsBaseUrl: string = 'assets'`
-- `iconName: string`
+- `hostClasses: unknown = computed(() => { return [ 'eds-icon', this.sizeVariantsBase.getCssClasses('eds-icon'), this.colorVariantsBase.getCssClasses('eds-icon'), ] .join(' ') .trim(); }…`
+- `iconName: unknown = computed(() => { const raw = this.icon(); if (raw && raw.indexOf(':') > -1) { return raw.split(':')[0]; } return raw; })` — Resolved icon name (parsed from 'icon:set' format).
+- `resolvedSet: unknown = computed(() => { const raw = this.icon(); if (raw && raw.indexOf(':') > -1) { return raw.split(':')[1] || 'regular'; } return this.set() || 'regular'; })` — Resolved icon set (parsed from 'icon:set' format or defaults to set input).
 
 ### EdsIconButton
 
@@ -209,13 +215,16 @@ File: `packages/eds/eds-icon-button/eds-icon-button.ts`
 Selector: `button[edsIconButton]`
 
 Inputs:
-- `ariaLabel: string = 'eUI Icon button'` — Accessible label for screen readers describing the button's purpose. 'eUI Icon button'
-- `euiDisabled: boolean = false`
-- `euiRounded: boolean = false` — Applies rounded corners to the button shape instead of default square corners. Default: false
-- `icon: string` — The name of the icon to display from the eUI icon library.
+- `ariaLabel: string = 'EDS Icon button'` — Accessible label for screen readers describing the button's purpose. 'EDS Icon button'
+- `edsDisabled: boolean = false`
+- `edsRounded: boolean = false` — Applies rounded corners to the button shape instead of default square corners. Default: false
+- `icon: string = ''` — The name of the icon to display from the eUI icon library.
 
 Outputs:
-- `buttonClick: EventEmitter = new EventEmitter<Event>()` — Emitted when the button is clicked. Payload contains the native click Event object.
+- `buttonClick: Event` — Emitted when the button is clicked. Payload contains the native click Event object.
+
+Properties:
+- `hostClasses: unknown = computed(() => { return [ 'eds-icon-button', this.sizeVariantsBase.getCssClasses('eds-icon-button'), this.colorVariantsBase.getCssClasses('eds-icon-button'), th…`
 
 Methods:
 - `onClick(event: Event): void`
@@ -241,7 +250,403 @@ File: `packages/eds/eds-icon-state/eds-icon-state.ts`
 Selector: `eds-icon-state`
 
 Inputs:
-- `ariaLabel: string` — Accessible label for screen readers describing the icon's purpose or meaning. Required for accessibility when the icon conveys semantic information.
+- `ariaLabel: string = ''` — Accessible label for screen readers describing the icon's purpose or meaning. Required for accessibility when the icon conveys semantic information.
+
+Properties:
+- `hostClasses: unknown = computed(() => { return [ 'eds-icon-state', this.sizeVariantsBase.getCssClasses('eds-icon-state'), this.colorVariantsBase.getCssClasses('eds-icon-state'), ].joi…`
+
+### EdsLanguageSelector
+
+File: `packages/eds/eds-language-selector/eds-language-selector.ts`
+Selector: `eds-language-selector`
+
+Inputs:
+- `ariaLabel: string = ''` — Aria label for accessibility.
+- `languages: EdsLanguage[] = []` — Available languages.
+- `selectedLanguage: string = 'en'` — Currently selected language code.
+
+Outputs:
+- `languageChange: string` — Emits the selected language code when user picks a language.
+
+Properties:
+- ``computedAriaLabel: unknown = computed(() => { if (this.ariaLabel()) return this.ariaLabel(); return `Change Language - Current: ${this.currentLanguage().label}`; })``
+- `currentLanguage: unknown = computed(() => { const langs = this.languages(); const selected = this.selectedLanguage(); return langs.find(l => l.code === selected) ?? langs[0] ?? { code: 'e…`
+- `isOpen: unknown = signal(false)`
+
+Methods:
+- `onDocumentClick(event: MouseEvent): void`
+- `selectLanguage(lang: EdsLanguage): void`
+- `toggle(): void`
+
+### EdsMenu
+
+File: `packages/eds/eds-menu/eds-menu.ts`
+Selector: `eds-menu`
+
+Inputs:
+- `hasCollapsedLabels: boolean = false` — Whether to show labels underneath icons in collapsed mode.
+- `hasIcons: boolean = false` — Whether to show icons alongside labels.
+- `isCollapsed: boolean = false` — Whether the menu is in collapsed/icon-only mode.
+- `items: EdsMenuItem[] = []` — Array of menu items to render.
+
+Outputs:
+- `itemClick: EdsMenuItem` — Emits when a menu item is clicked.
+
+Methods:
+- `onItemClick(item: EdsMenuItem): void`
+
+### EdsMenuItemComponent
+
+File: `packages/eds/eds-menu/eds-menu-item.ts`
+Selector: `eds-menu-item`
+
+Inputs:
+- `hasCollapsedLabel: boolean = false` — Whether to show label under icon in collapsed mode.
+- `hasIcon: boolean = false` — Whether to show icon.
+- `isCollapsed: boolean = false` — Whether the menu is in collapsed/icon-only mode.
+- `item: EdsMenuItem` — The menu item data.
+
+Outputs:
+- `childClick: EdsMenuItem` — Emits when a child item is clicked.
+- `itemClick: EdsMenuItem` — Emits when this item is clicked.
+
+Methods:
+- `onChildClick(child: EdsMenuItem): void`
+- `onClick(): void`
+- `toggleExpand(): void`
+
+### EdsOverlay
+
+File: `packages/eds/eds-overlay/eds-overlay.ts`
+Selector: `eds-overlay`
+Change detection: `ChangeDetectionStrategy.OnPush`
+
+Inputs:
+- `fixedWidth: string = ''` — Fixed width value (overrides responsive width).
+- `hasClosedOnClickOutside: boolean = false` — Enables automatic closing when clicking outside the overlay.
+- `isActive: boolean = false` — Controls the visibility and active state of the overlay.
+- `isHighlighted: boolean = false` — Applies highlighted visual styling.
+- `position: EdsOverlayPosition = 'right'` — Screen position where the overlay appears ('right', 'left', 'top', 'bottom').
+- `width: string = ''` — Responsive width variant for the overlay panel (e.g. 'small', 'medium', 'large').
+
+Outputs:
+- `activeState: boolean` — Emitted when the overlay's active state changes (typically false for close requests).
+
+Properties:
+- ``hostClasses: unknown = computed(() => { return [ 'eds-overlay', `eds-overlay--${this.position()}`, this.isActive() ? 'eds-overlay--active' : '', this.width() ? `eds-overlay--width-${t…``
+
+Methods:
+- `onBackdropClick(): void`
+- `onEscape(): void`
+
+### EdsOverlayContent
+
+File: `packages/eds/eds-overlay/eds-overlay-content.ts`
+Selector: `eds-overlay-content`
+
+### EdsOverlayFooter
+
+File: `packages/eds/eds-overlay/eds-overlay-footer.ts`
+Selector: `eds-overlay-footer`
+
+### EdsOverlayHeader
+
+File: `packages/eds/eds-overlay/eds-overlay-header.ts`
+Selector: `eds-overlay-header`
+
+Outputs:
+- `closeClick: void` — Emitted when the built-in close button is clicked.
+
+Methods:
+- `onClose(): void`
+
+### EdsOverlayHeaderActionItems
+
+File: `packages/eds/eds-overlay/eds-overlay-header-action-items.ts`
+Selector: `eds-overlay-header-action-items`
+
+### EdsOverlayHeaderLabel
+
+File: `packages/eds/eds-overlay/eds-overlay-header-label.ts`
+Selector: `eds-overlay-header-label`
+
+### EdsOverlayHeaderSublabel
+
+File: `packages/eds/eds-overlay/eds-overlay-header-sublabel.ts`
+Selector: `eds-overlay-header-sublabel`
+
+### EdsPage
+
+File: `packages/eds/eds-page/eds-page.ts`
+Selector: `eds-page`
+
+### EdsPageContent
+
+File: `packages/eds/eds-page/eds-page-content.ts`
+Selector: `eds-page-content`
+
+### EdsPageFooter
+
+File: `packages/eds/eds-page/eds-page-footer.ts`
+Selector: `eds-page-footer`
+
+Inputs:
+- `highlighted: boolean = false` — Adds visual emphasis to the footer.
+
+### EdsPageHeader
+
+File: `packages/eds/eds-page/eds-page-header.ts`
+Selector: `eds-page-header`
+
+Inputs:
+- `collapsedLabel: string = 'Expand'` — Accessible label for the toggle button when header is collapsed.
+- `expandedLabel: string = 'Collapse'` — Accessible label for the toggle button when header is expanded.
+- `isCollapsed: boolean = false` — Controls the collapsed state of the header.
+- `isCollapsible: boolean = false` — Enables expand/collapse functionality for the page header.
+- `isHeaderMultilines: boolean = false` — Enables multi-line layout mode for headers with extensive content.
+
+Outputs:
+- `collapse: boolean` — Emitted when the header's collapsed state changes.
+
+Properties:
+- `collapsed: unknown = signal(false)`
+
+Methods:
+- `toggleCollapse(): void`
+
+### EdsPageHeaderActionItems
+
+File: `packages/eds/eds-page/eds-page-header-action-items.ts`
+Selector: `eds-page-header-action-items`
+
+### EdsPageHeaderBody
+
+File: `packages/eds/eds-page/eds-page-header-body.ts`
+Selector: `eds-page-header-body`
+
+### EdsPageHeaderLabel
+
+File: `packages/eds/eds-page/eds-page-header-label.ts`
+Selector: `eds-page-header-label`
+
+### EdsPageHeaderSublabel
+
+File: `packages/eds/eds-page/eds-page-header-sublabel.ts`
+Selector: `eds-page-header-sublabel`
+
+### EdsShell
+
+File: `packages/eds/eds-shell/eds-shell.ts`
+Selector: `eds-shell`
+
+Inputs:
+- `sidebarOpen: boolean = true` — Whether the sidebar starts open on desktop.
+
+Outputs:
+- `sidebarOpenChange: boolean` — Emits when sidebar open state changes.
+
+Properties:
+- `hasSidebar: unknown = computed(() => !!this.sidebarChild())` — Whether a sidebar is projected.
+- `isHeaderHidden: unknown = signal(false)` — Whether the header is hidden due to scroll.
+- `isOpen: unknown = signal(window.innerWidth > BREAKPOINT)` — Internal open state signal.
+- `isOverlay: unknown = signal(window.innerWidth <= BREAKPOINT)` — Whether we're in overlay mode (tablet/mobile).
+- `isSidebarCollapsed: unknown = computed(() => !this.isOpen() && !this.isOverlay())` — Whether the sidebar nav should render in collapsed/icon-only mode.
+- `isSidebarCollapsedWithLabels: unknown = computed(() => !this.isOpen() && !this.isOverlay() && this.collapseMode() === 'icons-labels', )` — Whether collapsed mode should show labels under icons.
+- `sidebarClasses: unknown = computed(() => { const overlay = this.isOverlay(); const open = this.isOpen(); const mode = this.collapseMode(); if (overlay) { return { open, collapsed: false,…`
+
+Methods:
+- `closeSidebar(): void`
+- `onKeydown(event: KeyboardEvent): void`
+- `onResize(): void`
+- `onScroll(event: Event): void`
+- `toggleSidebar(): void`
+
+### EdsShellContent
+
+File: `packages/eds/eds-shell/eds-shell-content.ts`
+Selector: `eds-shell-content`
+
+### EdsShellFooter
+
+File: `packages/eds/eds-shell/eds-shell-footer.ts`
+Selector: `eds-shell-footer`
+
+Inputs:
+- `copyright: string = ''` — Copyright text displayed on the left.
+
+### EdsShellHeader
+
+File: `packages/eds/eds-shell/eds-shell-header.ts`
+Selector: `eds-shell-header`
+
+Inputs:
+- `isShrinkOnScroll: boolean = false` — Whether the header shrinks on scroll.
+
+### EdsShellHeaderApp
+
+File: `packages/eds/eds-shell/eds-shell-header-app.ts`
+Selector: `eds-shell-header-app`
+
+Inputs:
+- `appName: string = ''` — Full application name.
+- `appShortName: string = ''` — Short name for responsive/compact layouts.
+- `appSubTitle: string = ''` — Subtitle/description below the app name.
+
+### EdsShellHeaderEnd
+
+File: `packages/eds/eds-shell/eds-shell-header-end.ts`
+Selector: `eds-shell-header-end`
+
+### EdsShellHeaderEnvironment
+
+File: `packages/eds/eds-shell/eds-shell-header-environment.ts`
+Selector: `eds-shell-header-environment`
+
+### EdsShellHeaderLogo
+
+File: `packages/eds/eds-shell/eds-shell-header-logo.ts`
+Selector: `eds-shell-header-logo`
+
+Inputs:
+- `homeUrl: string = '/'` — Route to navigate on logo click.
+- `language: string = 'en'` — Current language code (used to resolve the EC logo variant). Default: 'en'.
+- `logoHeight: string = '56px'` — Logo height CSS value.
+- `logoUrl: string = ''` — Custom logo URL. If not provided, uses the EC logo for the given language.
+- `logoWidth: string = 'auto'` — Logo width CSS value.
+
+Properties:
+- ``resolvedLogoUrl: unknown = computed(() => { if (this.logoUrl()) return this.logoUrl(); return `assets/logos/ec/positive/logo-ec--${this.language()}.svg`; })`` — Resolved logo URL — custom or language-based EC logo.
+
+### EdsShellHeaderStart
+
+File: `packages/eds/eds-shell/eds-shell-header-start.ts`
+Selector: `eds-shell-header-start`
+
+### EdsShellMenuToggle
+
+File: `packages/eds/eds-shell/eds-shell-menu-toggle.ts`
+Selector: `eds-shell-menu-toggle`
+
+Outputs:
+- `menuToggle: void` — Emits when the toggle button is clicked.
+
+Methods:
+- `onClick(): void`
+
+### EdsShellSidebar
+
+File: `packages/eds/eds-shell/eds-shell-sidebar.ts`
+Selector: `eds-shell-sidebar`
+
+Inputs:
+- `collapseMode: EdsSidebarCollapseMode = 'hidden'` — Collapse mode: 'hidden' fully hides, 'icons' shows icon rail, 'icons-labels' shows icons + labels.
+- `width: string = '260px'` — Width of the sidebar (CSS value).
+
+### EdsShellSidebarBottomNav
+
+File: `packages/eds/eds-shell/eds-shell-sidebar-bottom-nav.ts`
+Selector: `eds-shell-sidebar-bottom-nav`
+
+Inputs:
+- `hasCollapsedLabels: boolean = false` — Whether to show labels underneath icons in collapsed mode.
+- `hasIcons: boolean = false` — Whether to show icons alongside labels.
+- `isCollapsed: boolean = false` — Whether the menu is in collapsed/icon-only mode.
+- `items: EdsMenuItem[] = []` — Array of menu items to render.
+
+Outputs:
+- `itemClick: EdsMenuItem` — Emits when a menu item is clicked.
+
+Methods:
+- `onItemClick(item: EdsMenuItem): void`
+
+### EdsShellSidebarFooter
+
+File: `packages/eds/eds-shell/eds-shell-sidebar-footer.ts`
+Selector: `eds-shell-sidebar-footer`
+
+### EdsShellSidebarHeader
+
+File: `packages/eds/eds-shell/eds-shell-sidebar-header.ts`
+Selector: `eds-shell-sidebar-header`
+
+Inputs:
+- `brand: string = ''` — Brand/title text displayed in the sidebar header.
+- `showClose: boolean = false` — Whether to show the close button (shown on overlay mode).
+
+Outputs:
+- `closeClick: void` — Emits when the close button is clicked.
+
+Methods:
+- `onClose(): void`
+
+### EdsShellSidebarNav
+
+File: `packages/eds/eds-shell/eds-shell-sidebar-nav.ts`
+Selector: `eds-shell-sidebar-nav`
+
+Inputs:
+- `hasCollapsedLabels: boolean = false` — Whether to show labels underneath icons in collapsed mode.
+- `hasIcons: boolean = false` — Whether to show icons alongside labels.
+- `isCollapsed: boolean = false` — Whether the menu is in collapsed/icon-only mode.
+- `items: EdsMenuItem[] = []` — Array of menu items to render.
+
+Outputs:
+- `itemClick: EdsMenuItem` — Emits when a menu item is clicked.
+
+Methods:
+- `onItemClick(item: EdsMenuItem): void`
+
+### EdsShellToolbar
+
+File: `packages/eds/eds-shell/eds-shell-toolbar.ts`
+Selector: `eds-shell-toolbar`
+
+### EdsShellToolbarApp
+
+File: `packages/eds/eds-shell/eds-shell-toolbar-app.ts`
+Selector: `eds-shell-toolbar-app`
+
+Inputs:
+- `appName: string = ''` — Full application name.
+- `appShortName: string = ''` — Short name for responsive/compact layouts.
+- `appSubTitle: string = ''` — Subtitle/description below the app name.
+
+### EdsShellToolbarEnd
+
+File: `packages/eds/eds-shell/eds-shell-toolbar-end.ts`
+Selector: `eds-shell-toolbar-end`
+
+### EdsShellToolbarEnvironment
+
+File: `packages/eds/eds-shell/eds-shell-toolbar-environment.ts`
+Selector: `eds-shell-toolbar-environment`
+
+### EdsShellToolbarLogo
+
+File: `packages/eds/eds-shell/eds-shell-toolbar-logo.ts`
+Selector: `eds-shell-toolbar-logo`
+
+### EdsShellToolbarStart
+
+File: `packages/eds/eds-shell/eds-shell-toolbar-start.ts`
+Selector: `eds-shell-toolbar-start`
+
+### EdsShellTopMessage
+
+File: `packages/eds/eds-shell/eds-shell-top-message.ts`
+Selector: `eds-shell-top-message`
+
+Inputs:
+- `isDismissible: boolean = true` — Whether the close button is shown.
+
+Outputs:
+- `dismissed: void` — Emits when the message is dismissed.
+
+Properties:
+- `isVisible: unknown = signal(true)` — Internal visibility state.
+
+Methods:
+- `dismiss(): void`
 
 ### EdsTab
 
@@ -267,7 +672,7 @@ Properties:
 - `isDisabled$: unknown = new BehaviorSubject(this.isDisabled)`
 - `isVisible$: unknown = new BehaviorSubject(this.isVisible)`
 - `templateBody: EdsTabBody`
-- `templateHeader: EdsTabHeader`
+- `templateHeader: unknown = contentChild.required(forwardRef(() => EdsTabHeader))`
 
 Methods:
 - `activateTab(): void`
@@ -284,7 +689,7 @@ Inputs:
 Properties:
 - `tabIndex$: unknown = new BehaviorSubject(0)`
 - `templatePortal: TemplatePortal`
-- `templateRef: TemplateRef<HTMLElement>`
+- `templateRef: unknown = viewChild.required<TemplateRef<HTMLElement>>('templateRef')`
 
 ### EdsTabHeader
 
@@ -293,7 +698,7 @@ Selector: `eds-tab-header`
 
 Properties:
 - `templatePortal: TemplatePortal`
-- `templateRef: TemplateRef<HTMLElement>`
+- `templateRef: unknown = viewChild.required<TemplateRef<HTMLElement>>('templateRef')`
 
 ### EdsTabHeaderLabel
 
@@ -336,22 +741,22 @@ Change detection: `ChangeDetectionStrategy.OnPush`
 Inputs:
 - `activeTabIndex: number = 0` — Index of the active tab 0
 - `ariaLabel: string = 'EDS Tabs'` — Sets the aria-label attribute for the host element. 'eUI Tabs'
-- `e2eAttr: string = 'eds-tabs'`
+- `e2eAttr: string = 'eds-tabs'` — Sets the data-e2e attribute for the host element. 'eds-tabs'
 - `isFlat: boolean = false`
 - `isMainNavigation: boolean = false`
 
 Outputs:
-- `tabActivate: EventEmitter = new EventEmitter<{ tab: EdsTab; index: number }>()` — Event emitted when a tab is activated
-- `tabClick: EventEmitter = new EventEmitter<{ tab: EdsTab; index: number }>()` — Event emitted when a tab is clicked
-- `tabClose: EventEmitter = new EventEmitter<{ tab: EdsTab; index: number }>()` — Event emitted when a tab is closed
+- `tabActivate: { tab: EdsTab; index: number; }` — Event emitted when a tab is activated
+- `tabClick: { tab: EdsTab; index: number; }` — Event emitted when a tab is clicked
+- `tabClose: { tab: EdsTab; index: number; }` — Event emitted when a tab is closed
 
 Properties:
 - `_tabs: QueryList<EdsTab>`
 - `currentOffset: number = 0`
-- `euiTabListItems: QueryList<ElementRef>`
-- `euiTabsHeaders: ElementRef`
-- `euiTabsHeadersContainer: ElementRef`
-- `euiTabsRightContent: ElementRef`
+- `edsTabListItems: unknown = viewChildren<ElementRef>('euiTabListItems')`
+- `edsTabsHeaders: unknown = viewChild.required<ElementRef>('euiTabsHeaders')`
+- `edsTabsHeadersContainer: unknown = viewChild.required<ElementRef>('euiTabsHeadersContainer')`
+- `edsTabsRightContent: unknown = viewChild.required<ElementRef>('euiTabsRightContent')`
 - `navigationLeftButtonDisabled: unknown = true`
 - `navigationRightButtonDisabled: unknown = false`
 - `scrolling: unknown = false`
@@ -376,18 +781,19 @@ Change detection: `ChangeDetectionStrategy.OnPush`
 
 Inputs:
 - `ariaLabel: string = 'Tag content'` — Sets the aria-label attribute for the host element. 'Chip content'
-- `data: any = { id: crypto.randomUUID(), tooltip: { color: 'euiTooltipPrimary', contentAlignment: null, position: 'above', }, }` — Sets the data of the chip like tooltip configuration.
-- `e2eAttr: string = 'eui-tag'` — Sets the data-e2e attribute for the host element. 'eui-chip'
-- `euiInternalId: string` — Sets the euiInternalId of the tag. null
-- `euiTagOutline: boolean = false`
-- `id: string | number` — Sets the id of the tag.
-- `tooltipMessage: string` — Sets the label of the tooltip to diaply on hover.
+- `colorPalette: string = ''` — Extra color palette to be used on the status-badge.
+- `data: any` — Sets the data of the chip like tooltip configuration.
+- `e2eAttr: string = 'eds-tag'` — Sets the data-e2e attribute for the host element. 'eds-tag'
+- `edsInternalId: string = ''` — Sets the edsInternalId of the tag. null
+- `edsOutline: boolean = false`
+- `id: string | number = ''` — Sets the id of the tag.
+- `tooltipMessage: string = ''` — Sets the label of the tooltip to diaply on hover.
 
 Outputs:
-- `remove: EventEmitter = new EventEmitter<any>()` — Event emitted when the chip is removed.
+- `remove: any` — Event emitted when the chip is removed.
 
 Properties:
-- `role: string = 'status'` — Sets the role attribute for the host element. 'status'
+- `hostClasses: unknown = computed(() => { return [ 'eds-tag', this.sizeVariantsBase.getCssClasses('eds-tag'), this.colorVariantsBase.getCssClasses('eds-tag'), this.edsOutline() ? 'eds-t…` — Computes and returns the CSS classes for the component based on its current state.
 
 ### EdsTooltipContainer
 
@@ -401,8 +807,119 @@ Inputs:
 Properties:
 - `e2e: string = 'eds-tooltip'` — Sets the data-e2e attribute for the host element. 'eds-tooltip'
 
+### EdsUserProfile
+
+File: `packages/eds/eds-user-profile/eds-user-profile.ts`
+Selector: `eds-user-profile`
+
+Inputs:
+- `avatarUrl: string = ''` — URL of the avatar image.
+- `firstName: string = ''` — First name.
+- `fullName: string = ''` — Full name of the user.
+- `hasWelcomeLabel: boolean = true` — Whether to show the welcome label.
+- `isReverse: boolean = false` — Reverse the layout (name on left, avatar on right).
+- `isShowAvatarInitials: boolean = true` — Whether to show initials in the avatar when no image.
+- `isShowUserInfos: boolean = true` — Whether to show user name and info text.
+- `lastName: string = ''` — Last name.
+- `reverseNameOrder: boolean = false` — Whether to reverse name order (firstName first).
+- `subInfos: string = ''` — Additional info displayed below the name (e.g. email, role).
+- `welcomeLabel: string = 'Welcome'` — Welcome label displayed before the user name.
+
+Properties:
+- `alignLeft: unknown = signal(false)` — Whether the dropdown should align to the left edge instead of right.
+- `displayName: unknown = computed(() => { if (this.fullName()) return this.fullName(); const first = this.firstName(); const last = this.lastName(); if (this.reverseNameOrder()) { retur…` — Computed display name.
+- `effectiveReverse: unknown = computed(() => this.isReverse() || this.contextReverse())` — Effective reverse state: true if input or context forces it.
+- `focusedIndex: unknown = signal(-1)` — Index of the currently focused menu item (-1 = none).
+- `hasMenu: unknown = computed(() => !!this.menuChild())` — Whether the component has a dropdown menu.
+- ``initials: unknown = computed(() => { const first = this.firstName(); const last = this.lastName(); if (first && last) { return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase(); …`` — Computed initials from name.
+- `isInToolbar: unknown = signal(false)` — Whether the avatar should use medium size (e.g. inside eds-shell-toolbar).
+- `isMenuOpen: unknown = signal(false)` — Whether dropdown menu is open.
+
+Methods:
+- `closeMenu(): void`
+- `onDocumentClick(event: MouseEvent): void`
+- `onMenuKeydown(event: KeyboardEvent): void`
+- `toggleMenu(): void`
+
+### EdsUserProfileMenu
+
+File: `packages/eds/eds-user-profile/eds-user-profile-menu.ts`
+Selector: `eds-user-profile-menu`
+
+### EdsUserProfileMenuItem
+
+File: `packages/eds/eds-user-profile/eds-user-profile-menu-item.ts`
+Selector: `eds-user-profile-menu-item`
+
+Properties:
+- `role: string = 'menuitem'`
+- `tabindex: unknown = -1`
+
 ## Directives
 
+### EdsBaseColorVariantsDirective
+
+File: `packages/eds/shared/base-color-variants.directive.ts`
+Selector: `[edsBaseColorVariants]`
+
+Inputs:
+- `edsBrand: boolean`
+- `edsColorVariant: string`
+- `edsCritical: boolean`
+- `edsDisabled: boolean`
+- `edsHighlight: boolean`
+- `edsInfo: boolean`
+- `edsNeutral: boolean`
+- `edsNeutralSubtle: boolean`
+- `edsNeutralSubtler: boolean`
+- `edsPrimary: boolean`
+- `edsSuccess: boolean`
+- `edsWarning: boolean`
+
+Methods:
+- `getCssClasses(rootClass: string): string`
+
+### EdsBaseSizeVariantsDirective
+
+File: `packages/eds/shared/base-size-variants.directive.ts`
+Selector: `[edsBaseSizeVariants]`
+
+Inputs:
+- `edsSize2XL: boolean`
+- `edsSize2XS: boolean`
+- `edsSize3XL: boolean`
+- `edsSize4XL: boolean`
+- `edsSize5XL: boolean`
+- `edsSize6XL: boolean`
+- `edsSizeAuto: boolean`
+- `edsSizeL: boolean`
+- `edsSizeM: boolean`
+- `edsSizeS: boolean`
+- `edsSizeVariant: string`
+- `edsSizeXL: boolean`
+- `edsSizeXS: boolean`
+
+Methods:
+- `getCssClasses(rootClass: string): string`
+
+### EdsResizable
+
+File: `packages/eds/eds-resizable/eds-resizable.directive.ts`
+Selector: `[edsResizable]`
+
+Description: Directive that enables interactive resizing of a host element by dragging a handle. Applies width constraints dynamically and supports left or right-side handle placement. Usage: \<div edsResizable \[edsResizableMinWidth\]="200" \[edsResizableMaxWidth\]="600"\>\</div\>
+
+Inputs:
+- `edsResizableAriaLabel: string = 'Press the left or right arrow key to resize the panel'` — Accessible label for the separator handle.
+- `edsResizableDisabled: boolean = false` — Whether the resize handle is hidden/disabled.
+- `edsResizableKeyStep: number = 10` — Step size in pixels for keyboard arrow key resizing.
+- `edsResizableMaxWidth: number | undefined = undefined` — Maximum width in pixels.
+- `edsResizableMinWidth: number = 0` — Minimum width in pixels.
+- `edsResizablePosition: EdsResizablePosition = 'right'` — Handle placement side.
+
+Outputs:
+- `edsResizableWidthChange: number` — Emits the new width in pixels after a resize operation.
+
 ### EdsTooltip
 
 File: `packages/eds/eds-tooltip/eds-tooltip.ts`
@@ -412,13 +929,13 @@ Inputs:
 - `contentAlignment: "left" | "right" | "center" | "justify" = 'center'` — Sets the alignment of the content in the tooltip. 'center''
 - `e2eAttr: string = 'eds-tooltip'` — Sets the data-e2e attribute for the host element. 'eds-tooltip'
 - `edsTooltip: string` — Tooltip content.
-- `euiTooltipAccent: boolean = false` — Whether the tooltip has Accent state. false
-- `euiTooltipDanger: boolean = false` — Whether the tooltip has a Danger state. false
-- `euiTooltipInfo: boolean = false` — Whether the tooltip has Info state. false
-- `euiTooltipPrimary: boolean = false` — Whether the tooltip has a Primary state. false
-- `euiTooltipSecondary: boolean = false` — Whether the tooltip has a Secondary state. false
-- `euiTooltipSuccess: boolean = false` — Whether the tooltip has a Success state. false
-- `euiTooltipWarning: boolean = false` — Whether the tooltip has a Warning state. false
+- `edsTooltipAccent: boolean = false` — Whether the tooltip has Accent state. false
+- `edsTooltipDanger: boolean = false` — Whether the tooltip has a Danger state. false
+- `edsTooltipInfo: boolean = false` — Whether the tooltip has Info state. false
+- `edsTooltipPrimary: boolean = false` — Whether the tooltip has a Primary state. false
+- `edsTooltipSecondary: boolean = false` — Whether the tooltip has a Secondary state. false
+- `edsTooltipSuccess: boolean = false` — Whether the tooltip has a Success state. false
+- `edsTooltipWarning: boolean = false` — Whether the tooltip has a Warning state. false
 - `hideDelay: number = 0` — Sets the delay for the tooltip to be hidden 0
 - `isDisabled: boolean = false` — Whether the tooltip is disabled. false (enable)
 - `position: "left" | "right" | "above" | "below" | "before" | "after" | string = 'above'` — Sets the position of the tooltip relative to its trigger element. 'center''
@@ -430,50 +947,6 @@ Methods:
 - `mouseEntering(event: MouseEvent): void`
 - `show(origin: EventTarget = this.host.nativeElement): void` — Method that shows a tooltip.
 
-### EuiBaseColorVariantsDirective
-
-File: `packages/eds/shared/base-color-variants.directive.ts`
-Selector: `[euiBaseColorVariants]`
-
-Inputs:
-- `euiColorVariant: string`
-- `euiCritical: boolean`
-- `euiDisabled: boolean`
-- `euiHighlight: boolean`
-- `euiInfo: boolean`
-- `euiNeutral: boolean`
-- `euiNeutralSubtle: boolean`
-- `euiNeutralSubtler: boolean`
-- `euiPrimary: boolean`
-- `euiSuccess: boolean`
-- `euiWarning: boolean`
-
-Methods:
-- `getCssClasses(rootClass: string): string`
-
-### EuiBaseSizeVariantsDirective
-
-File: `packages/eds/shared/base-size-variants.directive.ts`
-Selector: `[euiBaseSizeVariants]`
-
-Inputs:
-- `euiSize2XL: boolean`
-- `euiSize2XS: boolean`
-- `euiSize3XL: boolean`
-- `euiSize4XL: boolean`
-- `euiSize5XL: boolean`
-- `euiSize6XL: boolean`
-- `euiSizeAuto: boolean`
-- `euiSizeL: boolean`
-- `euiSizeM: boolean`
-- `euiSizeS: boolean`
-- `euiSizeVariant: string`
-- `euiSizeXL: boolean`
-- `euiSizeXS: boolean`
-
-Methods:
-- `getCssClasses(rootClass: string): string`
-
 ## Classes
 
 ### EdsChipModel
@@ -481,7 +954,7 @@ Methods:
 File: `packages/eds/eds-chip/models/eui-chip.model.ts`
 
 Properties:
-- `euiInternalId: string`
+- `edsInternalId: string`
 - `iconClass?: string`
 - `iconSvgName?: string`
 - `id: string | number`
@@ -490,9 +963,19 @@ Properties:
 - `isRemovable: unknown = false`
 - `isRounded: unknown = false`
 - `label: string`
-- `tooltip: EuiChipTooltip = new EuiChipTooltip()`
+- `tooltip: EdsChipTooltip = new EdsChipTooltip()`
 - `variant: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "accent" = 'primary'`
 
+### EdsChipTooltip
+
+File: `packages/eds/eds-chip/models/eui-chip.model.ts`
+
+Properties:
+- `contentAlignment?: "center" | "left" | "right" | "justify" = 'center'`
+- `delay?: number = 0`
+- `position?: "above" | "below" | "left" | "right" | "before" | "after" = 'above'`
+- `tooltipMessage: string`
+
 ### EdsTooltipConfig
 
 File: `packages/eds/eds-tooltip/eds-tooltip.config.ts`
@@ -504,17 +987,30 @@ Properties:
 - `position: "left" | "right" | "above" | "below" | "before" | "after" | string = 'above'`
 - `tooltipContent: null = null`
 
-### EuiChipTooltip
+## Interfaces
+
+### EdsLanguage
 
-File: `packages/eds/eds-chip/models/eui-chip.model.ts`
+File: `packages/eds/eds-language-selector/eds-language-selector.ts`
 
 Properties:
-- `contentAlignment?: "center" | "left" | "right" | "justify" = 'center'`
-- `delay?: number = 0`
-- `position?: "above" | "below" | "left" | "right" | "before" | "after" = 'above'`
-- `tooltipMessage: string`
+- `code: string` — Language code (e.g. 'en', 'fr', 'de').
+- `label: string` — Display label (e.g. 'English', 'Français').
 
-## Interfaces
+### EdsMenuItem
+
+File: `packages/eds/eds-menu/eds-menu-item.model.ts`
+
+Properties:
+- `children?: EdsMenuItem[]` — Child menu items for hierarchical navigation.
+- `command?: function` — Callback executed on click instead of navigation.
+- `data?: unknown` — Custom data attached to the item.
+- `icon?: string` — Icon name (EDS icon identifier).
+- `isActive?: boolean` — Whether the item is currently active.
+- `isDisabled?: boolean` — Whether the item is disabled.
+- `isExpanded?: boolean` — Whether the item is expanded (for parent items).
+- `label: string` — Display label for the menu item.
+- `url?: string` — Route URL to navigate to.
 
 ### EdsTooltipInterface
 
@@ -527,8 +1023,16 @@ Properties:
 - `position: "left" | "right" | "above" | "below" | "before" | "after" | string`
 - `tooltipContent: string | null`
 
+## Public type aliases
+
+- `type EdsOverlayPosition = "right" | "left" | "top" | "bottom"`
+- `type EdsResizablePosition = "left" | "right"` — Handle placement side.
+- `type EdsSidebarCollapseMode = "hidden" | "icons" | "icons-labels"`
+
 ## Public variables
 
+- `BREAKPOINT: number = 1024`
+  Defined in `packages/eds/eds-shell/eds-shell.ts`
 - `EDS_ALERT: unknown = [ EdsAlert, EdsAlertTitle, ] as const`
   Defined in `packages/eds/eds-alert/index.ts`
 - `EDS_AVATAR: unknown = [ EdsAvatar, EdsAvatarIcon, EdsAvatarText, EdsAvatarImage, EdsAvatarBadge, EdsAvatarList, EdsAvatarContent, EdsAvatarContentLabel, EdsAvatarContentSublabel, ] a…`
@@ -545,10 +1049,24 @@ Properties:
   Defined in `packages/eds/eds-icon-button/index.ts`
 - `EDS_ICON_STATE: unknown = [ EdsIconState, ] as const`
   Defined in `packages/eds/eds-icon-state/index.ts`
+- `EDS_LANGUAGE_SELECTOR: unknown = [EdsLanguageSelector] as const` — Convenience array for importing eds-language-selector.
+  Defined in `packages/eds/eds-language-selector/index.ts`
+- `EDS_MENU: unknown = [EdsMenu, EdsMenuItemComponent] as const` — Convenience array for importing eds-menu components.
+  Defined in `packages/eds/eds-menu/index.ts`
+- `EDS_OVERLAY: unknown = [ EdsOverlay, EdsOverlayHeader, EdsOverlayHeaderLabel, EdsOverlayHeaderSublabel, EdsOverlayHeaderActionItems, EdsOverlayContent, EdsOverlayFooter, ] as const` — Convenience array for importing all eds-overlay components.
+  Defined in `packages/eds/eds-overlay/index.ts`
+- `EDS_PAGE: unknown = [ EdsPage, EdsPageHeader, EdsPageHeaderLabel, EdsPageHeaderSublabel, EdsPageHeaderActionItems, EdsPageHeaderBody, EdsPageContent, EdsPageFooter, ] as const` — Convenience array for importing all eds-page components.
+  Defined in `packages/eds/eds-page/index.ts`
+- `EDS_SHELL: unknown = [ EdsShell, EdsShellHeader, EdsShellHeaderLogo, EdsShellHeaderEnvironment, EdsShellHeaderApp, EdsShellHeaderStart, EdsShellHeaderEnd, EdsShellToolbar, EdsShellT…` — Convenience array for importing all eds-shell components.
+  Defined in `packages/eds/eds-shell/index.ts`
 - `EDS_TABS: unknown = [ EdsTabs, EdsTabsRightContent, EdsTabBody, EdsTabHeader, EdsTabHeaderLabel, EdsTabHeaderSublabel, EdsTabHeaderRightContent, EdsTabHeaderLeftContent, EdsTab, ] …`
   Defined in `packages/eds/eds-tabs/index.ts`
 - `EDS_TAG: unknown = [ EdsTag, ] as const`
   Defined in `packages/eds/eds-tag/index.ts`
+- `EDS_USER_PROFILE: unknown = [ EdsUserProfile, EdsUserProfileMenu, EdsUserProfileMenuItem, ] as const` — Convenience array for importing all eds-user-profile components.
+  Defined in `packages/eds/eds-user-profile/index.ts`
+- `pixelTransform: unknown = (value: string | number): number => Math.max(0, numberAttribute(value, 0))` — Ensures value is a non-negative pixel number.
+  Defined in `packages/eds/eds-resizable/eds-resizable.directive.ts`
 - `showHide: unknown = trigger('showHide', [ state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })), state('visible', style({ transform: 'scale(1)' })), transiti…` — Tooltip display animation.
   Defined in `packages/eds/eds-tooltip/eds-tooltip-animations.ts`
 - `testBed: unknown = getTestBed()`