@ebrains/components 0.5.0-alpha.0 → 0.7.0-alpha.0

package/dist/types/components.d.ts

@@ -27,7 +27,7 @@ export namespace Components {
      * 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 `accordionChange` event is emitted when the accordion's expanded state changes, allowing parent components
+     * 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
@@ -95,6 +95,8 @@ export namespace Components {
          */
         "pressableUrl"?: string;
     }
+    interface EdsAppRoot {
+    }
     /**
      * `EdsAvatar` is a versatile component for displaying user profile representations, including initials or profile pictures.
      * This component is customizable to adapt to various styles and use cases.
@@ -191,7 +193,7 @@ export namespace Components {
         /**
           * The HTML element type for the button (e.g., 'button', 'a'). Default is 'button'.
          */
-        "elementType": string;
+        "elementType": 'button' | 'a';
         "extraClass"?: string;
         /**
           * The icon name to be displayed inside the button. Assumes a string for the icon name.
@@ -353,10 +355,10 @@ export namespace Components {
         "vertical": boolean;
     }
     /**
-     * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout.
+     * `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 of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
+     * - 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.
      */
@@ -366,9 +368,9 @@ export namespace Components {
          */
         "cards": string | Card[];
         /**
-          * Number of columns to span for each card in the grid layout. This value sets the column span on medium (md) and larger screen sizes. Default is `4`.
+          * 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`.
          */
-        "cols": number;
+        "occupyCols": 1 | 2 | 3 | 4;
     }
     interface EdsCardTags {
         /**
@@ -495,6 +497,24 @@ export namespace Components {
          */
         "tabIndex": number;
     }
+    interface EdsCookiesPreference {
+        /**
+          * Text to display on the cookies preference button.
+         */
+        "buttonText": string;
+        /**
+          * The visual intent or style of the button.
+         */
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'tertiary'
+    | 'ghost'
+    | 'strong'
+    | 'weak'
+    | 'inverse'
+    | 'underline'
+    | 'blueish';
+    }
     interface EdsDocsPalettes {
         /**
           * Active tab index to determine the content to display
@@ -567,6 +587,28 @@ export namespace Components {
          */
         "rounded": boolean;
     }
+    interface EdsFeedback {
+        /**
+          * Number of stars in the rating system.
+         */
+        "count": number;
+        /**
+          * Number of stars in the rating system.
+         */
+        "description": string;
+        /**
+          * Number of stars in the rating system.
+         */
+        "label": string;
+        /**
+          * Mapping of text to star ratings.
+         */
+        "textMapping": string | string[];
+        /**
+          * The type of icon to display. Can be "stars" or "thumbs".
+         */
+        "type": 'star' | 'thumbs-up' | 'thumbs-down';
+    }
     /**
      * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
      * legal information, and an optional cookie preferences button. It includes a "Back to top"
@@ -580,11 +622,6 @@ export namespace Components {
      * across the EBRAINS platform, with options for social links and a "Back to top" button.
      */
     interface EdsFooter {
-        /**
-          * Controls the display of the "Cookies Preference" text.
-          * @type {string}
-         */
-        "cookiesPreference": string;
         /**
           * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
           * @type {boolean}
@@ -600,11 +637,6 @@ export namespace Components {
           * @type {string}
          */
         "fundedBy": string;
-        /**
-          * Controls the display of the "Cookies Preferences" button. When true, the button appears in the footer.
-          * @type {boolean}
-         */
-        "hasCookiesSetUp": boolean;
         /**
           * Controls the display of the "Rights Reserved" text.
           * @type {string}
@@ -633,6 +665,14 @@ export namespace Components {
           * Couping Auth and Submit button state Submit button's state (disabled) is coupled with the Users' auth state - if user auth true then submit btn is enabled This useful when the component is used as Survey and more types.
          */
         "coupleAuth": boolean;
+        /**
+          * Whether the form is in draft mode. Meaning it will attempt to post each input change invalidated.
+         */
+        "draft"?: boolean;
+        /**
+          * The draft data the form will attempt to populate in the provided fields.
+         */
+        "draftData": { [key: string]: any };
         /**
           * The API endpoint where the form data will be submitted.
          */
@@ -669,6 +709,50 @@ export namespace Components {
           * The message displayed when the form submission is successful.
          */
         "successMessage"?: string;
+        /**
+          * The user object containing user information. This is populated after a successful authentication.
+         */
+        "user"?: User;
+    }
+    /**
+     * `EdsFormV2` is a comprehensive form component designed to handle form submission with validation,
+     * error handling, and customizable fields.
+     * Key Features:
+     * - Configurable validation for fields, including dynamic field validation.
+     * - Optionally includes a submit button, which can display a loading state during submission.
+     * - Supports file upload, hidden fields, and dynamic field parsing.
+     * - Emits `form` event when the form is submitting/validating or there are field updates.
+     * This component is ideal for implementing complex forms with specific validation and submission behaviors.
+     */
+    interface EdsFormV2 {
+        /**
+          * The message displayed when the form submission fails.
+         */
+        "errorMessage"?: string;
+        /**
+          * A JSON string representing the fields in the form. Example: ```json [   { "name": "email", "label": "Email", "type": "text", "required": true },   { "name": "password", "label": "Password", "type": "password", "required": true } ] ```
+         */
+        "fields": string | any[];
+        /**
+          * If `true`, includes a submit button in the form.
+         */
+        "formBtn"?: boolean;
+        /**
+          * If `true`, includes a submit button in the form.
+         */
+        "formBtnLabel"?: string;
+        /**
+          * The init data the form will attempt to populate in the provided fields.
+         */
+        "initData": { [key: string]: any };
+        /**
+          * The name of the form, used for grouping inputs and identifying the form.
+         */
+        "name": string;
+        /**
+          * If `true`, includes the current form URL in the submission data.
+         */
+        "setFormUrl"?: boolean;
     }
     /**
      * `EdsFrame` is a versatile iframe container component that can display external content
@@ -683,14 +767,33 @@ export namespace Components {
      * Ideal for showcasing embedded content within an application, especially when previewing external resources.
      */
     interface EdsFrame {
-        "bg": boolean;
+        /**
+          * The error message displayed if the iframe fails to load.
+         */
         "errorMessage"?: string;
+        /**
+          * The label displayed at the top left of the frame.
+         */
         "frameLabel": string;
-        "intent": 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
+        /**
+          * The intent for styling the link (e.g., primary, secondary, tertiary, etc.).
+         */
+        "intent": 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'underline';
+        /**
+          * The size of the frame controlling its height. Options: 'auto', 'sm', 'md', 'lg', 'xl'
+         */
         "size": 'auto' | 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * The story path identifier used to generate the iframe URL.
+         */
         "storyPath": string;
+        /**
+          * The base URL of the Storybook instance.
+         */
         "storybookUrl": string;
-        "tiny": boolean;
+        /**
+          * The label for the external link at the top right of the frame. Defaults to 'Open in Storybook'.
+         */
         "urlLabel"?: string;
     }
     /**
@@ -852,12 +955,30 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconStar {
+        /**
+          * 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 EdsIconTwitter {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -1076,6 +1197,7 @@ export namespace Components {
         "step": number;
     }
     interface EdsInputSearch {
+        "decorate": string;
         "disabled": boolean;
         "getInputElement": () => Promise<HTMLInputElement>;
         "inputId"?: string;
@@ -1250,19 +1372,17 @@ export namespace Components {
          */
         "tabIndex": number;
     }
-    /**
-     * A Stencil component for displaying a Matomo analytics consent notice.
-     * Provides users with the option to opt in or opt out of anonymous analytics.
-     */
     interface EdsMatomoNotice {
         /**
-          * The description displayed in the notice. Explains the purpose of collecting analytics data.
-          * @default 'We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.'
+          * The description displayed in the notice.
          */
         "description": string;
+        /**
+          * When true, the notice is forced to show regardless of cookies/session.
+         */
+        "forceShow": boolean;
         /**
           * The title displayed in the notice.
-          * @default 'Analytics Consent'
          */
         "title": string;
     }
@@ -1304,37 +1424,11 @@ export namespace Components {
          */
         "truncateLines": string;
     }
-    interface EdsNavigator {
-        /**
-          * Intent of the links. Can be 'ghost', 'primary', 'secondary', etc. Default is 'ghost'.
-         */
-        "linkIntent": 'ghost' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
-        /**
-          * Size of the links. Can be 'small', 'medium', or 'large'. Default is 'small'.
-         */
-        "linkSize": 'small' | 'large';
-        /**
-          * Label for the next navigation link.
-         */
-        "nextLabel"?: string;
-        /**
-          * URL for the next navigation link. If not provided, the link will be disabled.
-         */
-        "nextUrl"?: string;
-        /**
-          * Label for the previous navigation link.
-         */
-        "prevLabel"?: string;
-        /**
-          * URL for the previous navigation link. If not provided, the link will be disabled.
-         */
-        "prevUrl"?: string;
-    }
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
-     * - Emits a `pageChange` event when the page is changed in "default" mode.
+     * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
@@ -1392,18 +1486,14 @@ export namespace Components {
         "value": number;
     }
     interface EdsRating {
-        /**
-          * The label text for the rating component.
-         */
-        "label"?: string;
         /**
           * Number of stars in the rating system.
          */
-        "stars": number;
+        "ratingCount": number;
         /**
-          * Mapping of text to star ratings.
+          * The type of icon to display. Can be "stars" or "thumbs".
          */
-        "textMapping": string | string[];
+        "ratingType": 'star' | 'thumbs-up' | 'thumbs-down';
     }
     /**
      * `EdsSectionCore` is a flexible wrapper component for creating structured sections with customizable headings.
@@ -1467,6 +1557,42 @@ export namespace Components {
          */
         "title": string;
     }
