@ebrains/components 2.4.0 → 3.0.0

package/dist/types/components.d.ts

@@ -5,15 +5,21 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { IconName } from "./utils/icons";
+import { AppTag } from "./components/eds-cards/eds-card-app/eds-card-app";
+import { CtaLink } from "./components/eds-cards/eds-card-cta/eds-card-cta";
 import { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
-import { Card } from "./components/eds-cards/eds-card-section/eds-card-section";
+import { HeroTag } from "./components/eds-cards/eds-card-hero/eds-card-hero";
 import { Event, VNode } from "./stencil-public-runtime";
 import { SidebarItem } from "./components/eds-sidebar/eds-sidebar";
 import { Step } from "./components/eds-steps/eds-steps";
 import { Step as Step1 } from "./components/eds-steps-v2/eds-steps-v2";
 import { TableAction } from "./components/eds-table/eds-table";
+export { IconName } from "./utils/icons";
+export { AppTag } from "./components/eds-cards/eds-card-app/eds-card-app";
+export { CtaLink } from "./components/eds-cards/eds-card-cta/eds-card-cta";
 export { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
-export { Card } from "./components/eds-cards/eds-card-section/eds-card-section";
+export { HeroTag } from "./components/eds-cards/eds-card-hero/eds-card-hero";
 export { Event, VNode } from "./stencil-public-runtime";
 export { SidebarItem } from "./components/eds-sidebar/eds-sidebar";
 export { Step } from "./components/eds-steps/eds-steps";
@@ -49,32 +55,19 @@ export namespace Components {
     }
     /**
      * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
-     * It features a customizable header, optional description, and content area that can be dynamically expanded.
-     * This component supports a range of configurations, including background toggling, minimum height adjustments,
-     * and various styles to suit different layouts and display requirements.
-     * It includes an optional button or link element within the header, which can be customized for additional interactions.
-     * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent components
-     * to track its open/close status.
-     * Key features include:
-     * - Header with customizable title
-     * - Expandable/collapsible content section
-     * - Background color switch on expand and hover
-     * - Compact layout option with reduced header height
-     * - Adjustable content height and text clamping
-     * - Emitted events for tracking changes in expansion state and context
+     * It features a customizable header with optional icon, description, and content area.
+     * Supports two visual variants (`default` and `inverse`) matching the card design system,
+     * with hover effects, smooth CSS-driven expand/collapse animation, and optional icon display.
+     * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent
+     * components to track its open/close status.
      */
     interface EdsAccordion {
         /**
-          * Intent/style of the toggle button. Options: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse'
-          * @default 'tertiary'
-         */
-        "buttonIntent": 'secondary' | 'tertiary' | 'ghost';
-        /**
-          * Clamps the text when the accordion is collapsed to prevent overflow
+          * Clamps the description text when the accordion is collapsed to prevent overflow
          */
         "clampText": boolean;
         /**
-          * Optional description displayed above the main content
+          * Optional description displayed below the title in the header
          */
         "description"?: string;
         /**
@@ -86,43 +79,54 @@ export namespace Components {
          */
         "heading": string;
         /**
-          * Toggles the background color on expand and hover
+          * Optional icon displayed in the header
+         */
+        "icon"?: IconName;
+        /**
+          * @deprecated Use `variant` prop instead. Kept for backward compatibility.
          */
         "switchBg": boolean;
+        /**
+          * Visual variant: 'default' for dark background, 'inverse' for light background
+         */
+        "variant": 'default' | 'inverse';
     }
     /**
-     * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
-     * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
-     * Key features include:
-     * - Customizable alert message with different visual intents (`default`, `warning`, `error`, `success`).
-     * - Configurable layout direction (`horizontal` or `vertical`) to accommodate various design requirements.
-     * - Optional pressable element (link or button) that allows users to interact with the alert.
-     * - Emits context events to allow parent components to track alert interactions.
-     * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
+     * `EdsAlert` is a versatile alert component for displaying contextual messages.
+     * Key features:
+     * - Contextual intents (`default`, `info`, `warning`, `error`, `success`) with matching icons and accent colors
+     * - Configurable layout direction (`horizontal` or `vertical`)
+     * - Optional action element (link when URL provided, ghost button otherwise)
+     * - Optional dismiss button to close the alert
+     * - Left accent border colored per intent
      */
     interface EdsAlert {
         /**
-          * The border style of the alert. Defaults to "rounded" (rounded borders). Set to "normal" to have non-rounded (square) borders.
+          * The layout direction of the alert content.
          */
-        "brd": 'rounded' | 'normal';
+        "direction": 'horizontal' | 'vertical';
         /**
-          * The layout direction of the alert content, either 'horizontal' or 'vertical'.
+          * When true, shows a close button to dismiss the alert.
          */
-        "direction": 'horizontal' | 'vertical';
+        "dismissible": boolean;
         /**
-          * The visual intent or style of the alert, indicating the alert type.
+          * Optional icon override. When not set, an icon matching the intent is shown automatically.
          */
-        "intent": 'default' | 'warning' | 'error' | 'success';
+        "icon"?: IconName;
         /**
-          * The main message or text to be displayed in the alert.
+          * The visual intent of the alert. 'info' is an alias for 'default'.
          */
-        "message": string;
+        "intent": 'default' | 'info' | 'warning' | 'error' | 'success' | 'brand';
         /**
-          * Determines whether the alert includes a pressable element, such as a button or link.
+          * The main message or text to be displayed in the alert. If not provided, slot content will be used instead.
+         */
+        "message"?: string;
+        /**
+          * Label for the action element (link or button).
          */
         "pressableLabel"?: string;
         /**
-          * The URL for the pressable element if it is a link.
+          * URL for the action element. When provided, renders a link instead of a button.
          */
         "pressableUrl"?: string;
     }
@@ -180,24 +184,30 @@ export namespace Components {
      */
     interface EdsBreadcrumb {
         /**
-          * The visual style or intent of the breadcrumb links. Options include: 'primary', 'secondary', 'tertiary', 'ghost', 'strong', 'weak', 'inverse', 'underline'. Default is 'ghost'.
+          * The visual style or intent of the breadcrumb links. Options include: 'ghost', 'strong', 'weak', 'inverse', 'underline'. Default is 'ghost'.
          */
-        "intent": 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
+        "intent": 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
         /**
           * An array of breadcrumb items. It can be passed as a JSON string or an array of objects. Each object should contain the properties: `label` (string) and `url` (string). Example: '[{"label": "Home", "url": "/"}, {"label": "Products", "url": "/products"}]'
          */
         "items": string | Link[];
     }
     /**
-     * `EdsButton` is a versatile button component designed for a range of actions and interactions in applications.
-     * The button offers various customization options for appearance, size, and behavior.
-     * Key features include:
-     * - Configurable visual styles (`intent`) such as primary, secondary, and ghost.
-     * - Loading state indicator and disabled state for control over user interactions.
-     * - Optional icon display with customizable position and size.
-     * - Support for different element types (`button` or `a`) and pill-shaped buttons.
-     * - Emits a custom Matomo event when clicked for tracking interactions.
-     * This component is suitable for buttons, links, and other interactive elements within an interface.
+     * `EdsButton` - Updated for EBRAINS Visual System 2025
+     * A versatile button component designed for a range of actions and interactions.
+     * Updated to match the new EBRAINS visual identity with:
+     * - Brand black (#07140D) for primary buttons
+     * - Brand green (#00FF9D) for accents and focus states
+     * - Pill-shaped design (rounded-full by default)
+     * - IBM Plex Sans typography
+     * - High-contrast accessibility
+     * Key features:
+     * - Primary (black) and Secondary (outlined) button styles
+     * - Loading state indicator with proper color handling
+     * - Disabled state for control over user interactions
+     * - Optional icon display with customizable position and size
+     * - Support for different element types (button or a)
+     * - Emits custom Matomo event when clicked for tracking
      */
     interface EdsButton {
         /**
@@ -213,9 +223,13 @@ export namespace Components {
          */
         "elementType": 'button' | 'a';
         /**
-          * The icon name to be displayed inside the button. Assumes a string for the icon name.
+          * Whether the button should take the full width of its container.
          */
-        "icon"?: string;
+        "fullWidth": boolean;
+        /**
+          * The icon name to be displayed inside the button.
+         */
+        "icon"?: IconName;
         /**
           * The position of the icon inside the button. Options are 'left' or 'right'. Default is 'right'.
          */
@@ -225,9 +239,9 @@ export namespace Components {
          */
         "iconSmall"?: boolean;
         /**
-          * The visual intent or style of the button. Options include 'primary', 'secondary', 'tertiary', 'ghost', and 'ghostInverse'.
+          * The visual intent or style of the button. - 'primary': Brand black background with white text - 'secondary': Transparent/white background with black border and text - 'secondaryInverse': Transparent background with white border and white text (for dark backgrounds) - 'brand': Brand green background with black text (CTA style) - 'cta': CTA link style with monospace font (gray text that turns green on hover) - 'cta-brand': CTA link style with monospace font (always green)
          */
-        "intent": 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+        "intent": 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'brand' | 'brandInverse' | 'neutral' | 'cta' | 'cta-brand';
         /**
           * The label text to be displayed inside the button.
          */
@@ -237,7 +251,7 @@ export namespace Components {
          */
         "loading": boolean;
         /**
-          * A boolean to determine if the button should have a pill shape (rounded).
+          * A boolean to determine if the button should have a pill shape (rounded-full). Default is true to match new EBRAINS visual system.
          */
         "pill": boolean;
         /**
@@ -249,225 +263,267 @@ export namespace Components {
          */
         "triggerClick"?: () => void;
     }
-    interface EdsCardDesc {
+    /**
+     * `EdsCardApp` is a card component designed to showcase applications with category, title, description, tags, and link.
+     * Key features:
+     * - Category label at the top (e.g., "BRAIN ATLASES", "DATA MANAGEMENT")
+     * - Large, lightweight title
+     * - Description text
+     * - Multiple tags for features/technologies
+     * - Optional action link at the bottom
+     * - Hover effects with transform and border glow
+     * This component is ideal for application grids, service catalogs, and platform showcases.
+     */
+    interface EdsCardApp {
         /**
-          * The description text to be displayed inside the card.
+          * The category label (e.g., "BRAIN ATLASES", "DATA MANAGEMENT") Optional - if not provided, the category tag won't be displayed
          */
-        "description": string;
+        "category"?: string;
         /**
-          * A boolean indicating whether the description should be truncated. Default is `true`.
+          * The description text
          */
-        "truncate": boolean;
+        "description": string;
         /**
-          * The number of lines to truncate the description to. Default is 3 lines.
+          * Optional link text (defaults to "Explore Components")
          */
-        "truncateLines": string;
-    }
-    /**
-     * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
-     * The card supports various visual configurations, including hover effects, background styling, and compact layout options.
-     * Key features include:
-     * - A customizable title with an optional link.
-     * - Display of images, avatars, or initials based on the available content.
-     * - Optional description, tag display, and hover effects for interactive use.
-     * - Integration with Matomo analytics, emitting a custom event when the card is clicked.
-     * This component is ideal for use in interfaces where structured card-like display elements are needed.
-     */
-    interface EdsCardGeneric {
+        "linkText": string;
         /**
-          * The URL or path to the avatar image. Used as a fallback when no card image is available.
+          * Tags to display (features, technologies, etc.) Can be a JSON string or array of tag objects
          */
-        "avatar"?: string;
+        "tags": string | AppTag[];
         /**
-          * A boolean that determines whether the card should have a background color. If true, the card will have a background, otherwise it will not.
+          * The main title of the application
          */
-        "bg": boolean;
+        "title": string;
         /**
-          * The title of the card. This is required and displayed prominently.
+          * Optional URL for the action link
          */
-        "cardTitle": string;
+        "url"?: string;
         /**
-          * The description text displayed within the card.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "description"?: string;
+        "variant": 'default' | 'inverse';
+    }
+    /**
+     * `EdsCardCta` is a call-to-action card component with title, description, action buttons, and footer links.
+     * Key features:
+     * - Large title with line breaks
+     * - Description text
+     * - Primary and secondary action buttons
+     * - Footer links in a row
+     * - Animated rotating radial gradient background
+     * - Green border with hover effects
+     * - Variant support (default/inverse)
+     * This component is ideal for landing pages, campaign sections, and conversion-focused layouts.
+     */
+    interface EdsCardCta {
         /**
-          * The heading level for the card title, such as 'h1', 'h2', etc. Default is 'h3'.
+          * The description text below the title
          */
-        "headingLevel": string;
+        "description": string;
         /**
-          * Indicates whether the hierarchy is enabled. If true, all headings except 'h6' map to '05', and 'h6' maps to '06'.
+          * Footer links as JSON string or array of link objects Example: [{"label": "GitLab Repository", "url": "#"}, {"label": "Storybook", "url": "#"}]
          */
-        "hierarchy": boolean;
+        "links": string | CtaLink[];
         /**
-          * The image associated with the card. Can be passed as an object with image attributes.
+          * Text for the primary action button
          */
-        "image"?: any;
+        "primaryButtonText": string;
         /**
-          * Short abbreviation or initials for displaying when no image or avatar is provided.
+          * URL for the primary action button
          */
-        "shortAbbreviation"?: string;
+        "primaryButtonUrl"?: string;
         /**
-          * Tags related to the card content.
+          * Text for the secondary action button
          */
-        "tags": string | Tag[];
+        "secondaryButtonText"?: string;
         /**
-          * A boolean that determines whether the card should be displayed with a smaller height. If true, the card will use the 'tiny' height class.
+          * URL for the secondary action button
          */
-        "tiny": boolean;
+        "secondaryButtonUrl"?: string;
         /**
-          * The URL that the card title links to. If provided, the title becomes a clickable link.
+          * The main title text (supports HTML for line breaks)
          */
-        "url"?: string;
+        "title": string;
         /**
-          * A boolean that determines whether the card should display a hover effect. If true, the card will have a shadow effect and change its cursor on hover.
+          * Visual variant: 'default' for brand-black background, 'inverse' for white background
          */
-        "withHover": boolean;
+        "variant": 'default' | 'inverse';
     }
-    interface EdsCardProject {
+    interface EdsCardDesc {
         /**
-          * Determines if the background color changes on hover. Defaults to `false`.
+          * The description text to be displayed inside the card.
          */
-        "bgOnHover": boolean;
+        "description": string;
+        "intent": 'primary' | 'secondary' | 'inverse' | 'dark';
         /**
-          * The category title for the card, displayed as a tag.
+          * A boolean indicating whether the description should be truncated. Default is `true`.
          */
-        "categoryTitle": string;
+        "truncate": boolean;
         /**
-          * Color variant for the card background. It affects the background and border styles.
+          * The number of lines to truncate the description to. Default is 3 lines.
          */
-        "color"?: string;
+        "truncateLines": string;
+    }
+    /**
+     * `EdsCardFeature` is a card component designed to showcase features with an icon, title, description, and optional link.
+     * Key features:
+     * - Icon at the top in a colored background box
+     * - Title and description
+     * - Optional "Learn more" link with arrow
+     * - Hover effects with background color change and border glow
+     * This component is ideal for feature grids, service listings, and capability showcases.
+     */
+    interface EdsCardFeature {
         /**
-          * Optional editorial title displayed in the card.
+          * The description text
          */
-        "editorialTitle"?: string;
+        "description": string;
         /**
-          * Defines the heading level for the project title. Defaults to 'h3'. Accepts values: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'.
+          * The icon to display at the top of the card
          */
-        "headingLevel": 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        "icon"?: IconName;
         /**
-          * Image data for the card. Expects a JSON string with image attributes (src, alt, srcset, sizes, etc.).
+          * Optional link text (defaults to "Learn more")
          */
-        "image"?: any;
+        "linkText": string;
         /**
-          * Title of the project displayed in the card.
+          * The title of the feature
          */
-        "titleProject"?: string;
+        "title": string;
         /**
-          * URL that the project title links to.
+          * Optional URL for "Learn more" link
          */
         "url"?: string;
         /**
-          * If `true`, the card will be displayed vertically. Defaults to `false`.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "vertical": boolean;
+        "variant": 'default' | 'inverse';
     }
     /**
-     * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout of 4 columns (grid-cols-4).
-     * Each card within the section can display various properties such as title, description, avatar, and additional content.
-     * Key Features:
-     * - Accepts a JSON string or array of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
-     * - Configurable grid layout with adjustable column span for each card, optimizing display on different screen sizes.
-     * This component is ideal for displaying a structured section of cards with varying content in a responsive grid format.
+     * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
+     * The card supports various visual configurations, including hover effects, background styling, and compact layout options.
+     * Key features include:
+     * - A customizable title with an optional link.
+     * - Display of images, avatars, or initials based on the available content.
+     * - Optional description, tag display, and hover effects for interactive use.
+     * - Integration with Matomo analytics, emitting a custom event when the card is clicked.
+     * This component is ideal for use in interfaces where structured card-like display elements are needed.
      */
-    interface EdsCardSection {
-        /**
-          * JSON string representing an array of card objects. Each card object can contain properties like `title`, `description`, `avatar`, `headingLevel`, `tags`, `url`, `bg`, `tiny`, and `image`.  Example: ```json '[{"title": "Card Title", "description": "Description", "avatar": "/path/to/avatar.jpg", "url": "http://example.com"}]' ```
-         */
-        "cards": string | Card[];
+    interface EdsCardGeneric {
         /**
-          * Number of columns to span for each card in the grid layout four. This value sets the column span on medium (md) and larger screen sizes. Default is `1`.
+          * The description text displayed within the card.
          */
-        "occupyCols": 1 | 2 | 3 | 4;
-    }
-    interface EdsCardTags {
+        "description"?: string;
         /**
-          * A boolean indicating whether the tags should be displayed with an accent style. If true, tags will use the 'accent' intent; otherwise, the default intent is used.
+          * Optional icon name to display at the top of the card (instead of an image).
          */
-        "accent": boolean;
+        "icon"?: IconName;
+        "intent": 'primary' | 'secondary' | 'inverse' | 'dark';
         /**
-          * An array of tag strings to be displayed within the card.
+          * Tags related to the card content.
          */
-        "tags": string[];
-    }
-    interface EdsCardTitle {
+        "tags": string | Tag[];
         /**
-          * The text content for the title.
+          * The title of the card. This is required and displayed prominently.
          */
-        "cardTitle": string;
+        "title": string;
         /**
-          * Indicates whether the link should open in a new tab if the URL is provided. Default is `false`.
+          * The size of the title text. Controls the heading level and font size. Default is 'large' (f-heading-03).
          */
-        "externalLink": boolean;
+        "titleSize": 'display' | 'xlarge' | 'large' | 'medium' | 'small';
         /**
-          * The heading level for the title. Can be 'h2', 'h3', 'h4', 'h5', or 'h6'. Default is 'h3'.
+          * The URL that the card title links to. If provided, the title becomes a clickable link.
          */
-        "headingLevel": 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        "url"?: string;
+    }
+    /**
+     * `EdsCardHero` is a floating card component designed for hero sections with label, title, description, and tags.
+     * Key features:
+     * - Small uppercase label (e.g., "DATA MANAGEMENT")
+     * - Large, lightweight title
+     * - Description text
+     * - Multiple tags at the bottom
+     * - Floating animation effects
+     * - Hover effects with border glow
+     * This component is ideal for hero sections, landing pages, and feature highlights.
+     */
+    interface EdsCardHero {
         /**
-          * Indicates whether the hierarchy is enabled. If true, all headings except 'h6' map to '05', and 'h6' maps to '06'.
+          * The small label displayed at the top (e.g., "DATA MANAGEMENT", "BRAIN ATLASES")
          */
-        "hierarchy": boolean;
+        "category": string;
         /**
-          * The CSS class applied to the title element for styling. This will be dynamically set based on the heading level.
+          * The description text
          */
-        "titleClass": string;
+        "description"?: string;
         /**
-          * The URL that the title should link to. If provided, the title will be rendered as an anchor (`<a>`).
+          * Tags to display at the bottom of the card Can be a JSON string or array of tag objects
          */
-        "url"?: string;
-    }
-    interface EdsCardTool {
+        "tags": string | HeroTag[];
         /**
-          * The URL or path to the avatar image. Used as a fallback when no card image is available.
+          * The main title of the card
          */
-        "avatar"?: string;
+        "title": string;
         /**
-          * A boolean that determines whether the card should have a background color. If true, the card will have a background, otherwise it will not.
+          * Optional URL to link the card to
          */
-        "bg": boolean;
+        "url"?: string;
         /**
-          * The title of the card. This is required and displayed prominently.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "cardTitle": string;
+        "variant": 'default' | 'inverse';
+    }
+    /**
+     * `EdsCardStat` is a card component designed to display statistics with a large number, label, and description.
+     * Key features:
+     * - Large prominent number display (e.g., "44+", "100%", "AA")
+     * - Label describing the statistic
+     * - Optional description for additional context
+     * - Hover effects with animated top border
+     * - Support for optional links
+     * This component is ideal for dashboards, landing pages, and any interface displaying key metrics.
+     */
+    interface EdsCardStat {
         /**
-          * The description text displayed within the card.
+          * Optional description providing additional context
          */
         "description"?: string;
         /**
-          * Indicates whether the link should open in a new tab if the URL is provided. Default is `false`.
+          * The label describing the statistic
          */
-        "external": boolean;
+        "label": string;
         /**
-          * The heading level for the card title, such as 'h1', 'h2', etc. Default is 'h3'.
+          * The main statistic number or value to display (e.g., "44+", "100%", "AA")
          */
-        "headingLevel"?: string;
+        "number": string;
         /**
-          * Indicates whether the hierarchy is enabled. If true, all headings except 'h6' map to '05', and 'h6' maps to '06'.
+          * Optional URL to link the card to
          */
-        "hierarchy": boolean;
+        "url"?: string;
         /**
-          * The image associated with the card. Can be passed as an object with image attributes.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "image"?: any;
+        "variant": 'default' | 'inverse';
+    }
+    interface EdsCardTitle {
         /**
-          * Short abbreviation or initials for displaying when no image or avatar is provided.
+          * Indicates whether the link should open in a new tab if the URL is provided. Default is `false`.
          */
-        "shortAbbreviation"?: string;
+        "externalLink": boolean;
+        "intent": 'primary' | 'secondary' | 'inverse' | 'dark';
         /**
-          * A comma-separated string of tags related to the card content.
+          * The size of the title text. Controls the heading level and font size. Default is 'large' (f-heading-03).
          */
-        "tags": any;
+        "size": 'display' | 'xlarge' | 'large' | 'medium' | 'small';
         /**
-          * A boolean that determines whether the card should be displayed with a smaller height. If true, the card will use the 'tiny' height class.
+          * The text content for the title.
          */
-        "tiny": boolean;
+        "title": string;
         /**
-          * The URL that the card title links to. If provided, the title becomes a clickable link.
+          * The URL that the title should link to. If provided, the title will be rendered as an anchor (`<a>`).
          */
         "url"?: string;
-        /**
-          * A boolean that determines whether the card should display a hover effect. If true, the card will have a shadow effect and change its cursor on hover.
-         */
-        "withHover": boolean;
     }
     /**
      * A component that displays a code block with syntax highlighting.
@@ -492,15 +548,7 @@ export namespace Components {
         /**
           * The visual intent or style of the button.
          */
-        "intent"?: | 'primary'
-    | 'secondary'
-    | 'tertiary'
-    | 'ghost'
-    | 'strong'
-    | 'weak'
-    | 'inverse'
-    | 'underline'
-    | 'blueish';
+        "intent"?: 'primary' | 'secondary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
     }
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
@@ -556,13 +604,13 @@ export namespace Components {
           * @type {string}
           * @default 'chevron-down'
          */
-        "icon": string;
+        "icon"?: IconName;
         /**
-          * Visual intent of the dropdown button. Options include: 'primary', 'secondary', 'tertiary', 'ghost', 'ghostInverse'.
-          * @type {'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse'}
+          * Visual intent of the dropdown button. Options include: 'primary', 'secondary'.
+          * @type {'primary' | 'secondary' }
           * @default 'tertiary'
          */
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+        "intent"?: 'primary' | 'secondary' | 'brand' | 'ghost' | 'neutral';
         /**
           * Label for the dropdown button.
           * @type {string}
@@ -572,12 +620,6 @@ export namespace Components {
           * Opt-out attribute - elements with this attribute won't trigger auto-close
          */
         "noCloseSelector": string;
-        /**
-          * Whether the dropdown nav list placeholder has rounded (pill) styling.
-          * @type {boolean}
-          * @default false
-         */
-        "rounded": boolean;
     }
     interface EdsFeedback {
         /**
@@ -653,6 +695,11 @@ export namespace Components {
           * @type {boolean}
          */
         "social": boolean;
+        /**
+          * Controls the visual variant of the footer. - 'default': Light background with dark text - 'inverse': Dark/black background with white text
+          * @type {'default' | 'inverse'}
+         */
+        "variant": 'default' | 'inverse';
     }
     /**
      * `EdsFormV2` is a comprehensive form component designed to handle form submission with validation,
@@ -666,9 +713,17 @@ export namespace Components {
      */
     interface EdsForm {
         /**
-          * Variant/style intent for the submit button (e.g., primary, secondary, tertiary, ghost).
+          * Variant/style intent for the submit button (e.g., primary, secondary).
          */
-        "buttonIntent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+        "buttonIntent"?: 'primary' | 'secondary';
+        /**
+          * If `true`, includes a clear/reset button in the form.
+         */
+        "clearBtn"?: boolean;
+        /**
+          * Label for the clear button
+         */
+        "clearBtnLabel"?: string;
         /**
           * The description displayed below the title.
          */
@@ -690,9 +745,9 @@ export namespace Components {
          */
         "formBtnLabel"?: string;
         /**
-          * Choose between default layout or an always-shadow style. When "shadow", the form gets the same effect-shadow + shadow-hover classes
+          * Choose between default layout, shadow style, or brand style. - "default": Standard form layout - "shadow": Form with shadow effect - "brand": EBRAINS branded form with left border and shadow
          */
-        "formStyle": 'default' | 'shadow';
+        "formStyle": 'default' | 'shadow' | 'brand';
         "getData": () => Promise<FormData>;
         /**
           * New: list of groups, each with `{ id: string, title: string }`
@@ -732,7 +787,7 @@ export namespace Components {
         /**
           * The intent for styling the link (e.g., primary, secondary, tertiary, etc.).
          */
-        "intent": 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'underline';
+        "intent": 'primary' | 'secondary' | 'ghost' | 'underline' | 'cta';
         /**
           * The size of the frame controlling its height. Options: 'auto', 'sm', 'md', 'lg', 'xl'
          */
@@ -746,16 +801,6 @@ export namespace Components {
          */
         "urlLabel"?: string;
     }
-    /**
-     * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
-     * It provides a responsive, full-window overlay menu with navigation links and additional options.
-     * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-     * ## Key Features
-     * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
-     * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
-     * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
-     * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
-     */
     interface EdsFullscreenMenu {
         "close": () => Promise<void>;
         /**
@@ -806,15 +851,69 @@ export namespace Components {
         "valueMin": number;
         "variant": 'default' | 'dark' | 'strong' | 'black';
     }
+    interface EdsGitlabContributors {
+        /**
+          * GitLab personal access token for API authentication (required for internal projects)
+         */
+        "accessToken": string;
+        /**
+          * GitLab API base URL
+         */
+        "apiUrl": string;
+        /**
+          * Grid columns for responsive layout Options: '2', '3', '4', '5'
+         */
+        "columns": '2' | '3' | '4' | '5';
+        /**
+          * Maximum number of contributors to display
+         */
+        "limit": number;
+        /**
+          * Minimum commits to be included in the list
+         */
+        "minCommits": number;
+        /**
+          * Optional path to filter commits (e.g., "apps/live/handbook") Only applied to project 1505 (monorepo). Other projects fetch all contributors.
+         */
+        "path"?: string;
+        /**
+          * GitLab project ID(s) - single ID or comma-separated IDs for multiple projects Example: "3360" or "3360,1770" or "ri%2Ftech-hub%2Febrains-ui-ecosystem"
+         */
+        "projectId": string;
+        /**
+          * Show contribution statistics (commits, additions, deletions)
+         */
+        "showStats": boolean;
+        /**
+          * Sort contributors by commits (desc) or username (asc)
+         */
+        "sortBy": 'commits' | 'name';
+    }
     interface EdsGlobalSearch {
         /**
           * API endpoint for search
          */
         "apiEndpoint": string;
+        /**
+          * Optional authorization token (JWT) to include in requests When provided, will be sent as "Bearer <token>" in Authorization header
+         */
+        "authToken": string;
+        /**
+          * Current site origin (auto-detected if not provided)
+         */
+        "currentOrigin": string;
+        /**
+          * Current source identifier (e.g., 'handbook', 'design') Results matching this source will open in same tab
+         */
+        "currentSource": string;
         /**
           * Debounce delay in milliseconds
          */
         "debounceDelay": number;
+        /**
+          * Force all results to open in new tab (useful when embedded in external sites)
+         */
+        "forceNewTab": boolean;
         /**
           * Maximum number of results to fetch
          */
@@ -836,14 +935,6 @@ export namespace Components {
      * This component is well-suited for creating a unified header across the platform with seamless integration of navigation, authentication, and responsive design elements.
      */
     interface EdsHeader {
-        /**
-          * Header style variant: determines text and background colors. - "default": text-default on bg-dark - "inverse": text-default on bg-inverse - "strong": text-inverse on bg-strongest
-         */
-        "headerVariant": 'default' | 'inverse' | 'strong';
-        /**
-          * URL for the home logo link. This is the default URL that the logo points to.
-         */
-        "homeUrl": string;
         /**
           * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
          */
@@ -851,25 +942,15 @@ export namespace Components {
         /**
           * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header. Requires the <eds-fullscreen-menu> to properly work.
          */
-        "menuEnabled": boolean;
-    }
-    interface EdsIconArrowDiagonal {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconArrowRight {
+        "menu": boolean;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * URL for the home logo link. This is the default URL that the logo points to.
          */
-        "class": string;
-    }
-    interface EdsIconBin {
+        "url": string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Header style variant: determines text and background colors. - "default": text-default on bg-dark - "inverse": text-default on bg-inverse - "strong": text-inverse on bg-strongest
          */
-        "class": string;
+        "variant": 'default' | 'inverse' | 'strong';
     }
     interface EdsIconBluesky {
         /**
@@ -877,308 +958,101 @@ export namespace Components {
          */
         "class": string;
     }
-    interface EdsIconBookmark {
+    interface EdsIconEu {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconChevronDown {
+    interface EdsIconFacebook {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconChevronLeft {
+    interface EdsIconGitlab {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconChevronRight {
+    interface EdsIconLinkedin {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconChevronUp {
+    interface EdsIconMastodon {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconClone {
+    interface EdsIconTwitter {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconClose {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
+    interface EdsIconWrapper {
+        "name": IconName;
+        "size": 16 | 20 | 24 | 32;
     }
-    interface EdsIconCopy {
+    interface EdsIconYoutube {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
-    interface EdsIconDownload {
+    /**
+     * `EdsImg` is a flexible image component with support for lazy loading, responsive image formats, and background effects during loading.
+     * Key Features:
+     * - Allows responsive images using the `srcset` and `sizes` attributes, with additional support for various formats.
+     * - Supports lazy loading and optimized loading behavior through `loading="lazy"` and `decoding="async"`.
+     * - Displays a background effect (`effect-bg-pattern`) while the image is loading, which fades once loading is complete.
+     * Props:
+     * - `src` (string): Required URL for the image source.
+     * - `alt` (string): Alternative text for accessibility.
+     * - `width`, `height` (number): Dimensions for the image in pixels.
+     * - `srcset` (string), `sizes` (string): Support for responsive image handling.
+     * - `formats` (Array): Array of objects for multiple image formats (e.g., `webp` or `jpeg`).
+     * - `lazyload` (boolean): Enables lazy loading; defaults to true.
+     * - `withBg` (boolean): Adds a background effect while the image is loading.
+     * This component is suitable for scenarios requiring optimized image loading and responsive images with smooth visual effects during loading.
+     */
+    interface EdsImg {
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * The alternative text for the image. Defaults to an empty string so that decorative images are ignored by assistive technologies.
          */
-        "class": string;
-    }
-    interface EdsIconDraft {
+        "alt": string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Array of image formats for different sources (e.g., webp, jpeg). Expects objects with `type`, `srcset`, and optional `media` attributes.
          */
-        "class": string;
-    }
-    interface EdsIconEdit {
+        "formats": Array<{ type: string; srcset: string; media?: string }>;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * The height of the image in pixels.
          */
-        "class": string;
-    }
-    interface EdsIconEu {
+        "height"?: number;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Enables lazy loading for the image. Defaults to true.
          */
-        "class": string;
-    }
-    interface EdsIconExternal {
+        "lazyload": boolean;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * The sizes attribute for responsive images.
          */
-        "class": string;
-    }
-    interface EdsIconFacebook {
+        "sizes"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * The source URL of the image.
          */
-        "class": string;
-    }
-    interface EdsIconGitlab {
+        "src": string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * The srcset attribute for responsive images.
          */
-        "class": string;
-    }
-    interface EdsIconLinkedin {
+        "srcset"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * The width of the image in pixels.
          */
-        "class": string;
-    }
-    interface EdsIconLoader {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconMastodon {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconMenu {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconMinus {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconMore {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconPaper {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconPlus {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconPortal {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconPrivate {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconPublic {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconSearch {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconStar {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconStart {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconSuccess {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconThumbsDown {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconThumbsUp {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconTutorial {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconTwitter {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconUnknown {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconUpdown {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconUser {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    interface EdsIconView {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    /**
-     * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
-     * It allows specifying the icon name, which is dynamically imported and rendered within the component.
-     * Key Features:
-     * - Dynamically loads the icon component based on the `icon` prop.
-     * - Allows additional CSS classes through the `class` prop for custom styling.
-     * - Observes changes to the `icon` prop and reloads the icon component accordingly.
-     * Ideal for scenarios where icons need to be dynamically selected and styled consistently across an application.
-     */
-    interface EdsIconWrapper {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-        /**
-          * The name of the icon to be displayed. Default is 'arrow-right'.
-         */
-        "icon": string;
-    }
-    interface EdsIconYoutube {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class": string;
-    }
-    /**
-     * `EdsImg` is a flexible image component with support for lazy loading, responsive image formats, and background effects during loading.
-     * Key Features:
-     * - Allows responsive images using the `srcset` and `sizes` attributes, with additional support for various formats.
-     * - Supports lazy loading and optimized loading behavior through `loading="lazy"` and `decoding="async"`.
-     * - Displays a background effect (`effect-bg-pattern`) while the image is loading, which fades once loading is complete.
-     * Props:
-     * - `src` (string): Required URL for the image source.
-     * - `alt` (string): Alternative text for accessibility.
-     * - `width`, `height` (number): Dimensions for the image in pixels.
-     * - `srcset` (string), `sizes` (string): Support for responsive image handling.
-     * - `formats` (Array): Array of objects for multiple image formats (e.g., `webp` or `jpeg`).
-     * - `lazyload` (boolean): Enables lazy loading; defaults to true.
-     * - `withBg` (boolean): Adds a background effect while the image is loading.
-     * This component is suitable for scenarios requiring optimized image loading and responsive images with smooth visual effects during loading.
-     */
-    interface EdsImg {
-        /**
-          * The alternative text for the image. Defaults to an empty string so that decorative images are ignored by assistive technologies.
-         */
-        "alt": string;
-        /**
-          * Array of image formats for different sources (e.g., webp, jpeg). Expects objects with `type`, `srcset`, and optional `media` attributes.
-         */
-        "formats": Array<{ type: string; srcset: string; media?: string }>;
-        /**
-          * The height of the image in pixels.
-         */
-        "height"?: number;
-        /**
-          * Enables lazy loading for the image. Defaults to true.
-         */
-        "lazyload": boolean;
-        /**
-          * The sizes attribute for responsive images.
-         */
-        "sizes"?: string;
-        /**
-          * The source URL of the image.
-         */
-        "src": string;
-        /**
-          * The srcset attribute for responsive images.
-         */
-        "srcset"?: string;
-        /**
-          * The width of the image in pixels.
-         */
-        "width"?: number;
+        "width"?: number;
         /**
           * Adds a background effect while the image is loading.
          */
@@ -1190,7 +1064,7 @@ export namespace Components {
         "error": boolean;
         "extraClass"?: string;
         "hasMessage": boolean;
-        "icon"?: string;
+        "icon"?: IconName;
         "inputId"?: string;
         "max"?: number;
         "maxLength"?: number;
@@ -1203,6 +1077,44 @@ export namespace Components {
         "type": string;
         "value"?: string | number;
     }
+    interface EdsInputDropzone {
+        /**
+          * Accepted file types (e.g., ".pdf,.png,.jpg" or "image/*").
+         */
+        "accept"?: string;
+        /**
+          * If `true`, the input is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * The `id` attribute of the internal input element. Defaults to `name` if not set.
+         */
+        "inputId"?: string;
+        /**
+          * Maximum file size in bytes. If not set, no size limit is enforced client-side.
+         */
+        "maxFileSize"?: number;
+        /**
+          * If `true`, allows multiple file selection.
+         */
+        "multiple": boolean;
+        /**
+          * The `name` attribute of the input element. Required for form submission.
+         */
+        "name": string;
+        /**
+          * Primary text shown in dropzone.
+         */
+        "primaryText"?: string;
+        /**
+          * If `true`, the input is required.
+         */
+        "required": boolean;
+        /**
+          * Secondary text shown in dropzone.
+         */
+        "secondaryText"?: string;
+    }
     interface EdsInputField {
         /**
           * If `true`, the checkbox/radio is checked.
@@ -1231,7 +1143,7 @@ export namespace Components {
         /**
           * Optional icon name to display inside the input.
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The `id` attribute of the internal input element. Defaults to `name` if not set.
          */
@@ -1297,6 +1209,40 @@ export namespace Components {
          */
         "value"?: string | number;
     }
+    interface EdsInputFile {
+        /**
+          * Accepted file types (e.g., ".pdf,.png,.jpg" or "image/*").
+         */
+        "accept"?: string;
+        /**
+          * Button label text. Defaults to "Choose Files" (or "Choose File" if not multiple).
+         */
+        "buttonLabel"?: string;
+        /**
+          * If `true`, the input is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * The `id` attribute of the internal input element. Defaults to `name` if not set.
+         */
+        "inputId"?: string;
+        /**
+          * Maximum file size in bytes. If not set, no size limit is enforced client-side.
+         */
+        "maxFileSize"?: number;
+        /**
+          * If `true`, allows multiple file selection.
+         */
+        "multiple": boolean;
+        /**
+          * The `name` attribute of the input element. Required for form submission.
+         */
+        "name": string;
+        /**
+          * If `true`, the input is required.
+         */
+        "required": boolean;
+    }
     interface EdsInputFooter {
         /**
           * Whether the input should be rendered in an error state. Controls visibility of the `errorMessage`.
@@ -1448,6 +1394,60 @@ export namespace Components {
          */
         "value"?: string | number;
     }
+    interface EdsKgWebServicesSelect {
+        /**
+          * API endpoint for fetching web services Defaults to cached endpoint for better performance
+         */
+        "apiEndpoint": string;
+        /**
+          * Whether the field is disabled
+         */
+        "disabled": boolean;
+        /**
+          * Error state
+         */
+        "error": boolean;
+        /**
+          * Error message
+         */
+        "errorMessage"?: string;
+        /**
+          * Optional hint text
+         */
+        "hint"?: string;
+        /**
+          * Label for the select field
+         */
+        "label": string;
+        /**
+          * Optional message text
+         */
+        "message"?: string;
+        /**
+          * Name attribute for the select field
+         */
+        "name": string;
+        /**
+          * Placeholder text for the select field
+         */
+        "placeholder": string;
+        /**
+          * Whether the field is required
+         */
+        "required": boolean;
+        /**
+          * Optional search term to filter results
+         */
+        "searchTerm": string;
+        /**
+          * Maximum number of services to fetch
+         */
+        "size": number;
+        /**
+          * Selected value (web service short_name)
+         */
+        "value"?: string;
+    }
     /**
      * `EdsLink` is a versatile link component offering different styles and behaviors.
      * Key Features:
@@ -1485,7 +1485,7 @@ export namespace Components {
         /**
           * The icon name to be displayed alongside the label.
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The icon position to be displayed alongside the label - left or right.
          */
@@ -1495,21 +1495,17 @@ export namespace Components {
          */
         "iconSmall"?: boolean;
         /**
-          * The visual style intent of the link. Options: 'primary', 'secondary', 'tertiary', 'ghost', 'strong', 'weak', 'inverse', 'underline'.
+          * The visual style intent of the link. Options: 'primary', 'secondary', 'secondaryInverse', 'ghost', 'strong', 'weak', 'inverse', 'underline', 'underlineInverse', 'brand', 'brandInverse', 'cta', 'cta-brand'.
          */
-        "intent"?: | 'primary'
-    | 'secondary'
-    | 'tertiary'
-    | 'ghost'
-    | 'strong'
-    | 'weak'
-    | 'inverse'
-    | 'underline'
-    | 'blueish';
+        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'underlineInverse' | 'brand' | 'brandInverse' | 'cta' | 'cta-brand';
         /**
           * The text label for the link.
          */
         "label"?: string;
+        /**
+          * A boolean to determine if the link should have a pill shape (rounded-full). Default is false.
+         */
+        "pill": boolean;
         /**
           * The size of the link. Options are 'small' or 'large'.
          */
@@ -1543,9 +1539,9 @@ export namespace Components {
          */
         "orientation": 'horizontal' | 'vertical';
         /**
-          * The type of the logo. `'color' | 'black' | 'color-white' | 'white'`
+          * The visual variant of the logo. `'positive'` for dark logo on light backgrounds, `'negative'` for light logo on dark backgrounds.
          */
-        "type": 'color' | 'black' | 'color-white' | 'white' | 'no-bg';
+        "variant": 'positive' | 'negative';
     }
     interface EdsMatomoNotice {
         /**
@@ -1598,14 +1594,18 @@ export namespace Components {
           * Specifies the position of the modal.  Acceptable values are: - `"middle"` (default): The modal is centered both vertically and horizontally. - `"top"`: The modal is positioned near the top of the viewport. - `"bottom"`: The modal is positioned near the bottom of the viewport. - `"left"`: The modal is positioned on the left side of the viewport, centered vertically. - `"right"`: The modal is positioned on the right side of the viewport, centered vertically.
          */
         "position": 'middle' | 'top' | 'bottom';
+        /**
+          * Size of the modal. - `"small"`: 500px max width - `"medium"` (default): 700px max width - `"large"`: 900px max width
+         */
+        "size": 'small' | 'medium' | 'large';
         /**
           * Toggles the modal open or closed.
          */
         "toggle": () => Promise<void>;
         /**
-          * The number of lines to truncate the title to. Default is 3 lines.
+          * The number of lines to truncate the title to. Set to 0 or undefined to disable truncation.
          */
-        "truncate": 1 | 2 | 3 | 4;
+        "truncate": 0 | 1 | 2 | 3 | 4;
     }
     interface EdsNps {
         /**
@@ -1620,6 +1620,10 @@ export namespace Components {
           * Label displayed under the max value.
          */
         "rightLabel": string;
+        /**
+          * Current selected NPS value (controlled from parent).
+         */
+        "selectedValue": number;
     }
     /**
      * `EdsPagination` is a component for navigating paginated data.
@@ -1705,9 +1709,10 @@ export namespace Components {
     }
     interface EdsProgressBar {
         /**
-          * Whether to render with rounded corners.
+          * Horizontal padding for the label container (CSS value). Examples: "3rem", "48px", "2rem" Default: "3rem"
          */
-        "rounded": boolean;
+        "labelPaddingX": string;
+        "showLabel": boolean;
         /**
           * Method to update the progress value externally.
           * @param newValue The new progress value (0-100).
@@ -1717,6 +1722,10 @@ export namespace Components {
           * The progress value (0-100).
          */
         "value": number;
+        /**
+          * Visual variant for the progress bar. - "default": Standard progress bar with border and centered text - "brand": EBRAINS branded progress bar with gradient, glow, and top text
+         */
+        "variant": 'default' | 'brand';
     }
     interface EdsRating {
         /**
@@ -1726,7 +1735,11 @@ export namespace Components {
         /**
           * The type of icon to display. Can be "stars" or "thumbs".
          */
-        "ratingType": 'star' | 'thumbs-up' | 'thumbs-down';
+        "ratingType": IconName;
+        /**
+          * Current selected rating value (controlled from parent).
+         */
+        "selectedRating": number;
     }
     interface EdsSectionCore {
         /**
@@ -1795,6 +1808,11 @@ export namespace Components {
           * Social Network custom title to display
          */
         "heading": string;
+        /**
+          * Controls the visual variant of the social networks. - 'default': Light background with dark text - 'inverse': Dark/black background with white text
+          * @type {'default' | 'inverse'}
+         */
+        "variant": 'default' | 'inverse';
     }
     interface EdsSpinner {
         /**
@@ -1852,10 +1870,18 @@ export namespace Components {
           * Orientation (applies to linear mode visuals).
          */
         "orientation": 'vertical' | 'horizontal';
+        /**
+          * Show or hide the finish button on the last step
+         */
+        "showFinish": boolean;
         /**
           * Steps data as array or JSON string.
          */
         "steps": string | Step[];
+        /**
+          * Visual theme for the steps component. - 'default': Grey step circles with white text - 'brand': Brand green step circles with black text (CTA style)
+         */
+        "theme": 'default' | 'brand';
         /**
           * Stepper mode.
          */
@@ -1887,10 +1913,18 @@ export namespace Components {
           * Orientation (applies to linear visuals)
          */
         "orientation": 'vertical' | 'horizontal';
+        /**
+          * Show or hide the finish button on the last step
+         */
+        "showFinish": boolean;
         /**
           * JSON string or array of steps: { title, content? }
          */
         "steps": string | Step1[];
+        /**
+          * Visual theme for the steps component. - 'default': Grey step circles with white text - 'brand': Brand green step circles with black text (CTA style)
+         */
+        "theme": 'default' | 'brand';
         /**
           * Stepper mode
          */
@@ -1913,13 +1947,23 @@ export namespace Components {
           * Label to display when the switch is ON.
          */
         "labelOn": string;
+        /**
+          * Variant of the switch: 'toggle' (default) or 'segmented' (pill-style buttons)
+         */
+        "variant": 'toggle' | 'segmented';
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
+     * - Configurable columns with options to hide or apply text formatting (uppercase, bold, code, or html).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
+     * Column Format Options:
+     * - 'uppercase': Converts text to uppercase
+     * - 'bold': Wraps text in <strong> tag
+     * - 'code': Wraps text in <code> tag
+     * - 'html': Renders raw HTML content (use for web components, links, etc.)
+     * - 'svg': (deprecated, use 'html') Renders raw HTML content
      * This component is versatile for displaying data with flexible configuration, and integrates with pagination and search functionalities.
      */
     interface EdsTable {
@@ -1928,7 +1972,7 @@ export namespace Components {
          */
         "actionTemplate"?: (row: any) => VNode;
         /**
-          * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
+          * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  - `intent`     ("brand" | "primary" | "secondary" | "neutral" | "ghost" | "brandInverse" | "secondaryInverse" | "ghostInverse"; optional) — button intent/style.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye", "intent":"brand" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true, "intent":"primary" },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
          */
         "actions": string | TableAction[];
         /**
@@ -1942,7 +1986,7 @@ export namespace Components {
     | {
         [key: string]: {
           hidden?: boolean;
-          format?: 'uppercase' | 'bold' | 'code';
+          format?: 'uppercase' | 'bold' | 'code' | 'html' | 'svg';
         };
       };
         /**
@@ -1962,22 +2006,33 @@ export namespace Components {
           * Enable or disable search input for filtering
          */
         "searchEnabled": boolean;
+        /**
+          * Show view toggle control (segmented switch for Table/Card views)
+         */
+        "showViewToggle": boolean;
         /**
           * Enable or disable column sorting
          */
         "sortingEnabled": boolean;
         /**
-          * Theme for table styling - 'default' or 'color' for alternating row colors
+          * Theme for table styling: - 'default': Simple rows with no background - 'color': Alternating row colors - 'brand': Modern brand styling with hover effects and green accents
+         */
+        "theme": 'default' | 'color' | 'brand';
+        /**
+          * View mode for displaying data: - 'table': Traditional table layout (default) - 'card': Card grid layout
          */
-        "theme": 'default' | 'color';
+        "view": 'table' | 'card';
     }
     /**
-     * `EdsTabs` is a tabs component that renders a navigational tab bar.
-     * Each tab can be configured with various properties such as label, URL, active state, and more.
-     * It includes interactive features like handling tab clicks, scrolling to the active tab,
-     * and emitting events for tab changes and analytics tracking.
-     * This component is ideal for building a customizable tab navigation system with accessibility features
-     * and is designed to fit seamlessly into any layout.
+     * `EdsTabs` is a modern tabs component with a pill-shaped container design.
+     * Features a clean, minimal interface with smooth transitions and two variant styles.
+     * Key features:
+     * - Default variant (dark background) and inverse variant (light background)
+     * - Pill-shaped container with rounded tabs
+     * - Smooth hover and active state transitions
+     * - Keyboard navigation support (Arrow keys, Home, End)
+     * - Analytics tracking integration
+     * - Accessible with proper ARIA attributes
      */
     interface EdsTabs {
         /**
@@ -1991,7 +2046,11 @@ export namespace Components {
         /**
           * JSON string for tabs data
          */
-        "tabs": string | { label: string; url: string; active: boolean; ariaLabel?: string }[];
+        "tabs": string | { label: string; url?: string; active: boolean; ariaLabel?: string }[];
+        /**
+          * Visual variant: 'default' for dark backgrounds, 'inverse' for light backgrounds
+         */
+        "variant": 'default' | 'inverse';
     }
     /**
      * `EdsTag` is a stylized label component designed to display short, categorical information.
@@ -2001,7 +2060,7 @@ export namespace Components {
         /**
           * The visual style or intent of the tag.
          */
-        "intent": 'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+        "intent": 'primary' | 'dark' | 'inverse' | 'brand' | 'brand-dark' | 'strong';
         /**
           * The label to be displayed inside the tag.
          */
@@ -2025,7 +2084,7 @@ export namespace Components {
         /**
           * The visual intent or style of the toast, indicating the toast type.
          */
-        "intent": 'default' | 'success' | 'error' | 'warning';
+        "intent": 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
         /**
           * The main message or text to be displayed in the toast.
          */
@@ -2043,12 +2102,6 @@ export namespace Components {
         "content"?: string;
         "position": 'top' | 'bottom';
     }
-    interface EdsTrl {
-        /**
-          * Accepts a JSON string or an array of application objects.
-         */
-        "applications": string | any[];
-    }
     /**
      * `EdsUser` is a user component for managing and displaying
      * the user's auth information. Displays a user dropdown menu when authenticated.
@@ -2145,10 +2198,18 @@ export interface EdsHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsHeaderElement;
 }
+export interface EdsInputDropzoneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsInputDropzoneElement;
+}
 export interface EdsInputFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsInputFieldElement;
 }
+export interface EdsInputFileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsInputFileElement;
+}
 export interface EdsInputRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsInputRangeElement;
@@ -2161,6 +2222,10 @@ export interface EdsInputSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsInputSelectElement;
 }
+export interface EdsKgWebServicesSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsKgWebServicesSelectElement;
+}
 export interface EdsMatomoNoticeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsMatomoNoticeElement;
@@ -2253,19 +2318,11 @@ declare global {
     }
     /**
      * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
-     * It features a customizable header, optional description, and content area that can be dynamically expanded.
-     * This component supports a range of configurations, including background toggling, minimum height adjustments,
-     * and various styles to suit different layouts and display requirements.
-     * It includes an optional button or link element within the header, which can be customized for additional interactions.
-     * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent components
-     * to track its open/close status.
-     * Key features include:
-     * - Header with customizable title
-     * - Expandable/collapsible content section
-     * - Background color switch on expand and hover
-     * - Compact layout option with reduced header height
-     * - Adjustable content height and text clamping
-     * - Emitted events for tracking changes in expansion state and context
+     * It features a customizable header with optional icon, description, and content area.
+     * Supports two visual variants (`default` and `inverse`) matching the card design system,
+     * with hover effects, smooth CSS-driven expand/collapse animation, and optional icon display.
+     * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent
+     * components to track its open/close status.
      */
     interface HTMLEdsAccordionElement extends Components.EdsAccordion, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsAccordionElementEventMap>(type: K, listener: (this: HTMLEdsAccordionElement, ev: EdsAccordionCustomEvent<HTMLEdsAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2283,16 +2340,16 @@ declare global {
     };
     interface HTMLEdsAlertElementEventMap {
         "edsalert": void;
+        "edsDismiss": void;
     }
     /**
-     * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
-     * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
-     * Key features include:
-     * - Customizable alert message with different visual intents (`default`, `warning`, `error`, `success`).
-     * - Configurable layout direction (`horizontal` or `vertical`) to accommodate various design requirements.
-     * - Optional pressable element (link or button) that allows users to interact with the alert.
-     * - Emits context events to allow parent components to track alert interactions.
-     * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
+     * `EdsAlert` is a versatile alert component for displaying contextual messages.
+     * Key features:
+     * - Contextual intents (`default`, `info`, `warning`, `error`, `success`) with matching icons and accent colors
+     * - Configurable layout direction (`horizontal` or `vertical`)
+     * - Optional action element (link when URL provided, ghost button otherwise)
+     * - Optional dismiss button to close the alert
+     * - Left accent border colored per intent
      */
     interface HTMLEdsAlertElement extends Components.EdsAlert, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsAlertElementEventMap>(type: K, listener: (this: HTMLEdsAlertElement, ev: EdsAlertCustomEvent<HTMLEdsAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2355,15 +2412,21 @@ declare global {
         new (): HTMLEdsBreadcrumbElement;
     };
     /**
-     * `EdsButton` is a versatile button component designed for a range of actions and interactions in applications.
-     * The button offers various customization options for appearance, size, and behavior.
-     * Key features include:
-     * - Configurable visual styles (`intent`) such as primary, secondary, and ghost.
-     * - Loading state indicator and disabled state for control over user interactions.
-     * - Optional icon display with customizable position and size.
-     * - Support for different element types (`button` or `a`) and pill-shaped buttons.
-     * - Emits a custom Matomo event when clicked for tracking interactions.
-     * This component is suitable for buttons, links, and other interactive elements within an interface.
+     * `EdsButton` - Updated for EBRAINS Visual System 2025
+     * A versatile button component designed for a range of actions and interactions.
+     * Updated to match the new EBRAINS visual identity with:
+     * - Brand black (#07140D) for primary buttons
+     * - Brand green (#00FF9D) for accents and focus states
+     * - Pill-shaped design (rounded-full by default)
+     * - IBM Plex Sans typography
+     * - High-contrast accessibility
+     * Key features:
+     * - Primary (black) and Secondary (outlined) button styles
+     * - Loading state indicator with proper color handling
+     * - Disabled state for control over user interactions
+     * - Optional icon display with customizable position and size
+     * - Support for different element types (button or a)
+     * - Emits custom Matomo event when clicked for tracking
      */
     interface HTMLEdsButtonElement extends Components.EdsButton, HTMLStencilElement {
     }
@@ -2371,12 +2434,62 @@ declare global {
         prototype: HTMLEdsButtonElement;
         new (): HTMLEdsButtonElement;
     };
+    /**
+     * `EdsCardApp` is a card component designed to showcase applications with category, title, description, tags, and link.
+     * Key features:
+     * - Category label at the top (e.g., "BRAIN ATLASES", "DATA MANAGEMENT")
+     * - Large, lightweight title
+     * - Description text
+     * - Multiple tags for features/technologies
+     * - Optional action link at the bottom
+     * - Hover effects with transform and border glow
+     * This component is ideal for application grids, service catalogs, and platform showcases.
+     */
+    interface HTMLEdsCardAppElement extends Components.EdsCardApp, HTMLStencilElement {
+    }
+    var HTMLEdsCardAppElement: {
+        prototype: HTMLEdsCardAppElement;
+        new (): HTMLEdsCardAppElement;
+    };
+    /**
+     * `EdsCardCta` is a call-to-action card component with title, description, action buttons, and footer links.
+     * Key features:
+     * - Large title with line breaks
+     * - Description text
+     * - Primary and secondary action buttons
+     * - Footer links in a row
+     * - Animated rotating radial gradient background
+     * - Green border with hover effects
+     * - Variant support (default/inverse)
+     * This component is ideal for landing pages, campaign sections, and conversion-focused layouts.
+     */
+    interface HTMLEdsCardCtaElement extends Components.EdsCardCta, HTMLStencilElement {
+    }
+    var HTMLEdsCardCtaElement: {
+        prototype: HTMLEdsCardCtaElement;
+        new (): HTMLEdsCardCtaElement;
+    };
     interface HTMLEdsCardDescElement extends Components.EdsCardDesc, HTMLStencilElement {
     }
     var HTMLEdsCardDescElement: {
         prototype: HTMLEdsCardDescElement;
         new (): HTMLEdsCardDescElement;
     };
+    /**
+     * `EdsCardFeature` is a card component designed to showcase features with an icon, title, description, and optional link.
+     * Key features:
+     * - Icon at the top in a colored background box
+     * - Title and description
+     * - Optional "Learn more" link with arrow
+     * - Hover effects with background color change and border glow
+     * This component is ideal for feature grids, service listings, and capability showcases.
+     */
+    interface HTMLEdsCardFeatureElement extends Components.EdsCardFeature, HTMLStencilElement {
+    }
+    var HTMLEdsCardFeatureElement: {
+        prototype: HTMLEdsCardFeatureElement;
+        new (): HTMLEdsCardFeatureElement;
+    };
     /**
      * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
      * The card supports various visual configurations, including hover effects, background styling, and compact layout options.
@@ -2393,31 +2506,38 @@ declare global {
         prototype: HTMLEdsCardGenericElement;
         new (): HTMLEdsCardGenericElement;
     };
-    interface HTMLEdsCardProjectElement extends Components.EdsCardProject, HTMLStencilElement {
-    }
-    var HTMLEdsCardProjectElement: {
-        prototype: HTMLEdsCardProjectElement;
-        new (): HTMLEdsCardProjectElement;
-    };
     /**
-     * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout of 4 columns (grid-cols-4).
-     * Each card within the section can display various properties such as title, description, avatar, and additional content.
-     * Key Features:
-     * - Accepts a JSON string or array of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
-     * - Configurable grid layout with adjustable column span for each card, optimizing display on different screen sizes.
-     * This component is ideal for displaying a structured section of cards with varying content in a responsive grid format.
+     * `EdsCardHero` is a floating card component designed for hero sections with label, title, description, and tags.
+     * Key features:
+     * - Small uppercase label (e.g., "DATA MANAGEMENT")
+     * - Large, lightweight title
+     * - Description text
+     * - Multiple tags at the bottom
+     * - Floating animation effects
+     * - Hover effects with border glow
+     * This component is ideal for hero sections, landing pages, and feature highlights.
      */
-    interface HTMLEdsCardSectionElement extends Components.EdsCardSection, HTMLStencilElement {
+    interface HTMLEdsCardHeroElement extends Components.EdsCardHero, HTMLStencilElement {
     }
-    var HTMLEdsCardSectionElement: {
-        prototype: HTMLEdsCardSectionElement;
-        new (): HTMLEdsCardSectionElement;
+    var HTMLEdsCardHeroElement: {
+        prototype: HTMLEdsCardHeroElement;
+        new (): HTMLEdsCardHeroElement;
     };
-    interface HTMLEdsCardTagsElement extends Components.EdsCardTags, HTMLStencilElement {
+    /**
+     * `EdsCardStat` is a card component designed to display statistics with a large number, label, and description.
+     * Key features:
+     * - Large prominent number display (e.g., "44+", "100%", "AA")
+     * - Label describing the statistic
+     * - Optional description for additional context
+     * - Hover effects with animated top border
+     * - Support for optional links
+     * This component is ideal for dashboards, landing pages, and any interface displaying key metrics.
+     */
+    interface HTMLEdsCardStatElement extends Components.EdsCardStat, HTMLStencilElement {
     }
-    var HTMLEdsCardTagsElement: {
-        prototype: HTMLEdsCardTagsElement;
-        new (): HTMLEdsCardTagsElement;
+    var HTMLEdsCardStatElement: {
+        prototype: HTMLEdsCardStatElement;
+        new (): HTMLEdsCardStatElement;
     };
     interface HTMLEdsCardTitleElement extends Components.EdsCardTitle, HTMLStencilElement {
     }
@@ -2425,12 +2545,6 @@ declare global {
         prototype: HTMLEdsCardTitleElement;
         new (): HTMLEdsCardTitleElement;
     };
-    interface HTMLEdsCardToolElement extends Components.EdsCardTool, HTMLStencilElement {
-    }
-    var HTMLEdsCardToolElement: {
-        prototype: HTMLEdsCardToolElement;
-        new (): HTMLEdsCardToolElement;
-    };
     /**
      * A component that displays a code block with syntax highlighting.
      * Uses Prism.js for syntax highlighting. Supports multiple languages such as JavaScript, HTML, CSS,
@@ -2573,16 +2687,6 @@ declare global {
     interface HTMLEdsFullscreenMenuElementEventMap {
         "menuClose": void;
     }
-    /**
-     * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
-     * It provides a responsive, full-window overlay menu with navigation links and additional options.
-     * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-     * ## Key Features
-     * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
-     * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
-     * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
-     * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
-     */
     interface HTMLEdsFullscreenMenuElement extends Components.EdsFullscreenMenu, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsFullscreenMenuElementEventMap>(type: K, listener: (this: HTMLEdsFullscreenMenuElement, ev: EdsFullscreenMenuCustomEvent<HTMLEdsFullscreenMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2603,6 +2707,12 @@ declare global {
         prototype: HTMLEdsGaugeElement;
         new (): HTMLEdsGaugeElement;
     };
+    interface HTMLEdsGitlabContributorsElement extends Components.EdsGitlabContributors, HTMLStencilElement {
+    }
+    var HTMLEdsGitlabContributorsElement: {
+        prototype: HTMLEdsGitlabContributorsElement;
+        new (): HTMLEdsGitlabContributorsElement;
+    };
     interface HTMLEdsGlobalSearchElementEventMap {
         "resultSelected": {
     id: string;
@@ -2659,108 +2769,18 @@ declare global {
         prototype: HTMLEdsHeaderElement;
         new (): HTMLEdsHeaderElement;
     };
-    interface HTMLEdsIconArrowDiagonalElement extends Components.EdsIconArrowDiagonal, HTMLStencilElement {
-    }
-    var HTMLEdsIconArrowDiagonalElement: {
-        prototype: HTMLEdsIconArrowDiagonalElement;
-        new (): HTMLEdsIconArrowDiagonalElement;
-    };
-    interface HTMLEdsIconArrowRightElement extends Components.EdsIconArrowRight, HTMLStencilElement {
-    }
-    var HTMLEdsIconArrowRightElement: {
-        prototype: HTMLEdsIconArrowRightElement;
-        new (): HTMLEdsIconArrowRightElement;
-    };
-    interface HTMLEdsIconBinElement extends Components.EdsIconBin, HTMLStencilElement {
-    }
-    var HTMLEdsIconBinElement: {
-        prototype: HTMLEdsIconBinElement;
-        new (): HTMLEdsIconBinElement;
-    };
     interface HTMLEdsIconBlueskyElement extends Components.EdsIconBluesky, HTMLStencilElement {
     }
     var HTMLEdsIconBlueskyElement: {
         prototype: HTMLEdsIconBlueskyElement;
         new (): HTMLEdsIconBlueskyElement;
     };
-    interface HTMLEdsIconBookmarkElement extends Components.EdsIconBookmark, HTMLStencilElement {
-    }
-    var HTMLEdsIconBookmarkElement: {
-        prototype: HTMLEdsIconBookmarkElement;
-        new (): HTMLEdsIconBookmarkElement;
-    };
-    interface HTMLEdsIconChevronDownElement extends Components.EdsIconChevronDown, HTMLStencilElement {
-    }
-    var HTMLEdsIconChevronDownElement: {
-        prototype: HTMLEdsIconChevronDownElement;
-        new (): HTMLEdsIconChevronDownElement;
-    };
-    interface HTMLEdsIconChevronLeftElement extends Components.EdsIconChevronLeft, HTMLStencilElement {
-    }
-    var HTMLEdsIconChevronLeftElement: {
-        prototype: HTMLEdsIconChevronLeftElement;
-        new (): HTMLEdsIconChevronLeftElement;
-    };
-    interface HTMLEdsIconChevronRightElement extends Components.EdsIconChevronRight, HTMLStencilElement {
-    }
-    var HTMLEdsIconChevronRightElement: {
-        prototype: HTMLEdsIconChevronRightElement;
-        new (): HTMLEdsIconChevronRightElement;
-    };
-    interface HTMLEdsIconChevronUpElement extends Components.EdsIconChevronUp, HTMLStencilElement {
-    }
-    var HTMLEdsIconChevronUpElement: {
-        prototype: HTMLEdsIconChevronUpElement;
-        new (): HTMLEdsIconChevronUpElement;
-    };
-    interface HTMLEdsIconCloneElement extends Components.EdsIconClone, HTMLStencilElement {
-    }
-    var HTMLEdsIconCloneElement: {
-        prototype: HTMLEdsIconCloneElement;
-        new (): HTMLEdsIconCloneElement;
-    };
-    interface HTMLEdsIconCloseElement extends Components.EdsIconClose, HTMLStencilElement {
-    }
-    var HTMLEdsIconCloseElement: {
-        prototype: HTMLEdsIconCloseElement;
-        new (): HTMLEdsIconCloseElement;
-    };
-    interface HTMLEdsIconCopyElement extends Components.EdsIconCopy, HTMLStencilElement {
-    }
-    var HTMLEdsIconCopyElement: {
-        prototype: HTMLEdsIconCopyElement;
-        new (): HTMLEdsIconCopyElement;
-    };
-    interface HTMLEdsIconDownloadElement extends Components.EdsIconDownload, HTMLStencilElement {
-    }
-    var HTMLEdsIconDownloadElement: {
-        prototype: HTMLEdsIconDownloadElement;
-        new (): HTMLEdsIconDownloadElement;
-    };
-    interface HTMLEdsIconDraftElement extends Components.EdsIconDraft, HTMLStencilElement {
-    }
-    var HTMLEdsIconDraftElement: {
-        prototype: HTMLEdsIconDraftElement;
-        new (): HTMLEdsIconDraftElement;
-    };
-    interface HTMLEdsIconEditElement extends Components.EdsIconEdit, HTMLStencilElement {
-    }
-    var HTMLEdsIconEditElement: {
-        prototype: HTMLEdsIconEditElement;
-        new (): HTMLEdsIconEditElement;
-    };
     interface HTMLEdsIconEuElement extends Components.EdsIconEu, HTMLStencilElement {
     }
     var HTMLEdsIconEuElement: {
         prototype: HTMLEdsIconEuElement;
         new (): HTMLEdsIconEuElement;
     };
-    interface HTMLEdsIconExternalElement extends Components.EdsIconExternal, HTMLStencilElement {
-    }
-    var HTMLEdsIconExternalElement: {
-        prototype: HTMLEdsIconExternalElement;
-        new (): HTMLEdsIconExternalElement;
-    };
     interface HTMLEdsIconFacebookElement extends Components.EdsIconFacebook, HTMLStencilElement {
     }
     var HTMLEdsIconFacebookElement: {
@@ -2779,147 +2799,18 @@ declare global {
         prototype: HTMLEdsIconLinkedinElement;
         new (): HTMLEdsIconLinkedinElement;
     };
-    interface HTMLEdsIconLoaderElement extends Components.EdsIconLoader, HTMLStencilElement {
-    }
-    var HTMLEdsIconLoaderElement: {
-        prototype: HTMLEdsIconLoaderElement;
-        new (): HTMLEdsIconLoaderElement;
-    };
     interface HTMLEdsIconMastodonElement extends Components.EdsIconMastodon, HTMLStencilElement {
     }
     var HTMLEdsIconMastodonElement: {
         prototype: HTMLEdsIconMastodonElement;
         new (): HTMLEdsIconMastodonElement;
     };
-    interface HTMLEdsIconMenuElement extends Components.EdsIconMenu, HTMLStencilElement {
-    }
-    var HTMLEdsIconMenuElement: {
-        prototype: HTMLEdsIconMenuElement;
-        new (): HTMLEdsIconMenuElement;
-    };
-    interface HTMLEdsIconMinusElement extends Components.EdsIconMinus, HTMLStencilElement {
-    }
-    var HTMLEdsIconMinusElement: {
-        prototype: HTMLEdsIconMinusElement;
-        new (): HTMLEdsIconMinusElement;
-    };
-    interface HTMLEdsIconMoreElement extends Components.EdsIconMore, HTMLStencilElement {
-    }
-    var HTMLEdsIconMoreElement: {
-        prototype: HTMLEdsIconMoreElement;
-        new (): HTMLEdsIconMoreElement;
-    };
-    interface HTMLEdsIconPaperElement extends Components.EdsIconPaper, HTMLStencilElement {
-    }
-    var HTMLEdsIconPaperElement: {
-        prototype: HTMLEdsIconPaperElement;
-        new (): HTMLEdsIconPaperElement;
-    };
-    interface HTMLEdsIconPlusElement extends Components.EdsIconPlus, HTMLStencilElement {
-    }
-    var HTMLEdsIconPlusElement: {
-        prototype: HTMLEdsIconPlusElement;
-        new (): HTMLEdsIconPlusElement;
-    };
-    interface HTMLEdsIconPortalElement extends Components.EdsIconPortal, HTMLStencilElement {
-    }
-    var HTMLEdsIconPortalElement: {
-        prototype: HTMLEdsIconPortalElement;
-        new (): HTMLEdsIconPortalElement;
-    };
-    interface HTMLEdsIconPrivateElement extends Components.EdsIconPrivate, HTMLStencilElement {
-    }
-    var HTMLEdsIconPrivateElement: {
-        prototype: HTMLEdsIconPrivateElement;
-        new (): HTMLEdsIconPrivateElement;
-    };
-    interface HTMLEdsIconPublicElement extends Components.EdsIconPublic, HTMLStencilElement {
-    }
-    var HTMLEdsIconPublicElement: {
-        prototype: HTMLEdsIconPublicElement;
-        new (): HTMLEdsIconPublicElement;
-    };
-    interface HTMLEdsIconSearchElement extends Components.EdsIconSearch, HTMLStencilElement {
-    }
-    var HTMLEdsIconSearchElement: {
-        prototype: HTMLEdsIconSearchElement;
-        new (): HTMLEdsIconSearchElement;
-    };
-    interface HTMLEdsIconStarElement extends Components.EdsIconStar, HTMLStencilElement {
-    }
-    var HTMLEdsIconStarElement: {
-        prototype: HTMLEdsIconStarElement;
-        new (): HTMLEdsIconStarElement;
-    };
-    interface HTMLEdsIconStartElement extends Components.EdsIconStart, HTMLStencilElement {
-    }
-    var HTMLEdsIconStartElement: {
-        prototype: HTMLEdsIconStartElement;
-        new (): HTMLEdsIconStartElement;
-    };
-    interface HTMLEdsIconSuccessElement extends Components.EdsIconSuccess, HTMLStencilElement {
-    }
-    var HTMLEdsIconSuccessElement: {
-        prototype: HTMLEdsIconSuccessElement;
-        new (): HTMLEdsIconSuccessElement;
-    };
-    interface HTMLEdsIconThumbsDownElement extends Components.EdsIconThumbsDown, HTMLStencilElement {
-    }
-    var HTMLEdsIconThumbsDownElement: {
-        prototype: HTMLEdsIconThumbsDownElement;
-        new (): HTMLEdsIconThumbsDownElement;
-    };
-    interface HTMLEdsIconThumbsUpElement extends Components.EdsIconThumbsUp, HTMLStencilElement {
-    }
-    var HTMLEdsIconThumbsUpElement: {
-        prototype: HTMLEdsIconThumbsUpElement;
-        new (): HTMLEdsIconThumbsUpElement;
-    };
-    interface HTMLEdsIconTutorialElement extends Components.EdsIconTutorial, HTMLStencilElement {
-    }
-    var HTMLEdsIconTutorialElement: {
-        prototype: HTMLEdsIconTutorialElement;
-        new (): HTMLEdsIconTutorialElement;
-    };
     interface HTMLEdsIconTwitterElement extends Components.EdsIconTwitter, HTMLStencilElement {
     }
     var HTMLEdsIconTwitterElement: {
         prototype: HTMLEdsIconTwitterElement;
         new (): HTMLEdsIconTwitterElement;
     };
-    interface HTMLEdsIconUnknownElement extends Components.EdsIconUnknown, HTMLStencilElement {
-    }
-    var HTMLEdsIconUnknownElement: {
-        prototype: HTMLEdsIconUnknownElement;
-        new (): HTMLEdsIconUnknownElement;
-    };
-    interface HTMLEdsIconUpdownElement extends Components.EdsIconUpdown, HTMLStencilElement {
-    }
-    var HTMLEdsIconUpdownElement: {
-        prototype: HTMLEdsIconUpdownElement;
-        new (): HTMLEdsIconUpdownElement;
-    };
-    interface HTMLEdsIconUserElement extends Components.EdsIconUser, HTMLStencilElement {
-    }
-    var HTMLEdsIconUserElement: {
-        prototype: HTMLEdsIconUserElement;
-        new (): HTMLEdsIconUserElement;
-    };
-    interface HTMLEdsIconViewElement extends Components.EdsIconView, HTMLStencilElement {
-    }
-    var HTMLEdsIconViewElement: {
-        prototype: HTMLEdsIconViewElement;
-        new (): HTMLEdsIconViewElement;
-    };
-    /**
-     * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
-     * It allows specifying the icon name, which is dynamically imported and rendered within the component.
-     * Key Features:
-     * - Dynamically loads the icon component based on the `icon` prop.
-     * - Allows additional CSS classes through the `class` prop for custom styling.
-     * - Observes changes to the `icon` prop and reloads the icon component accordingly.
-     * Ideal for scenarios where icons need to be dynamically selected and styled consistently across an application.
-     */
     interface HTMLEdsIconWrapperElement extends Components.EdsIconWrapper, HTMLStencilElement {
     }
     var HTMLEdsIconWrapperElement: {
@@ -2960,6 +2851,23 @@ declare global {
         prototype: HTMLEdsInputElement;
         new (): HTMLEdsInputElement;
     };
+    interface HTMLEdsInputDropzoneElementEventMap {
+        "edsfile": { files: File[] };
+    }
+    interface HTMLEdsInputDropzoneElement extends Components.EdsInputDropzone, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsInputDropzoneElementEventMap>(type: K, listener: (this: HTMLEdsInputDropzoneElement, ev: EdsInputDropzoneCustomEvent<HTMLEdsInputDropzoneElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEdsInputDropzoneElementEventMap>(type: K, listener: (this: HTMLEdsInputDropzoneElement, ev: EdsInputDropzoneCustomEvent<HTMLEdsInputDropzoneElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLEdsInputDropzoneElement: {
+        prototype: HTMLEdsInputDropzoneElement;
+        new (): HTMLEdsInputDropzoneElement;
+    };
     interface HTMLEdsInputFieldElementEventMap {
         "edsinput": { value: string | boolean | string[] };
         "edschange": { value: string | boolean | string[] };
@@ -2978,6 +2886,23 @@ declare global {
         prototype: HTMLEdsInputFieldElement;
         new (): HTMLEdsInputFieldElement;
     };
+    interface HTMLEdsInputFileElementEventMap {
+        "edsfile": { files: File[] };
+    }
+    interface HTMLEdsInputFileElement extends Components.EdsInputFile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsInputFileElementEventMap>(type: K, listener: (this: HTMLEdsInputFileElement, ev: EdsInputFileCustomEvent<HTMLEdsInputFileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEdsInputFileElementEventMap>(type: K, listener: (this: HTMLEdsInputFileElement, ev: EdsInputFileCustomEvent<HTMLEdsInputFileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLEdsInputFileElement: {
+        prototype: HTMLEdsInputFileElement;
+        new (): HTMLEdsInputFileElement;
+    };
     interface HTMLEdsInputFooterElement extends Components.EdsInputFooter, HTMLStencilElement {
     }
     var HTMLEdsInputFooterElement: {
@@ -3044,6 +2969,24 @@ declare global {
         prototype: HTMLEdsInputSelectElement;
         new (): HTMLEdsInputSelectElement;
     };
+    interface HTMLEdsKgWebServicesSelectElementEventMap {
+        "edsinput": { value: string | boolean | string[] };
+        "edschange": { value: string | boolean | string[] };
+    }
+    interface HTMLEdsKgWebServicesSelectElement extends Components.EdsKgWebServicesSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsKgWebServicesSelectElementEventMap>(type: K, listener: (this: HTMLEdsKgWebServicesSelectElement, ev: EdsKgWebServicesSelectCustomEvent<HTMLEdsKgWebServicesSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEdsKgWebServicesSelectElementEventMap>(type: K, listener: (this: HTMLEdsKgWebServicesSelectElement, ev: EdsKgWebServicesSelectCustomEvent<HTMLEdsKgWebServicesSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLEdsKgWebServicesSelectElement: {
+        prototype: HTMLEdsKgWebServicesSelectElement;
+        new (): HTMLEdsKgWebServicesSelectElement;
+    };
     /**
      * `EdsLink` is a versatile link component offering different styles and behaviors.
      * Key Features:
@@ -3292,13 +3235,20 @@ declare global {
     };
     interface HTMLEdsTableElementEventMap {
         "rowaction": { action: string; row: any; checked: boolean };
+        "viewchange": { view: 'table' | 'card' };
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
+     * - Configurable columns with options to hide or apply text formatting (uppercase, bold, code, or html).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
+     * Column Format Options:
+     * - 'uppercase': Converts text to uppercase
+     * - 'bold': Wraps text in <strong> tag
+     * - 'code': Wraps text in <code> tag
+     * - 'html': Renders raw HTML content (use for web components, links, etc.)
+     * - 'svg': (deprecated, use 'html') Renders raw HTML content
      * This component is versatile for displaying data with flexible configuration, and integrates with pagination and search functionalities.
      */
     interface HTMLEdsTableElement extends Components.EdsTable, HTMLStencilElement {
@@ -3323,12 +3273,15 @@ declare global {
   };
     }
     /**
-     * `EdsTabs` is a tabs component that renders a navigational tab bar.
-     * Each tab can be configured with various properties such as label, URL, active state, and more.
-     * It includes interactive features like handling tab clicks, scrolling to the active tab,
-     * and emitting events for tab changes and analytics tracking.
-     * This component is ideal for building a customizable tab navigation system with accessibility features
-     * and is designed to fit seamlessly into any layout.
+     * `EdsTabs` is a modern tabs component with a pill-shaped container design.
+     * Features a clean, minimal interface with smooth transitions and two variant styles.
+     * Key features:
+     * - Default variant (dark background) and inverse variant (light background)
+     * - Pill-shaped container with rounded tabs
+     * - Smooth hover and active state transitions
+     * - Keyboard navigation support (Arrow keys, Home, End)
+     * - Analytics tracking integration
+     * - Accessible with proper ARIA attributes
      */
     interface HTMLEdsTabsElement extends Components.EdsTabs, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsTabsElementEventMap>(type: K, listener: (this: HTMLEdsTabsElement, ev: EdsTabsCustomEvent<HTMLEdsTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3392,12 +3345,6 @@ declare global {
         prototype: HTMLEdsTooltipElement;
         new (): HTMLEdsTooltipElement;
     };
-    interface HTMLEdsTrlElement extends Components.EdsTrl, HTMLStencilElement {
-    }
-    var HTMLEdsTrlElement: {
-        prototype: HTMLEdsTrlElement;
-        new (): HTMLEdsTrlElement;
-    };
     /**
      * `EdsUser` is a user component for managing and displaying
      * the user's auth information. Displays a user dropdown menu when authenticated.
@@ -3520,13 +3467,14 @@ declare global {
         "eds-block-break": HTMLEdsBlockBreakElement;
         "eds-breadcrumb": HTMLEdsBreadcrumbElement;
         "eds-button": HTMLEdsButtonElement;
+        "eds-card-app": HTMLEdsCardAppElement;
+        "eds-card-cta": HTMLEdsCardCtaElement;
         "eds-card-desc": HTMLEdsCardDescElement;
+        "eds-card-feature": HTMLEdsCardFeatureElement;
         "eds-card-generic": HTMLEdsCardGenericElement;
-        "eds-card-project": HTMLEdsCardProjectElement;
-        "eds-card-section": HTMLEdsCardSectionElement;
-        "eds-card-tags": HTMLEdsCardTagsElement;
+        "eds-card-hero": HTMLEdsCardHeroElement;
+        "eds-card-stat": HTMLEdsCardStatElement;
         "eds-card-title": HTMLEdsCardTitleElement;
-        "eds-card-tool": HTMLEdsCardToolElement;
         "eds-code-block": HTMLEdsCodeBlockElement;
         "eds-cookies-preference": HTMLEdsCookiesPreferenceElement;
         "eds-dropdown": HTMLEdsDropdownElement;
@@ -3536,60 +3484,29 @@ declare global {
         "eds-frame": HTMLEdsFrameElement;
         "eds-fullscreen-menu": HTMLEdsFullscreenMenuElement;
         "eds-gauge": HTMLEdsGaugeElement;
+        "eds-gitlab-contributors": HTMLEdsGitlabContributorsElement;
         "eds-global-search": HTMLEdsGlobalSearchElement;
         "eds-header": HTMLEdsHeaderElement;
-        "eds-icon-arrow-diagonal": HTMLEdsIconArrowDiagonalElement;
-        "eds-icon-arrow-right": HTMLEdsIconArrowRightElement;
-        "eds-icon-bin": HTMLEdsIconBinElement;
         "eds-icon-bluesky": HTMLEdsIconBlueskyElement;
-        "eds-icon-bookmark": HTMLEdsIconBookmarkElement;
-        "eds-icon-chevron-down": HTMLEdsIconChevronDownElement;
-        "eds-icon-chevron-left": HTMLEdsIconChevronLeftElement;
-        "eds-icon-chevron-right": HTMLEdsIconChevronRightElement;
-        "eds-icon-chevron-up": HTMLEdsIconChevronUpElement;
-        "eds-icon-clone": HTMLEdsIconCloneElement;
-        "eds-icon-close": HTMLEdsIconCloseElement;
-        "eds-icon-copy": HTMLEdsIconCopyElement;
-        "eds-icon-download": HTMLEdsIconDownloadElement;
-        "eds-icon-draft": HTMLEdsIconDraftElement;
-        "eds-icon-edit": HTMLEdsIconEditElement;
         "eds-icon-eu": HTMLEdsIconEuElement;
-        "eds-icon-external": HTMLEdsIconExternalElement;
         "eds-icon-facebook": HTMLEdsIconFacebookElement;
         "eds-icon-gitlab": HTMLEdsIconGitlabElement;
         "eds-icon-linkedin": HTMLEdsIconLinkedinElement;
-        "eds-icon-loader": HTMLEdsIconLoaderElement;
         "eds-icon-mastodon": HTMLEdsIconMastodonElement;
-        "eds-icon-menu": HTMLEdsIconMenuElement;
-        "eds-icon-minus": HTMLEdsIconMinusElement;
-        "eds-icon-more": HTMLEdsIconMoreElement;
-        "eds-icon-paper": HTMLEdsIconPaperElement;
-        "eds-icon-plus": HTMLEdsIconPlusElement;
-        "eds-icon-portal": HTMLEdsIconPortalElement;
-        "eds-icon-private": HTMLEdsIconPrivateElement;
-        "eds-icon-public": HTMLEdsIconPublicElement;
-        "eds-icon-search": HTMLEdsIconSearchElement;
-        "eds-icon-star": HTMLEdsIconStarElement;
-        "eds-icon-start": HTMLEdsIconStartElement;
-        "eds-icon-success": HTMLEdsIconSuccessElement;
-        "eds-icon-thumbs-down": HTMLEdsIconThumbsDownElement;
-        "eds-icon-thumbs-up": HTMLEdsIconThumbsUpElement;
-        "eds-icon-tutorial": HTMLEdsIconTutorialElement;
         "eds-icon-twitter": HTMLEdsIconTwitterElement;
-        "eds-icon-unknown": HTMLEdsIconUnknownElement;
-        "eds-icon-updown": HTMLEdsIconUpdownElement;
-        "eds-icon-user": HTMLEdsIconUserElement;
-        "eds-icon-view": HTMLEdsIconViewElement;
         "eds-icon-wrapper": HTMLEdsIconWrapperElement;
         "eds-icon-youtube": HTMLEdsIconYoutubeElement;
         "eds-img": HTMLEdsImgElement;
         "eds-input": HTMLEdsInputElement;
+        "eds-input-dropzone": HTMLEdsInputDropzoneElement;
         "eds-input-field": HTMLEdsInputFieldElement;
+        "eds-input-file": HTMLEdsInputFileElement;
         "eds-input-footer": HTMLEdsInputFooterElement;
         "eds-input-label": HTMLEdsInputLabelElement;
         "eds-input-range": HTMLEdsInputRangeElement;
         "eds-input-search": HTMLEdsInputSearchElement;
         "eds-input-select": HTMLEdsInputSelectElement;
+        "eds-kg-web-services-select": HTMLEdsKgWebServicesSelectElement;
         "eds-link": HTMLEdsLinkElement;
         "eds-logo": HTMLEdsLogoElement;
         "eds-matomo-notice": HTMLEdsMatomoNoticeElement;
@@ -3615,7 +3532,6 @@ declare global {
         "eds-toast": HTMLEdsToastElement;
         "eds-toast-manager": HTMLEdsToastManagerElement;
         "eds-tooltip": HTMLEdsTooltipElement;
-        "eds-trl": HTMLEdsTrlElement;
         "eds-user": HTMLEdsUserElement;
         "gradient-primary-palette": HTMLGradientPrimaryPaletteElement;
         "gradient-secondary-palette": HTMLGradientSecondaryPaletteElement;
@@ -3665,32 +3581,19 @@ declare namespace LocalJSX {
     }
     /**
      * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
-     * It features a customizable header, optional description, and content area that can be dynamically expanded.
-     * This component supports a range of configurations, including background toggling, minimum height adjustments,
-     * and various styles to suit different layouts and display requirements.
-     * It includes an optional button or link element within the header, which can be customized for additional interactions.
-     * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent components
-     * to track its open/close status.
-     * Key features include:
-     * - Header with customizable title
-     * - Expandable/collapsible content section
-     * - Background color switch on expand and hover
-     * - Compact layout option with reduced header height
-     * - Adjustable content height and text clamping
-     * - Emitted events for tracking changes in expansion state and context
+     * It features a customizable header with optional icon, description, and content area.
+     * Supports two visual variants (`default` and `inverse`) matching the card design system,
+     * with hover effects, smooth CSS-driven expand/collapse animation, and optional icon display.
+     * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent
+     * components to track its open/close status.
      */
     interface EdsAccordion {
         /**
-          * Intent/style of the toggle button. Options: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse'
-          * @default 'tertiary'
-         */
-        "buttonIntent"?: 'secondary' | 'tertiary' | 'ghost';
-        /**
-          * Clamps the text when the accordion is collapsed to prevent overflow
+          * Clamps the description text when the accordion is collapsed to prevent overflow
          */
         "clampText"?: boolean;
         /**
-          * Optional description displayed above the main content
+          * Optional description displayed below the title in the header
          */
         "description"?: string;
         /**
@@ -3701,52 +3604,67 @@ declare namespace LocalJSX {
           * The title of the accordion, displayed in the header area
          */
         "heading"?: string;
+        /**
+          * Optional icon displayed in the header
+         */
+        "icon"?: IconName;
         /**
           * Event emitted when the accordion toggles, indicating the new expanded/collapsed state
          */
         "onAccordion"?: (event: EdsAccordionCustomEvent<boolean>) => void;
         /**
-          * Toggles the background color on expand and hover
+          * @deprecated Use `variant` prop instead. Kept for backward compatibility.
          */
         "switchBg"?: boolean;
+        /**
+          * Visual variant: 'default' for dark background, 'inverse' for light background
+         */
+        "variant"?: 'default' | 'inverse';
     }
     /**
-     * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
-     * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
-     * Key features include:
-     * - Customizable alert message with different visual intents (`default`, `warning`, `error`, `success`).
-     * - Configurable layout direction (`horizontal` or `vertical`) to accommodate various design requirements.
-     * - Optional pressable element (link or button) that allows users to interact with the alert.
-     * - Emits context events to allow parent components to track alert interactions.
-     * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
+     * `EdsAlert` is a versatile alert component for displaying contextual messages.
+     * Key features:
+     * - Contextual intents (`default`, `info`, `warning`, `error`, `success`) with matching icons and accent colors
+     * - Configurable layout direction (`horizontal` or `vertical`)
+     * - Optional action element (link when URL provided, ghost button otherwise)
+     * - Optional dismiss button to close the alert
+     * - Left accent border colored per intent
      */
     interface EdsAlert {
         /**
-          * The border style of the alert. Defaults to "rounded" (rounded borders). Set to "normal" to have non-rounded (square) borders.
+          * The layout direction of the alert content.
          */
-        "brd"?: 'rounded' | 'normal';
+        "direction"?: 'horizontal' | 'vertical';
         /**
-          * The layout direction of the alert content, either 'horizontal' or 'vertical'.
+          * When true, shows a close button to dismiss the alert.
          */
-        "direction"?: 'horizontal' | 'vertical';
+        "dismissible"?: boolean;
         /**
-          * The visual intent or style of the alert, indicating the alert type.
+          * Optional icon override. When not set, an icon matching the intent is shown automatically.
          */
-        "intent"?: 'default' | 'warning' | 'error' | 'success';
+        "icon"?: IconName;
         /**
-          * The main message or text to be displayed in the alert.
+          * The visual intent of the alert. 'info' is an alias for 'default'.
          */
-        "message": string;
+        "intent"?: 'default' | 'info' | 'warning' | 'error' | 'success' | 'brand';
+        /**
+          * The main message or text to be displayed in the alert. If not provided, slot content will be used instead.
+         */
+        "message"?: string;
+        /**
+          * Emitted when the alert is dismissed.
+         */
+        "onEdsDismiss"?: (event: EdsAlertCustomEvent<void>) => void;
         /**
           * Emitted when the alert action button is clicked (for non-URL actions).
          */
         "onEdsalert"?: (event: EdsAlertCustomEvent<void>) => void;
         /**
-          * Determines whether the alert includes a pressable element, such as a button or link.
+          * Label for the action element (link or button).
          */
         "pressableLabel"?: string;
         /**
-          * The URL for the pressable element if it is a link.
+          * URL for the action element. When provided, renders a link instead of a button.
          */
         "pressableUrl"?: string;
     }
@@ -3804,24 +3722,30 @@ declare namespace LocalJSX {
      */
     interface EdsBreadcrumb {
         /**
-          * The visual style or intent of the breadcrumb links. Options include: 'primary', 'secondary', 'tertiary', 'ghost', 'strong', 'weak', 'inverse', 'underline'. Default is 'ghost'.
+          * The visual style or intent of the breadcrumb links. Options include: 'ghost', 'strong', 'weak', 'inverse', 'underline'. Default is 'ghost'.
          */
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
+        "intent"?: 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
         /**
           * An array of breadcrumb items. It can be passed as a JSON string or an array of objects. Each object should contain the properties: `label` (string) and `url` (string). Example: '[{"label": "Home", "url": "/"}, {"label": "Products", "url": "/products"}]'
          */
         "items"?: string | Link[];
     }
     /**
-     * `EdsButton` is a versatile button component designed for a range of actions and interactions in applications.
-     * The button offers various customization options for appearance, size, and behavior.
-     * Key features include:
-     * - Configurable visual styles (`intent`) such as primary, secondary, and ghost.
-     * - Loading state indicator and disabled state for control over user interactions.
-     * - Optional icon display with customizable position and size.
-     * - Support for different element types (`button` or `a`) and pill-shaped buttons.
-     * - Emits a custom Matomo event when clicked for tracking interactions.
-     * This component is suitable for buttons, links, and other interactive elements within an interface.
+     * `EdsButton` - Updated for EBRAINS Visual System 2025
+     * A versatile button component designed for a range of actions and interactions.
+     * Updated to match the new EBRAINS visual identity with:
+     * - Brand black (#07140D) for primary buttons
+     * - Brand green (#00FF9D) for accents and focus states
+     * - Pill-shaped design (rounded-full by default)
+     * - IBM Plex Sans typography
+     * - High-contrast accessibility
+     * Key features:
+     * - Primary (black) and Secondary (outlined) button styles
+     * - Loading state indicator with proper color handling
+     * - Disabled state for control over user interactions
+     * - Optional icon display with customizable position and size
+     * - Support for different element types (button or a)
+     * - Emits custom Matomo event when clicked for tracking
      */
     interface EdsButton {
         /**
@@ -3837,9 +3761,13 @@ declare namespace LocalJSX {
          */
         "elementType"?: 'button' | 'a';
         /**
-          * The icon name to be displayed inside the button. Assumes a string for the icon name.
+          * Whether the button should take the full width of its container.
+         */
+        "fullWidth"?: boolean;
+        /**
+          * The icon name to be displayed inside the button.
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The position of the icon inside the button. Options are 'left' or 'right'. Default is 'right'.
          */
@@ -3849,9 +3777,9 @@ declare namespace LocalJSX {
          */
         "iconSmall"?: boolean;
         /**
-          * The visual intent or style of the button. Options include 'primary', 'secondary', 'tertiary', 'ghost', and 'ghostInverse'.
+          * The visual intent or style of the button. - 'primary': Brand black background with white text - 'secondary': Transparent/white background with black border and text - 'secondaryInverse': Transparent background with white border and white text (for dark backgrounds) - 'brand': Brand green background with black text (CTA style) - 'cta': CTA link style with monospace font (gray text that turns green on hover) - 'cta-brand': CTA link style with monospace font (always green)
          */
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'brand' | 'brandInverse' | 'neutral' | 'cta' | 'cta-brand';
         /**
           * The label text to be displayed inside the button.
          */
@@ -3861,7 +3789,7 @@ declare namespace LocalJSX {
          */
         "loading"?: boolean;
         /**
-          * A boolean to determine if the button should have a pill shape (rounded).
+          * A boolean to determine if the button should have a pill shape (rounded-full). Default is true to match new EBRAINS visual system.
          */
         "pill"?: boolean;
         /**
@@ -3873,225 +3801,267 @@ declare namespace LocalJSX {
          */
         "triggerClick"?: () => void;
     }
-    interface EdsCardDesc {
-        /**
-          * The description text to be displayed inside the card.
-         */
-        "description": string;
-        /**
-          * A boolean indicating whether the description should be truncated. Default is `true`.
-         */
-        "truncate"?: boolean;
-        /**
-          * The number of lines to truncate the description to. Default is 3 lines.
-         */
-        "truncateLines"?: string;
-    }
     /**
-     * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
-     * The card supports various visual configurations, including hover effects, background styling, and compact layout options.
-     * Key features include:
-     * - A customizable title with an optional link.
-     * - Display of images, avatars, or initials based on the available content.
-     * - Optional description, tag display, and hover effects for interactive use.
-     * - Integration with Matomo analytics, emitting a custom event when the card is clicked.
-     * This component is ideal for use in interfaces where structured card-like display elements are needed.
+     * `EdsCardApp` is a card component designed to showcase applications with category, title, description, tags, and link.
+     * Key features:
+     * - Category label at the top (e.g., "BRAIN ATLASES", "DATA MANAGEMENT")
+     * - Large, lightweight title
+     * - Description text
+     * - Multiple tags for features/technologies
+     * - Optional action link at the bottom
+     * - Hover effects with transform and border glow
+     * This component is ideal for application grids, service catalogs, and platform showcases.
      */
-    interface EdsCardGeneric {
+    interface EdsCardApp {
         /**
-          * The URL or path to the avatar image. Used as a fallback when no card image is available.
+          * The category label (e.g., "BRAIN ATLASES", "DATA MANAGEMENT") Optional - if not provided, the category tag won't be displayed
          */
-        "avatar"?: string;
+        "category"?: string;
         /**
-          * A boolean that determines whether the card should have a background color. If true, the card will have a background, otherwise it will not.
+          * The description text
          */
-        "bg"?: boolean;
+        "description": string;
         /**
-          * The title of the card. This is required and displayed prominently.
+          * Optional link text (defaults to "Explore Components")
          */
-        "cardTitle": string;
+        "linkText"?: string;
         /**
-          * The description text displayed within the card.
+          * Tags to display (features, technologies, etc.) Can be a JSON string or array of tag objects
          */
-        "description"?: string;
+        "tags"?: string | AppTag[];
         /**
-          * The heading level for the card title, such as 'h1', 'h2', etc. Default is 'h3'.
+          * The main title of the application
          */
-        "headingLevel"?: string;
+        "title": string;
+        /**
+          * Optional URL for the action link
+         */
+        "url"?: string;
         /**
-          * Indicates whether the hierarchy is enabled. If true, all headings except 'h6' map to '05', and 'h6' maps to '06'.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "hierarchy"?: boolean;
+        "variant"?: 'default' | 'inverse';
+    }
+    /**
+     * `EdsCardCta` is a call-to-action card component with title, description, action buttons, and footer links.
+     * Key features:
+     * - Large title with line breaks
+     * - Description text
+     * - Primary and secondary action buttons
+     * - Footer links in a row
+     * - Animated rotating radial gradient background
+     * - Green border with hover effects
+     * - Variant support (default/inverse)
+     * This component is ideal for landing pages, campaign sections, and conversion-focused layouts.
+     */
+    interface EdsCardCta {
         /**
-          * The image associated with the card. Can be passed as an object with image attributes.
+          * The description text below the title
          */
-        "image"?: any;
+        "description": string;
         /**
-          * Short abbreviation or initials for displaying when no image or avatar is provided.
+          * Footer links as JSON string or array of link objects Example: [{"label": "GitLab Repository", "url": "#"}, {"label": "Storybook", "url": "#"}]
          */
-        "shortAbbreviation"?: string;
+        "links"?: string | CtaLink[];
         /**
-          * Tags related to the card content.
+          * Text for the primary action button
          */
-        "tags"?: string | Tag[];
+        "primaryButtonText"?: string;
         /**
-          * A boolean that determines whether the card should be displayed with a smaller height. If true, the card will use the 'tiny' height class.
+          * URL for the primary action button
          */
-        "tiny"?: boolean;
+        "primaryButtonUrl"?: string;
         /**
-          * The URL that the card title links to. If provided, the title becomes a clickable link.
+          * Text for the secondary action button
          */
-        "url"?: string;
+        "secondaryButtonText"?: string;
         /**
-          * A boolean that determines whether the card should display a hover effect. If true, the card will have a shadow effect and change its cursor on hover.
+          * URL for the secondary action button
          */
-        "withHover"?: boolean;
+        "secondaryButtonUrl"?: string;
+        /**
+          * The main title text (supports HTML for line breaks)
+         */
+        "title": string;
+        /**
+          * Visual variant: 'default' for brand-black background, 'inverse' for white background
+         */
+        "variant"?: 'default' | 'inverse';
     }
-    interface EdsCardProject {
+    interface EdsCardDesc {
         /**
-          * Determines if the background color changes on hover. Defaults to `false`.
+          * The description text to be displayed inside the card.
          */
-        "bgOnHover"?: boolean;
+        "description": string;
+        "intent"?: 'primary' | 'secondary' | 'inverse' | 'dark';
         /**
-          * The category title for the card, displayed as a tag.
+          * A boolean indicating whether the description should be truncated. Default is `true`.
          */
-        "categoryTitle"?: string;
+        "truncate"?: boolean;
         /**
-          * Color variant for the card background. It affects the background and border styles.
+          * The number of lines to truncate the description to. Default is 3 lines.
          */
-        "color"?: string;
+        "truncateLines"?: string;
+    }
+    /**
+     * `EdsCardFeature` is a card component designed to showcase features with an icon, title, description, and optional link.
+     * Key features:
+     * - Icon at the top in a colored background box
+     * - Title and description
+     * - Optional "Learn more" link with arrow
+     * - Hover effects with background color change and border glow
+     * This component is ideal for feature grids, service listings, and capability showcases.
+     */
+    interface EdsCardFeature {
         /**
-          * Optional editorial title displayed in the card.
+          * The description text
          */
-        "editorialTitle"?: string;
+        "description": string;
         /**
-          * Defines the heading level for the project title. Defaults to 'h3'. Accepts values: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'.
+          * The icon to display at the top of the card
          */
-        "headingLevel"?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        "icon"?: IconName;
         /**
-          * Image data for the card. Expects a JSON string with image attributes (src, alt, srcset, sizes, etc.).
+          * Optional link text (defaults to "Learn more")
          */
-        "image"?: any;
+        "linkText"?: string;
         /**
-          * Title of the project displayed in the card.
+          * The title of the feature
          */
-        "titleProject"?: string;
+        "title": string;
         /**
-          * URL that the project title links to.
+          * Optional URL for "Learn more" link
          */
         "url"?: string;
         /**
-          * If `true`, the card will be displayed vertically. Defaults to `false`.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "vertical"?: boolean;
+        "variant"?: 'default' | 'inverse';
     }
     /**
-     * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout of 4 columns (grid-cols-4).
-     * Each card within the section can display various properties such as title, description, avatar, and additional content.
-     * Key Features:
-     * - Accepts a JSON string or array of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
-     * - Configurable grid layout with adjustable column span for each card, optimizing display on different screen sizes.
-     * This component is ideal for displaying a structured section of cards with varying content in a responsive grid format.
+     * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
+     * The card supports various visual configurations, including hover effects, background styling, and compact layout options.
+     * Key features include:
+     * - A customizable title with an optional link.
+     * - Display of images, avatars, or initials based on the available content.
+     * - Optional description, tag display, and hover effects for interactive use.
+     * - Integration with Matomo analytics, emitting a custom event when the card is clicked.
+     * This component is ideal for use in interfaces where structured card-like display elements are needed.
      */
-    interface EdsCardSection {
-        /**
-          * JSON string representing an array of card objects. Each card object can contain properties like `title`, `description`, `avatar`, `headingLevel`, `tags`, `url`, `bg`, `tiny`, and `image`.  Example: ```json '[{"title": "Card Title", "description": "Description", "avatar": "/path/to/avatar.jpg", "url": "http://example.com"}]' ```
-         */
-        "cards"?: string | Card[];
+    interface EdsCardGeneric {
         /**
-          * Number of columns to span for each card in the grid layout four. This value sets the column span on medium (md) and larger screen sizes. Default is `1`.
+          * The description text displayed within the card.
          */
-        "occupyCols"?: 1 | 2 | 3 | 4;
-    }
-    interface EdsCardTags {
+        "description"?: string;
         /**
-          * A boolean indicating whether the tags should be displayed with an accent style. If true, tags will use the 'accent' intent; otherwise, the default intent is used.
+          * Optional icon name to display at the top of the card (instead of an image).
          */
-        "accent"?: boolean;
+        "icon"?: IconName;
+        "intent"?: 'primary' | 'secondary' | 'inverse' | 'dark';
         /**
-          * An array of tag strings to be displayed within the card.
+          * Tags related to the card content.
          */
-        "tags"?: string[];
-    }
-    interface EdsCardTitle {
+        "tags"?: string | Tag[];
         /**
-          * The text content for the title.
+          * The title of the card. This is required and displayed prominently.
          */
-        "cardTitle"?: string;
+        "title": string;
         /**
-          * Indicates whether the link should open in a new tab if the URL is provided. Default is `false`.
+          * The size of the title text. Controls the heading level and font size. Default is 'large' (f-heading-03).
          */
-        "externalLink"?: boolean;
+        "titleSize"?: 'display' | 'xlarge' | 'large' | 'medium' | 'small';
         /**
-          * The heading level for the title. Can be 'h2', 'h3', 'h4', 'h5', or 'h6'. Default is 'h3'.
+          * The URL that the card title links to. If provided, the title becomes a clickable link.
          */
-        "headingLevel"?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        "url"?: string;
+    }
+    /**
+     * `EdsCardHero` is a floating card component designed for hero sections with label, title, description, and tags.
+     * Key features:
+     * - Small uppercase label (e.g., "DATA MANAGEMENT")
+     * - Large, lightweight title
+     * - Description text
+     * - Multiple tags at the bottom
+     * - Floating animation effects
+     * - Hover effects with border glow
+     * This component is ideal for hero sections, landing pages, and feature highlights.
+     */
+    interface EdsCardHero {
         /**
-          * Indicates whether the hierarchy is enabled. If true, all headings except 'h6' map to '05', and 'h6' maps to '06'.
+          * The small label displayed at the top (e.g., "DATA MANAGEMENT", "BRAIN ATLASES")
          */
-        "hierarchy"?: boolean;
+        "category": string;
         /**
-          * The CSS class applied to the title element for styling. This will be dynamically set based on the heading level.
+          * The description text
          */
-        "titleClass"?: string;
+        "description"?: string;
         /**
-          * The URL that the title should link to. If provided, the title will be rendered as an anchor (`<a>`).
+          * Tags to display at the bottom of the card Can be a JSON string or array of tag objects
          */
-        "url"?: string;
-    }
-    interface EdsCardTool {
+        "tags"?: string | HeroTag[];
         /**
-          * The URL or path to the avatar image. Used as a fallback when no card image is available.
+          * The main title of the card
          */
-        "avatar"?: string;
+        "title": string;
         /**
-          * A boolean that determines whether the card should have a background color. If true, the card will have a background, otherwise it will not.
+          * Optional URL to link the card to
          */
-        "bg"?: boolean;
+        "url"?: string;
         /**
-          * The title of the card. This is required and displayed prominently.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "cardTitle": string;
+        "variant"?: 'default' | 'inverse';
+    }
+    /**
+     * `EdsCardStat` is a card component designed to display statistics with a large number, label, and description.
+     * Key features:
+     * - Large prominent number display (e.g., "44+", "100%", "AA")
+     * - Label describing the statistic
+     * - Optional description for additional context
+     * - Hover effects with animated top border
+     * - Support for optional links
+     * This component is ideal for dashboards, landing pages, and any interface displaying key metrics.
+     */
+    interface EdsCardStat {
         /**
-          * The description text displayed within the card.
+          * Optional description providing additional context
          */
         "description"?: string;
         /**
-          * Indicates whether the link should open in a new tab if the URL is provided. Default is `false`.
+          * The label describing the statistic
          */
-        "external"?: boolean;
+        "label": string;
         /**
-          * The heading level for the card title, such as 'h1', 'h2', etc. Default is 'h3'.
+          * The main statistic number or value to display (e.g., "44+", "100%", "AA")
          */
-        "headingLevel"?: string;
+        "number": string;
         /**
-          * Indicates whether the hierarchy is enabled. If true, all headings except 'h6' map to '05', and 'h6' maps to '06'.
+          * Optional URL to link the card to
          */
-        "hierarchy"?: boolean;
+        "url"?: string;
         /**
-          * The image associated with the card. Can be passed as an object with image attributes.
+          * Visual variant: 'default' for light text on dark background, 'inverse' for dark text on light background
          */
-        "image"?: any;
+        "variant"?: 'default' | 'inverse';
+    }
+    interface EdsCardTitle {
         /**
-          * Short abbreviation or initials for displaying when no image or avatar is provided.
+          * Indicates whether the link should open in a new tab if the URL is provided. Default is `false`.
          */
-        "shortAbbreviation"?: string;
+        "externalLink"?: boolean;
+        "intent"?: 'primary' | 'secondary' | 'inverse' | 'dark';
         /**
-          * A comma-separated string of tags related to the card content.
+          * The size of the title text. Controls the heading level and font size. Default is 'large' (f-heading-03).
          */
-        "tags"?: any;
+        "size"?: 'display' | 'xlarge' | 'large' | 'medium' | 'small';
         /**
-          * A boolean that determines whether the card should be displayed with a smaller height. If true, the card will use the 'tiny' height class.
+          * The text content for the title.
          */
-        "tiny"?: boolean;
+        "title"?: string;
         /**
-          * The URL that the card title links to. If provided, the title becomes a clickable link.
+          * The URL that the title should link to. If provided, the title will be rendered as an anchor (`<a>`).
          */
         "url"?: string;
-        /**
-          * A boolean that determines whether the card should display a hover effect. If true, the card will have a shadow effect and change its cursor on hover.
-         */
-        "withHover"?: boolean;
     }
     /**
      * A component that displays a code block with syntax highlighting.
@@ -4116,15 +4086,7 @@ declare namespace LocalJSX {
         /**
           * The visual intent or style of the button.
          */
-        "intent"?: | 'primary'
-    | 'secondary'
-    | 'tertiary'
-    | 'ghost'
-    | 'strong'
-    | 'weak'
-    | 'inverse'
-    | 'underline'
-    | 'blueish';
+        "intent"?: 'primary' | 'secondary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
     }
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
@@ -4179,13 +4141,13 @@ declare namespace LocalJSX {
           * @type {string}
           * @default 'chevron-down'
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
-          * Visual intent of the dropdown button. Options include: 'primary', 'secondary', 'tertiary', 'ghost', 'ghostInverse'.
-          * @type {'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse'}
+          * Visual intent of the dropdown button. Options include: 'primary', 'secondary'.
+          * @type {'primary' | 'secondary' }
           * @default 'tertiary'
          */
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+        "intent"?: 'primary' | 'secondary' | 'brand' | 'ghost' | 'neutral';
         /**
           * Label for the dropdown button.
           * @type {string}
@@ -4199,12 +4161,6 @@ declare namespace LocalJSX {
           * Event emitted when the dropdown toggles, indicating the new expanded/collapsed state
          */
         "onDropdown"?: (event: EdsDropdownCustomEvent<{ expanded: boolean }>) => void;
-        /**
-          * Whether the dropdown nav list placeholder has rounded (pill) styling.
-          * @type {boolean}
-          * @default false
-         */
-        "rounded"?: boolean;
     }
     interface EdsFeedback {
         /**
@@ -4285,6 +4241,11 @@ declare namespace LocalJSX {
           * @type {boolean}
          */
         "social"?: boolean;
+        /**
+          * Controls the visual variant of the footer. - 'default': Light background with dark text - 'inverse': Dark/black background with white text
+          * @type {'default' | 'inverse'}
+         */
+        "variant"?: 'default' | 'inverse';
     }
     /**
      * `EdsFormV2` is a comprehensive form component designed to handle form submission with validation,
@@ -4298,9 +4259,17 @@ declare namespace LocalJSX {
      */
     interface EdsForm {
         /**
-          * Variant/style intent for the submit button (e.g., primary, secondary, tertiary, ghost).
+          * Variant/style intent for the submit button (e.g., primary, secondary).
+         */
+        "buttonIntent"?: 'primary' | 'secondary';
+        /**
+          * If `true`, includes a clear/reset button in the form.
+         */
+        "clearBtn"?: boolean;
+        /**
+          * Label for the clear button
          */
-        "buttonIntent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+        "clearBtnLabel"?: string;
         /**
           * The description displayed below the title.
          */
@@ -4322,9 +4291,9 @@ declare namespace LocalJSX {
          */
         "formBtnLabel"?: string;
         /**
-          * Choose between default layout or an always-shadow style. When "shadow", the form gets the same effect-shadow + shadow-hover classes
+          * Choose between default layout, shadow style, or brand style. - "default": Standard form layout - "shadow": Form with shadow effect - "brand": EBRAINS branded form with left border and shadow
          */
-        "formStyle"?: 'default' | 'shadow';
+        "formStyle"?: 'default' | 'shadow' | 'brand';
         /**
           * New: list of groups, each with `{ id: string, title: string }`
          */
@@ -4370,7 +4339,7 @@ declare namespace LocalJSX {
         /**
           * The intent for styling the link (e.g., primary, secondary, tertiary, etc.).
          */
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'underline';
+        "intent"?: 'primary' | 'secondary' | 'ghost' | 'underline' | 'cta';
         /**
           * The size of the frame controlling its height. Options: 'auto', 'sm', 'md', 'lg', 'xl'
          */
@@ -4384,16 +4353,6 @@ declare namespace LocalJSX {
          */
         "urlLabel"?: string;
     }
-    /**
-     * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
-     * It provides a responsive, full-window overlay menu with navigation links and additional options.
-     * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-     * ## Key Features
-     * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
-     * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
-     * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
-     * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
-     */
     interface EdsFullscreenMenu {
         /**
           * URL for the logo link in the header.
@@ -4447,345 +4406,174 @@ declare namespace LocalJSX {
         "valueMin"?: number;
         "variant"?: 'default' | 'dark' | 'strong' | 'black';
     }
-    interface EdsGlobalSearch {
-        /**
-          * API endpoint for search
-         */
-        "apiEndpoint"?: string;
-        /**
-          * Debounce delay in milliseconds
-         */
-        "debounceDelay"?: number;
-        /**
-          * Maximum number of results to fetch
-         */
-        "limit"?: number;
-        /**
-          * Emitted when a result is selected
-         */
-        "onResultSelected"?: (event: EdsGlobalSearchCustomEvent<{
-    id: string;
-    title: string;
-    url: string;
-    section: string;
-    tags: string[];
-    date: string | null;
-    source: string;
-    snippet: string;
-    score: number | null;
-  }>) => void;
-        /**
-          * Emitted when search is closed (for expandable mode)
-         */
-        "onSearchClosed"?: (event: EdsGlobalSearchCustomEvent<void>) => void;
-        /**
-          * Placeholder text for the input
-         */
-        "placeholder"?: string;
-    }
-    /**
-     * `EdsHeader` is a header component designed for the EBRAINS platform.
-     * It provides a customizable and responsive navigation experience, tailored for both desktop and mobile views.
-     * Key Features:
-     * - **Logo Link**: Includes a logo that links to the homepage or a specified URL.
-     * - **Primary Navigation**: Displays an array of navigation links for core platform sections.
-     * - **User Authentication Integration**: Supports Keycloak for login and logout, displaying user authentication options when enabled.
-     * - **Mobile-Friendly Menu**: Offers a collapsible mobile menu with additional links, enhancing navigation for smaller screens.
-     * - **Event-Driven Menu Toggle**: Emits a toggle event to handle opening and closing of a fullscreen menu in sync with other components.
-     * This component is well-suited for creating a unified header across the platform with seamless integration of navigation, authentication, and responsive design elements.
-     */
-    interface EdsHeader {
-        /**
-          * Header style variant: determines text and background colors. - "default": text-default on bg-dark - "inverse": text-default on bg-inverse - "strong": text-inverse on bg-strongest
-         */
-        "headerVariant"?: 'default' | 'inverse' | 'strong';
-        /**
-          * URL for the home logo link. This is the default URL that the logo points to.
-         */
-        "homeUrl"?: string;
-        /**
-          * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
-         */
-        "links"?: string | { label: string; url: string; icon?: string; external?: boolean }[];
-        /**
-          * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header. Requires the <eds-fullscreen-menu> to properly work.
-         */
-        "menuEnabled"?: boolean;
-        /**
-          * Event to signal toggle menu action
-         */
-        "onToggleheadermenu"?: (event: EdsHeaderCustomEvent<boolean>) => void;
-    }
-    interface EdsIconArrowDiagonal {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconArrowRight {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconBin {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconBluesky {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconBookmark {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconChevronDown {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconChevronLeft {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconChevronRight {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconChevronUp {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconClone {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconClose {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-    }
-    interface EdsIconCopy {
+    interface EdsGitlabContributors {
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * GitLab personal access token for API authentication (required for internal projects)
          */
-        "class"?: string;
-    }
-    interface EdsIconDownload {
+        "accessToken": string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * GitLab API base URL
          */
-        "class"?: string;
-    }
-    interface EdsIconDraft {
+        "apiUrl"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Grid columns for responsive layout Options: '2', '3', '4', '5'
          */
-        "class"?: string;
-    }
-    interface EdsIconEdit {
+        "columns"?: '2' | '3' | '4' | '5';
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Maximum number of contributors to display
          */
-        "class"?: string;
-    }
-    interface EdsIconEu {
+        "limit"?: number;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Minimum commits to be included in the list
          */
-        "class"?: string;
-    }
-    interface EdsIconExternal {
+        "minCommits"?: number;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Optional path to filter commits (e.g., "apps/live/handbook") Only applied to project 1505 (monorepo). Other projects fetch all contributors.
          */
-        "class"?: string;
-    }
-    interface EdsIconFacebook {
+        "path"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * GitLab project ID(s) - single ID or comma-separated IDs for multiple projects Example: "3360" or "3360,1770" or "ri%2Ftech-hub%2Febrains-ui-ecosystem"
          */
-        "class"?: string;
-    }
-    interface EdsIconGitlab {
+        "projectId"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Show contribution statistics (commits, additions, deletions)
          */
-        "class"?: string;
-    }
-    interface EdsIconLinkedin {
+        "showStats"?: boolean;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Sort contributors by commits (desc) or username (asc)
          */
-        "class"?: string;
+        "sortBy"?: 'commits' | 'name';
     }
-    interface EdsIconLoader {
+    interface EdsGlobalSearch {
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * API endpoint for search
          */
-        "class"?: string;
-    }
-    interface EdsIconMastodon {
+        "apiEndpoint"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Optional authorization token (JWT) to include in requests When provided, will be sent as "Bearer <token>" in Authorization header
          */
-        "class"?: string;
-    }
-    interface EdsIconMenu {
+        "authToken"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Current site origin (auto-detected if not provided)
          */
-        "class"?: string;
-    }
-    interface EdsIconMinus {
+        "currentOrigin"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Current source identifier (e.g., 'handbook', 'design') Results matching this source will open in same tab
          */
-        "class"?: string;
-    }
-    interface EdsIconMore {
+        "currentSource"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Debounce delay in milliseconds
          */
-        "class"?: string;
-    }
-    interface EdsIconPaper {
+        "debounceDelay"?: number;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Force all results to open in new tab (useful when embedded in external sites)
          */
-        "class"?: string;
-    }
-    interface EdsIconPlus {
+        "forceNewTab"?: boolean;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Maximum number of results to fetch
          */
-        "class"?: string;
-    }
-    interface EdsIconPortal {
+        "limit"?: number;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Emitted when a result is selected
          */
-        "class"?: string;
-    }
-    interface EdsIconPrivate {
+        "onResultSelected"?: (event: EdsGlobalSearchCustomEvent<{
+    id: string;
+    title: string;
+    url: string;
+    section: string;
+    tags: string[];
+    date: string | null;
+    source: string;
+    snippet: string;
+    score: number | null;
+  }>) => void;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Emitted when search is closed (for expandable mode)
          */
-        "class"?: string;
-    }
-    interface EdsIconPublic {
+        "onSearchClosed"?: (event: EdsGlobalSearchCustomEvent<void>) => void;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Placeholder text for the input
          */
-        "class"?: string;
+        "placeholder"?: string;
     }
-    interface EdsIconSearch {
+    /**
+     * `EdsHeader` is a header component designed for the EBRAINS platform.
+     * It provides a customizable and responsive navigation experience, tailored for both desktop and mobile views.
+     * Key Features:
+     * - **Logo Link**: Includes a logo that links to the homepage or a specified URL.
+     * - **Primary Navigation**: Displays an array of navigation links for core platform sections.
+     * - **User Authentication Integration**: Supports Keycloak for login and logout, displaying user authentication options when enabled.
+     * - **Mobile-Friendly Menu**: Offers a collapsible mobile menu with additional links, enhancing navigation for smaller screens.
+     * - **Event-Driven Menu Toggle**: Emits a toggle event to handle opening and closing of a fullscreen menu in sync with other components.
+     * This component is well-suited for creating a unified header across the platform with seamless integration of navigation, authentication, and responsive design elements.
+     */
+    interface EdsHeader {
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
          */
-        "class"?: string;
-    }
-    interface EdsIconStar {
+        "links"?: string | { label: string; url: string; icon?: string; external?: boolean }[];
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Flag to enable or disable header menu toggle feature. When true, displays the toggle in the header. Requires the <eds-fullscreen-menu> to properly work.
          */
-        "class"?: string;
-    }
-    interface EdsIconStart {
+        "menu"?: boolean;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Event to signal toggle menu action
          */
-        "class"?: string;
-    }
-    interface EdsIconSuccess {
+        "onToggleheadermenu"?: (event: EdsHeaderCustomEvent<boolean>) => void;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * URL for the home logo link. This is the default URL that the logo points to.
          */
-        "class"?: string;
-    }
-    interface EdsIconThumbsDown {
+        "url"?: string;
         /**
-          * Additional CSS classes to be applied to the icon for styling.
+          * Header style variant: determines text and background colors. - "default": text-default on bg-dark - "inverse": text-default on bg-inverse - "strong": text-inverse on bg-strongest
          */
-        "class"?: string;
+        "variant"?: 'default' | 'inverse' | 'strong';
     }
-    interface EdsIconThumbsUp {
+    interface EdsIconBluesky {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    interface EdsIconTutorial {
+    interface EdsIconEu {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    interface EdsIconTwitter {
+    interface EdsIconFacebook {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    interface EdsIconUnknown {
+    interface EdsIconGitlab {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    interface EdsIconUpdown {
+    interface EdsIconLinkedin {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    interface EdsIconUser {
+    interface EdsIconMastodon {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    interface EdsIconView {
+    interface EdsIconTwitter {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
-    /**
-     * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
-     * It allows specifying the icon name, which is dynamically imported and rendered within the component.
-     * Key Features:
-     * - Dynamically loads the icon component based on the `icon` prop.
-     * - Allows additional CSS classes through the `class` prop for custom styling.
-     * - Observes changes to the `icon` prop and reloads the icon component accordingly.
-     * Ideal for scenarios where icons need to be dynamically selected and styled consistently across an application.
-     */
     interface EdsIconWrapper {
-        /**
-          * Additional CSS classes to be applied to the icon for styling.
-         */
-        "class"?: string;
-        /**
-          * The name of the icon to be displayed. Default is 'arrow-right'.
-         */
-        "icon"?: string;
+        "name": IconName;
+        "size"?: 16 | 20 | 24 | 32;
     }
     interface EdsIconYoutube {
         /**
@@ -4853,7 +4641,7 @@ declare namespace LocalJSX {
         "error"?: boolean;
         "extraClass"?: string;
         "hasMessage"?: boolean;
-        "icon"?: string;
+        "icon"?: IconName;
         "inputId"?: string;
         "max"?: number;
         "maxLength"?: number;
@@ -4866,6 +4654,48 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string | number;
     }
+    interface EdsInputDropzone {
+        /**
+          * Accepted file types (e.g., ".pdf,.png,.jpg" or "image/*").
+         */
+        "accept"?: string;
+        /**
+          * If `true`, the input is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` attribute of the internal input element. Defaults to `name` if not set.
+         */
+        "inputId"?: string;
+        /**
+          * Maximum file size in bytes. If not set, no size limit is enforced client-side.
+         */
+        "maxFileSize"?: number;
+        /**
+          * If `true`, allows multiple file selection.
+         */
+        "multiple"?: boolean;
+        /**
+          * The `name` attribute of the input element. Required for form submission.
+         */
+        "name": string;
+        /**
+          * Emits when files are selected or removed. Use `event.detail.files` to access the FileList.
+         */
+        "onEdsfile"?: (event: EdsInputDropzoneCustomEvent<{ files: File[] }>) => void;
+        /**
+          * Primary text shown in dropzone.
+         */
+        "primaryText"?: string;
+        /**
+          * If `true`, the input is required.
+         */
+        "required"?: boolean;
+        /**
+          * Secondary text shown in dropzone.
+         */
+        "secondaryText"?: string;
+    }
     interface EdsInputField {
         /**
           * If `true`, the checkbox/radio is checked.
@@ -4894,7 +4724,7 @@ declare namespace LocalJSX {
         /**
           * Optional icon name to display inside the input.
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The `id` attribute of the internal input element. Defaults to `name` if not set.
          */
@@ -4968,6 +4798,44 @@ declare namespace LocalJSX {
          */
         "value"?: string | number;
     }
+    interface EdsInputFile {
+        /**
+          * Accepted file types (e.g., ".pdf,.png,.jpg" or "image/*").
+         */
+        "accept"?: string;
+        /**
+          * Button label text. Defaults to "Choose Files" (or "Choose File" if not multiple).
+         */
+        "buttonLabel"?: string;
+        /**
+          * If `true`, the input is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` attribute of the internal input element. Defaults to `name` if not set.
+         */
+        "inputId"?: string;
+        /**
+          * Maximum file size in bytes. If not set, no size limit is enforced client-side.
+         */
+        "maxFileSize"?: number;
+        /**
+          * If `true`, allows multiple file selection.
+         */
+        "multiple"?: boolean;
+        /**
+          * The `name` attribute of the input element. Required for form submission.
+         */
+        "name": string;
+        /**
+          * Emits when files are selected or removed. Use `event.detail.files` to access the FileList.
+         */
+        "onEdsfile"?: (event: EdsInputFileCustomEvent<{ files: File[] }>) => void;
+        /**
+          * If `true`, the input is required.
+         */
+        "required"?: boolean;
+    }
     interface EdsInputFooter {
         /**
           * Whether the input should be rendered in an error state. Controls visibility of the `errorMessage`.
@@ -5129,6 +4997,68 @@ declare namespace LocalJSX {
          */
         "value"?: string | number;
     }
+    interface EdsKgWebServicesSelect {
+        /**
+          * API endpoint for fetching web services Defaults to cached endpoint for better performance
+         */
+        "apiEndpoint"?: string;
+        /**
+          * Whether the field is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Error state
+         */
+        "error"?: boolean;
+        /**
+          * Error message
+         */
+        "errorMessage"?: string;
+        /**
+          * Optional hint text
+         */
+        "hint"?: string;
+        /**
+          * Label for the select field
+         */
+        "label"?: string;
+        /**
+          * Optional message text
+         */
+        "message"?: string;
+        /**
+          * Name attribute for the select field
+         */
+        "name"?: string;
+        /**
+          * Emitted when the select field value changes (change event)
+         */
+        "onEdschange"?: (event: EdsKgWebServicesSelectCustomEvent<{ value: string | boolean | string[] }>) => void;
+        /**
+          * Emitted when the select field value changes (input event)
+         */
+        "onEdsinput"?: (event: EdsKgWebServicesSelectCustomEvent<{ value: string | boolean | string[] }>) => void;
+        /**
+          * Placeholder text for the select field
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the field is required
+         */
+        "required"?: boolean;
+        /**
+          * Optional search term to filter results
+         */
+        "searchTerm"?: string;
+        /**
+          * Maximum number of services to fetch
+         */
+        "size"?: number;
+        /**
+          * Selected value (web service short_name)
+         */
+        "value"?: string;
+    }
     /**
      * `EdsLink` is a versatile link component offering different styles and behaviors.
      * Key Features:
@@ -5166,7 +5096,7 @@ declare namespace LocalJSX {
         /**
           * The icon name to be displayed alongside the label.
          */
-        "icon"?: string;
+        "icon"?: IconName;
         /**
           * The icon position to be displayed alongside the label - left or right.
          */
@@ -5176,21 +5106,17 @@ declare namespace LocalJSX {
          */
         "iconSmall"?: boolean;
         /**
-          * The visual style intent of the link. Options: 'primary', 'secondary', 'tertiary', 'ghost', 'strong', 'weak', 'inverse', 'underline'.
+          * The visual style intent of the link. Options: 'primary', 'secondary', 'secondaryInverse', 'ghost', 'strong', 'weak', 'inverse', 'underline', 'underlineInverse', 'brand', 'brandInverse', 'cta', 'cta-brand'.
          */
-        "intent"?: | 'primary'
-    | 'secondary'
-    | 'tertiary'
-    | 'ghost'
-    | 'strong'
-    | 'weak'
-    | 'inverse'
-    | 'underline'
-    | 'blueish';
+        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'underlineInverse' | 'brand' | 'brandInverse' | 'cta' | 'cta-brand';
         /**
           * The text label for the link.
          */
         "label"?: string;
+        /**
+          * A boolean to determine if the link should have a pill shape (rounded-full). Default is false.
+         */
+        "pill"?: boolean;
         /**
           * The size of the link. Options are 'small' or 'large'.
          */
@@ -5224,9 +5150,9 @@ declare namespace LocalJSX {
          */
         "orientation"?: 'horizontal' | 'vertical';
         /**
-          * The type of the logo. `'color' | 'black' | 'color-white' | 'white'`
+          * The visual variant of the logo. `'positive'` for dark logo on light backgrounds, `'negative'` for light logo on dark backgrounds.
          */
-        "type"?: 'color' | 'black' | 'color-white' | 'white' | 'no-bg';
+        "variant"?: 'positive' | 'negative';
     }
     interface EdsMatomoNotice {
         /**
@@ -5276,18 +5202,19 @@ declare namespace LocalJSX {
          */
         "position"?: 'middle' | 'top' | 'bottom';
         /**
-          * The number of lines to truncate the title to. Default is 3 lines.
+          * Size of the modal. - `"small"`: 500px max width - `"medium"` (default): 700px max width - `"large"`: 900px max width
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * The number of lines to truncate the title to. Set to 0 or undefined to disable truncation.
          */
-        "truncate"?: 1 | 2 | 3 | 4;
+        "truncate"?: 0 | 1 | 2 | 3 | 4;
     }
     interface EdsNps {
         /**
           * Label displayed under the min value.
          */
         "leftLabel"?: string;
-        /**
-          * Event emitted when the NPS value changes.
-         */
         "onNps"?: (event: EdsNpsCustomEvent<number>) => void;
         /**
           * The question prompt for the NPS scale.
@@ -5297,6 +5224,10 @@ declare namespace LocalJSX {
           * Label displayed under the max value.
          */
         "rightLabel"?: string;
+        /**
+          * Current selected NPS value (controlled from parent).
+         */
+        "selectedValue"?: number;
     }
     /**
      * `EdsPagination` is a component for navigating paginated data.
@@ -5382,13 +5313,18 @@ declare namespace LocalJSX {
     }
     interface EdsProgressBar {
         /**
-          * Whether to render with rounded corners.
+          * Horizontal padding for the label container (CSS value). Examples: "3rem", "48px", "2rem" Default: "3rem"
          */
-        "rounded"?: boolean;
+        "labelPaddingX"?: string;
+        "showLabel"?: boolean;
         /**
           * The progress value (0-100).
          */
         "value"?: number;
+        /**
+          * Visual variant for the progress bar. - "default": Standard progress bar with border and centered text - "brand": EBRAINS branded progress bar with gradient, glow, and top text
+         */
+        "variant"?: 'default' | 'brand';
     }
     interface EdsRating {
         /**
@@ -5402,7 +5338,11 @@ declare namespace LocalJSX {
         /**
           * The type of icon to display. Can be "stars" or "thumbs".
          */
-        "ratingType"?: 'star' | 'thumbs-up' | 'thumbs-down';
+        "ratingType"?: IconName;
+        /**
+          * Current selected rating value (controlled from parent).
+         */
+        "selectedRating"?: number;
     }
     interface EdsSectionCore {
         /**
@@ -5475,6 +5415,11 @@ declare namespace LocalJSX {
           * Social Network custom title to display
          */
         "heading"?: string;
+        /**
+          * Controls the visual variant of the social networks. - 'default': Light background with dark text - 'inverse': Dark/black background with white text
+          * @type {'default' | 'inverse'}
+         */
+        "variant"?: 'default' | 'inverse';
     }
     interface EdsSpinner {
         /**
@@ -5540,10 +5485,18 @@ declare namespace LocalJSX {
           * Orientation (applies to linear mode visuals).
          */
         "orientation"?: 'vertical' | 'horizontal';
+        /**
+          * Show or hide the finish button on the last step
+         */
+        "showFinish"?: boolean;
         /**
           * Steps data as array or JSON string.
          */
         "steps"?: string | Step[];
+        /**
+          * Visual theme for the steps component. - 'default': Grey step circles with white text - 'brand': Brand green step circles with black text (CTA style)
+         */
+        "theme"?: 'default' | 'brand';
         /**
           * Stepper mode.
          */
@@ -5591,10 +5544,18 @@ declare namespace LocalJSX {
           * Orientation (applies to linear visuals)
          */
         "orientation"?: 'vertical' | 'horizontal';
+        /**
+          * Show or hide the finish button on the last step
+         */
+        "showFinish"?: boolean;
         /**
           * JSON string or array of steps: { title, content? }
          */
         "steps"?: string | Step1[];
+        /**
+          * Visual theme for the steps component. - 'default': Grey step circles with white text - 'brand': Brand green step circles with black text (CTA style)
+         */
+        "theme"?: 'default' | 'brand';
         /**
           * Stepper mode
          */
@@ -5621,13 +5582,23 @@ declare namespace LocalJSX {
           * Emitted when the switch is toggled.
          */
         "onUiswitch"?: (event: EdsSwitchCustomEvent<{ value: boolean }>) => void;
+        /**
+          * Variant of the switch: 'toggle' (default) or 'segmented' (pill-style buttons)
+         */
+        "variant"?: 'toggle' | 'segmented';
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
+     * - Configurable columns with options to hide or apply text formatting (uppercase, bold, code, or html).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
+     * Column Format Options:
+     * - 'uppercase': Converts text to uppercase
+     * - 'bold': Wraps text in <strong> tag
+     * - 'code': Wraps text in <code> tag
+     * - 'html': Renders raw HTML content (use for web components, links, etc.)
+     * - 'svg': (deprecated, use 'html') Renders raw HTML content
      * This component is versatile for displaying data with flexible configuration, and integrates with pagination and search functionalities.
      */
     interface EdsTable {
@@ -5636,7 +5607,7 @@ declare namespace LocalJSX {
          */
         "actionTemplate"?: (row: any) => VNode;
         /**
-          * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
+          * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  - `intent`     ("brand" | "primary" | "secondary" | "neutral" | "ghost" | "brandInverse" | "secondaryInverse" | "ghostInverse"; optional) — button intent/style.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye", "intent":"brand" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true, "intent":"primary" },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
          */
         "actions"?: string | TableAction[];
         /**
@@ -5650,7 +5621,7 @@ declare namespace LocalJSX {
     | {
         [key: string]: {
           hidden?: boolean;
-          format?: 'uppercase' | 'bold' | 'code';
+          format?: 'uppercase' | 'bold' | 'code' | 'html' | 'svg';
         };
       };
         /**
@@ -5662,6 +5633,10 @@ declare namespace LocalJSX {
           * Define the event with the payload type
          */
         "onRowaction"?: (event: EdsTableCustomEvent<{ action: string; row: any; checked: boolean }>) => void;
+        /**
+          * Emitted when view mode changes
+         */
+        "onViewchange"?: (event: EdsTableCustomEvent<{ view: 'table' | 'card' }>) => void;
         /**
           * Enable or disable pagination explicitly
          */
@@ -5674,22 +5649,33 @@ declare namespace LocalJSX {
           * Enable or disable search input for filtering
          */
         "searchEnabled"?: boolean;
+        /**
+          * Show view toggle control (segmented switch for Table/Card views)
+         */
+        "showViewToggle"?: boolean;
         /**
           * Enable or disable column sorting
          */
         "sortingEnabled"?: boolean;
         /**
-          * Theme for table styling - 'default' or 'color' for alternating row colors
+          * Theme for table styling: - 'default': Simple rows with no background - 'color': Alternating row colors - 'brand': Modern brand styling with hover effects and green accents
          */
-        "theme"?: 'default' | 'color';
+        "theme"?: 'default' | 'color' | 'brand';
+        /**
+          * View mode for displaying data: - 'table': Traditional table layout (default) - 'card': Card grid layout
+         */
+        "view"?: 'table' | 'card';
     }
     /**
-     * `EdsTabs` is a tabs component that renders a navigational tab bar.
-     * Each tab can be configured with various properties such as label, URL, active state, and more.
-     * It includes interactive features like handling tab clicks, scrolling to the active tab,
-     * and emitting events for tab changes and analytics tracking.
-     * This component is ideal for building a customizable tab navigation system with accessibility features
-     * and is designed to fit seamlessly into any layout.
+     * `EdsTabs` is a modern tabs component with a pill-shaped container design.
+     * Features a clean, minimal interface with smooth transitions and two variant styles.
+     * Key features:
+     * - Default variant (dark background) and inverse variant (light background)
+     * - Pill-shaped container with rounded tabs
+     * - Smooth hover and active state transitions
+     * - Keyboard navigation support (Arrow keys, Home, End)
+     * - Analytics tracking integration
+     * - Accessible with proper ARIA attributes
      */
     interface EdsTabs {
         /**
@@ -5708,7 +5694,11 @@ declare namespace LocalJSX {
         /**
           * JSON string for tabs data
          */
-        "tabs"?: string | { label: string; url: string; active: boolean; ariaLabel?: string }[];
+        "tabs"?: string | { label: string; url?: string; active: boolean; ariaLabel?: string }[];
+        /**
+          * Visual variant: 'default' for dark backgrounds, 'inverse' for light backgrounds
+         */
+        "variant"?: 'default' | 'inverse';
     }
     /**
      * `EdsTag` is a stylized label component designed to display short, categorical information.
@@ -5718,7 +5708,7 @@ declare namespace LocalJSX {
         /**
           * The visual style or intent of the tag.
          */
-        "intent"?: 'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+        "intent"?: 'primary' | 'dark' | 'inverse' | 'brand' | 'brand-dark' | 'strong';
         /**
           * The label to be displayed inside the tag.
          */
@@ -5742,7 +5732,7 @@ declare namespace LocalJSX {
         /**
           * The visual intent or style of the toast, indicating the toast type.
          */
-        "intent"?: 'default' | 'success' | 'error' | 'warning';
+        "intent"?: 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
         /**
           * The main message or text to be displayed in the toast.
          */
@@ -5761,12 +5751,6 @@ declare namespace LocalJSX {
         "content"?: string;
         "position"?: 'top' | 'bottom';
     }
-    interface EdsTrl {
-        /**
-          * Accepts a JSON string or an array of application objects.
-         */
-        "applications"?: string | any[];
-    }
     /**
      * `EdsUser` is a user component for managing and displaying
      * the user's auth information. Displays a user dropdown menu when authenticated.
@@ -5840,13 +5824,14 @@ declare namespace LocalJSX {
         "eds-block-break": EdsBlockBreak;
         "eds-breadcrumb": EdsBreadcrumb;
         "eds-button": EdsButton;
+        "eds-card-app": EdsCardApp;
+        "eds-card-cta": EdsCardCta;
         "eds-card-desc": EdsCardDesc;
+        "eds-card-feature": EdsCardFeature;
         "eds-card-generic": EdsCardGeneric;
-        "eds-card-project": EdsCardProject;
-        "eds-card-section": EdsCardSection;
-        "eds-card-tags": EdsCardTags;
+        "eds-card-hero": EdsCardHero;
+        "eds-card-stat": EdsCardStat;
         "eds-card-title": EdsCardTitle;
-        "eds-card-tool": EdsCardTool;
         "eds-code-block": EdsCodeBlock;
         "eds-cookies-preference": EdsCookiesPreference;
         "eds-dropdown": EdsDropdown;
@@ -5856,60 +5841,29 @@ declare namespace LocalJSX {
         "eds-frame": EdsFrame;
         "eds-fullscreen-menu": EdsFullscreenMenu;
         "eds-gauge": EdsGauge;
+        "eds-gitlab-contributors": EdsGitlabContributors;
         "eds-global-search": EdsGlobalSearch;
         "eds-header": EdsHeader;
-        "eds-icon-arrow-diagonal": EdsIconArrowDiagonal;
-        "eds-icon-arrow-right": EdsIconArrowRight;
-        "eds-icon-bin": EdsIconBin;
         "eds-icon-bluesky": EdsIconBluesky;
-        "eds-icon-bookmark": EdsIconBookmark;
-        "eds-icon-chevron-down": EdsIconChevronDown;
-        "eds-icon-chevron-left": EdsIconChevronLeft;
-        "eds-icon-chevron-right": EdsIconChevronRight;
-        "eds-icon-chevron-up": EdsIconChevronUp;
-        "eds-icon-clone": EdsIconClone;
-        "eds-icon-close": EdsIconClose;
-        "eds-icon-copy": EdsIconCopy;
-        "eds-icon-download": EdsIconDownload;
-        "eds-icon-draft": EdsIconDraft;
-        "eds-icon-edit": EdsIconEdit;
         "eds-icon-eu": EdsIconEu;
-        "eds-icon-external": EdsIconExternal;
         "eds-icon-facebook": EdsIconFacebook;
         "eds-icon-gitlab": EdsIconGitlab;
         "eds-icon-linkedin": EdsIconLinkedin;
-        "eds-icon-loader": EdsIconLoader;
         "eds-icon-mastodon": EdsIconMastodon;
-        "eds-icon-menu": EdsIconMenu;
-        "eds-icon-minus": EdsIconMinus;
-        "eds-icon-more": EdsIconMore;
-        "eds-icon-paper": EdsIconPaper;
-        "eds-icon-plus": EdsIconPlus;
-        "eds-icon-portal": EdsIconPortal;
-        "eds-icon-private": EdsIconPrivate;
-        "eds-icon-public": EdsIconPublic;
-        "eds-icon-search": EdsIconSearch;
-        "eds-icon-star": EdsIconStar;
-        "eds-icon-start": EdsIconStart;
-        "eds-icon-success": EdsIconSuccess;
-        "eds-icon-thumbs-down": EdsIconThumbsDown;
-        "eds-icon-thumbs-up": EdsIconThumbsUp;
-        "eds-icon-tutorial": EdsIconTutorial;
         "eds-icon-twitter": EdsIconTwitter;
-        "eds-icon-unknown": EdsIconUnknown;
-        "eds-icon-updown": EdsIconUpdown;
-        "eds-icon-user": EdsIconUser;
-        "eds-icon-view": EdsIconView;
         "eds-icon-wrapper": EdsIconWrapper;
         "eds-icon-youtube": EdsIconYoutube;
         "eds-img": EdsImg;
         "eds-input": EdsInput;
+        "eds-input-dropzone": EdsInputDropzone;
         "eds-input-field": EdsInputField;
+        "eds-input-file": EdsInputFile;
         "eds-input-footer": EdsInputFooter;
         "eds-input-label": EdsInputLabel;
         "eds-input-range": EdsInputRange;
         "eds-input-search": EdsInputSearch;
         "eds-input-select": EdsInputSelect;
+        "eds-kg-web-services-select": EdsKgWebServicesSelect;
         "eds-link": EdsLink;
         "eds-logo": EdsLogo;
         "eds-matomo-notice": EdsMatomoNotice;
@@ -5935,7 +5889,6 @@ declare namespace LocalJSX {
         "eds-toast": EdsToast;
         "eds-toast-manager": EdsToastManager;
         "eds-tooltip": EdsTooltip;
-        "eds-trl": EdsTrl;
         "eds-user": EdsUser;
         "gradient-primary-palette": GradientPrimaryPalette;
         "gradient-secondary-palette": GradientSecondaryPalette;
@@ -5968,30 +5921,21 @@ declare module "@stencil/core" {
             "docs-tokens": LocalJSX.DocsTokens & JSXBase.HTMLAttributes<HTMLDocsTokensElement>;
             /**
              * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
-             * It features a customizable header, optional description, and content area that can be dynamically expanded.
-             * This component supports a range of configurations, including background toggling, minimum height adjustments,
-             * and various styles to suit different layouts and display requirements.
-             * It includes an optional button or link element within the header, which can be customized for additional interactions.
-             * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent components
-             * to track its open/close status.
-             * Key features include:
-             * - Header with customizable title
-             * - Expandable/collapsible content section
-             * - Background color switch on expand and hover
-             * - Compact layout option with reduced header height
-             * - Adjustable content height and text clamping
-             * - Emitted events for tracking changes in expansion state and context
+             * It features a customizable header with optional icon, description, and content area.
+             * Supports two visual variants (`default` and `inverse`) matching the card design system,
+             * with hover effects, smooth CSS-driven expand/collapse animation, and optional icon display.
+             * The `accordion` event is emitted when the accordion's expanded state changes, allowing parent
+             * components to track its open/close status.
              */
             "eds-accordion": LocalJSX.EdsAccordion & JSXBase.HTMLAttributes<HTMLEdsAccordionElement>;
             /**
-             * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
-             * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
-             * Key features include:
-             * - Customizable alert message with different visual intents (`default`, `warning`, `error`, `success`).
-             * - Configurable layout direction (`horizontal` or `vertical`) to accommodate various design requirements.
-             * - Optional pressable element (link or button) that allows users to interact with the alert.
-             * - Emits context events to allow parent components to track alert interactions.
-             * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
+             * `EdsAlert` is a versatile alert component for displaying contextual messages.
+             * Key features:
+             * - Contextual intents (`default`, `info`, `warning`, `error`, `success`) with matching icons and accent colors
+             * - Configurable layout direction (`horizontal` or `vertical`)
+             * - Optional action element (link when URL provided, ghost button otherwise)
+             * - Optional dismiss button to close the alert
+             * - Left accent border colored per intent
              */
             "eds-alert": LocalJSX.EdsAlert & JSXBase.HTMLAttributes<HTMLEdsAlertElement>;
             "eds-app-root": LocalJSX.EdsAppRoot & JSXBase.HTMLAttributes<HTMLEdsAppRootElement>;
@@ -6021,18 +5965,59 @@ declare module "@stencil/core" {
              */
             "eds-breadcrumb": LocalJSX.EdsBreadcrumb & JSXBase.HTMLAttributes<HTMLEdsBreadcrumbElement>;
             /**
-             * `EdsButton` is a versatile button component designed for a range of actions and interactions in applications.
-             * The button offers various customization options for appearance, size, and behavior.
-             * Key features include:
-             * - Configurable visual styles (`intent`) such as primary, secondary, and ghost.
-             * - Loading state indicator and disabled state for control over user interactions.
-             * - Optional icon display with customizable position and size.
-             * - Support for different element types (`button` or `a`) and pill-shaped buttons.
-             * - Emits a custom Matomo event when clicked for tracking interactions.
-             * This component is suitable for buttons, links, and other interactive elements within an interface.
+             * `EdsButton` - Updated for EBRAINS Visual System 2025
+             * A versatile button component designed for a range of actions and interactions.
+             * Updated to match the new EBRAINS visual identity with:
+             * - Brand black (#07140D) for primary buttons
+             * - Brand green (#00FF9D) for accents and focus states
+             * - Pill-shaped design (rounded-full by default)
+             * - IBM Plex Sans typography
+             * - High-contrast accessibility
+             * Key features:
+             * - Primary (black) and Secondary (outlined) button styles
+             * - Loading state indicator with proper color handling
+             * - Disabled state for control over user interactions
+             * - Optional icon display with customizable position and size
+             * - Support for different element types (button or a)
+             * - Emits custom Matomo event when clicked for tracking
              */
             "eds-button": LocalJSX.EdsButton & JSXBase.HTMLAttributes<HTMLEdsButtonElement>;
+            /**
+             * `EdsCardApp` is a card component designed to showcase applications with category, title, description, tags, and link.
+             * Key features:
+             * - Category label at the top (e.g., "BRAIN ATLASES", "DATA MANAGEMENT")
+             * - Large, lightweight title
+             * - Description text
+             * - Multiple tags for features/technologies
+             * - Optional action link at the bottom
+             * - Hover effects with transform and border glow
+             * This component is ideal for application grids, service catalogs, and platform showcases.
+             */
+            "eds-card-app": LocalJSX.EdsCardApp & JSXBase.HTMLAttributes<HTMLEdsCardAppElement>;
+            /**
+             * `EdsCardCta` is a call-to-action card component with title, description, action buttons, and footer links.
+             * Key features:
+             * - Large title with line breaks
+             * - Description text
+             * - Primary and secondary action buttons
+             * - Footer links in a row
+             * - Animated rotating radial gradient background
+             * - Green border with hover effects
+             * - Variant support (default/inverse)
+             * This component is ideal for landing pages, campaign sections, and conversion-focused layouts.
+             */
+            "eds-card-cta": LocalJSX.EdsCardCta & JSXBase.HTMLAttributes<HTMLEdsCardCtaElement>;
             "eds-card-desc": LocalJSX.EdsCardDesc & JSXBase.HTMLAttributes<HTMLEdsCardDescElement>;
+            /**
+             * `EdsCardFeature` is a card component designed to showcase features with an icon, title, description, and optional link.
+             * Key features:
+             * - Icon at the top in a colored background box
+             * - Title and description
+             * - Optional "Learn more" link with arrow
+             * - Hover effects with background color change and border glow
+             * This component is ideal for feature grids, service listings, and capability showcases.
+             */
+            "eds-card-feature": LocalJSX.EdsCardFeature & JSXBase.HTMLAttributes<HTMLEdsCardFeatureElement>;
             /**
              * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
              * The card supports various visual configurations, including hover effects, background styling, and compact layout options.
@@ -6044,19 +6029,30 @@ declare module "@stencil/core" {
              * This component is ideal for use in interfaces where structured card-like display elements are needed.
              */
             "eds-card-generic": LocalJSX.EdsCardGeneric & JSXBase.HTMLAttributes<HTMLEdsCardGenericElement>;
-            "eds-card-project": LocalJSX.EdsCardProject & JSXBase.HTMLAttributes<HTMLEdsCardProjectElement>;
             /**
-             * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout of 4 columns (grid-cols-4).
-             * Each card within the section can display various properties such as title, description, avatar, and additional content.
-             * Key Features:
-             * - Accepts a JSON string or array of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
-             * - Configurable grid layout with adjustable column span for each card, optimizing display on different screen sizes.
-             * This component is ideal for displaying a structured section of cards with varying content in a responsive grid format.
+             * `EdsCardHero` is a floating card component designed for hero sections with label, title, description, and tags.
+             * Key features:
+             * - Small uppercase label (e.g., "DATA MANAGEMENT")
+             * - Large, lightweight title
+             * - Description text
+             * - Multiple tags at the bottom
+             * - Floating animation effects
+             * - Hover effects with border glow
+             * This component is ideal for hero sections, landing pages, and feature highlights.
+             */
+            "eds-card-hero": LocalJSX.EdsCardHero & JSXBase.HTMLAttributes<HTMLEdsCardHeroElement>;
+            /**
+             * `EdsCardStat` is a card component designed to display statistics with a large number, label, and description.
+             * Key features:
+             * - Large prominent number display (e.g., "44+", "100%", "AA")
+             * - Label describing the statistic
+             * - Optional description for additional context
+             * - Hover effects with animated top border
+             * - Support for optional links
+             * This component is ideal for dashboards, landing pages, and any interface displaying key metrics.
              */
-            "eds-card-section": LocalJSX.EdsCardSection & JSXBase.HTMLAttributes<HTMLEdsCardSectionElement>;
-            "eds-card-tags": LocalJSX.EdsCardTags & JSXBase.HTMLAttributes<HTMLEdsCardTagsElement>;
+            "eds-card-stat": LocalJSX.EdsCardStat & JSXBase.HTMLAttributes<HTMLEdsCardStatElement>;
             "eds-card-title": LocalJSX.EdsCardTitle & JSXBase.HTMLAttributes<HTMLEdsCardTitleElement>;
-            "eds-card-tool": LocalJSX.EdsCardTool & JSXBase.HTMLAttributes<HTMLEdsCardToolElement>;
             /**
              * A component that displays a code block with syntax highlighting.
              * Uses Prism.js for syntax highlighting. Supports multiple languages such as JavaScript, HTML, CSS,
@@ -6110,18 +6106,9 @@ declare module "@stencil/core" {
              */
             "eds-form": LocalJSX.EdsForm & JSXBase.HTMLAttributes<HTMLEdsFormElement>;
             "eds-frame": LocalJSX.EdsFrame & JSXBase.HTMLAttributes<HTMLEdsFrameElement>;
-            /**
-             * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
-             * It provides a responsive, full-window overlay menu with navigation links and additional options.
-             * This component is suitable for mobile and small screens, where a fullscreen menu enhances user navigation.
-             * ## Key Features
-             * - **Links and Menu Links**: Allows configurable primary and secondary navigation links.
-             * - **Event-Driven Open/Close**: Listens for a `toggleMenu` event to open or close the menu, emitted by the `eds-header` component.
-             * - **Responsive Behavior**: Automatically closes the menu when the screen width is larger than a specified breakpoint (1024px).
-             * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
-             */
             "eds-fullscreen-menu": LocalJSX.EdsFullscreenMenu & JSXBase.HTMLAttributes<HTMLEdsFullscreenMenuElement>;
             "eds-gauge": LocalJSX.EdsGauge & JSXBase.HTMLAttributes<HTMLEdsGaugeElement>;
+            "eds-gitlab-contributors": LocalJSX.EdsGitlabContributors & JSXBase.HTMLAttributes<HTMLEdsGitlabContributorsElement>;
             "eds-global-search": LocalJSX.EdsGlobalSearch & JSXBase.HTMLAttributes<HTMLEdsGlobalSearchElement>;
             /**
              * `EdsHeader` is a header component designed for the EBRAINS platform.
@@ -6135,57 +6122,13 @@ declare module "@stencil/core" {
              * This component is well-suited for creating a unified header across the platform with seamless integration of navigation, authentication, and responsive design elements.
              */
             "eds-header": LocalJSX.EdsHeader & JSXBase.HTMLAttributes<HTMLEdsHeaderElement>;
-            "eds-icon-arrow-diagonal": LocalJSX.EdsIconArrowDiagonal & JSXBase.HTMLAttributes<HTMLEdsIconArrowDiagonalElement>;
-            "eds-icon-arrow-right": LocalJSX.EdsIconArrowRight & JSXBase.HTMLAttributes<HTMLEdsIconArrowRightElement>;
-            "eds-icon-bin": LocalJSX.EdsIconBin & JSXBase.HTMLAttributes<HTMLEdsIconBinElement>;
             "eds-icon-bluesky": LocalJSX.EdsIconBluesky & JSXBase.HTMLAttributes<HTMLEdsIconBlueskyElement>;
-            "eds-icon-bookmark": LocalJSX.EdsIconBookmark & JSXBase.HTMLAttributes<HTMLEdsIconBookmarkElement>;
-            "eds-icon-chevron-down": LocalJSX.EdsIconChevronDown & JSXBase.HTMLAttributes<HTMLEdsIconChevronDownElement>;
-            "eds-icon-chevron-left": LocalJSX.EdsIconChevronLeft & JSXBase.HTMLAttributes<HTMLEdsIconChevronLeftElement>;
-            "eds-icon-chevron-right": LocalJSX.EdsIconChevronRight & JSXBase.HTMLAttributes<HTMLEdsIconChevronRightElement>;
-            "eds-icon-chevron-up": LocalJSX.EdsIconChevronUp & JSXBase.HTMLAttributes<HTMLEdsIconChevronUpElement>;
-            "eds-icon-clone": LocalJSX.EdsIconClone & JSXBase.HTMLAttributes<HTMLEdsIconCloneElement>;
-            "eds-icon-close": LocalJSX.EdsIconClose & JSXBase.HTMLAttributes<HTMLEdsIconCloseElement>;
-            "eds-icon-copy": LocalJSX.EdsIconCopy & JSXBase.HTMLAttributes<HTMLEdsIconCopyElement>;
-            "eds-icon-download": LocalJSX.EdsIconDownload & JSXBase.HTMLAttributes<HTMLEdsIconDownloadElement>;
-            "eds-icon-draft": LocalJSX.EdsIconDraft & JSXBase.HTMLAttributes<HTMLEdsIconDraftElement>;
-            "eds-icon-edit": LocalJSX.EdsIconEdit & JSXBase.HTMLAttributes<HTMLEdsIconEditElement>;
             "eds-icon-eu": LocalJSX.EdsIconEu & JSXBase.HTMLAttributes<HTMLEdsIconEuElement>;
-            "eds-icon-external": LocalJSX.EdsIconExternal & JSXBase.HTMLAttributes<HTMLEdsIconExternalElement>;
             "eds-icon-facebook": LocalJSX.EdsIconFacebook & JSXBase.HTMLAttributes<HTMLEdsIconFacebookElement>;
             "eds-icon-gitlab": LocalJSX.EdsIconGitlab & JSXBase.HTMLAttributes<HTMLEdsIconGitlabElement>;
             "eds-icon-linkedin": LocalJSX.EdsIconLinkedin & JSXBase.HTMLAttributes<HTMLEdsIconLinkedinElement>;
-            "eds-icon-loader": LocalJSX.EdsIconLoader & JSXBase.HTMLAttributes<HTMLEdsIconLoaderElement>;
             "eds-icon-mastodon": LocalJSX.EdsIconMastodon & JSXBase.HTMLAttributes<HTMLEdsIconMastodonElement>;
-            "eds-icon-menu": LocalJSX.EdsIconMenu & JSXBase.HTMLAttributes<HTMLEdsIconMenuElement>;
-            "eds-icon-minus": LocalJSX.EdsIconMinus & JSXBase.HTMLAttributes<HTMLEdsIconMinusElement>;
-            "eds-icon-more": LocalJSX.EdsIconMore & JSXBase.HTMLAttributes<HTMLEdsIconMoreElement>;
-            "eds-icon-paper": LocalJSX.EdsIconPaper & JSXBase.HTMLAttributes<HTMLEdsIconPaperElement>;
-            "eds-icon-plus": LocalJSX.EdsIconPlus & JSXBase.HTMLAttributes<HTMLEdsIconPlusElement>;
-            "eds-icon-portal": LocalJSX.EdsIconPortal & JSXBase.HTMLAttributes<HTMLEdsIconPortalElement>;
-            "eds-icon-private": LocalJSX.EdsIconPrivate & JSXBase.HTMLAttributes<HTMLEdsIconPrivateElement>;
-            "eds-icon-public": LocalJSX.EdsIconPublic & JSXBase.HTMLAttributes<HTMLEdsIconPublicElement>;
-            "eds-icon-search": LocalJSX.EdsIconSearch & JSXBase.HTMLAttributes<HTMLEdsIconSearchElement>;
-            "eds-icon-star": LocalJSX.EdsIconStar & JSXBase.HTMLAttributes<HTMLEdsIconStarElement>;
-            "eds-icon-start": LocalJSX.EdsIconStart & JSXBase.HTMLAttributes<HTMLEdsIconStartElement>;
-            "eds-icon-success": LocalJSX.EdsIconSuccess & JSXBase.HTMLAttributes<HTMLEdsIconSuccessElement>;
-            "eds-icon-thumbs-down": LocalJSX.EdsIconThumbsDown & JSXBase.HTMLAttributes<HTMLEdsIconThumbsDownElement>;
-            "eds-icon-thumbs-up": LocalJSX.EdsIconThumbsUp & JSXBase.HTMLAttributes<HTMLEdsIconThumbsUpElement>;
-            "eds-icon-tutorial": LocalJSX.EdsIconTutorial & JSXBase.HTMLAttributes<HTMLEdsIconTutorialElement>;
             "eds-icon-twitter": LocalJSX.EdsIconTwitter & JSXBase.HTMLAttributes<HTMLEdsIconTwitterElement>;
-            "eds-icon-unknown": LocalJSX.EdsIconUnknown & JSXBase.HTMLAttributes<HTMLEdsIconUnknownElement>;
-            "eds-icon-updown": LocalJSX.EdsIconUpdown & JSXBase.HTMLAttributes<HTMLEdsIconUpdownElement>;
-            "eds-icon-user": LocalJSX.EdsIconUser & JSXBase.HTMLAttributes<HTMLEdsIconUserElement>;
-            "eds-icon-view": LocalJSX.EdsIconView & JSXBase.HTMLAttributes<HTMLEdsIconViewElement>;
-            /**
-             * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
-             * It allows specifying the icon name, which is dynamically imported and rendered within the component.
-             * Key Features:
-             * - Dynamically loads the icon component based on the `icon` prop.
-             * - Allows additional CSS classes through the `class` prop for custom styling.
-             * - Observes changes to the `icon` prop and reloads the icon component accordingly.
-             * Ideal for scenarios where icons need to be dynamically selected and styled consistently across an application.
-             */
             "eds-icon-wrapper": LocalJSX.EdsIconWrapper & JSXBase.HTMLAttributes<HTMLEdsIconWrapperElement>;
             "eds-icon-youtube": LocalJSX.EdsIconYoutube & JSXBase.HTMLAttributes<HTMLEdsIconYoutubeElement>;
             /**
@@ -6206,12 +6149,15 @@ declare module "@stencil/core" {
              */
             "eds-img": LocalJSX.EdsImg & JSXBase.HTMLAttributes<HTMLEdsImgElement>;
             "eds-input": LocalJSX.EdsInput & JSXBase.HTMLAttributes<HTMLEdsInputElement>;
+            "eds-input-dropzone": LocalJSX.EdsInputDropzone & JSXBase.HTMLAttributes<HTMLEdsInputDropzoneElement>;
             "eds-input-field": LocalJSX.EdsInputField & JSXBase.HTMLAttributes<HTMLEdsInputFieldElement>;
+            "eds-input-file": LocalJSX.EdsInputFile & JSXBase.HTMLAttributes<HTMLEdsInputFileElement>;
             "eds-input-footer": LocalJSX.EdsInputFooter & JSXBase.HTMLAttributes<HTMLEdsInputFooterElement>;
             "eds-input-label": LocalJSX.EdsInputLabel & JSXBase.HTMLAttributes<HTMLEdsInputLabelElement>;
             "eds-input-range": LocalJSX.EdsInputRange & JSXBase.HTMLAttributes<HTMLEdsInputRangeElement>;
             "eds-input-search": LocalJSX.EdsInputSearch & JSXBase.HTMLAttributes<HTMLEdsInputSearchElement>;
             "eds-input-select": LocalJSX.EdsInputSelect & JSXBase.HTMLAttributes<HTMLEdsInputSelectElement>;
+            "eds-kg-web-services-select": LocalJSX.EdsKgWebServicesSelect & JSXBase.HTMLAttributes<HTMLEdsKgWebServicesSelectElement>;
             /**
              * `EdsLink` is a versatile link component offering different styles and behaviors.
              * Key Features:
@@ -6277,19 +6223,28 @@ declare module "@stencil/core" {
             /**
              * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
              * Key Features:
-             * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
+             * - Configurable columns with options to hide or apply text formatting (uppercase, bold, code, or html).
              * - Pagination support with adjustable rows per page.
              * - Searchable content for easier data filtering.
+             * Column Format Options:
+             * - 'uppercase': Converts text to uppercase
+             * - 'bold': Wraps text in <strong> tag
+             * - 'code': Wraps text in <code> tag
+             * - 'html': Renders raw HTML content (use for web components, links, etc.)
+             * - 'svg': (deprecated, use 'html') Renders raw HTML content
              * This component is versatile for displaying data with flexible configuration, and integrates with pagination and search functionalities.
              */
             "eds-table": LocalJSX.EdsTable & JSXBase.HTMLAttributes<HTMLEdsTableElement>;
             /**
-             * `EdsTabs` is a tabs component that renders a navigational tab bar.
-             * Each tab can be configured with various properties such as label, URL, active state, and more.
-             * It includes interactive features like handling tab clicks, scrolling to the active tab,
-             * and emitting events for tab changes and analytics tracking.
-             * This component is ideal for building a customizable tab navigation system with accessibility features
-             * and is designed to fit seamlessly into any layout.
+             * `EdsTabs` is a modern tabs component with a pill-shaped container design.
+             * Features a clean, minimal interface with smooth transitions and two variant styles.
+             * Key features:
+             * - Default variant (dark background) and inverse variant (light background)
+             * - Pill-shaped container with rounded tabs
+             * - Smooth hover and active state transitions
+             * - Keyboard navigation support (Arrow keys, Home, End)
+             * - Analytics tracking integration
+             * - Accessible with proper ARIA attributes
              */
             "eds-tabs": LocalJSX.EdsTabs & JSXBase.HTMLAttributes<HTMLEdsTabsElement>;
             /**
@@ -6304,7 +6259,6 @@ declare module "@stencil/core" {
              * `EdsTooltip` dynamically positions a tooltip centered above the slotted element.
              */
             "eds-tooltip": LocalJSX.EdsTooltip & JSXBase.HTMLAttributes<HTMLEdsTooltipElement>;
-            "eds-trl": LocalJSX.EdsTrl & JSXBase.HTMLAttributes<HTMLEdsTrlElement>;
             /**
              * `EdsUser` is a user component for managing and displaying
              * the user's auth information. Displays a user dropdown menu when authenticated.