@ebrains/components 0.7.0-alpha.1 → 0.9.0-beta

package/dist/types/components.d.ts

@@ -8,9 +8,11 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
 import { Card } from "./shared-ui/eds-card-section/eds-card-section";
 import { Step } from "./components/eds-steps/eds-steps";
+import { Step as Step1 } from "./shared-ui/eds-steps-v2/eds-steps-v2";
 export { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
 export { Card } from "./shared-ui/eds-card-section/eds-card-section";
 export { Step } from "./components/eds-steps/eds-steps";
+export { Step as Step1 } from "./shared-ui/eds-steps-v2/eds-steps-v2";
 export namespace Components {
     interface ColorPrimaryPalette {
     }
@@ -19,8 +21,26 @@ export namespace Components {
     }
     interface ColorSupportPalette {
     }
+    interface ComponentsSection {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex": number;
+    }
     interface CorrectUseOfColors {
     }
+    interface DocsPalettes {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex": number;
+    }
+    interface DocsTokens {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex": number;
+    }
     /**
      * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
      * It features a customizable header, optional description, and content area that can be dynamically expanded.
@@ -50,10 +70,6 @@ export namespace Components {
           * Determines if the accordion is expanded by default
          */
         "expanded": boolean;
-        /**
-          * Applies a minimum height to the content area for consistent spacing
-         */
-        "minHeightContent": boolean;
         /**
           * Toggles the background color on expand and hover
          */
@@ -74,6 +90,10 @@ export namespace Components {
      * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
      */
     interface EdsAlert {
+        /**
+          * The border style of the alert. Defaults to "rounded" (rounded borders). Set to "normal" to have non-rounded (square) borders.
+         */
+        "brd": 'rounded' | 'normal';
         /**
           * The layout direction of the alert content, either 'horizontal' or 'vertical'.
          */
@@ -120,10 +140,6 @@ export namespace Components {
           * Custom initials to display if provided; otherwise, initials will be derived from `firstName` and `lastName`.
          */
         "initials"?: string;
-        /**
-          * Determines if the initials should use a stronger (larger) font style.
-         */
-        "initialsStrong": boolean;
         /**
           * Last name of the user for generating initials.
          */
@@ -132,10 +148,6 @@ export namespace Components {
           * URL or path to the user's profile picture.
          */
         "picture"?: string;
-        /**
-          * Flag to render the avatar with rounded (pill) shape if `true`.
-         */
-        "rounded": boolean;
     }
     /**
      * `EdsBlockBreak` is a divider component designed to render a horizontal line that separates content visually.
@@ -232,12 +244,6 @@ export namespace Components {
          */
         "triggerClick"?: () => void;
     }
-    /**
-     * `eds-card-desc` is a simple component that renders a card description.
-     * It displays a block of text with optional truncation applied using a CSS line clamp.
-     * You can customize the description styling via the `descClass` property and control
-     * whether or not the text is truncated and to how many lines.
-     */
     interface EdsCardDesc {
         /**
           * A custom CSS class to style the description text. Default is 'f-ui-03-light'.
@@ -491,12 +497,6 @@ export namespace Components {
          */
         "language": string;
     }
-    interface EdsComponentsSection {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex": number;
-    }
     interface EdsCookiesPreference {
         /**
           * Text to display on the cookies preference button.
@@ -515,18 +515,6 @@ export namespace Components {
     | 'underline'
     | 'blueish';
     }
-    interface EdsDocsPalettes {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex": number;
-    }
-    interface EdsDocsTokens {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex": number;
-    }
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
      * that appear upon clicking the dropdown button. It supports various customization options,
@@ -622,16 +610,12 @@ export namespace Components {
      * across the EBRAINS platform, with options for social links and a "Back to top" button.
      */
     interface EdsFooter {
+        "enableCookiesSettings": boolean;
         /**
           * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
           * @type {boolean}
          */
         "enableScrollTop": boolean;
-        /**
-          * Additional CSS classes to apply to the footer for customization.
-          * @type {string}
-         */
-        "extraClass": string;
         /**
           * Controls the display of the "Founded By" text.
           * @type {string}
@@ -648,72 +632,6 @@ export namespace Components {
          */
         "social": boolean;
     }
-    /**
-     * `EdsForm` is a comprehensive form component designed to handle form submission with validation,
-     * error handling, and customizable fields. It offers several options for handling alerts and
-     * success/error messages and supports various input types and configurations.
-     * Key Features:
-     * - Configurable validation for fields, including dynamic field validation.
-     * - Customizable success and error messages displayed upon submission.
-     * - Optionally includes a submit button, which can display a loading state during submission.
-     * - Supports file upload, hidden fields, and dynamic field parsing.
-     * - Emits `formSubmitting` event when the form is submitting.
-     * This component is ideal for implementing complex forms with specific validation and submission behaviors.
-     */
-    interface EdsForm {
-        /**
-          * 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.
-         */
-        "endpoint": string;
-        /**
-          * 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[];
-        /**
-          * 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;
-        /**
-          * If `true`, includes a submit button in the form.
-         */
-        "submitBtn"?: boolean;
-        /**
-          * The message displayed when the form submission fails.
-         */
-        "submitBtnHintMessage"?: string;
-        /**
-          * If `true`, includes a submit button in the form.
-         */
-        "submitBtnLabel"?: string;
-        /**
-          * 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.
@@ -724,7 +642,7 @@ export namespace Components {
      * - 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 {
+    interface EdsForm {
         /**
           * The message displayed when the form submission fails.
          */
@@ -754,18 +672,6 @@ export namespace Components {
          */
         "setFormUrl"?: boolean;
     }
-    /**
-     * `EdsFrame` is a versatile iframe container component that can display external content
-     * such as Storybook previews or other embedded resources. It includes customizable labels,
-     * sizing, error handling, and an optional link to the external content.
-     * Key Features:
-     * - Displays an iframe with customizable dimensions (`auto`, `small`, `medium`, `large`).
-     * - Optional link (`urlLink`) that directs to the content in a new tab.
-     * - Handles loading errors gracefully by displaying a fallback message.
-     * - Emits a `matomoEvent` with category and context information on click.
-     * - Configurable appearance with intent (`primary`, `secondary`, etc.) and background options.
-     * Ideal for showcasing embedded content within an application, especially when previewing external resources.
-     */
     interface EdsFrame {
         /**
           * The error message displayed if the iframe fails to load.
@@ -775,6 +681,10 @@ export namespace Components {
           * The label displayed at the top left of the frame.
          */
         "frameLabel": string;
+        /**
+          * The frame src url to be displayed.
+         */
+        "frameSrc": string;
         /**
           * The intent for styling the link (e.g., primary, secondary, tertiary, etc.).
          */
@@ -784,15 +694,11 @@ export namespace Components {
          */
         "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.
+          * The base URL of the external reference.
          */
-        "storybookUrl": string;
+        "url": string;
         /**
-          * The label for the external link at the top right of the frame. Defaults to 'Open in Storybook'.
+          * The label for the external link at the top right of the frame. Defaults to 'Open'.
          */
         "urlLabel"?: string;
     }
@@ -851,7 +757,7 @@ export namespace Components {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
-        "addClass": string;
+        "class": string;
     }
     interface EdsIconArrowRight {
         /**
@@ -865,6 +771,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconBookmark {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconChevronDown {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -907,6 +819,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconExternal {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconFacebook {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -943,12 +861,48 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconMinus {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconMore {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
+    interface EdsIconPaper {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
+    interface EdsIconPlus {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
+    interface EdsIconPortal {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
+    interface EdsIconPrivate {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
+    interface EdsIconPublic {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconSearch {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -979,12 +933,30 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconTutorial {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconTwitter {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class": string;
     }
+    interface EdsIconUnknown {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
+    interface EdsIconUpdown {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconUser {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -1181,29 +1153,91 @@ export namespace Components {
         "name": string;
     }
     interface EdsInputLabel {
+        /**
+          * Indicates whether the associated form control is disabled.
+         */
         "disabled": boolean;
+        /**
+          * The text content of the label.
+         */
         "label": string;
+        /**
+          * The value that associates the label to a form control. This value should match the `id` of the input element.
+         */
         "name": string;
+        /**
+          * Indicates whether the associated form control is required.
+         */
         "required": boolean;
     }
     interface EdsInputRange {
+        /**
+          * If true, the slider will be disabled.
+         */
         "disabled": boolean;
         "getInputElement": () => Promise<HTMLInputElement>;
+        /**
+          * Optional id for the input; defaults to 'range'.
+         */
         "inputId"?: string;
+        /**
+          * Maximum value for the slider.
+         */
         "max": number;
+        /**
+          * Minimum value for the slider.
+         */
         "min": number;
+        /**
+          * The name attribute for the input element.
+         */
         "name": string;
+        /**
+          * If true, the slider is marked as required.
+         */
         "required": boolean;
+        /**
+          * Step for the slider.
+         */
         "step": number;
+        /**
+          * The externally provided preset value from init-data.
+         */
+        "value"?: number;
     }
     interface EdsInputSearch {
+        /**
+          * Additional CSS classes for styling the input.
+         */
         "decorate": string;
+        /**
+          * If true, the search input will be disabled.
+         */
         "disabled": boolean;
         "getInputElement": () => Promise<HTMLInputElement>;
+        /**
+          * The id attribute for the input element. Defaults to 'search-main' if not provided.
+         */
         "inputId"?: string;
+        /**
+          * Accessible label for the search input. This is used for screen readers.
+         */
+        "label": string;
+        /**
+          * The name attribute for the input element.
+         */
         "name": string;
+        /**
+          * Placeholder text for the search input.
+         */
         "placeholder": string;
+        /**
+          * If true, the search input is marked as required.
+         */
         "required": boolean;
+        /**
+          * The value of the search input.
+         */
         "value"?: string;
     }
     interface EdsInputSelect {
@@ -1366,12 +1400,6 @@ export namespace Components {
          */
         "type": 'color' | 'black' | 'color-white' | 'white' | 'no-bg';
     }
-    interface EdsLogoVariations {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex": number;
-    }
     interface EdsMatomoNotice {
         /**
           * The description displayed in the notice.
@@ -1381,6 +1409,7 @@ export namespace Components {
           * When true, the notice is forced to show regardless of cookies/session.
          */
         "forceShow": boolean;
+        "optOutMessage": string;
         /**
           * The title displayed in the notice.
          */
@@ -1603,7 +1632,27 @@ export namespace Components {
          */
         "type": 'static' | 'linear';
     }
-    interface EdsSvgRepository {
+    interface EdsStepsV2 {
+        /**
+          * If true, apply a background class to the container.
+         */
+        "bg": boolean;
+        /**
+          * Optional image source to display above the steps.
+         */
+        "imageSrc"?: string;
+        /**
+          * Optional message to display inside the placeholder if no image is provided.
+         */
+        "message"?: string;
+        /**
+          * JSON string or an array of step objects. Example: '[   { "title": "Step One", "content": "Details for step one" },   { "title": "Step Two", "content": "Details for step two" } ]'
+         */
+        "steps": string | Step1[];
+        /**
+          * The type of stepper. Default is "static" (all steps visible, no navigation buttons). Use "linear" if only one step should be visible at a time.
+         */
+        "type": 'static' | 'linear';
     }
     interface EdsSwitch {
         /**
@@ -1753,21 +1802,9 @@ export namespace Components {
      */
     interface EdsUser {
         /**
-          * The user object containing user information.
+          * The user object containing user information, or a JSON string to be parsed.
          */
-        "user": {
-    email: string;
-    name: string;
-    given_name: string;
-    family_name: string;
-    preferred_username: string;
-  };
-    }
-    interface EdsVerticalStepper {
-        /**
-          * JSON string containing an array of steps. Example: '[   { "label": "Select campaign settings", "description": "For each ad campaign..." },   { "label": "Create an ad group", "description": "An ad group contains one or more ads..." },   { "label": "Create an ad", "description": "Try out different ad text..." } ]'
-         */
-        "steps": string;
+        "user": string | User;
     }
     interface GradientPrimaryPalette {
     }
@@ -1781,6 +1818,12 @@ export namespace Components {
     }
     interface LogoVariationsHorizontal {
     }
+    interface LogoVariationsTabs {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex": number;
+    }
     interface LogoVariationsVertical {
         "orientation": 'horizontal' | 'vertical';
         /**
@@ -1790,6 +1833,8 @@ export namespace Components {
     }
     interface LogoWrongUsage {
     }
+    interface SvgRepository {
+    }
     interface TokenList {
         "show": string;
     }
@@ -1816,13 +1861,13 @@ export interface EdsFeedbackCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsFeedbackElement;
 }
-export interface EdsFormCustomEvent<T> extends CustomEvent<T> {
+export interface EdsFooterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLEdsFormElement;
+    target: HTMLEdsFooterElement;
 }
-export interface EdsFormV2CustomEvent<T> extends CustomEvent<T> {
+export interface EdsFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLEdsFormV2Element;
+    target: HTMLEdsFormElement;
 }
 export interface EdsFullscreenMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1832,9 +1877,9 @@ export interface EdsHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsHeaderElement;
 }
-export interface EdsInputCustomEvent<T> extends CustomEvent<T> {
+export interface EdsInputRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLEdsInputElement;
+    target: HTMLEdsInputRangeElement;
 }
 export interface EdsInputSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1864,6 +1909,10 @@ export interface EdsStepsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsStepsElement;
 }
+export interface EdsStepsV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsStepsV2Element;
+}
 export interface EdsSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsSwitchElement;
@@ -1891,12 +1940,30 @@ declare global {
         prototype: HTMLColorSupportPaletteElement;
         new (): HTMLColorSupportPaletteElement;
     };
+    interface HTMLComponentsSectionElement extends Components.ComponentsSection, HTMLStencilElement {
+    }
+    var HTMLComponentsSectionElement: {
+        prototype: HTMLComponentsSectionElement;
+        new (): HTMLComponentsSectionElement;
+    };
     interface HTMLCorrectUseOfColorsElement extends Components.CorrectUseOfColors, HTMLStencilElement {
     }
     var HTMLCorrectUseOfColorsElement: {
         prototype: HTMLCorrectUseOfColorsElement;
         new (): HTMLCorrectUseOfColorsElement;
     };
+    interface HTMLDocsPalettesElement extends Components.DocsPalettes, HTMLStencilElement {
+    }
+    var HTMLDocsPalettesElement: {
+        prototype: HTMLDocsPalettesElement;
+        new (): HTMLDocsPalettesElement;
+    };
+    interface HTMLDocsTokensElement extends Components.DocsTokens, HTMLStencilElement {
+    }
+    var HTMLDocsTokensElement: {
+        prototype: HTMLDocsTokensElement;
+        new (): HTMLDocsTokensElement;
+    };
     interface HTMLEdsAccordionElementEventMap {
         "accordion": boolean;
     }
@@ -2014,12 +2081,6 @@ declare global {
         prototype: HTMLEdsButtonElement;
         new (): HTMLEdsButtonElement;
     };
-    /**
-     * `eds-card-desc` is a simple component that renders a card description.
-     * It displays a block of text with optional truncation applied using a CSS line clamp.
-     * You can customize the description styling via the `descClass` property and control
-     * whether or not the text is truncated and to how many lines.
-     */
     interface HTMLEdsCardDescElement extends Components.EdsCardDesc, HTMLStencilElement {
     }
     var HTMLEdsCardDescElement: {
@@ -2097,30 +2158,12 @@ declare global {
         prototype: HTMLEdsCodeBlockElement;
         new (): HTMLEdsCodeBlockElement;
     };
-    interface HTMLEdsComponentsSectionElement extends Components.EdsComponentsSection, HTMLStencilElement {
-    }
-    var HTMLEdsComponentsSectionElement: {
-        prototype: HTMLEdsComponentsSectionElement;
-        new (): HTMLEdsComponentsSectionElement;
-    };
     interface HTMLEdsCookiesPreferenceElement extends Components.EdsCookiesPreference, HTMLStencilElement {
     }
     var HTMLEdsCookiesPreferenceElement: {
         prototype: HTMLEdsCookiesPreferenceElement;
         new (): HTMLEdsCookiesPreferenceElement;
     };
-    interface HTMLEdsDocsPalettesElement extends Components.EdsDocsPalettes, HTMLStencilElement {
-    }
-    var HTMLEdsDocsPalettesElement: {
-        prototype: HTMLEdsDocsPalettesElement;
-        new (): HTMLEdsDocsPalettesElement;
-    };
-    interface HTMLEdsDocsTokensElement extends Components.EdsDocsTokens, HTMLStencilElement {
-    }
-    var HTMLEdsDocsTokensElement: {
-        prototype: HTMLEdsDocsTokensElement;
-        new (): HTMLEdsDocsTokensElement;
-    };
     interface HTMLEdsDropdownElementEventMap {
         "dropdown": { expanded: boolean };
     }
@@ -2166,6 +2209,9 @@ declare global {
         prototype: HTMLEdsFeedbackElement;
         new (): HTMLEdsFeedbackElement;
     };
+    interface HTMLEdsFooterElementEventMap {
+        "cookies": any;
+    }
     /**
      * `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"
@@ -2179,6 +2225,14 @@ declare global {
      * across the EBRAINS platform, with options for social links and a "Back to top" button.
      */
     interface HTMLEdsFooterElement extends Components.EdsFooter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsFooterElementEventMap>(type: K, listener: (this: HTMLEdsFooterElement, ev: EdsFooterCustomEvent<HTMLEdsFooterElementEventMap[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 HTMLEdsFooterElementEventMap>(type: K, listener: (this: HTMLEdsFooterElement, ev: EdsFooterCustomEvent<HTMLEdsFooterElementEventMap[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 HTMLEdsFooterElement: {
         prototype: HTMLEdsFooterElement;
@@ -2196,15 +2250,13 @@ declare global {
   };
     }
     /**
-     * `EdsForm` is a comprehensive form component designed to handle form submission with validation,
-     * error handling, and customizable fields. It offers several options for handling alerts and
-     * success/error messages and supports various input types and configurations.
+     * `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.
-     * - Customizable success and error messages displayed upon submission.
      * - Optionally includes a submit button, which can display a loading state during submission.
      * - Supports file upload, hidden fields, and dynamic field parsing.
-     * - Emits `formSubmitting` event when the form is submitting.
+     * - 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 HTMLEdsFormElement extends Components.EdsForm, HTMLStencilElement {
@@ -2221,53 +2273,6 @@ 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,
-     * sizing, error handling, and an optional link to the external content.
-     * Key Features:
-     * - Displays an iframe with customizable dimensions (`auto`, `small`, `medium`, `large`).
-     * - Optional link (`urlLink`) that directs to the content in a new tab.
-     * - Handles loading errors gracefully by displaying a fallback message.
-     * - Emits a `matomoEvent` with category and context information on click.
-     * - Configurable appearance with intent (`primary`, `secondary`, etc.) and background options.
-     * Ideal for showcasing embedded content within an application, especially when previewing external resources.
-     */
     interface HTMLEdsFrameElement extends Components.EdsFrame, HTMLStencilElement {
     }
     var HTMLEdsFrameElement: {
@@ -2347,6 +2352,12 @@ declare global {
         prototype: HTMLEdsIconBlueskyElement;
         new (): HTMLEdsIconBlueskyElement;
     };
+    interface HTMLEdsIconBookmarkElement extends Components.EdsIconBookmark, HTMLStencilElement {
+    }
+    var HTMLEdsIconBookmarkElement: {
+        prototype: HTMLEdsIconBookmarkElement;
+        new (): HTMLEdsIconBookmarkElement;
+    };
     interface HTMLEdsIconChevronDownElement extends Components.EdsIconChevronDown, HTMLStencilElement {
     }
     var HTMLEdsIconChevronDownElement: {
@@ -2389,6 +2400,12 @@ declare global {
         prototype: HTMLEdsIconEuElement;
         new (): HTMLEdsIconEuElement;
     };
+    interface HTMLEdsIconExternalElement extends Components.EdsIconExternal, HTMLStencilElement {
+    }
+    var HTMLEdsIconExternalElement: {
+        prototype: HTMLEdsIconExternalElement;
+        new (): HTMLEdsIconExternalElement;
+    };
     interface HTMLEdsIconFacebookElement extends Components.EdsIconFacebook, HTMLStencilElement {
     }
     var HTMLEdsIconFacebookElement: {
@@ -2425,12 +2442,48 @@ declare global {
         prototype: HTMLEdsIconMenuElement;
         new (): HTMLEdsIconMenuElement;
     };
+    interface HTMLEdsIconMinusElement extends Components.EdsIconMinus, HTMLStencilElement {
+    }
+    var HTMLEdsIconMinusElement: {
+        prototype: HTMLEdsIconMinusElement;
+        new (): HTMLEdsIconMinusElement;
+    };
     interface HTMLEdsIconMoreElement extends Components.EdsIconMore, HTMLStencilElement {
     }
     var HTMLEdsIconMoreElement: {
         prototype: HTMLEdsIconMoreElement;
         new (): HTMLEdsIconMoreElement;
     };
+    interface HTMLEdsIconPaperElement extends Components.EdsIconPaper, HTMLStencilElement {
+    }
+    var HTMLEdsIconPaperElement: {
+        prototype: HTMLEdsIconPaperElement;
+        new (): HTMLEdsIconPaperElement;
+    };
+    interface HTMLEdsIconPlusElement extends Components.EdsIconPlus, HTMLStencilElement {
+    }
+    var HTMLEdsIconPlusElement: {
+        prototype: HTMLEdsIconPlusElement;
+        new (): HTMLEdsIconPlusElement;
+    };
+    interface HTMLEdsIconPortalElement extends Components.EdsIconPortal, HTMLStencilElement {
+    }
+    var HTMLEdsIconPortalElement: {
+        prototype: HTMLEdsIconPortalElement;
+        new (): HTMLEdsIconPortalElement;
+    };
+    interface HTMLEdsIconPrivateElement extends Components.EdsIconPrivate, HTMLStencilElement {
+    }
+    var HTMLEdsIconPrivateElement: {
+        prototype: HTMLEdsIconPrivateElement;
+        new (): HTMLEdsIconPrivateElement;
+    };
+    interface HTMLEdsIconPublicElement extends Components.EdsIconPublic, HTMLStencilElement {
+    }
+    var HTMLEdsIconPublicElement: {
+        prototype: HTMLEdsIconPublicElement;
+        new (): HTMLEdsIconPublicElement;
+    };
     interface HTMLEdsIconSearchElement extends Components.EdsIconSearch, HTMLStencilElement {
     }
     var HTMLEdsIconSearchElement: {
@@ -2461,12 +2514,30 @@ declare global {
         prototype: HTMLEdsIconThumbsUpElement;
         new (): HTMLEdsIconThumbsUpElement;
     };
+    interface HTMLEdsIconTutorialElement extends Components.EdsIconTutorial, HTMLStencilElement {
+    }
+    var HTMLEdsIconTutorialElement: {
+        prototype: HTMLEdsIconTutorialElement;
+        new (): HTMLEdsIconTutorialElement;
+    };
     interface HTMLEdsIconTwitterElement extends Components.EdsIconTwitter, HTMLStencilElement {
     }
     var HTMLEdsIconTwitterElement: {
         prototype: HTMLEdsIconTwitterElement;
         new (): HTMLEdsIconTwitterElement;
     };
+    interface HTMLEdsIconUnknownElement extends Components.EdsIconUnknown, HTMLStencilElement {
+    }
+    var HTMLEdsIconUnknownElement: {
+        prototype: HTMLEdsIconUnknownElement;
+        new (): HTMLEdsIconUnknownElement;
+    };
+    interface HTMLEdsIconUpdownElement extends Components.EdsIconUpdown, HTMLStencilElement {
+    }
+    var HTMLEdsIconUpdownElement: {
+        prototype: HTMLEdsIconUpdownElement;
+        new (): HTMLEdsIconUpdownElement;
+    };
     interface HTMLEdsIconUserElement extends Components.EdsIconUser, HTMLStencilElement {
     }
     var HTMLEdsIconUserElement: {
@@ -2516,18 +2587,7 @@ declare global {
         prototype: HTMLEdsImgElement;
         new (): HTMLEdsImgElement;
     };
-    interface HTMLEdsInputElementEventMap {
-        "changeEvent": any;
-    }
     interface HTMLEdsInputElement extends Components.EdsInput, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLEdsInputElementEventMap>(type: K, listener: (this: HTMLEdsInputElement, ev: EdsInputCustomEvent<HTMLEdsInputElementEventMap[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 HTMLEdsInputElementEventMap>(type: K, listener: (this: HTMLEdsInputElement, ev: EdsInputCustomEvent<HTMLEdsInputElementEventMap[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 HTMLEdsInputElement: {
         prototype: HTMLEdsInputElement;
@@ -2560,7 +2620,18 @@ declare global {
         prototype: HTMLEdsInputLabelElement;
         new (): HTMLEdsInputLabelElement;
     };
+    interface HTMLEdsInputRangeElementEventMap {
+        "edsrange": any;
+    }
     interface HTMLEdsInputRangeElement extends Components.EdsInputRange, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsInputRangeElementEventMap>(type: K, listener: (this: HTMLEdsInputRangeElement, ev: EdsInputRangeCustomEvent<HTMLEdsInputRangeElementEventMap[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 HTMLEdsInputRangeElementEventMap>(type: K, listener: (this: HTMLEdsInputRangeElement, ev: EdsInputRangeCustomEvent<HTMLEdsInputRangeElementEventMap[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 HTMLEdsInputRangeElement: {
         prototype: HTMLEdsInputRangeElement;
@@ -2658,12 +2729,6 @@ declare global {
         prototype: HTMLEdsLogoElement;
         new (): HTMLEdsLogoElement;
     };
-    interface HTMLEdsLogoVariationsElement extends Components.EdsLogoVariations, HTMLStencilElement {
-    }
-    var HTMLEdsLogoVariationsElement: {
-        prototype: HTMLEdsLogoVariationsElement;
-        new (): HTMLEdsLogoVariationsElement;
-    };
     interface HTMLEdsMatomoNoticeElementEventMap {
         "consent": 'in' | 'out' | 'defer';
     }
@@ -2810,11 +2875,22 @@ declare global {
         prototype: HTMLEdsStepsElement;
         new (): HTMLEdsStepsElement;
     };
-    interface HTMLEdsSvgRepositoryElement extends Components.EdsSvgRepository, HTMLStencilElement {
+    interface HTMLEdsStepsV2ElementEventMap {
+        "step": number;
     }
-    var HTMLEdsSvgRepositoryElement: {
-        prototype: HTMLEdsSvgRepositoryElement;
-        new (): HTMLEdsSvgRepositoryElement;
+    interface HTMLEdsStepsV2Element extends Components.EdsStepsV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsStepsV2ElementEventMap>(type: K, listener: (this: HTMLEdsStepsV2Element, ev: EdsStepsV2CustomEvent<HTMLEdsStepsV2ElementEventMap[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 HTMLEdsStepsV2ElementEventMap>(type: K, listener: (this: HTMLEdsStepsV2Element, ev: EdsStepsV2CustomEvent<HTMLEdsStepsV2ElementEventMap[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 HTMLEdsStepsV2Element: {
+        prototype: HTMLEdsStepsV2Element;
+        new (): HTMLEdsStepsV2Element;
     };
     interface HTMLEdsSwitchElementEventMap {
         "change": boolean;
@@ -2931,12 +3007,6 @@ declare global {
         prototype: HTMLEdsUserElement;
         new (): HTMLEdsUserElement;
     };
-    interface HTMLEdsVerticalStepperElement extends Components.EdsVerticalStepper, HTMLStencilElement {
-    }
-    var HTMLEdsVerticalStepperElement: {
-        prototype: HTMLEdsVerticalStepperElement;
-        new (): HTMLEdsVerticalStepperElement;
-    };
     interface HTMLGradientPrimaryPaletteElement extends Components.GradientPrimaryPalette, HTMLStencilElement {
     }
     var HTMLGradientPrimaryPaletteElement: {
@@ -2973,6 +3043,12 @@ declare global {
         prototype: HTMLLogoVariationsHorizontalElement;
         new (): HTMLLogoVariationsHorizontalElement;
     };
+    interface HTMLLogoVariationsTabsElement extends Components.LogoVariationsTabs, HTMLStencilElement {
+    }
+    var HTMLLogoVariationsTabsElement: {
+        prototype: HTMLLogoVariationsTabsElement;
+        new (): HTMLLogoVariationsTabsElement;
+    };
     interface HTMLLogoVariationsVerticalElement extends Components.LogoVariationsVertical, HTMLStencilElement {
     }
     var HTMLLogoVariationsVerticalElement: {
@@ -2985,6 +3061,12 @@ declare global {
         prototype: HTMLLogoWrongUsageElement;
         new (): HTMLLogoWrongUsageElement;
     };
+    interface HTMLSvgRepositoryElement extends Components.SvgRepository, HTMLStencilElement {
+    }
+    var HTMLSvgRepositoryElement: {
+        prototype: HTMLSvgRepositoryElement;
+        new (): HTMLSvgRepositoryElement;
+    };
     interface HTMLTokenListElement extends Components.TokenList, HTMLStencilElement {
     }
     var HTMLTokenListElement: {
@@ -3025,7 +3107,10 @@ declare global {
         "color-primary-palette": HTMLColorPrimaryPaletteElement;
         "color-secondary-palette": HTMLColorSecondaryPaletteElement;
         "color-support-palette": HTMLColorSupportPaletteElement;
+        "components-section": HTMLComponentsSectionElement;
         "correct-use-of-colors": HTMLCorrectUseOfColorsElement;
+        "docs-palettes": HTMLDocsPalettesElement;
+        "docs-tokens": HTMLDocsTokensElement;
         "eds-accordion": HTMLEdsAccordionElement;
         "eds-alert": HTMLEdsAlertElement;
         "eds-app-root": HTMLEdsAppRootElement;
@@ -3042,21 +3127,18 @@ declare global {
         "eds-card-tool": HTMLEdsCardToolElement;
         "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;
         "eds-icon-arrow-diagonal": HTMLEdsIconArrowDiagonalElement;
         "eds-icon-arrow-right": HTMLEdsIconArrowRightElement;
         "eds-icon-bluesky": HTMLEdsIconBlueskyElement;
+        "eds-icon-bookmark": HTMLEdsIconBookmarkElement;
         "eds-icon-chevron-down": HTMLEdsIconChevronDownElement;
         "eds-icon-chevron-left": HTMLEdsIconChevronLeftElement;
         "eds-icon-chevron-right": HTMLEdsIconChevronRightElement;
@@ -3064,19 +3146,29 @@ declare global {
         "eds-icon-close": HTMLEdsIconCloseElement;
         "eds-icon-copy": HTMLEdsIconCopyElement;
         "eds-icon-eu": HTMLEdsIconEuElement;
+        "eds-icon-external": HTMLEdsIconExternalElement;
         "eds-icon-facebook": HTMLEdsIconFacebookElement;
         "eds-icon-gitlab": HTMLEdsIconGitlabElement;
         "eds-icon-linkedin": HTMLEdsIconLinkedinElement;
         "eds-icon-loader": HTMLEdsIconLoaderElement;
         "eds-icon-mastodon": HTMLEdsIconMastodonElement;
         "eds-icon-menu": HTMLEdsIconMenuElement;
+        "eds-icon-minus": HTMLEdsIconMinusElement;
         "eds-icon-more": HTMLEdsIconMoreElement;
+        "eds-icon-paper": HTMLEdsIconPaperElement;
+        "eds-icon-plus": HTMLEdsIconPlusElement;
+        "eds-icon-portal": HTMLEdsIconPortalElement;
+        "eds-icon-private": HTMLEdsIconPrivateElement;
+        "eds-icon-public": HTMLEdsIconPublicElement;
         "eds-icon-search": HTMLEdsIconSearchElement;
         "eds-icon-star": HTMLEdsIconStarElement;
         "eds-icon-success": HTMLEdsIconSuccessElement;
         "eds-icon-thumbs-down": HTMLEdsIconThumbsDownElement;
         "eds-icon-thumbs-up": HTMLEdsIconThumbsUpElement;
+        "eds-icon-tutorial": HTMLEdsIconTutorialElement;
         "eds-icon-twitter": HTMLEdsIconTwitterElement;
+        "eds-icon-unknown": HTMLEdsIconUnknownElement;
+        "eds-icon-updown": HTMLEdsIconUpdownElement;
         "eds-icon-user": HTMLEdsIconUserElement;
         "eds-icon-wrapper": HTMLEdsIconWrapperElement;
         "eds-icon-youtube": HTMLEdsIconYoutubeElement;
@@ -3091,7 +3183,6 @@ declare global {
         "eds-link": HTMLEdsLinkElement;
         "eds-login": HTMLEdsLoginElement;
         "eds-logo": HTMLEdsLogoElement;
-        "eds-logo-variations": HTMLEdsLogoVariationsElement;
         "eds-matomo-notice": HTMLEdsMatomoNoticeElement;
         "eds-modal": HTMLEdsModalElement;
         "eds-pagination": HTMLEdsPaginationElement;
@@ -3103,7 +3194,7 @@ declare global {
         "eds-spinner": HTMLEdsSpinnerElement;
         "eds-splash-screen": HTMLEdsSplashScreenElement;
         "eds-steps": HTMLEdsStepsElement;
-        "eds-svg-repository": HTMLEdsSvgRepositoryElement;
+        "eds-steps-v2": HTMLEdsStepsV2Element;
         "eds-switch": HTMLEdsSwitchElement;
         "eds-table": HTMLEdsTableElement;
         "eds-tabs": HTMLEdsTabsElement;
@@ -3114,15 +3205,16 @@ declare global {
         "eds-tooltip": HTMLEdsTooltipElement;
         "eds-trl": HTMLEdsTrlElement;
         "eds-user": HTMLEdsUserElement;
-        "eds-vertical-stepper": HTMLEdsVerticalStepperElement;
         "gradient-primary-palette": HTMLGradientPrimaryPaletteElement;
         "gradient-secondary-palette": HTMLGradientSecondaryPaletteElement;
         "gradient-support-palette": HTMLGradientSupportPaletteElement;
         "incorrect-use-of-colors": HTMLIncorrectUseOfColorsElement;
         "logo-space": HTMLLogoSpaceElement;
         "logo-variations-horizontal": HTMLLogoVariationsHorizontalElement;
+        "logo-variations-tabs": HTMLLogoVariationsTabsElement;
         "logo-variations-vertical": HTMLLogoVariationsVerticalElement;
         "logo-wrong-usage": HTMLLogoWrongUsageElement;
+        "svg-repository": HTMLSvgRepositoryElement;
         "token-list": HTMLTokenListElement;
         "token-radii": HTMLTokenRadiiElement;
         "token-ratios": HTMLTokenRatiosElement;
@@ -3139,8 +3231,26 @@ declare namespace LocalJSX {
     }
     interface ColorSupportPalette {
     }
+    interface ComponentsSection {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex"?: number;
+    }
     interface CorrectUseOfColors {
     }
+    interface DocsPalettes {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex"?: number;
+    }
+    interface DocsTokens {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex"?: number;
+    }
     /**
      * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
      * It features a customizable header, optional description, and content area that can be dynamically expanded.
@@ -3170,10 +3280,6 @@ declare namespace LocalJSX {
           * Determines if the accordion is expanded by default
          */
         "expanded"?: boolean;
-        /**
-          * Applies a minimum height to the content area for consistent spacing
-         */
-        "minHeightContent"?: boolean;
         /**
           * Event emitted when the accordion toggles, indicating the new expanded/collapsed state
          */
@@ -3198,6 +3304,10 @@ declare namespace LocalJSX {
      * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
      */
     interface EdsAlert {
+        /**
+          * The border style of the alert. Defaults to "rounded" (rounded borders). Set to "normal" to have non-rounded (square) borders.
+         */
+        "brd"?: 'rounded' | 'normal';
         /**
           * The layout direction of the alert content, either 'horizontal' or 'vertical'.
          */
@@ -3244,10 +3354,6 @@ declare namespace LocalJSX {
           * Custom initials to display if provided; otherwise, initials will be derived from `firstName` and `lastName`.
          */
         "initials"?: string;
-        /**
-          * Determines if the initials should use a stronger (larger) font style.
-         */
-        "initialsStrong"?: boolean;
         /**
           * Last name of the user for generating initials.
          */
@@ -3256,10 +3362,6 @@ declare namespace LocalJSX {
           * URL or path to the user's profile picture.
          */
         "picture"?: string;
-        /**
-          * Flag to render the avatar with rounded (pill) shape if `true`.
-         */
-        "rounded"?: boolean;
     }
     /**
      * `EdsBlockBreak` is a divider component designed to render a horizontal line that separates content visually.
@@ -3356,12 +3458,6 @@ declare namespace LocalJSX {
          */
         "triggerClick"?: () => void;
     }
-    /**
-     * `eds-card-desc` is a simple component that renders a card description.
-     * It displays a block of text with optional truncation applied using a CSS line clamp.
-     * You can customize the description styling via the `descClass` property and control
-     * whether or not the text is truncated and to how many lines.
-     */
     interface EdsCardDesc {
         /**
           * A custom CSS class to style the description text. Default is 'f-ui-03-light'.
@@ -3615,12 +3711,6 @@ declare namespace LocalJSX {
          */
         "language"?: string;
     }
-    interface EdsComponentsSection {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex"?: number;
-    }
     interface EdsCookiesPreference {
         /**
           * Text to display on the cookies preference button.
@@ -3639,18 +3729,6 @@ declare namespace LocalJSX {
     | 'underline'
     | 'blueish';
     }
-    interface EdsDocsPalettes {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex"?: number;
-    }
-    interface EdsDocsTokens {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex"?: number;
-    }
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
      * that appear upon clicking the dropdown button. It supports various customization options,
@@ -3754,21 +3832,18 @@ declare namespace LocalJSX {
      * across the EBRAINS platform, with options for social links and a "Back to top" button.
      */
     interface EdsFooter {
+        "enableCookiesSettings"?: boolean;
         /**
           * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
           * @type {boolean}
          */
         "enableScrollTop"?: boolean;
-        /**
-          * Additional CSS classes to apply to the footer for customization.
-          * @type {string}
-         */
-        "extraClass"?: string;
         /**
           * Controls the display of the "Founded By" text.
           * @type {string}
          */
         "fundedBy"?: string;
+        "onCookies"?: (event: EdsFooterCustomEvent<any>) => void;
         /**
           * Controls the display of the "Rights Reserved" text.
           * @type {string}
@@ -3780,81 +3855,6 @@ declare namespace LocalJSX {
          */
         "social"?: boolean;
     }
-    /**
-     * `EdsForm` is a comprehensive form component designed to handle form submission with validation,
-     * error handling, and customizable fields. It offers several options for handling alerts and
-     * success/error messages and supports various input types and configurations.
-     * Key Features:
-     * - Configurable validation for fields, including dynamic field validation.
-     * - Customizable success and error messages displayed upon submission.
-     * - Optionally includes a submit button, which can display a loading state during submission.
-     * - Supports file upload, hidden fields, and dynamic field parsing.
-     * - Emits `formSubmitting` event when the form is submitting.
-     * This component is ideal for implementing complex forms with specific validation and submission behaviors.
-     */
-    interface EdsForm {
-        /**
-          * 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.
-         */
-        "endpoint": string;
-        /**
-          * 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[];
-        /**
-          * The name of the form, used for grouping inputs and identifying the form.
-         */
-        "name"?: string;
-        "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.
-         */
-        "setFormUrl"?: boolean;
-        /**
-          * If `true`, includes a submit button in the form.
-         */
-        "submitBtn"?: boolean;
-        /**
-          * The message displayed when the form submission fails.
-         */
-        "submitBtnHintMessage"?: string;
-        /**
-          * If `true`, includes a submit button in the form.
-         */
-        "submitBtnLabel"?: string;
-        /**
-          * 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.
@@ -3865,7 +3865,7 @@ declare namespace LocalJSX {
      * - 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 {
+    interface EdsForm {
         /**
           * The message displayed when the form submission fails.
          */
@@ -3890,7 +3890,7 @@ declare namespace LocalJSX {
           * The name of the form, used for grouping inputs and identifying the form.
          */
         "name"?: string;
-        "onForm"?: (event: EdsFormV2CustomEvent<{
+        "onForm"?: (event: EdsFormCustomEvent<{
     event: 'input' | 'change' | 'submit';
     validated?: boolean;
     field?: string;
@@ -3904,18 +3904,6 @@ declare namespace LocalJSX {
          */
         "setFormUrl"?: boolean;
     }
-    /**
-     * `EdsFrame` is a versatile iframe container component that can display external content
-     * such as Storybook previews or other embedded resources. It includes customizable labels,
-     * sizing, error handling, and an optional link to the external content.
-     * Key Features:
-     * - Displays an iframe with customizable dimensions (`auto`, `small`, `medium`, `large`).
-     * - Optional link (`urlLink`) that directs to the content in a new tab.
-     * - Handles loading errors gracefully by displaying a fallback message.
-     * - Emits a `matomoEvent` with category and context information on click.
-     * - Configurable appearance with intent (`primary`, `secondary`, etc.) and background options.
-     * Ideal for showcasing embedded content within an application, especially when previewing external resources.
-     */
     interface EdsFrame {
         /**
           * The error message displayed if the iframe fails to load.
@@ -3925,6 +3913,10 @@ declare namespace LocalJSX {
           * The label displayed at the top left of the frame.
          */
         "frameLabel": string;
+        /**
+          * The frame src url to be displayed.
+         */
+        "frameSrc": string;
         /**
           * The intent for styling the link (e.g., primary, secondary, tertiary, etc.).
          */
@@ -3934,15 +3926,11 @@ declare namespace LocalJSX {
          */
         "size"?: 'auto' | 'sm' | 'md' | 'lg' | 'xl';
         /**
-          * The story path identifier used to generate the iframe URL.
+          * The base URL of the external reference.
          */
-        "storyPath": string;
-        /**
-          * The base URL of the Storybook instance.
-         */
-        "storybookUrl": string;
+        "url": string;
         /**
-          * The label for the external link at the top right of the frame. Defaults to 'Open in Storybook'.
+          * The label for the external link at the top right of the frame. Defaults to 'Open'.
          */
         "urlLabel"?: string;
     }
@@ -4009,7 +3997,7 @@ declare namespace LocalJSX {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
-        "addClass"?: string;
+        "class"?: string;
     }
     interface EdsIconArrowRight {
         /**
@@ -4023,6 +4011,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconBookmark {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconChevronDown {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4065,6 +4059,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconExternal {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconFacebook {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4101,12 +4101,48 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconMinus {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconMore {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
+    interface EdsIconPaper {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
+    interface EdsIconPlus {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
+    interface EdsIconPortal {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
+    interface EdsIconPrivate {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
+    interface EdsIconPublic {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconSearch {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4137,12 +4173,30 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconTutorial {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconTwitter {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
         "class"?: string;
     }
+    interface EdsIconUnknown {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
+    interface EdsIconUpdown {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconUser {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4238,7 +4292,6 @@ declare namespace LocalJSX {
         "inputId"?: string;
         "maxLength"?: number;
         "name": string;
-        "onChangeEvent"?: (event: EdsInputCustomEvent<any>) => void;
         "options"?: { label: string; value: string }[];
         "placeholder"?: string;
         "required"?: boolean;
@@ -4340,31 +4393,97 @@ declare namespace LocalJSX {
         "name": string;
     }
     interface EdsInputLabel {
+        /**
+          * Indicates whether the associated form control is disabled.
+         */
         "disabled"?: boolean;
+        /**
+          * The text content of the label.
+         */
         "label": string;
+        /**
+          * The value that associates the label to a form control. This value should match the `id` of the input element.
+         */
         "name": string;
+        /**
+          * Indicates whether the associated form control is required.
+         */
         "required"?: boolean;
     }
     interface EdsInputRange {
+        /**
+          * If true, the slider will be disabled.
+         */
         "disabled"?: boolean;
+        /**
+          * Optional id for the input; defaults to 'range'.
+         */
         "inputId"?: string;
+        /**
+          * Maximum value for the slider.
+         */
         "max"?: number;
+        /**
+          * Minimum value for the slider.
+         */
         "min"?: number;
+        /**
+          * The name attribute for the input element.
+         */
         "name": string;
+        "onEdsrange"?: (event: EdsInputRangeCustomEvent<any>) => void;
+        /**
+          * If true, the slider is marked as required.
+         */
         "required"?: boolean;
+        /**
+          * Step for the slider.
+         */
         "step"?: number;
+        /**
+          * The externally provided preset value from init-data.
+         */
+        "value"?: number;
     }
     interface EdsInputSearch {
+        /**
+          * Additional CSS classes for styling the input.
+         */
         "decorate"?: string;
+        /**
+          * If true, the search input will be disabled.
+         */
         "disabled"?: boolean;
+        /**
+          * The id attribute for the input element. Defaults to 'search-main' if not provided.
+         */
         "inputId"?: string;
+        /**
+          * Accessible label for the search input. This is used for screen readers.
+         */
+        "label"?: string;
+        /**
+          * The name attribute for the input element.
+         */
         "name": string;
+        /**
+          * Event emitted when the search input changes. Contains the event type ('change') and the current input value.
+         */
         "onSearch"?: (event: EdsInputSearchCustomEvent<{
     event: 'input' | 'change';
     value: any;
   }>) => void;
+        /**
+          * Placeholder text for the search input.
+         */
         "placeholder"?: string;
+        /**
+          * If true, the search input is marked as required.
+         */
         "required"?: boolean;
+        /**
+          * The value of the search input.
+         */
         "value"?: string;
     }
     interface EdsInputSelect {
@@ -4543,12 +4662,6 @@ declare namespace LocalJSX {
          */
         "type"?: 'color' | 'black' | 'color-white' | 'white' | 'no-bg';
     }
-    interface EdsLogoVariations {
-        /**
-          * Active tab index to determine the content to display
-         */
-        "tabIndex"?: number;
-    }
     interface EdsMatomoNotice {
         /**
           * The description displayed in the notice.
@@ -4562,6 +4675,7 @@ declare namespace LocalJSX {
           * Event emitted when the rating is changed.
          */
         "onConsent"?: (event: EdsMatomoNoticeCustomEvent<'in' | 'out' | 'defer'>) => void;
+        "optOutMessage"?: string;
         /**
           * The title displayed in the notice.
          */
@@ -4779,7 +4893,31 @@ declare namespace LocalJSX {
          */
         "type"?: 'static' | 'linear';
     }
-    interface EdsSvgRepository {
+    interface EdsStepsV2 {
+        /**
+          * If true, apply a background class to the container.
+         */
+        "bg"?: boolean;
+        /**
+          * Optional image source to display above the steps.
+         */
+        "imageSrc"?: string;
+        /**
+          * Optional message to display inside the placeholder if no image is provided.
+         */
+        "message"?: string;
+        /**
+          * Emits when a step is clicked, providing the step's index.
+         */
+        "onStep"?: (event: EdsStepsV2CustomEvent<number>) => void;
+        /**
+          * JSON string or an array of step objects. Example: '[   { "title": "Step One", "content": "Details for step one" },   { "title": "Step Two", "content": "Details for step two" } ]'
+         */
+        "steps"?: string | Step1[];
+        /**
+          * The type of stepper. Default is "static" (all steps visible, no navigation buttons). Use "linear" if only one step should be visible at a time.
+         */
+        "type"?: 'static' | 'linear';
     }
     interface EdsSwitch {
         /**
@@ -4938,21 +5076,9 @@ declare namespace LocalJSX {
      */
     interface EdsUser {
         /**
-          * The user object containing user information.
+          * The user object containing user information, or a JSON string to be parsed.
          */
-        "user"?: {
-    email: string;
-    name: string;
-    given_name: string;
-    family_name: string;
-    preferred_username: string;
-  };
-    }
-    interface EdsVerticalStepper {
-        /**
-          * JSON string containing an array of steps. Example: '[   { "label": "Select campaign settings", "description": "For each ad campaign..." },   { "label": "Create an ad group", "description": "An ad group contains one or more ads..." },   { "label": "Create an ad", "description": "Try out different ad text..." } ]'
-         */
-        "steps"?: string;
+        "user"?: string | User;
     }
     interface GradientPrimaryPalette {
     }
@@ -4966,6 +5092,12 @@ declare namespace LocalJSX {
     }
     interface LogoVariationsHorizontal {
     }
+    interface LogoVariationsTabs {
+        /**
+          * Active tab index to determine the content to display
+         */
+        "tabIndex"?: number;
+    }
     interface LogoVariationsVertical {
         "orientation"?: 'horizontal' | 'vertical';
         /**
@@ -4975,6 +5107,8 @@ declare namespace LocalJSX {
     }
     interface LogoWrongUsage {
     }
+    interface SvgRepository {
+    }
     interface TokenList {
         "show"?: string;
     }
@@ -4992,7 +5126,10 @@ declare namespace LocalJSX {
         "color-primary-palette": ColorPrimaryPalette;
         "color-secondary-palette": ColorSecondaryPalette;
         "color-support-palette": ColorSupportPalette;
+        "components-section": ComponentsSection;
         "correct-use-of-colors": CorrectUseOfColors;
+        "docs-palettes": DocsPalettes;
+        "docs-tokens": DocsTokens;
         "eds-accordion": EdsAccordion;
         "eds-alert": EdsAlert;
         "eds-app-root": EdsAppRoot;
@@ -5009,21 +5146,18 @@ declare namespace LocalJSX {
         "eds-card-tool": EdsCardTool;
         "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;
         "eds-icon-arrow-diagonal": EdsIconArrowDiagonal;
         "eds-icon-arrow-right": EdsIconArrowRight;
         "eds-icon-bluesky": EdsIconBluesky;
+        "eds-icon-bookmark": EdsIconBookmark;
         "eds-icon-chevron-down": EdsIconChevronDown;
         "eds-icon-chevron-left": EdsIconChevronLeft;
         "eds-icon-chevron-right": EdsIconChevronRight;
@@ -5031,19 +5165,29 @@ declare namespace LocalJSX {
         "eds-icon-close": EdsIconClose;
         "eds-icon-copy": EdsIconCopy;
         "eds-icon-eu": EdsIconEu;
+        "eds-icon-external": EdsIconExternal;
         "eds-icon-facebook": EdsIconFacebook;
         "eds-icon-gitlab": EdsIconGitlab;
         "eds-icon-linkedin": EdsIconLinkedin;
         "eds-icon-loader": EdsIconLoader;
         "eds-icon-mastodon": EdsIconMastodon;
         "eds-icon-menu": EdsIconMenu;
+        "eds-icon-minus": EdsIconMinus;
         "eds-icon-more": EdsIconMore;
+        "eds-icon-paper": EdsIconPaper;
+        "eds-icon-plus": EdsIconPlus;
+        "eds-icon-portal": EdsIconPortal;
+        "eds-icon-private": EdsIconPrivate;
+        "eds-icon-public": EdsIconPublic;
         "eds-icon-search": EdsIconSearch;
         "eds-icon-star": EdsIconStar;
         "eds-icon-success": EdsIconSuccess;
         "eds-icon-thumbs-down": EdsIconThumbsDown;
         "eds-icon-thumbs-up": EdsIconThumbsUp;
+        "eds-icon-tutorial": EdsIconTutorial;
         "eds-icon-twitter": EdsIconTwitter;
+        "eds-icon-unknown": EdsIconUnknown;
+        "eds-icon-updown": EdsIconUpdown;
         "eds-icon-user": EdsIconUser;
         "eds-icon-wrapper": EdsIconWrapper;
         "eds-icon-youtube": EdsIconYoutube;
@@ -5058,7 +5202,6 @@ declare namespace LocalJSX {
         "eds-link": EdsLink;
         "eds-login": EdsLogin;
         "eds-logo": EdsLogo;
-        "eds-logo-variations": EdsLogoVariations;
         "eds-matomo-notice": EdsMatomoNotice;
         "eds-modal": EdsModal;
         "eds-pagination": EdsPagination;
@@ -5070,7 +5213,7 @@ declare namespace LocalJSX {
         "eds-spinner": EdsSpinner;
         "eds-splash-screen": EdsSplashScreen;
         "eds-steps": EdsSteps;
-        "eds-svg-repository": EdsSvgRepository;
+        "eds-steps-v2": EdsStepsV2;
         "eds-switch": EdsSwitch;
         "eds-table": EdsTable;
         "eds-tabs": EdsTabs;
@@ -5081,15 +5224,16 @@ declare namespace LocalJSX {
         "eds-tooltip": EdsTooltip;
         "eds-trl": EdsTrl;
         "eds-user": EdsUser;
-        "eds-vertical-stepper": EdsVerticalStepper;
         "gradient-primary-palette": GradientPrimaryPalette;
         "gradient-secondary-palette": GradientSecondaryPalette;
         "gradient-support-palette": GradientSupportPalette;
         "incorrect-use-of-colors": IncorrectUseOfColors;
         "logo-space": LogoSpace;
         "logo-variations-horizontal": LogoVariationsHorizontal;
+        "logo-variations-tabs": LogoVariationsTabs;
         "logo-variations-vertical": LogoVariationsVertical;
         "logo-wrong-usage": LogoWrongUsage;
+        "svg-repository": SvgRepository;
         "token-list": TokenList;
         "token-radii": TokenRadii;
         "token-ratios": TokenRatios;
@@ -5105,7 +5249,10 @@ declare module "@stencil/core" {
             "color-primary-palette": LocalJSX.ColorPrimaryPalette & JSXBase.HTMLAttributes<HTMLColorPrimaryPaletteElement>;
             "color-secondary-palette": LocalJSX.ColorSecondaryPalette & JSXBase.HTMLAttributes<HTMLColorSecondaryPaletteElement>;
             "color-support-palette": LocalJSX.ColorSupportPalette & JSXBase.HTMLAttributes<HTMLColorSupportPaletteElement>;
+            "components-section": LocalJSX.ComponentsSection & JSXBase.HTMLAttributes<HTMLComponentsSectionElement>;
             "correct-use-of-colors": LocalJSX.CorrectUseOfColors & JSXBase.HTMLAttributes<HTMLCorrectUseOfColorsElement>;
+            "docs-palettes": LocalJSX.DocsPalettes & JSXBase.HTMLAttributes<HTMLDocsPalettesElement>;
+            "docs-tokens": LocalJSX.DocsTokens & JSXBase.HTMLAttributes<HTMLDocsTokensElement>;
             /**
              * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
              * It features a customizable header, optional description, and content area that can be dynamically expanded.
@@ -5177,12 +5324,6 @@ declare module "@stencil/core" {
              * This component is suitable for buttons, links, and other interactive elements within an interface.
              */
             "eds-button": LocalJSX.EdsButton & JSXBase.HTMLAttributes<HTMLEdsButtonElement>;
-            /**
-             * `eds-card-desc` is a simple component that renders a card description.
-             * It displays a block of text with optional truncation applied using a CSS line clamp.
-             * You can customize the description styling via the `descClass` property and control
-             * whether or not the text is truncated and to how many lines.
-             */
             "eds-card-desc": LocalJSX.EdsCardDesc & JSXBase.HTMLAttributes<HTMLEdsCardDescElement>;
             /**
              * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.
@@ -5215,10 +5356,7 @@ declare module "@stencil/core" {
              * Python, Bash/Shell, and YAML.
              */
             "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>;
             /**
              * `EdsDropdown` is a versatile dropdown component that provides a list of items
              * that appear upon clicking the dropdown button. It supports various customization options,
@@ -5245,19 +5383,6 @@ declare module "@stencil/core" {
              * across the EBRAINS platform, with options for social links and a "Back to top" button.
              */
             "eds-footer": LocalJSX.EdsFooter & JSXBase.HTMLAttributes<HTMLEdsFooterElement>;
-            /**
-             * `EdsForm` is a comprehensive form component designed to handle form submission with validation,
-             * error handling, and customizable fields. It offers several options for handling alerts and
-             * success/error messages and supports various input types and configurations.
-             * Key Features:
-             * - Configurable validation for fields, including dynamic field validation.
-             * - Customizable success and error messages displayed upon submission.
-             * - Optionally includes a submit button, which can display a loading state during submission.
-             * - Supports file upload, hidden fields, and dynamic field parsing.
-             * - Emits `formSubmitting` event when the form is submitting.
-             * 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.
@@ -5268,19 +5393,7 @@ declare module "@stencil/core" {
              * - 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,
-             * sizing, error handling, and an optional link to the external content.
-             * Key Features:
-             * - Displays an iframe with customizable dimensions (`auto`, `small`, `medium`, `large`).
-             * - Optional link (`urlLink`) that directs to the content in a new tab.
-             * - Handles loading errors gracefully by displaying a fallback message.
-             * - Emits a `matomoEvent` with category and context information on click.
-             * - Configurable appearance with intent (`primary`, `secondary`, etc.) and background options.
-             * Ideal for showcasing embedded content within an application, especially when previewing external resources.
-             */
+            "eds-form": LocalJSX.EdsForm & JSXBase.HTMLAttributes<HTMLEdsFormElement>;
             "eds-frame": LocalJSX.EdsFrame & JSXBase.HTMLAttributes<HTMLEdsFrameElement>;
             /**
              * `eds-fullscreen-menu` is a fullscreen menu component designed for the EBRAINS platform.
@@ -5308,6 +5421,7 @@ declare module "@stencil/core" {
             "eds-icon-arrow-diagonal": LocalJSX.EdsIconArrowDiagonal & JSXBase.HTMLAttributes<HTMLEdsIconArrowDiagonalElement>;
             "eds-icon-arrow-right": LocalJSX.EdsIconArrowRight & JSXBase.HTMLAttributes<HTMLEdsIconArrowRightElement>;
             "eds-icon-bluesky": LocalJSX.EdsIconBluesky & JSXBase.HTMLAttributes<HTMLEdsIconBlueskyElement>;
+            "eds-icon-bookmark": LocalJSX.EdsIconBookmark & JSXBase.HTMLAttributes<HTMLEdsIconBookmarkElement>;
             "eds-icon-chevron-down": LocalJSX.EdsIconChevronDown & JSXBase.HTMLAttributes<HTMLEdsIconChevronDownElement>;
             "eds-icon-chevron-left": LocalJSX.EdsIconChevronLeft & JSXBase.HTMLAttributes<HTMLEdsIconChevronLeftElement>;
             "eds-icon-chevron-right": LocalJSX.EdsIconChevronRight & JSXBase.HTMLAttributes<HTMLEdsIconChevronRightElement>;
@@ -5315,19 +5429,29 @@ declare module "@stencil/core" {
             "eds-icon-close": LocalJSX.EdsIconClose & JSXBase.HTMLAttributes<HTMLEdsIconCloseElement>;
             "eds-icon-copy": LocalJSX.EdsIconCopy & JSXBase.HTMLAttributes<HTMLEdsIconCopyElement>;
             "eds-icon-eu": LocalJSX.EdsIconEu & JSXBase.HTMLAttributes<HTMLEdsIconEuElement>;
+            "eds-icon-external": LocalJSX.EdsIconExternal & JSXBase.HTMLAttributes<HTMLEdsIconExternalElement>;
             "eds-icon-facebook": LocalJSX.EdsIconFacebook & JSXBase.HTMLAttributes<HTMLEdsIconFacebookElement>;
             "eds-icon-gitlab": LocalJSX.EdsIconGitlab & JSXBase.HTMLAttributes<HTMLEdsIconGitlabElement>;
             "eds-icon-linkedin": LocalJSX.EdsIconLinkedin & JSXBase.HTMLAttributes<HTMLEdsIconLinkedinElement>;
             "eds-icon-loader": LocalJSX.EdsIconLoader & JSXBase.HTMLAttributes<HTMLEdsIconLoaderElement>;
             "eds-icon-mastodon": LocalJSX.EdsIconMastodon & JSXBase.HTMLAttributes<HTMLEdsIconMastodonElement>;
             "eds-icon-menu": LocalJSX.EdsIconMenu & JSXBase.HTMLAttributes<HTMLEdsIconMenuElement>;
+            "eds-icon-minus": LocalJSX.EdsIconMinus & JSXBase.HTMLAttributes<HTMLEdsIconMinusElement>;
             "eds-icon-more": LocalJSX.EdsIconMore & JSXBase.HTMLAttributes<HTMLEdsIconMoreElement>;
+            "eds-icon-paper": LocalJSX.EdsIconPaper & JSXBase.HTMLAttributes<HTMLEdsIconPaperElement>;
+            "eds-icon-plus": LocalJSX.EdsIconPlus & JSXBase.HTMLAttributes<HTMLEdsIconPlusElement>;
+            "eds-icon-portal": LocalJSX.EdsIconPortal & JSXBase.HTMLAttributes<HTMLEdsIconPortalElement>;
+            "eds-icon-private": LocalJSX.EdsIconPrivate & JSXBase.HTMLAttributes<HTMLEdsIconPrivateElement>;
+            "eds-icon-public": LocalJSX.EdsIconPublic & JSXBase.HTMLAttributes<HTMLEdsIconPublicElement>;
             "eds-icon-search": LocalJSX.EdsIconSearch & JSXBase.HTMLAttributes<HTMLEdsIconSearchElement>;
             "eds-icon-star": LocalJSX.EdsIconStar & JSXBase.HTMLAttributes<HTMLEdsIconStarElement>;
             "eds-icon-success": LocalJSX.EdsIconSuccess & JSXBase.HTMLAttributes<HTMLEdsIconSuccessElement>;
             "eds-icon-thumbs-down": LocalJSX.EdsIconThumbsDown & JSXBase.HTMLAttributes<HTMLEdsIconThumbsDownElement>;
             "eds-icon-thumbs-up": LocalJSX.EdsIconThumbsUp & JSXBase.HTMLAttributes<HTMLEdsIconThumbsUpElement>;
+            "eds-icon-tutorial": LocalJSX.EdsIconTutorial & JSXBase.HTMLAttributes<HTMLEdsIconTutorialElement>;
             "eds-icon-twitter": LocalJSX.EdsIconTwitter & JSXBase.HTMLAttributes<HTMLEdsIconTwitterElement>;
+            "eds-icon-unknown": LocalJSX.EdsIconUnknown & JSXBase.HTMLAttributes<HTMLEdsIconUnknownElement>;
+            "eds-icon-updown": LocalJSX.EdsIconUpdown & JSXBase.HTMLAttributes<HTMLEdsIconUpdownElement>;
             "eds-icon-user": LocalJSX.EdsIconUser & JSXBase.HTMLAttributes<HTMLEdsIconUserElement>;
             /**
              * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
@@ -5398,7 +5522,6 @@ declare module "@stencil/core" {
              * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
              */
             "eds-logo": LocalJSX.EdsLogo & JSXBase.HTMLAttributes<HTMLEdsLogoElement>;
-            "eds-logo-variations": LocalJSX.EdsLogoVariations & JSXBase.HTMLAttributes<HTMLEdsLogoVariationsElement>;
             "eds-matomo-notice": LocalJSX.EdsMatomoNotice & JSXBase.HTMLAttributes<HTMLEdsMatomoNoticeElement>;
             /**
              * `EdsModal` is a modal dialog component that can be toggled open or closed.
@@ -5446,7 +5569,7 @@ declare module "@stencil/core" {
             "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-steps-v2": LocalJSX.EdsStepsV2 & JSXBase.HTMLAttributes<HTMLEdsStepsV2Element>;
             "eds-switch": LocalJSX.EdsSwitch & JSXBase.HTMLAttributes<HTMLEdsSwitchElement>;
             /**
              * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
@@ -5486,15 +5609,16 @@ declare module "@stencil/core" {
              * This component is ideal for embedding into any layout requiring user authentication.
              */
             "eds-user": LocalJSX.EdsUser & JSXBase.HTMLAttributes<HTMLEdsUserElement>;
-            "eds-vertical-stepper": LocalJSX.EdsVerticalStepper & JSXBase.HTMLAttributes<HTMLEdsVerticalStepperElement>;
             "gradient-primary-palette": LocalJSX.GradientPrimaryPalette & JSXBase.HTMLAttributes<HTMLGradientPrimaryPaletteElement>;
             "gradient-secondary-palette": LocalJSX.GradientSecondaryPalette & JSXBase.HTMLAttributes<HTMLGradientSecondaryPaletteElement>;
             "gradient-support-palette": LocalJSX.GradientSupportPalette & JSXBase.HTMLAttributes<HTMLGradientSupportPaletteElement>;
             "incorrect-use-of-colors": LocalJSX.IncorrectUseOfColors & JSXBase.HTMLAttributes<HTMLIncorrectUseOfColorsElement>;
             "logo-space": LocalJSX.LogoSpace & JSXBase.HTMLAttributes<HTMLLogoSpaceElement>;
             "logo-variations-horizontal": LocalJSX.LogoVariationsHorizontal & JSXBase.HTMLAttributes<HTMLLogoVariationsHorizontalElement>;
+            "logo-variations-tabs": LocalJSX.LogoVariationsTabs & JSXBase.HTMLAttributes<HTMLLogoVariationsTabsElement>;
             "logo-variations-vertical": LocalJSX.LogoVariationsVertical & JSXBase.HTMLAttributes<HTMLLogoVariationsVerticalElement>;
             "logo-wrong-usage": LocalJSX.LogoWrongUsage & JSXBase.HTMLAttributes<HTMLLogoWrongUsageElement>;
+            "svg-repository": LocalJSX.SvgRepository & JSXBase.HTMLAttributes<HTMLSvgRepositoryElement>;
             "token-list": LocalJSX.TokenList & JSXBase.HTMLAttributes<HTMLTokenListElement>;
             "token-radii": LocalJSX.TokenRadii & JSXBase.HTMLAttributes<HTMLTokenRadiiElement>;
             "token-ratios": LocalJSX.TokenRatios & JSXBase.HTMLAttributes<HTMLTokenRatiosElement>;