+    interface EdsSpinner {
+        /**
+          * Background overlay color.
+         */
+        "background": string;
+        /**
+          * Color for the spinner's border.
+         */
+        "borderColor": string;
+        /**
+          * Color for the spinner's bottom border.
+         */
+        "bottomColor": string;
+        /**
+          * When true, the spinner covers the entire viewport.
+         */
+        "fullscreen": boolean;
+        /**
+          * Size of the spinner (e.g., "3rem", "50px").
+         */
+        "size": string;
+        /**
+          * Border thickness of the spinner.
+         */
+        "thickness": string;
+    }
+    interface EdsSplashScreen {
+        /**
+          * A promise that must be resolved before the splash screen hides. This can be used for tasks like initialization or authentication.
+         */
+        "initPromise"?: Promise<any>;
+        /**
+          * If true, applies a dark theme by rendering a black background and white logo.
+         */
+        "inverse": boolean;
+    }
     interface EdsSteps {
         /**
           * JSON string containing an array of step objects. Example: '[   { "title": "Get Access...", "content": "To participate..." },   { "title": "Subscribe...", "content": "Technical Coordination..." },   { "title": "Confirm Your Subscription" } ]'
@@ -1497,24 +1623,6 @@ export namespace Components {
          */
         "labelOn": string;
     }
-    interface EdsTab {
-        /**
-          * Whether the tab is active
-         */
-        "active": boolean;
-        /**
-          * Aria label for accessibility
-         */
-        "ariaLabel": string;
-        /**
-          * The label of the tab
-         */
-        "label": string;
-        /**
-          * The URL or href of the tab
-         */
-        "url"?: string;
-    }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
@@ -1581,37 +1689,19 @@ export namespace Components {
         /**
           * JSON string for tabs data
          */
-        "tabs": string | { label: string; url: string; active: boolean; ariaLabel: string }[];
-    }
-    interface EdsTabsContent {
-        /**
-          * Aria label for the navigation
-         */
-        "navAriaLabel": string;
-        /**
-          * JSON string for tabs data
-         */
-        "tabs": string;
+        "tabs": string | { label: string; url: string; active: boolean; ariaLabel?: string }[];
     }
     /**
      * `EdsTag` is a stylized label component designed to display short, categorical information.
-     * The component supports multiple visual styles to fit different use cases, such as accent or inverse styling.
-     * Key Features:
-     * - Configurable appearance through `intent` prop with options for various styles (default, strong, accent, weak, inverse, inverse-strong).
-     * - Displays a label passed as the `label` prop, required for defining the content of the tag.
-     * This component is useful for creating distinguishable tags or labels with consistent styling.
+     * It supports multiple visual styles defined by the `intent` prop.
      */
     interface EdsTag {
         /**
-          * Optional accessible label override. If not provided, the visible label is used as the accessible name.
-         */
-        "ariaLabel"?: string;
-        /**
-          * The visual style or intent of the tag. Options include: - 'default': The standard appearance. - 'strong': Strong emphasis with inverse text color. - 'accent': Accent color with a blue text and border. - 'weak': A softer look with lighter text and transparent border. - 'inverse': Inverse style with border and text inversion. - 'inverse-strong': Strong inverse with lighter text. Defaults to 'default'.
+          * The visual style or intent of the tag.
          */
         "intent": 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
         /**
-          * The label to be displayed inside the tag. This prop is required.
+          * The label to be displayed inside the tag.
          */
         "label": string;
     }
