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

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 {
     }
@@ -50,10 +52,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 +72,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 +122,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 +130,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 +226,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'.
@@ -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.
          */
@@ -851,7 +769,7 @@ export namespace Components {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
-        "addClass": string;
+        "class": string;
     }
     interface EdsIconArrowRight {
         /**
@@ -1181,29 +1099,87 @@ 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;
     }
     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 {
@@ -1381,6 +1357,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,6 +1580,28 @@ export namespace Components {
          */
         "type": 'static' | 'linear';
     }
+    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 EdsSvgRepository {
     }
     interface EdsSwitch {
@@ -1753,21 +1752,9 @@ export namespace Components {
      */
     interface EdsUser {
         /**
-          * The user object containing user information.
-         */
-        "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..." } ]'
+          * The user object containing user information, or a JSON string to be parsed.
          */
-        "steps": string;
+        "user": string | User;
     }
     interface GradientPrimaryPalette {
     }
@@ -1816,13 +1803,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;
@@ -1864,6 +1851,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;
@@ -2014,12 +2005,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: {
@@ -2166,6 +2151,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 +2167,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 +2192,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,41 +2215,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,
@@ -2810,6 +2769,23 @@ declare global {
         prototype: HTMLEdsStepsElement;
         new (): HTMLEdsStepsElement;
     };
+    interface HTMLEdsStepsV2ElementEventMap {
+        "step": number;
+    }
+    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 HTMLEdsSvgRepositoryElement extends Components.EdsSvgRepository, HTMLStencilElement {
     }
     var HTMLEdsSvgRepositoryElement: {
@@ -2931,12 +2907,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: {
@@ -3050,7 +3020,6 @@ declare global {
         "eds-feedback": HTMLEdsFeedbackElement;
         "eds-footer": HTMLEdsFooterElement;
         "eds-form": HTMLEdsFormElement;
-        "eds-form-v2": HTMLEdsFormV2Element;
         "eds-frame": HTMLEdsFrameElement;
         "eds-fullscreen-menu": HTMLEdsFullscreenMenuElement;
         "eds-header": HTMLEdsHeaderElement;
@@ -3103,6 +3072,7 @@ declare global {
         "eds-spinner": HTMLEdsSpinnerElement;
         "eds-splash-screen": HTMLEdsSplashScreenElement;
         "eds-steps": HTMLEdsStepsElement;
+        "eds-steps-v2": HTMLEdsStepsV2Element;
         "eds-svg-repository": HTMLEdsSvgRepositoryElement;
         "eds-switch": HTMLEdsSwitchElement;
         "eds-table": HTMLEdsTableElement;
@@ -3114,7 +3084,6 @@ 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;
@@ -3170,10 +3139,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 +3163,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 +3213,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 +3221,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 +3317,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'.
@@ -3754,21 +3709,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 +3732,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 +3742,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 +3767,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;
@@ -4009,7 +3886,7 @@ declare namespace LocalJSX {
         /**
           * Additional CSS classes to be applied to the icon for styling.
          */
-        "addClass"?: string;
+        "class"?: string;
     }
     interface EdsIconArrowRight {
         /**
@@ -4340,31 +4217,92 @@ 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;
+        /**
+          * If true, the slider is marked as required.
+         */
         "required"?: boolean;
+        /**
+          * Step for the slider.
+         */
         "step"?: 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 {
@@ -4562,6 +4500,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,6 +4718,32 @@ declare namespace LocalJSX {
          */
         "type"?: 'static' | 'linear';
     }
+    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 EdsSvgRepository {
     }
     interface EdsSwitch {
@@ -4938,21 +4903,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 {
     }
@@ -5017,7 +4970,6 @@ declare namespace LocalJSX {
         "eds-feedback": EdsFeedback;
         "eds-footer": EdsFooter;
         "eds-form": EdsForm;
-        "eds-form-v2": EdsFormV2;
         "eds-frame": EdsFrame;
         "eds-fullscreen-menu": EdsFullscreenMenu;
         "eds-header": EdsHeader;
@@ -5070,6 +5022,7 @@ declare namespace LocalJSX {
         "eds-spinner": EdsSpinner;
         "eds-splash-screen": EdsSplashScreen;
         "eds-steps": EdsSteps;
+        "eds-steps-v2": EdsStepsV2;
         "eds-svg-repository": EdsSvgRepository;
         "eds-switch": EdsSwitch;
         "eds-table": EdsTable;
@@ -5081,7 +5034,6 @@ 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;
@@ -5177,12 +5129,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.
@@ -5245,19 +5191,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,7 +5201,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>;
+            "eds-form": LocalJSX.EdsForm & JSXBase.HTMLAttributes<HTMLEdsFormElement>;
             /**
              * `EdsFrame` is a versatile iframe container component that can display external content
              * such as Storybook previews or other embedded resources. It includes customizable labels,
@@ -5446,6 +5379,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-steps-v2": LocalJSX.EdsStepsV2 & JSXBase.HTMLAttributes<HTMLEdsStepsV2Element>;
             "eds-svg-repository": LocalJSX.EdsSvgRepository & JSXBase.HTMLAttributes<HTMLEdsSvgRepositoryElement>;
             "eds-switch": LocalJSX.EdsSwitch & JSXBase.HTMLAttributes<HTMLEdsSwitchElement>;
             /**
@@ -5486,7 +5420,6 @@ 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>;