@@ -1657,39 +1747,21 @@ export namespace Components {
         "applications": string | any[];
     }
     /**
-     * `EdsUser` is a user authentication component for managing and displaying
-     * the user's authentication state using Keycloak. It provides login and logout
-     * functionality, displays a user dropdown menu when authenticated, and emits
-     * authentication status changes.
-     * This component is ideal for embedding into any layout requiring secure user authentication, with built-in integration for Keycloak and optional login/logout functionality.
+     * `EdsUser` is a user component for managing and displaying
+     * the user's auth information. Displays a user dropdown menu when authenticated.
+     * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface EdsUser {
         /**
-          * The Keycloak Client ID. The client ID represents the client application that Keycloak protects. It's configured in the Keycloak admin console and used to identify the app requesting authentication. Example: `my-client-app`
-         */
-        "keycloakClientId": string;
-        /**
-          * The Keycloak Realm. A realm in Keycloak is a space where you manage a set of users, roles, groups, and credentials.
-         */
-        "keycloakRealm": string;
-        /**
-          * The URL of the Keycloak server. This is the base URL where your Keycloak instance is hosted.
-         */
-        "keycloakUrl": string;
-    }
-    interface EdsUserModal {
-        /**
-          * Array of links to be displayed in the modal. Can be passed as an array or a JSON string.
+          * The user object containing user information.
          */
-        "links"?: string;
-        /**
-          * Logout callback function.
-         */
-        "onLogout"?: () => void;
-        /**
-          * The user object containing user information. Can be passed as an object or a JSON string.
-         */
-        "user": User | string;
+        "user": {
+    email: string;
+    name: string;
+    given_name: string;
+    family_name: string;
+    preferred_username: string;
+  };
     }
     interface EdsVerticalStepper {
         /**
@@ -1736,10 +1808,22 @@ export interface EdsAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsAccordionElement;
 }
+export interface EdsDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsDropdownElement;
+}
+export interface EdsFeedbackCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsFeedbackElement;
+}
 export interface EdsFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsFormElement;
 }
+export interface EdsFormV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsFormV2Element;
+}
 export interface EdsFullscreenMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsFullscreenMenuElement;
@@ -1752,6 +1836,10 @@ export interface EdsInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsInputElement;
 }
+export interface EdsInputSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsInputSearchElement;
+}
 export interface EdsInputSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsInputSelectElement;
@@ -1760,10 +1848,18 @@ export interface EdsLoginCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsLoginElement;
 }
+export interface EdsMatomoNoticeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsMatomoNoticeElement;
+}
 export interface EdsRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsRatingElement;
 }
+export interface EdsSplashScreenCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsSplashScreenElement;
+}
 export interface EdsStepsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsStepsElement;
@@ -1776,14 +1872,6 @@ export interface EdsTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsTabsElement;
 }
-export interface EdsTabsContentCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLEdsTabsContentElement;
-}
-export interface EdsUserCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLEdsUserElement;
-}
 declare global {
     interface HTMLColorPrimaryPaletteElement extends Components.ColorPrimaryPalette, HTMLStencilElement {
     }
@@ -1810,7 +1898,7 @@ declare global {
         new (): HTMLCorrectUseOfColorsElement;
     };
     interface HTMLEdsAccordionElementEventMap {
-        "accordionChange": boolean;
+        "accordion": boolean;
     }
     /**
      * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
@@ -1818,7 +1906,7 @@ declare global {
      * 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 `accordionChange` event is emitted when the accordion's expanded state changes, allowing parent components
+     * 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
@@ -1858,6 +1946,12 @@ declare global {
         prototype: HTMLEdsAlertElement;
         new (): HTMLEdsAlertElement;
     };
+    interface HTMLEdsAppRootElement extends Components.EdsAppRoot, HTMLStencilElement {
+    }
+    var HTMLEdsAppRootElement: {
+        prototype: HTMLEdsAppRootElement;
+        new (): HTMLEdsAppRootElement;
+    };
     /**
      * `EdsAvatar` is a versatile component for displaying user profile representations, including initials or profile pictures.
      * This component is customizable to adapt to various styles and use cases.
@@ -1955,10 +2049,10 @@ declare global {
         new (): HTMLEdsCardProjectElement;
     };
     /**
-     * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout.
+     * `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 of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
+     * - 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.
      */
@@ -2009,6 +2103,12 @@ declare global {
         prototype: HTMLEdsComponentsSectionElement;
         new (): HTMLEdsComponentsSectionElement;
     };
+    interface HTMLEdsCookiesPreferenceElement extends Components.EdsCookiesPreference, HTMLStencilElement {
+    }
+    var HTMLEdsCookiesPreferenceElement: {
+        prototype: HTMLEdsCookiesPreferenceElement;
+        new (): HTMLEdsCookiesPreferenceElement;
+    };
     interface HTMLEdsDocsPalettesElement extends Components.EdsDocsPalettes, HTMLStencilElement {
     }
     var HTMLEdsDocsPalettesElement: {
@@ -2021,6 +2121,9 @@ declare global {
         prototype: HTMLEdsDocsTokensElement;
         new (): HTMLEdsDocsTokensElement;
     };
+    interface HTMLEdsDropdownElementEventMap {
+        "dropdown": { expanded: boolean };
+    }
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
      * that appear upon clicking the dropdown button. It supports various customization options,
@@ -2033,11 +2136,36 @@ declare global {
      * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
      */
     interface HTMLEdsDropdownElement extends Components.EdsDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsDropdownElementEventMap>(type: K, listener: (this: HTMLEdsDropdownElement, ev: EdsDropdownCustomEvent<HTMLEdsDropdownElementEventMap[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 HTMLEdsDropdownElementEventMap>(type: K, listener: (this: HTMLEdsDropdownElement, ev: EdsDropdownCustomEvent<HTMLEdsDropdownElementEventMap[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 HTMLEdsDropdownElement: {
         prototype: HTMLEdsDropdownElement;
         new (): HTMLEdsDropdownElement;
     };
+    interface HTMLEdsFeedbackElementEventMap {
+        "rating": number;
+    }
+    interface HTMLEdsFeedbackElement extends Components.EdsFeedback, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsFeedbackElementEventMap>(type: K, listener: (this: HTMLEdsFeedbackElement, ev: EdsFeedbackCustomEvent<HTMLEdsFeedbackElementEventMap[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 HTMLEdsFeedbackElementEventMap>(type: K, listener: (this: HTMLEdsFeedbackElement, ev: EdsFeedbackCustomEvent<HTMLEdsFeedbackElementEventMap[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 HTMLEdsFeedbackElement: {
+        prototype: HTMLEdsFeedbackElement;
+        new (): HTMLEdsFeedbackElement;
+    };
     /**
      * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
      * legal information, and an optional cookie preferences button. It includes a "Back to top"
@@ -2057,7 +2185,15 @@ declare global {
         new (): HTMLEdsFooterElement;
     };
     interface HTMLEdsFormElementEventMap {
-        "formSubmitting": boolean;
+        "form": {
+    event: 'input' | 'change' | 'submit';
+    validated?: boolean;
+    field?: string;
+    value?: any;
+    message?: string;
+    success?: boolean;
+    data: any;
+  };
     }
     /**
      * `EdsForm` is a comprehensive form component designed to handle form submission with validation,
@@ -2085,6 +2221,41 @@ declare global {
         prototype: HTMLEdsFormElement;
         new (): HTMLEdsFormElement;
     };
+    interface HTMLEdsFormV2ElementEventMap {
+        "form": {
+    event: 'input' | 'change' | 'submit';
+    validated?: boolean;
+    field?: string;
+    value?: any;
+    message?: string;
+    success?: boolean;
+    data: any;
+  };
+    }
+    /**
+     * `EdsFormV2` is a comprehensive form component designed to handle form submission with validation,
+     * error handling, and customizable fields.
+     * Key Features:
+     * - Configurable validation for fields, including dynamic field validation.
+     * - Optionally includes a submit button, which can display a loading state during submission.
+     * - Supports file upload, hidden fields, and dynamic field parsing.
+     * - Emits `form` event when the form is submitting/validating or there are field updates.
+     * This component is ideal for implementing complex forms with specific validation and submission behaviors.
+     */
+    interface HTMLEdsFormV2Element extends Components.EdsFormV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsFormV2ElementEventMap>(type: K, listener: (this: HTMLEdsFormV2Element, ev: EdsFormV2CustomEvent<HTMLEdsFormV2ElementEventMap[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 HTMLEdsFormV2ElementEventMap>(type: K, listener: (this: HTMLEdsFormV2Element, ev: EdsFormV2CustomEvent<HTMLEdsFormV2ElementEventMap[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 HTMLEdsFormV2Element: {
+        prototype: HTMLEdsFormV2Element;
+        new (): HTMLEdsFormV2Element;
+    };
     /**
      * `EdsFrame` is a versatile iframe container component that can display external content
      * such as Storybook previews or other embedded resources. It includes customizable labels,
@@ -2266,12 +2437,30 @@ declare global {
         prototype: HTMLEdsIconSearchElement;
         new (): HTMLEdsIconSearchElement;
     };
+    interface HTMLEdsIconStarElement extends Components.EdsIconStar, HTMLStencilElement {
+    }
+    var HTMLEdsIconStarElement: {
+        prototype: HTMLEdsIconStarElement;
+        new (): HTMLEdsIconStarElement;
+    };
     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 HTMLEdsIconTwitterElement extends Components.EdsIconTwitter, HTMLStencilElement {
     }
     var HTMLEdsIconTwitterElement: {
@@ -2377,7 +2566,21 @@ declare global {
         prototype: HTMLEdsInputRangeElement;
         new (): HTMLEdsInputRangeElement;
     };
+    interface HTMLEdsInputSearchElementEventMap {
+        "search": {
+    event: 'input' | 'change';
+    value: any;
+  };
+    }
     interface HTMLEdsInputSearchElement extends Components.EdsInputSearch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsInputSearchElementEventMap>(type: K, listener: (this: HTMLEdsInputSearchElement, ev: EdsInputSearchCustomEvent<HTMLEdsInputSearchElementEventMap[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 HTMLEdsInputSearchElementEventMap>(type: K, listener: (this: HTMLEdsInputSearchElement, ev: EdsInputSearchCustomEvent<HTMLEdsInputSearchElementEventMap[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 HTMLEdsInputSearchElement: {
         prototype: HTMLEdsInputSearchElement;
@@ -2416,7 +2619,11 @@ declare global {
         new (): HTMLEdsLinkElement;
     };
     interface HTMLEdsLoginElementEventMap {
-        "authStatusChanged": { authenticated: boolean; user: any };
+        "keycloak": { init: boolean };
+        "auth": {
+    authenticated: boolean;
+    user: any;
+  };
     }
     interface HTMLEdsLoginElement extends Components.EdsLogin, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsLoginElementEventMap>(type: K, listener: (this: HTMLEdsLoginElement, ev: EdsLoginCustomEvent<HTMLEdsLoginElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2457,11 +2664,18 @@ declare global {
         prototype: HTMLEdsLogoVariationsElement;
         new (): HTMLEdsLogoVariationsElement;
     };
-    /**
-     * A Stencil component for displaying a Matomo analytics consent notice.
-     * Provides users with the option to opt in or opt out of anonymous analytics.
-     */
+    interface HTMLEdsMatomoNoticeElementEventMap {
+        "consent": 'in' | 'out' | 'defer';
+    }
     interface HTMLEdsMatomoNoticeElement extends Components.EdsMatomoNotice, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsMatomoNoticeElementEventMap>(type: K, listener: (this: HTMLEdsMatomoNoticeElement, ev: EdsMatomoNoticeCustomEvent<HTMLEdsMatomoNoticeElementEventMap[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 HTMLEdsMatomoNoticeElementEventMap>(type: K, listener: (this: HTMLEdsMatomoNoticeElement, ev: EdsMatomoNoticeCustomEvent<HTMLEdsMatomoNoticeElementEventMap[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 HTMLEdsMatomoNoticeElement: {
         prototype: HTMLEdsMatomoNoticeElement;
@@ -2481,17 +2695,11 @@ declare global {
         prototype: HTMLEdsModalElement;
         new (): HTMLEdsModalElement;
     };
-    interface HTMLEdsNavigatorElement extends Components.EdsNavigator, HTMLStencilElement {
-    }
-    var HTMLEdsNavigatorElement: {
-        prototype: HTMLEdsNavigatorElement;
-        new (): HTMLEdsNavigatorElement;
-    };
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
-     * - Emits a `pageChange` event when the page is changed in "default" mode.
+     * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
@@ -2508,7 +2716,7 @@ declare global {
         new (): HTMLEdsProgressBarElement;
     };
     interface HTMLEdsRatingElementEventMap {
-        "ratingChange": number;
+        "rating": number;
     }
     interface HTMLEdsRatingElement extends Components.EdsRating, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsRatingElementEventMap>(type: K, listener: (this: HTMLEdsRatingElement, ev: EdsRatingCustomEvent<HTMLEdsRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2562,8 +2770,31 @@ declare global {
         prototype: HTMLEdsSocialNetworksElement;
         new (): HTMLEdsSocialNetworksElement;
     };
+    interface HTMLEdsSpinnerElement extends Components.EdsSpinner, HTMLStencilElement {
+    }
+    var HTMLEdsSpinnerElement: {
+        prototype: HTMLEdsSpinnerElement;
+        new (): HTMLEdsSpinnerElement;
+    };
+    interface HTMLEdsSplashScreenElementEventMap {
+        "splash": { type: 'hidden'; message: string } | { type: 'error'; message: string };
+    }
+    interface HTMLEdsSplashScreenElement extends Components.EdsSplashScreen, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsSplashScreenElementEventMap>(type: K, listener: (this: HTMLEdsSplashScreenElement, ev: EdsSplashScreenCustomEvent<HTMLEdsSplashScreenElementEventMap[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 HTMLEdsSplashScreenElementEventMap>(type: K, listener: (this: HTMLEdsSplashScreenElement, ev: EdsSplashScreenCustomEvent<HTMLEdsSplashScreenElementEventMap[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 HTMLEdsSplashScreenElement: {
+        prototype: HTMLEdsSplashScreenElement;
+        new (): HTMLEdsSplashScreenElement;
+    };
     interface HTMLEdsStepsElementEventMap {
-        "stepClick": number;
+        "step": number;
     }
     interface HTMLEdsStepsElement extends Components.EdsSteps, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsStepsElementEventMap>(type: K, listener: (this: HTMLEdsStepsElement, ev: EdsStepsCustomEvent<HTMLEdsStepsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2602,12 +2833,6 @@ declare global {
         prototype: HTMLEdsSwitchElement;
         new (): HTMLEdsSwitchElement;
     };
-    interface HTMLEdsTabElement extends Components.EdsTab, HTMLStencilElement {
-    }
-    var HTMLEdsTabElement: {
-        prototype: HTMLEdsTabElement;
-        new (): HTMLEdsTabElement;
-    };
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
@@ -2624,7 +2849,7 @@ declare global {
         new (): HTMLEdsTableElement;
     };
     interface HTMLEdsTabsElementEventMap {
-        "tabChange": {
+        "tab": {
     tabId: string;
     index: number;
     name?: string;
@@ -2652,30 +2877,9 @@ declare global {
         prototype: HTMLEdsTabsElement;
         new (): HTMLEdsTabsElement;
     };
-    interface HTMLEdsTabsContentElementEventMap {
-        "tabContentChange": { index: number; name: string };
-    }
-    interface HTMLEdsTabsContentElement extends Components.EdsTabsContent, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLEdsTabsContentElementEventMap>(type: K, listener: (this: HTMLEdsTabsContentElement, ev: EdsTabsContentCustomEvent<HTMLEdsTabsContentElementEventMap[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 HTMLEdsTabsContentElementEventMap>(type: K, listener: (this: HTMLEdsTabsContentElement, ev: EdsTabsContentCustomEvent<HTMLEdsTabsContentElementEventMap[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 HTMLEdsTabsContentElement: {
-        prototype: HTMLEdsTabsContentElement;
-        new (): HTMLEdsTabsContentElement;
-    };
     /**
      * `EdsTag` is a stylized label component designed to display short, categorical information.
-     * The component supports multiple visual styles to fit different use cases, such as accent or inverse styling.
-     * Key Features:
-     * - Configurable appearance through `intent` prop with options for various styles (default, strong, accent, weak, inverse, inverse-strong).
-     * - Displays a label passed as the `label` prop, required for defining the content of the tag.
-     * This component is useful for creating distinguishable tags or labels with consistent styling.
+     * It supports multiple visual styles defined by the `intent` prop.
      */
     interface HTMLEdsTagElement extends Components.EdsTag, HTMLStencilElement {
     }
@@ -2716,39 +2920,17 @@ declare global {
         prototype: HTMLEdsTrlElement;
         new (): HTMLEdsTrlElement;
     };
-    interface HTMLEdsUserElementEventMap {
-        "authStatusChanged": {
-    authenticated: boolean;
-    user: any;
-  };
-    }
     /**
-     * `EdsUser` is a user authentication component for managing and displaying
-     * the user's authentication state using Keycloak. It provides login and logout
-     * functionality, displays a user dropdown menu when authenticated, and emits
-     * authentication status changes.
-     * This component is ideal for embedding into any layout requiring secure user authentication, with built-in integration for Keycloak and optional login/logout functionality.
+     * `EdsUser` is a user component for managing and displaying
+     * the user's auth information. Displays a user dropdown menu when authenticated.
+     * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface HTMLEdsUserElement extends Components.EdsUser, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLEdsUserElementEventMap>(type: K, listener: (this: HTMLEdsUserElement, ev: EdsUserCustomEvent<HTMLEdsUserElementEventMap[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 HTMLEdsUserElementEventMap>(type: K, listener: (this: HTMLEdsUserElement, ev: EdsUserCustomEvent<HTMLEdsUserElementEventMap[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 HTMLEdsUserElement: {
         prototype: HTMLEdsUserElement;
         new (): HTMLEdsUserElement;
     };
-    interface HTMLEdsUserModalElement extends Components.EdsUserModal, HTMLStencilElement {
-    }
-    var HTMLEdsUserModalElement: {
-        prototype: HTMLEdsUserModalElement;
-        new (): HTMLEdsUserModalElement;
-    };
     interface HTMLEdsVerticalStepperElement extends Components.EdsVerticalStepper, HTMLStencilElement {
     }
     var HTMLEdsVerticalStepperElement: {
@@ -2846,6 +3028,7 @@ declare global {
         "correct-use-of-colors": HTMLCorrectUseOfColorsElement;
         "eds-accordion": HTMLEdsAccordionElement;
         "eds-alert": HTMLEdsAlertElement;
+        "eds-app-root": HTMLEdsAppRootElement;
         "eds-avatar": HTMLEdsAvatarElement;
         "eds-block-break": HTMLEdsBlockBreakElement;
         "eds-breadcrumb": HTMLEdsBreadcrumbElement;
@@ -2860,11 +3043,14 @@ declare global {
         "eds-card-wrapper": HTMLEdsCardWrapperElement;
         "eds-code-block": HTMLEdsCodeBlockElement;
         "eds-components-section": HTMLEdsComponentsSectionElement;
+        "eds-cookies-preference": HTMLEdsCookiesPreferenceElement;
         "eds-docs-palettes": HTMLEdsDocsPalettesElement;
         "eds-docs-tokens": HTMLEdsDocsTokensElement;
         "eds-dropdown": HTMLEdsDropdownElement;
+        "eds-feedback": HTMLEdsFeedbackElement;
         "eds-footer": HTMLEdsFooterElement;
         "eds-form": HTMLEdsFormElement;
+        "eds-form-v2": HTMLEdsFormV2Element;
         "eds-frame": HTMLEdsFrameElement;
         "eds-fullscreen-menu": HTMLEdsFullscreenMenuElement;
         "eds-header": HTMLEdsHeaderElement;
@@ -2886,7 +3072,10 @@ declare global {
         "eds-icon-menu": HTMLEdsIconMenuElement;
         "eds-icon-more": HTMLEdsIconMoreElement;
         "eds-icon-search": HTMLEdsIconSearchElement;
+        "eds-icon-star": HTMLEdsIconStarElement;
         "eds-icon-success": HTMLEdsIconSuccessElement;
+        "eds-icon-thumbs-down": HTMLEdsIconThumbsDownElement;
+        "eds-icon-thumbs-up": HTMLEdsIconThumbsUpElement;
         "eds-icon-twitter": HTMLEdsIconTwitterElement;
         "eds-icon-user": HTMLEdsIconUserElement;
         "eds-icon-wrapper": HTMLEdsIconWrapperElement;
@@ -2905,20 +3094,19 @@ declare global {
         "eds-logo-variations": HTMLEdsLogoVariationsElement;
         "eds-matomo-notice": HTMLEdsMatomoNoticeElement;
         "eds-modal": HTMLEdsModalElement;
-        "eds-navigator": HTMLEdsNavigatorElement;
         "eds-pagination": HTMLEdsPaginationElement;
         "eds-progress-bar": HTMLEdsProgressBarElement;
         "eds-rating": HTMLEdsRatingElement;
         "eds-section-core": HTMLEdsSectionCoreElement;
         "eds-section-heading": HTMLEdsSectionHeadingElement;
         "eds-social-networks": HTMLEdsSocialNetworksElement;
+        "eds-spinner": HTMLEdsSpinnerElement;
+        "eds-splash-screen": HTMLEdsSplashScreenElement;
         "eds-steps": HTMLEdsStepsElement;
         "eds-svg-repository": HTMLEdsSvgRepositoryElement;
         "eds-switch": HTMLEdsSwitchElement;
-        "eds-tab": HTMLEdsTabElement;
         "eds-table": HTMLEdsTableElement;
         "eds-tabs": HTMLEdsTabsElement;
-        "eds-tabs-content": HTMLEdsTabsContentElement;
         "eds-tag": HTMLEdsTagElement;
         "eds-timeline": HTMLEdsTimelineElement;
         "eds-toast": HTMLEdsToastElement;
@@ -2926,7 +3114,6 @@ declare global {
         "eds-tooltip": HTMLEdsTooltipElement;
         "eds-trl": HTMLEdsTrlElement;
         "eds-user": HTMLEdsUserElement;
-        "eds-user-modal": HTMLEdsUserModalElement;
         "eds-vertical-stepper": HTMLEdsVerticalStepperElement;
         "gradient-primary-palette": HTMLGradientPrimaryPaletteElement;
         "gradient-secondary-palette": HTMLGradientSecondaryPaletteElement;
@@ -2960,7 +3147,7 @@ declare namespace LocalJSX {
      * 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 `accordionChange` event is emitted when the accordion's expanded state changes, allowing parent components
+     * 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
@@ -2990,7 +3177,7 @@ declare namespace LocalJSX {
         /**
           * Event emitted when the accordion toggles, indicating the new expanded/collapsed state
          */
-        "onAccordionChange"?: (event: EdsAccordionCustomEvent<boolean>) => void;
+        "onAccordion"?: (event: EdsAccordionCustomEvent<boolean>) => void;
         /**
           * Toggles the background color on expand and hover
          */
@@ -3032,6 +3219,8 @@ declare namespace LocalJSX {
          */
         "pressableUrl"?: string;
     }
+    interface EdsAppRoot {
+    }
     /**
      * `EdsAvatar` is a versatile component for displaying user profile representations, including initials or profile pictures.
      * This component is customizable to adapt to various styles and use cases.
@@ -3128,7 +3317,7 @@ declare namespace LocalJSX {
         /**
           * The HTML element type for the button (e.g., 'button', 'a'). Default is 'button'.
          */
-        "elementType"?: string;
+        "elementType"?: 'button' | 'a';
         "extraClass"?: string;
         /**
           * The icon name to be displayed inside the button. Assumes a string for the icon name.
@@ -3290,10 +3479,10 @@ declare namespace LocalJSX {
         "vertical"?: boolean;
     }
     /**
-     * `EdsCardSection` is a component that renders a section of cards in a customizable grid layout.
+     * `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 of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
+     * - 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.
      */
@@ -3303,9 +3492,9 @@ declare namespace LocalJSX {
          */
         "cards"?: string | Card[];
         /**
-          * Number of columns to span for each card in the grid layout. This value sets the column span on medium (md) and larger screen sizes. Default is `4`.
+          * 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`.
          */
-        "cols"?: number;
+        "occupyCols"?: 1 | 2 | 3 | 4;
     }
     interface EdsCardTags {
         /**
@@ -3432,6 +3621,24 @@ declare namespace LocalJSX {
          */
         "tabIndex"?: number;
     }
+    interface EdsCookiesPreference {
+        /**
+          * Text to display on the cookies preference button.
+         */
+        "buttonText"?: string;
+        /**
+          * The visual intent or style of the button.
+         */
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'tertiary'
+    | 'ghost'
+    | 'strong'
+    | 'weak'
+    | 'inverse'
+    | 'underline'
+    | 'blueish';
+    }
     interface EdsDocsPalettes {
         /**
           * Active tab index to determine the content to display
@@ -3497,6 +3704,10 @@ declare namespace LocalJSX {
           * @type {string}
          */
         "label"?: string;
+        /**
+          * Event emitted when the dropdown toggles, indicating the new expanded/collapsed state
+         */
+        "onDropdown"?: (event: EdsDropdownCustomEvent<{ expanded: boolean }>) => void;
         /**
           * Whether the dropdown button has rounded (pill) styling.
           * @type {boolean}
@@ -3504,6 +3715,32 @@ declare namespace LocalJSX {
          */
         "rounded"?: boolean;
     }
+    interface EdsFeedback {
+        /**
+          * Number of stars in the rating system.
+         */
+        "count"?: number;
+        /**
+          * Number of stars in the rating system.
+         */
+        "description"?: string;
+        /**
+          * Number of stars in the rating system.
+         */
+        "label"?: string;
+        /**
+          * Event emitted when the rating is changed.
+         */
+        "onRating"?: (event: EdsFeedbackCustomEvent<number>) => void;
+        /**
+          * Mapping of text to star ratings.
+         */
+        "textMapping"?: string | string[];
+        /**
+          * The type of icon to display. Can be "stars" or "thumbs".
+         */
+        "type"?: 'star' | 'thumbs-up' | 'thumbs-down';
+    }
     /**
      * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
      * legal information, and an optional cookie preferences button. It includes a "Back to top"
@@ -3517,11 +3754,6 @@ declare namespace LocalJSX {
      * across the EBRAINS platform, with options for social links and a "Back to top" button.
      */
     interface EdsFooter {
-        /**
-          * Controls the display of the "Cookies Preference" text.
-          * @type {string}
-         */
-        "cookiesPreference"?: string;
         /**
           * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
           * @type {boolean}
@@ -3537,11 +3769,6 @@ declare namespace LocalJSX {
           * @type {string}
          */
         "fundedBy"?: string;
-        /**
-          * Controls the display of the "Cookies Preferences" button. When true, the button appears in the footer.
-          * @type {boolean}
-         */
-        "hasCookiesSetUp"?: boolean;
         /**
           * Controls the display of the "Rights Reserved" text.
           * @type {string}
@@ -3570,6 +3797,14 @@ declare namespace LocalJSX {
           * Couping Auth and Submit button state Submit button's state (disabled) is coupled with the Users' auth state - if user auth true then submit btn is enabled This useful when the component is used as Survey and more types.
          */
         "coupleAuth"?: boolean;
+        /**
+          * Whether the form is in draft mode. Meaning it will attempt to post each input change invalidated.
+         */
+        "draft"?: boolean;
+        /**
+          * The draft data the form will attempt to populate in the provided fields.
+         */
+        "draftData"?: { [key: string]: any };
         /**
           * The API endpoint where the form data will be submitted.
          */
@@ -3586,10 +3821,15 @@ declare namespace LocalJSX {
           * The name of the form, used for grouping inputs and identifying the form.
          */
         "name"?: string;
-        /**
-          * Emits an event when the form's submission state changes.
-         */
-        "onFormSubmitting"?: (event: EdsFormCustomEvent<boolean>) => void;
+        "onForm"?: (event: EdsFormCustomEvent<{
+    event: 'input' | 'change' | 'submit';
+    validated?: boolean;
+    field?: string;
+    value?: any;
+    message?: string;
+    success?: boolean;
+    data: any;
+  }>) => void;
         /**
           * If `true`, includes the current form URL in the submission data.
          */
@@ -3610,6 +3850,59 @@ declare namespace LocalJSX {
           * The message displayed when the form submission is successful.
          */
         "successMessage"?: string;
+        /**
+          * The user object containing user information. This is populated after a successful authentication.
+         */
+        "user"?: User;
+    }
+    /**
+     * `EdsFormV2` is a comprehensive form component designed to handle form submission with validation,
+     * error handling, and customizable fields.
+     * Key Features:
+     * - Configurable validation for fields, including dynamic field validation.
+     * - Optionally includes a submit button, which can display a loading state during submission.
+     * - Supports file upload, hidden fields, and dynamic field parsing.
+     * - Emits `form` event when the form is submitting/validating or there are field updates.
+     * This component is ideal for implementing complex forms with specific validation and submission behaviors.
+     */
+    interface EdsFormV2 {
+        /**
+          * The message displayed when the form submission fails.
+         */
+        "errorMessage"?: string;
+        /**
+          * A JSON string representing the fields in the form. Example: ```json [   { "name": "email", "label": "Email", "type": "text", "required": true },   { "name": "password", "label": "Password", "type": "password", "required": true } ] ```
+         */
+        "fields"?: string | any[];
+        /**
+          * If `true`, includes a submit button in the form.
+         */
+        "formBtn"?: boolean;
+        /**
+          * If `true`, includes a submit button in the form.
+         */
+        "formBtnLabel"?: string;
+        /**
+          * The init data the form will attempt to populate in the provided fields.
+         */
+        "initData"?: { [key: string]: any };
+        /**
+          * The name of the form, used for grouping inputs and identifying the form.
+         */
+        "name"?: string;
+        "onForm"?: (event: EdsFormV2CustomEvent<{
+    event: 'input' | 'change' | 'submit';
+    validated?: boolean;
+    field?: string;
+    value?: any;
+    message?: string;
+    success?: boolean;
+    data: any;
+  }>) => void;
+        /**
+          * If `true`, includes the current form URL in the submission data.
+         */
+        "setFormUrl"?: boolean;
     }
     /**
      * `EdsFrame` is a versatile iframe container component that can display external content
@@ -3624,14 +3917,33 @@ declare namespace LocalJSX {
      * Ideal for showcasing embedded content within an application, especially when previewing external resources.
      */
     interface EdsFrame {
-        "bg"?: boolean;
+        /**
+          * The error message displayed if the iframe fails to load.
+         */
         "errorMessage"?: string;
+        /**
+          * The label displayed at the top left of the frame.
+         */
         "frameLabel": string;
-        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline';
+        /**
+          * The intent for styling the link (e.g., primary, secondary, tertiary, etc.).
+         */
+        "intent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'strong' | 'weak' | 'underline';
+        /**
+          * The size of the frame controlling its height. Options: 'auto', 'sm', 'md', 'lg', 'xl'
+         */
         "size"?: 'auto' | 'sm' | 'md' | 'lg' | 'xl';
+        /**
+          * The story path identifier used to generate the iframe URL.
+         */
         "storyPath": string;
+        /**
+          * The base URL of the Storybook instance.
+         */
         "storybookUrl": string;
-        "tiny"?: boolean;
+        /**
+          * The label for the external link at the top right of the frame. Defaults to 'Open in Storybook'.
+         */
         "urlLabel"?: string;
     }
     /**
@@ -3801,12 +4113,30 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconStar {
+        /**
+          * 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 EdsIconTwitter {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4025,9 +4355,14 @@ declare namespace LocalJSX {
         "step"?: number;
     }
     interface EdsInputSearch {
+        "decorate"?: string;
         "disabled"?: boolean;
         "inputId"?: string;
         "name": string;
+        "onSearch"?: (event: EdsInputSearchCustomEvent<{
+    event: 'input' | 'change';
+    value: any;
+  }>) => void;
         "placeholder"?: string;
         "required"?: boolean;
         "value"?: string;
@@ -4169,9 +4504,16 @@ declare namespace LocalJSX {
          */
         "keycloakUrl"?: string;
         /**
-          * Event emitted when the authentication status changes.
+          * Event emitted when the authentication status changes. It emits an object {authenticated, user} indicating the new authentication status and the user's information.
+         */
+        "onAuth"?: (event: EdsLoginCustomEvent<{
+    authenticated: boolean;
+    user: any;
+  }>) => void;
+        /**
+          * Event emitted when the initKeycloak status changes.
          */
-        "onAuthStatusChanged"?: (event: EdsLoginCustomEvent<{ authenticated: boolean; user: any }>) => void;
+        "onKeycloak"?: (event: EdsLoginCustomEvent<{ init: boolean }>) => void;
     }
     /**
      * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
@@ -4207,19 +4549,21 @@ declare namespace LocalJSX {
          */
         "tabIndex"?: number;
     }
-    /**
-     * A Stencil component for displaying a Matomo analytics consent notice.
-     * Provides users with the option to opt in or opt out of anonymous analytics.
-     */
     interface EdsMatomoNotice {
         /**
-          * The description displayed in the notice. Explains the purpose of collecting analytics data.
-          * @default 'We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.'
+          * The description displayed in the notice.
          */
         "description"?: string;
+        /**
+          * When true, the notice is forced to show regardless of cookies/session.
+         */
+        "forceShow"?: boolean;
+        /**
+          * Event emitted when the rating is changed.
+         */
+        "onConsent"?: (event: EdsMatomoNoticeCustomEvent<'in' | 'out' | 'defer'>) => void;
         /**
           * The title displayed in the notice.
-          * @default 'Analytics Consent'
          */
         "title"?: string;
     }
@@ -4249,37 +4593,11 @@ declare namespace LocalJSX {
          */
         "truncateLines"?: string;
     }
-    interface EdsNavigator {
-        /**
-          * Intent of the links. Can be 'ghost', 'primary', 'secondary', etc. Default is 'ghost'.
-         */
-        "linkIntent"?: 'ghost' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
-        /**
-          * Size of the links. Can be 'small', 'medium', or 'large'. Default is 'small'.
-         */
-        "linkSize"?: 'small' | 'large';
-        /**
-          * Label for the next navigation link.
-         */
-        "nextLabel"?: string;
-        /**
-          * URL for the next navigation link. If not provided, the link will be disabled.
-         */
-        "nextUrl"?: string;
-        /**
-          * Label for the previous navigation link.
-         */
-        "prevLabel"?: string;
-        /**
-          * URL for the previous navigation link. If not provided, the link will be disabled.
-         */
-        "prevUrl"?: string;
-    }
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
-     * - Emits a `pageChange` event when the page is changed in "default" mode.
+     * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
@@ -4332,22 +4650,18 @@ declare namespace LocalJSX {
         "value"?: number;
     }
     interface EdsRating {
-        /**
-          * The label text for the rating component.
-         */
-        "label"?: string;
         /**
           * Event emitted when the rating is changed.
          */
-        "onRatingChange"?: (event: EdsRatingCustomEvent<number>) => void;
+        "onRating"?: (event: EdsRatingCustomEvent<number>) => void;
         /**
           * Number of stars in the rating system.
          */
-        "stars"?: number;
+        "ratingCount"?: number;
         /**
-          * Mapping of text to star ratings.
+          * The type of icon to display. Can be "stars" or "thumbs".
          */
-        "textMapping"?: string | string[];
+        "ratingType"?: 'star' | 'thumbs-up' | 'thumbs-down';
     }
     /**
      * `EdsSectionCore` is a flexible wrapper component for creating structured sections with customizable headings.
@@ -4411,11 +4725,51 @@ declare namespace LocalJSX {
          */
         "title"?: string;
     }
+    interface EdsSpinner {
+        /**
+          * Background overlay color.
+         */
+        "background"?: string;
+        /**
+          * Color for the spinner's border.
+         */
+        "borderColor"?: string;
+        /**
+          * Color for the spinner's bottom border.
+         */
+        "bottomColor"?: string;
+        /**
+          * When true, the spinner covers the entire viewport.
+         */
+        "fullscreen"?: boolean;
+        /**
+          * Size of the spinner (e.g., "3rem", "50px").
+         */
+        "size"?: string;
+        /**
+          * Border thickness of the spinner.
+         */
+        "thickness"?: string;
+    }
+    interface EdsSplashScreen {
+        /**
+          * A promise that must be resolved before the splash screen hides. This can be used for tasks like initialization or authentication.
+         */
+        "initPromise"?: Promise<any>;
+        /**
+          * If true, applies a dark theme by rendering a black background and white logo.
+         */
+        "inverse"?: boolean;
+        /**
+          * Event emitted when the splash screen state changes. Emits an object with a type and a message.
+         */
+        "onSplash"?: (event: EdsSplashScreenCustomEvent<{ type: 'hidden'; message: string } | { type: 'error'; message: string }>) => void;
+    }
     interface EdsSteps {
         /**
           * Emits when a step is clicked, providing the step's index.
          */
-        "onStepClick"?: (event: EdsStepsCustomEvent<number>) => void;
+        "onStep"?: (event: EdsStepsCustomEvent<number>) => void;
         /**
           * JSON string containing an array of step objects. Example: '[   { "title": "Get Access...", "content": "To participate..." },   { "title": "Subscribe...", "content": "Technical Coordination..." },   { "title": "Confirm Your Subscription" } ]'
          */
@@ -4449,24 +4803,6 @@ declare namespace LocalJSX {
          */
         "onChange"?: (event: EdsSwitchCustomEvent<boolean>) => void;
     }
-    interface EdsTab {
-        /**
-          * Whether the tab is active
-         */
-        "active"?: boolean;
-        /**
-          * Aria label for accessibility
-         */
-        "ariaLabel"?: string;
-        /**
-          * The label of the tab
-         */
-        "label"?: string;
-        /**
-          * The URL or href of the tab
-         */
-        "url"?: string;
-    }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
@@ -4530,7 +4866,7 @@ declare namespace LocalJSX {
           * Aria label for the navigation
          */
         "navAriaLabel"?: string;
-        "onTabChange"?: (event: EdsTabsCustomEvent<{
+        "onTab"?: (event: EdsTabsCustomEvent<{
     tabId: string;
     index: number;
     name?: string;
@@ -4538,38 +4874,19 @@ declare namespace LocalJSX {
         /**
           * JSON string for tabs data
          */
-        "tabs"?: string | { label: string; url: string; active: boolean; ariaLabel: string }[];
-    }
-    interface EdsTabsContent {
-        /**
-          * Aria label for the navigation
-         */
-        "navAriaLabel"?: string;
-        "onTabContentChange"?: (event: EdsTabsContentCustomEvent<{ index: number; name: string }>) => void;
-        /**
-          * JSON string for tabs data
-         */
-        "tabs"?: string;
+        "tabs"?: string | { label: string; url: string; active: boolean; ariaLabel?: string }[];
     }
     /**
      * `EdsTag` is a stylized label component designed to display short, categorical information.
-     * The component supports multiple visual styles to fit different use cases, such as accent or inverse styling.
-     * Key Features:
-     * - Configurable appearance through `intent` prop with options for various styles (default, strong, accent, weak, inverse, inverse-strong).
-     * - Displays a label passed as the `label` prop, required for defining the content of the tag.
-     * This component is useful for creating distinguishable tags or labels with consistent styling.
+     * It supports multiple visual styles defined by the `intent` prop.
      */
     interface EdsTag {
         /**
-          * Optional accessible label override. If not provided, the visible label is used as the accessible name.
-         */
-        "ariaLabel"?: string;
-        /**
-          * The visual style or intent of the tag. Options include: - 'default': The standard appearance. - 'strong': Strong emphasis with inverse text color. - 'accent': Accent color with a blue text and border. - 'weak': A softer look with lighter text and transparent border. - 'inverse': Inverse style with border and text inversion. - 'inverse-strong': Strong inverse with lighter text. Defaults to 'default'.
+          * The visual style or intent of the tag.
          */
         "intent"?: 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
         /**
-          * The label to be displayed inside the tag. This prop is required.
+          * The label to be displayed inside the tag.
          */
         "label": string;
     }
@@ -4615,46 +4932,21 @@ declare namespace LocalJSX {
         "applications"?: string | any[];
     }
     /**
-     * `EdsUser` is a user authentication component for managing and displaying
-     * the user's authentication state using Keycloak. It provides login and logout
-     * functionality, displays a user dropdown menu when authenticated, and emits
-     * authentication status changes.
-     * This component is ideal for embedding into any layout requiring secure user authentication, with built-in integration for Keycloak and optional login/logout functionality.
+     * `EdsUser` is a user component for managing and displaying
+     * the user's auth information. Displays a user dropdown menu when authenticated.
+     * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface EdsUser {
         /**
-          * The Keycloak Client ID. The client ID represents the client application that Keycloak protects. It's configured in the Keycloak admin console and used to identify the app requesting authentication. Example: `my-client-app`
-         */
-        "keycloakClientId"?: string;
-        /**
-          * The Keycloak Realm. A realm in Keycloak is a space where you manage a set of users, roles, groups, and credentials.
-         */
-        "keycloakRealm"?: string;
-        /**
-          * The URL of the Keycloak server. This is the base URL where your Keycloak instance is hosted.
-         */
-        "keycloakUrl"?: string;
-        /**
-          * Event emitted when the authentication status changes. It emits an object {authenticated, user} indicating the new authentication status and the user's information.
-         */
-        "onAuthStatusChanged"?: (event: EdsUserCustomEvent<{
-    authenticated: boolean;
-    user: any;
-  }>) => void;
-    }
-    interface EdsUserModal {
-        /**
-          * Array of links to be displayed in the modal. Can be passed as an array or a JSON string.
-         */
-        "links"?: string;
-        /**
-          * Logout callback function.
-         */
-        "onLogout"?: () => void;
-        /**
-          * The user object containing user information. Can be passed as an object or a JSON string.
+          * The user object containing user information.
          */
-        "user": User | string;
+        "user"?: {
+    email: string;
+    name: string;
+    given_name: string;
+    family_name: string;
+    preferred_username: string;
+  };
     }
     interface EdsVerticalStepper {
         /**
@@ -4703,6 +4995,7 @@ declare namespace LocalJSX {
         "correct-use-of-colors": CorrectUseOfColors;
         "eds-accordion": EdsAccordion;
         "eds-alert": EdsAlert;
+        "eds-app-root": EdsAppRoot;
         "eds-avatar": EdsAvatar;
         "eds-block-break": EdsBlockBreak;
         "eds-breadcrumb": EdsBreadcrumb;
@@ -4717,11 +5010,14 @@ declare namespace LocalJSX {
         "eds-card-wrapper": EdsCardWrapper;
         "eds-code-block": EdsCodeBlock;
         "eds-components-section": EdsComponentsSection;
+        "eds-cookies-preference": EdsCookiesPreference;
         "eds-docs-palettes": EdsDocsPalettes;
         "eds-docs-tokens": EdsDocsTokens;
         "eds-dropdown": EdsDropdown;
+        "eds-feedback": EdsFeedback;
         "eds-footer": EdsFooter;
         "eds-form": EdsForm;
+        "eds-form-v2": EdsFormV2;
         "eds-frame": EdsFrame;
         "eds-fullscreen-menu": EdsFullscreenMenu;
         "eds-header": EdsHeader;
@@ -4743,7 +5039,10 @@ declare namespace LocalJSX {
         "eds-icon-menu": EdsIconMenu;
         "eds-icon-more": EdsIconMore;
         "eds-icon-search": EdsIconSearch;
+        "eds-icon-star": EdsIconStar;
         "eds-icon-success": EdsIconSuccess;
+        "eds-icon-thumbs-down": EdsIconThumbsDown;
+        "eds-icon-thumbs-up": EdsIconThumbsUp;
         "eds-icon-twitter": EdsIconTwitter;
         "eds-icon-user": EdsIconUser;
         "eds-icon-wrapper": EdsIconWrapper;
@@ -4762,20 +5061,19 @@ declare namespace LocalJSX {
         "eds-logo-variations": EdsLogoVariations;
         "eds-matomo-notice": EdsMatomoNotice;
         "eds-modal": EdsModal;
-        "eds-navigator": EdsNavigator;
         "eds-pagination": EdsPagination;
         "eds-progress-bar": EdsProgressBar;
         "eds-rating": EdsRating;
         "eds-section-core": EdsSectionCore;
         "eds-section-heading": EdsSectionHeading;
         "eds-social-networks": EdsSocialNetworks;
+        "eds-spinner": EdsSpinner;
+        "eds-splash-screen": EdsSplashScreen;
         "eds-steps": EdsSteps;
         "eds-svg-repository": EdsSvgRepository;
         "eds-switch": EdsSwitch;
-        "eds-tab": EdsTab;
         "eds-table": EdsTable;
         "eds-tabs": EdsTabs;
-        "eds-tabs-content": EdsTabsContent;
         "eds-tag": EdsTag;
         "eds-timeline": EdsTimeline;
         "eds-toast": EdsToast;
@@ -4783,7 +5081,6 @@ declare namespace LocalJSX {
         "eds-tooltip": EdsTooltip;
         "eds-trl": EdsTrl;
         "eds-user": EdsUser;
-        "eds-user-modal": EdsUserModal;
         "eds-vertical-stepper": EdsVerticalStepper;
         "gradient-primary-palette": GradientPrimaryPalette;
         "gradient-secondary-palette": GradientSecondaryPalette;
@@ -4815,7 +5112,7 @@ declare module "@stencil/core" {
              * 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 `accordionChange` event is emitted when the accordion's expanded state changes, allowing parent components
+             * 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
@@ -4837,6 +5134,7 @@ declare module "@stencil/core" {
              * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
              */
             "eds-alert": LocalJSX.EdsAlert & JSXBase.HTMLAttributes<HTMLEdsAlertElement>;
+            "eds-app-root": LocalJSX.EdsAppRoot & JSXBase.HTMLAttributes<HTMLEdsAppRootElement>;
             /**
              * `EdsAvatar` is a versatile component for displaying user profile representations, including initials or profile pictures.
              * This component is customizable to adapt to various styles and use cases.
@@ -4899,10 +5197,10 @@ declare module "@stencil/core" {
             "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.
+             * `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 of card objects, each defining its properties like title, description, avatar, tags, URL, and image.
+             * - 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.
              */
@@ -4918,6 +5216,7 @@ declare module "@stencil/core" {
              */
             "eds-code-block": LocalJSX.EdsCodeBlock & JSXBase.HTMLAttributes<HTMLEdsCodeBlockElement>;
             "eds-components-section": LocalJSX.EdsComponentsSection & JSXBase.HTMLAttributes<HTMLEdsComponentsSectionElement>;
+            "eds-cookies-preference": LocalJSX.EdsCookiesPreference & JSXBase.HTMLAttributes<HTMLEdsCookiesPreferenceElement>;
             "eds-docs-palettes": LocalJSX.EdsDocsPalettes & JSXBase.HTMLAttributes<HTMLEdsDocsPalettesElement>;
             "eds-docs-tokens": LocalJSX.EdsDocsTokens & JSXBase.HTMLAttributes<HTMLEdsDocsTokensElement>;
             /**
@@ -4932,6 +5231,7 @@ declare module "@stencil/core" {
              * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
              */
             "eds-dropdown": LocalJSX.EdsDropdown & JSXBase.HTMLAttributes<HTMLEdsDropdownElement>;
+            "eds-feedback": LocalJSX.EdsFeedback & JSXBase.HTMLAttributes<HTMLEdsFeedbackElement>;
             /**
              * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
              * legal information, and an optional cookie preferences button. It includes a "Back to top"
@@ -4958,6 +5258,17 @@ declare module "@stencil/core" {
              * This component is ideal for implementing complex forms with specific validation and submission behaviors.
              */
             "eds-form": LocalJSX.EdsForm & JSXBase.HTMLAttributes<HTMLEdsFormElement>;
+            /**
+             * `EdsFormV2` is a comprehensive form component designed to handle form submission with validation,
+             * error handling, and customizable fields.
+             * Key Features:
+             * - Configurable validation for fields, including dynamic field validation.
+             * - Optionally includes a submit button, which can display a loading state during submission.
+             * - Supports file upload, hidden fields, and dynamic field parsing.
+             * - Emits `form` event when the form is submitting/validating or there are field updates.
+             * This component is ideal for implementing complex forms with specific validation and submission behaviors.
+             */
+            "eds-form-v2": LocalJSX.EdsFormV2 & JSXBase.HTMLAttributes<HTMLEdsFormV2Element>;
             /**
              * `EdsFrame` is a versatile iframe container component that can display external content
              * such as Storybook previews or other embedded resources. It includes customizable labels,
@@ -5012,7 +5323,10 @@ declare module "@stencil/core" {
             "eds-icon-menu": LocalJSX.EdsIconMenu & JSXBase.HTMLAttributes<HTMLEdsIconMenuElement>;
             "eds-icon-more": LocalJSX.EdsIconMore & JSXBase.HTMLAttributes<HTMLEdsIconMoreElement>;
             "eds-icon-search": LocalJSX.EdsIconSearch & JSXBase.HTMLAttributes<HTMLEdsIconSearchElement>;
+            "eds-icon-star": LocalJSX.EdsIconStar & JSXBase.HTMLAttributes<HTMLEdsIconStarElement>;
             "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-twitter": LocalJSX.EdsIconTwitter & JSXBase.HTMLAttributes<HTMLEdsIconTwitterElement>;
             "eds-icon-user": LocalJSX.EdsIconUser & JSXBase.HTMLAttributes<HTMLEdsIconUserElement>;
             /**
@@ -5085,10 +5399,6 @@ declare module "@stencil/core" {
              */
             "eds-logo": LocalJSX.EdsLogo & JSXBase.HTMLAttributes<HTMLEdsLogoElement>;
             "eds-logo-variations": LocalJSX.EdsLogoVariations & JSXBase.HTMLAttributes<HTMLEdsLogoVariationsElement>;
-            /**
-             * A Stencil component for displaying a Matomo analytics consent notice.
-             * Provides users with the option to opt in or opt out of anonymous analytics.
-             */
             "eds-matomo-notice": LocalJSX.EdsMatomoNotice & JSXBase.HTMLAttributes<HTMLEdsMatomoNoticeElement>;
             /**
              * `EdsModal` is a modal dialog component that can be toggled open or closed.
@@ -5099,12 +5409,11 @@ declare module "@stencil/core" {
              * This component is useful for displaying overlay content in a structured and accessible manner, with controls for dynamic visibility and content truncation.
              */
             "eds-modal": LocalJSX.EdsModal & JSXBase.HTMLAttributes<HTMLEdsModalElement>;
-            "eds-navigator": LocalJSX.EdsNavigator & JSXBase.HTMLAttributes<HTMLEdsNavigatorElement>;
             /**
              * `EdsPagination` is a component for navigating paginated data.
              * Key Features:
              * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
-             * - Emits a `pageChange` event when the page is changed in "default" mode.
+             * - Emits a `page` event when the page is changed in "default" mode.
              * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
              * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
              */
@@ -5134,10 +5443,11 @@ declare module "@stencil/core" {
              * Each link directs users to EBRAINS' profiles on various social networks.
              */
             "eds-social-networks": LocalJSX.EdsSocialNetworks & JSXBase.HTMLAttributes<HTMLEdsSocialNetworksElement>;
+            "eds-spinner": LocalJSX.EdsSpinner & JSXBase.HTMLAttributes<HTMLEdsSpinnerElement>;
+            "eds-splash-screen": LocalJSX.EdsSplashScreen & JSXBase.HTMLAttributes<HTMLEdsSplashScreenElement>;
             "eds-steps": LocalJSX.EdsSteps & JSXBase.HTMLAttributes<HTMLEdsStepsElement>;
             "eds-svg-repository": LocalJSX.EdsSvgRepository & JSXBase.HTMLAttributes<HTMLEdsSvgRepositoryElement>;
             "eds-switch": LocalJSX.EdsSwitch & JSXBase.HTMLAttributes<HTMLEdsSwitchElement>;
-            "eds-tab": LocalJSX.EdsTab & JSXBase.HTMLAttributes<HTMLEdsTabElement>;
             /**
              * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
              * Key Features:
@@ -5157,14 +5467,9 @@ declare module "@stencil/core" {
              * and is designed to fit seamlessly into any layout.
              */
             "eds-tabs": LocalJSX.EdsTabs & JSXBase.HTMLAttributes<HTMLEdsTabsElement>;
-            "eds-tabs-content": LocalJSX.EdsTabsContent & JSXBase.HTMLAttributes<HTMLEdsTabsContentElement>;
             /**
              * `EdsTag` is a stylized label component designed to display short, categorical information.
-             * The component supports multiple visual styles to fit different use cases, such as accent or inverse styling.
-             * Key Features:
-             * - Configurable appearance through `intent` prop with options for various styles (default, strong, accent, weak, inverse, inverse-strong).
-             * - Displays a label passed as the `label` prop, required for defining the content of the tag.
-             * This component is useful for creating distinguishable tags or labels with consistent styling.
+             * It supports multiple visual styles defined by the `intent` prop.
              */
             "eds-tag": LocalJSX.EdsTag & JSXBase.HTMLAttributes<HTMLEdsTagElement>;
             "eds-timeline": LocalJSX.EdsTimeline & JSXBase.HTMLAttributes<HTMLEdsTimelineElement>;
@@ -5176,14 +5481,11 @@ declare module "@stencil/core" {
             "eds-tooltip": LocalJSX.EdsTooltip & JSXBase.HTMLAttributes<HTMLEdsTooltipElement>;
             "eds-trl": LocalJSX.EdsTrl & JSXBase.HTMLAttributes<HTMLEdsTrlElement>;
             /**
-             * `EdsUser` is a user authentication component for managing and displaying
-             * the user's authentication state using Keycloak. It provides login and logout
-             * functionality, displays a user dropdown menu when authenticated, and emits
-             * authentication status changes.
-             * This component is ideal for embedding into any layout requiring secure user authentication, with built-in integration for Keycloak and optional login/logout functionality.
+             * `EdsUser` is a user component for managing and displaying
+             * the user's auth information. Displays a user dropdown menu when authenticated.
+             * This component is ideal for embedding into any layout requiring user authentication.
              */
             "eds-user": LocalJSX.EdsUser & JSXBase.HTMLAttributes<HTMLEdsUserElement>;
-            "eds-user-modal": LocalJSX.EdsUserModal & JSXBase.HTMLAttributes<HTMLEdsUserModalElement>;
             "eds-vertical-stepper": LocalJSX.EdsVerticalStepper & JSXBase.HTMLAttributes<HTMLEdsVerticalStepperElement>;
             "gradient-primary-palette": LocalJSX.GradientPrimaryPalette & JSXBase.HTMLAttributes<HTMLGradientPrimaryPaletteElement>;
             "gradient-secondary-palette": LocalJSX.GradientSecondaryPalette & JSXBase.HTMLAttributes<HTMLGradientSecondaryPaletteElement>;