@ebrains/components 2.0.0 → 2.2.0

package/dist/types/components.d.ts

@@ -610,6 +610,10 @@ export namespace Components {
           * @type {string}
          */
         "cookiesPreferences": string;
+        /**
+          * Controls the display of the "Cookies preferences" link.
+          * @type {string}
+         */
         "enableCookiesSettings": boolean;
         /**
           * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
@@ -643,6 +647,14 @@ export namespace Components {
      * This component is ideal for implementing complex forms with specific validation and submission behaviors.
      */
     interface EdsForm {
+        /**
+          * Variant/style intent for the submit button (e.g., primary, secondary, tertiary, ghost).
+         */
+        "buttonIntent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+        /**
+          * The description displayed below the title.
+         */
+        "description"?: string;
         /**
           * The message displayed when the form submission fails.
          */
@@ -659,6 +671,10 @@ export namespace Components {
           * If `true`, includes a submit button in the form.
          */
         "formBtnLabel"?: string;
+        /**
+          * Choose between default layout or an always-shadow style. When "shadow", the form gets the same effect-shadow + shadow-hover classes
+         */
+        "formStyle": 'default' | 'shadow';
         "getData": () => Promise<FormData>;
         /**
           * New: list of groups, each with `{ id: string, title: string }`
@@ -677,6 +693,10 @@ export namespace Components {
           * If `true`, includes the current form URL in the submission data.
          */
         "setFormUrl"?: boolean;
+        /**
+          * The title displayed above the form.
+         */
+        "title"?: string;
     }
     interface EdsFrame {
         /**
@@ -719,14 +739,27 @@ export namespace Components {
      * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
      */
     interface EdsFullscreenMenu {
+        /**
+          * URL for the logo link in the header.
+          * @default "/"
+          * @attr home-url
+         */
         "homeUrl": string;
+        /**
+          * When true, uses an inverse (dark) header background.
+          * @default false
+          * @attr inverse-header
+         */
         "inverseHeader": boolean;
         /**
-          * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
+          * Primary navigation links. Accepts a JSON string or array of objects `{ label, url, icon?, external? }`.
+          * @example links='[{"label":"Home","url":"/"},{"label":"Docs","url":"/docs","icon":"book"}]'
          */
-        "links": string | { label: string; url: string; icon?: string; external?: boolean }[];
+        "links": string | LinkItem[];
         /**
-          * JSON string representing the extra menu links a user wants for smaill screens navigation. Each link should include `label`, `url`.
+          * Secondary navigation links (extra menu items for small screens). Accepts a JSON string or array of objects `{ label, url }`.
+          * @example menu-links='[{"label":"Help","url":"/help"},{"label":"Contact","url":"/contact"}]'
+          * @attr menu-links
          */
         "menuLinks": string;
     }
@@ -836,6 +869,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconClone {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconClose {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -848,6 +887,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconDownload {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconDraft {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -1016,6 +1061,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconView {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     /**
      * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
      * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -1461,17 +1512,24 @@ export namespace Components {
     }
     interface EdsMatomoNotice {
         /**
-          * The description displayed in the notice.
+          * The description displayed when the user has not yet opted in to analytics.
+          * @default "We use anonymous analytics..."
          */
         "description": string;
         /**
-          * When true, the notice is forced to show regardless of cookies/session.
+          * When true, the notice is forced to show regardless of cookies or session storage state. Useful for testing or forcing the consent UI.
+          * @default false
          */
         "forceShow": boolean;
         /**
-          * The title displayed in the notice.
+          * The title displayed in the notice accordion.
+          * @default "Analytics Consent"
          */
         "heading": string;
+        /**
+          * The description displayed when the user has already opted in to analytics.
+          * @default "You are already part of our community..."
+         */
         "optOutMessage": string;
     }
     /**
@@ -1512,12 +1570,28 @@ export namespace Components {
          */
         "truncate": 1 | 2 | 3 | 4;
     }
+    interface EdsNps {
+        /**
+          * Label displayed under the min value.
+         */
+        "leftLabel": string;
+        /**
+          * The question prompt for the NPS scale.
+         */
+        "question": string;
+        /**
+          * Label displayed under the max value.
+         */
+        "rightLabel": string;
+    }
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
      * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+     * - Full keyboard navigation support with arrow keys, Home, End
+     * - Proper ARIA labels and screen reader support
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
     interface EdsPagination {
@@ -1561,6 +1635,10 @@ export namespace Components {
           * Base URL for the pagination links
          */
         "url": string;
+        /**
+          * Whether to use buttons (for JavaScript pagination) or links (for URL navigation)
+         */
+        "useButtons": boolean;
     }
     interface EdsPie {
         /**
@@ -1693,25 +1771,74 @@ export namespace Components {
     }
     interface EdsSteps {
         /**
-          * JSON string containing an array of step objects. Example: '[   { "title": "Get Access...", "content": "To participate..." },   { "title": "Subscribe...", "content": "Technical Coordination..." },   { "title": "Confirm Your Subscription" } ]'
+          * Label for the **Back** button (linear mode).
+          * @default "Back"
+          * @attr back-label
+         */
+        "backLabel": string;
+        /**
+          * If `true`, disables **Next/Finish** and prevents advancing. Useful for gating progression until validation passes.
+          * @default false
+          * @attr disable-next
+         */
+        "disableNext": boolean | boolean[];
+        /**
+          * Label for the **Finish** button on the **last step** (linear mode).
+          * @default "Finish"
+          * @attr finish-label
+         */
+        "finishLabel": string;
+        /**
+          * Semantic heading tag used for each step title. Accepted values: `"h3" | "h4" | "h5"`.
+          * @default "h4"
+          * @attr heading-level
+         */
+        "headingLevel": 'h3' | 'h4' | 'h5';
+        /**
+          * Label for the **Next** button (linear mode).
+          * @default "Next"
+          * @attr next-label
+         */
+        "nextLabel": string;
+        /**
+          * Steps data as an **array** or **JSON string** of objects: `{ title: string; content?: string }`.  In static mode, all steps and their content render. In linear mode, only the active step renders its content.
+          * @default []
          */
         "steps": string | Step[];
         /**
-          * The type of stepper. Default is "static" (all steps visible, no buttons). If set to "linear", then only one step is visible at a time with navigation.
+          * Stepper mode. - `static`: all steps are visible (no navigation controls) - `linear`: one step at a time with Back/Next/Finish controls
+          * @default "static"
          */
         "type": 'static' | 'linear';
     }
     interface EdsStepsV2 {
         /**
-          * If true, apply a background class to the container.
+          * Label text for the "Back" button.
+         */
+        "backLabel": string;
+        /**
+          * If true, apply an inverse background to the container.
          */
         "bg": boolean;
+        /**
+          * If true, disables the "Next" button to block progression.
+         */
+        "disableNext": boolean;
+        /**
+          * Label text for the "Finish" button (last step in linear mode).
+         */
+        "finishLabel": string;
+        /**
+          * Heading level to use for each step title.
+          * @default "h4"
+         */
+        "headingLevel": 'h3' | 'h4' | 'h5';
         /**
           * Optional image source to display above the steps.
          */
         "imageSrc"?: string;
         /**
-          * Optional image width for the eds-img component.
+          * Optional image width for the `eds-img` component.
          */
         "imageWidth"?: number;
         /**
@@ -1719,11 +1846,16 @@ export namespace Components {
          */
         "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" } ]'
+          * Label text for the "Next" button.
+         */
+        "nextLabel": string;
+        /**
+          * JSON string or an array of step objects. Each object should have a `title` and optional `content` property.
          */
         "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.
+          * The type of stepper: - `"static"`: shows all steps with their content. - `"linear"`: shows only one step at a time with navigation controls.
+          * @default "static"
          */
         "type": 'static' | 'linear';
     }
@@ -1748,7 +1880,6 @@ export namespace Components {
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Accepts static data or fetches dynamic data from an endpoint.
      * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
@@ -1760,7 +1891,7 @@ export namespace Components {
          */
         "actionTemplate"?: (row: any) => VNode;
         /**
-          * Array of actions to render in each row. Each action should have:  - `name`: a unique key (e.g. "view", "delete")  - `label`: what shows in the button (or you could pass an icon name here)
+          * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
          */
         "actions": string | TableAction[];
         /**
@@ -1781,10 +1912,6 @@ export namespace Components {
           * Static data for the table as an object or JSON string
          */
         "data": string | { [key: string]: any }[] | null;
-        /**
-          * Endpoint to fetch data dynamically
-         */
-        "endpoint": string | null;
         "hostWidth"?: string;
         /**
           * Enable or disable pagination explicitly
@@ -1883,6 +2010,10 @@ export namespace Components {
      * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface EdsUser {
+        /**
+          * Visual intent of the trigger button
+         */
+        "intent": Intent;
         /**
           * The user object containing user information, or a JSON string to be parsed.
          */
@@ -1935,6 +2066,10 @@ export interface EdsAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsAccordionElement;
 }
+export interface EdsAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsAlertElement;
+}
 export interface EdsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsDropdownElement;
@@ -1979,6 +2114,10 @@ export interface EdsMatomoNoticeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsMatomoNoticeElement;
 }
+export interface EdsNpsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsNpsElement;
+}
 export interface EdsRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsRatingElement;
@@ -2087,6 +2226,9 @@ declare global {
         prototype: HTMLEdsAccordionElement;
         new (): HTMLEdsAccordionElement;
     };
+    interface HTMLEdsAlertElementEventMap {
+        "edsalert": void;
+    }
     /**
      * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
      * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
@@ -2098,6 +2240,14 @@ declare global {
      * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
      */
     interface HTMLEdsAlertElement extends Components.EdsAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsAlertElementEventMap>(type: K, listener: (this: HTMLEdsAlertElement, ev: EdsAlertCustomEvent<HTMLEdsAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        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 HTMLEdsAlertElementEventMap>(type: K, listener: (this: HTMLEdsAlertElement, ev: EdsAlertCustomEvent<HTMLEdsAlertElementEventMap[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 HTMLEdsAlertElement: {
         prototype: HTMLEdsAlertElement;
@@ -2472,6 +2622,12 @@ declare global {
         prototype: HTMLEdsIconChevronUpElement;
         new (): HTMLEdsIconChevronUpElement;
     };
+    interface HTMLEdsIconCloneElement extends Components.EdsIconClone, HTMLStencilElement {
+    }
+    var HTMLEdsIconCloneElement: {
+        prototype: HTMLEdsIconCloneElement;
+        new (): HTMLEdsIconCloneElement;
+    };
     interface HTMLEdsIconCloseElement extends Components.EdsIconClose, HTMLStencilElement {
     }
     var HTMLEdsIconCloseElement: {
@@ -2484,6 +2640,12 @@ declare global {
         prototype: HTMLEdsIconCopyElement;
         new (): HTMLEdsIconCopyElement;
     };
+    interface HTMLEdsIconDownloadElement extends Components.EdsIconDownload, HTMLStencilElement {
+    }
+    var HTMLEdsIconDownloadElement: {
+        prototype: HTMLEdsIconDownloadElement;
+        new (): HTMLEdsIconDownloadElement;
+    };
     interface HTMLEdsIconDraftElement extends Components.EdsIconDraft, HTMLStencilElement {
     }
     var HTMLEdsIconDraftElement: {
@@ -2652,6 +2814,12 @@ declare global {
         prototype: HTMLEdsIconUserElement;
         new (): HTMLEdsIconUserElement;
     };
+    interface HTMLEdsIconViewElement extends Components.EdsIconView, HTMLStencilElement {
+    }
+    var HTMLEdsIconViewElement: {
+        prototype: HTMLEdsIconViewElement;
+        new (): HTMLEdsIconViewElement;
+    };
     /**
      * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
      * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -2850,12 +3018,31 @@ declare global {
         prototype: HTMLEdsModalElement;
         new (): HTMLEdsModalElement;
     };
+    interface HTMLEdsNpsElementEventMap {
+        "nps": number;
+    }
+    interface HTMLEdsNpsElement extends Components.EdsNps, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsNpsElementEventMap>(type: K, listener: (this: HTMLEdsNpsElement, ev: EdsNpsCustomEvent<HTMLEdsNpsElementEventMap[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 HTMLEdsNpsElementEventMap>(type: K, listener: (this: HTMLEdsNpsElement, ev: EdsNpsCustomEvent<HTMLEdsNpsElementEventMap[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 HTMLEdsNpsElement: {
+        prototype: HTMLEdsNpsElement;
+        new (): HTMLEdsNpsElement;
+    };
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
      * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+     * - Full keyboard navigation support with arrow keys, Home, End
+     * - Proper ARIA labels and screen reader support
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
     interface HTMLEdsPaginationElement extends Components.EdsPagination, HTMLStencilElement {
@@ -2940,6 +3127,9 @@ declare global {
     };
     interface HTMLEdsStepsElementEventMap {
         "step": number;
+        "finished": void;
+        "next": number;
+        "back": number;
     }
     interface HTMLEdsStepsElement extends Components.EdsSteps, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEdsStepsElementEventMap>(type: K, listener: (this: HTMLEdsStepsElement, ev: EdsStepsCustomEvent<HTMLEdsStepsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2957,6 +3147,9 @@ declare global {
     };
     interface HTMLEdsStepsV2ElementEventMap {
         "step": number;
+        "finished": void;
+        "next": number;
+        "back": 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;
@@ -2995,7 +3188,6 @@ declare global {
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Accepts static data or fetches dynamic data from an endpoint.
      * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
@@ -3246,8 +3438,10 @@ declare global {
         "eds-icon-chevron-left": HTMLEdsIconChevronLeftElement;
         "eds-icon-chevron-right": HTMLEdsIconChevronRightElement;
         "eds-icon-chevron-up": HTMLEdsIconChevronUpElement;
+        "eds-icon-clone": HTMLEdsIconCloneElement;
         "eds-icon-close": HTMLEdsIconCloseElement;
         "eds-icon-copy": HTMLEdsIconCopyElement;
+        "eds-icon-download": HTMLEdsIconDownloadElement;
         "eds-icon-draft": HTMLEdsIconDraftElement;
         "eds-icon-edit": HTMLEdsIconEditElement;
         "eds-icon-eu": HTMLEdsIconEuElement;
@@ -3276,6 +3470,7 @@ declare global {
         "eds-icon-unknown": HTMLEdsIconUnknownElement;
         "eds-icon-updown": HTMLEdsIconUpdownElement;
         "eds-icon-user": HTMLEdsIconUserElement;
+        "eds-icon-view": HTMLEdsIconViewElement;
         "eds-icon-wrapper": HTMLEdsIconWrapperElement;
         "eds-icon-youtube": HTMLEdsIconYoutubeElement;
         "eds-img": HTMLEdsImgElement;
@@ -3290,6 +3485,7 @@ declare global {
         "eds-logo": HTMLEdsLogoElement;
         "eds-matomo-notice": HTMLEdsMatomoNoticeElement;
         "eds-modal": HTMLEdsModalElement;
+        "eds-nps": HTMLEdsNpsElement;
         "eds-pagination": HTMLEdsPaginationElement;
         "eds-pie": HTMLEdsPieElement;
         "eds-progress-bar": HTMLEdsProgressBarElement;
@@ -3431,6 +3627,10 @@ declare namespace LocalJSX {
           * The main message or text to be displayed in the alert.
          */
         "message": string;
+        /**
+          * Emitted when the alert action button is clicked (for non-URL actions).
+         */
+        "onEdsalert"?: (event: EdsAlertCustomEvent<void>) => void;
         /**
           * Determines whether the alert includes a pressable element, such as a button or link.
          */
@@ -3934,6 +4134,10 @@ declare namespace LocalJSX {
           * @type {string}
          */
         "cookiesPreferences"?: string;
+        /**
+          * Controls the display of the "Cookies preferences" link.
+          * @type {string}
+         */
         "enableCookiesSettings"?: boolean;
         /**
           * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
@@ -3968,6 +4172,14 @@ declare namespace LocalJSX {
      * This component is ideal for implementing complex forms with specific validation and submission behaviors.
      */
     interface EdsForm {
+        /**
+          * Variant/style intent for the submit button (e.g., primary, secondary, tertiary, ghost).
+         */
+        "buttonIntent"?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+        /**
+          * The description displayed below the title.
+         */
+        "description"?: string;
         /**
           * The message displayed when the form submission fails.
          */
@@ -3984,6 +4196,10 @@ declare namespace LocalJSX {
           * If `true`, includes a submit button in the form.
          */
         "formBtnLabel"?: string;
+        /**
+          * Choose between default layout or an always-shadow style. When "shadow", the form gets the same effect-shadow + shadow-hover classes
+         */
+        "formStyle"?: 'default' | 'shadow';
         /**
           * New: list of groups, each with `{ id: string, title: string }`
          */
@@ -4008,6 +4224,10 @@ declare namespace LocalJSX {
           * If `true`, includes the current form URL in the submission data.
          */
         "setFormUrl"?: boolean;
+        /**
+          * The title displayed above the form.
+         */
+        "title"?: string;
     }
     interface EdsFrame {
         /**
@@ -4050,18 +4270,32 @@ declare namespace LocalJSX {
      * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
      */
     interface EdsFullscreenMenu {
+        /**
+          * URL for the logo link in the header.
+          * @default "/"
+          * @attr home-url
+         */
         "homeUrl"?: string;
+        /**
+          * When true, uses an inverse (dark) header background.
+          * @default false
+          * @attr inverse-header
+         */
         "inverseHeader"?: boolean;
         /**
-          * JSON string representing the links for primary navigation. Each link should include `label`, `url`, and optionally an `icon`.
+          * Primary navigation links. Accepts a JSON string or array of objects `{ label, url, icon?, external? }`.
+          * @example links='[{"label":"Home","url":"/"},{"label":"Docs","url":"/docs","icon":"book"}]'
          */
-        "links"?: string | { label: string; url: string; icon?: string; external?: boolean }[];
+        "links"?: string | LinkItem[];
         /**
-          * JSON string representing the extra menu links a user wants for smaill screens navigation. Each link should include `label`, `url`.
+          * Secondary navigation links (extra menu items for small screens). Accepts a JSON string or array of objects `{ label, url }`.
+          * @example menu-links='[{"label":"Help","url":"/help"},{"label":"Contact","url":"/contact"}]'
+          * @attr menu-links
          */
         "menuLinks"?: string;
         /**
-          * Event to signal menu open/close actions
+          * Emitted when the menu is closed (via UI or resize).
+          * @event menuClose
          */
         "onMenuClose"?: (event: EdsFullscreenMenuCustomEvent<void>) => void;
     }
@@ -4175,6 +4409,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconClone {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconClose {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4187,6 +4427,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconDownload {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconDraft {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4355,6 +4601,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconView {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     /**
      * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
      * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -4818,21 +5070,28 @@ declare namespace LocalJSX {
     }
     interface EdsMatomoNotice {
         /**
-          * The description displayed in the notice.
+          * The description displayed when the user has not yet opted in to analytics.
+          * @default "We use anonymous analytics..."
          */
         "description"?: string;
         /**
-          * When true, the notice is forced to show regardless of cookies/session.
+          * When true, the notice is forced to show regardless of cookies or session storage state. Useful for testing or forcing the consent UI.
+          * @default false
          */
         "forceShow"?: boolean;
         /**
-          * The title displayed in the notice.
+          * The title displayed in the notice accordion.
+          * @default "Analytics Consent"
          */
         "heading"?: string;
         /**
           * Event emitted when the rating is changed.
          */
         "onConsent"?: (event: EdsMatomoNoticeCustomEvent<'in' | 'out' | 'defer'>) => void;
+        /**
+          * The description displayed when the user has already opted in to analytics.
+          * @default "You are already part of our community..."
+         */
         "optOutMessage"?: string;
     }
     /**
@@ -4861,12 +5120,32 @@ declare namespace LocalJSX {
          */
         "truncate"?: 1 | 2 | 3 | 4;
     }
+    interface EdsNps {
+        /**
+          * Label displayed under the min value.
+         */
+        "leftLabel"?: string;
+        /**
+          * Event emitted when the NPS value changes.
+         */
+        "onNps"?: (event: EdsNpsCustomEvent<number>) => void;
+        /**
+          * The question prompt for the NPS scale.
+         */
+        "question"?: string;
+        /**
+          * Label displayed under the max value.
+         */
+        "rightLabel"?: string;
+    }
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
      * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+     * - Full keyboard navigation support with arrow keys, Home, End
+     * - Proper ARIA labels and screen reader support
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
     interface EdsPagination {
@@ -4910,6 +5189,10 @@ declare namespace LocalJSX {
           * Base URL for the pagination links
          */
         "url"?: string;
+        /**
+          * Whether to use buttons (for JavaScript pagination) or links (for URL navigation)
+         */
+        "useButtons"?: boolean;
     }
     interface EdsPie {
         /**
@@ -5045,29 +5328,94 @@ declare namespace LocalJSX {
     }
     interface EdsSteps {
         /**
-          * Emits when a step is clicked, providing the step's index.
+          * Label for the **Back** button (linear mode).
+          * @default "Back"
+          * @attr back-label
+         */
+        "backLabel"?: string;
+        /**
+          * If `true`, disables **Next/Finish** and prevents advancing. Useful for gating progression until validation passes.
+          * @default false
+          * @attr disable-next
+         */
+        "disableNext"?: boolean | boolean[];
+        /**
+          * Label for the **Finish** button on the **last step** (linear mode).
+          * @default "Finish"
+          * @attr finish-label
+         */
+        "finishLabel"?: string;
+        /**
+          * Semantic heading tag used for each step title. Accepted values: `"h3" | "h4" | "h5"`.
+          * @default "h4"
+          * @attr heading-level
+         */
+        "headingLevel"?: 'h3' | 'h4' | 'h5';
+        /**
+          * Label for the **Next** button (linear mode).
+          * @default "Next"
+          * @attr next-label
+         */
+        "nextLabel"?: string;
+        /**
+          * Fired when the user clicks **Back** (before going back), with the **target** step index (current - 1).
+          * @event back
+         */
+        "onBack"?: (event: EdsStepsCustomEvent<number>) => void;
+        /**
+          * Fired when the user clicks **Finish** on the **last** step.
+          * @event finished
+         */
+        "onFinished"?: (event: EdsStepsCustomEvent<void>) => void;
+        /**
+          * Fired when the user clicks **Next** (before advancing), with the **target** step index (current + 1).
+          * @event next
+         */
+        "onNext"?: (event: EdsStepsCustomEvent<number>) => void;
+        /**
+          * Fired whenever the active step changes. Payload: the **current step index**.
+          * @event step
          */
         "onStep"?: (event: EdsStepsCustomEvent<number>) => void;
         /**
-          * JSON string containing an array of step objects. Example: '[   { "title": "Get Access...", "content": "To participate..." },   { "title": "Subscribe...", "content": "Technical Coordination..." },   { "title": "Confirm Your Subscription" } ]'
+          * Steps data as an **array** or **JSON string** of objects: `{ title: string; content?: string }`.  In static mode, all steps and their content render. In linear mode, only the active step renders its content.
+          * @default []
          */
         "steps"?: string | Step[];
         /**
-          * The type of stepper. Default is "static" (all steps visible, no buttons). If set to "linear", then only one step is visible at a time with navigation.
+          * Stepper mode. - `static`: all steps are visible (no navigation controls) - `linear`: one step at a time with Back/Next/Finish controls
+          * @default "static"
          */
         "type"?: 'static' | 'linear';
     }
     interface EdsStepsV2 {
         /**
-          * If true, apply a background class to the container.
+          * Label text for the "Back" button.
+         */
+        "backLabel"?: string;
+        /**
+          * If true, apply an inverse background to the container.
          */
         "bg"?: boolean;
+        /**
+          * If true, disables the "Next" button to block progression.
+         */
+        "disableNext"?: boolean;
+        /**
+          * Label text for the "Finish" button (last step in linear mode).
+         */
+        "finishLabel"?: string;
+        /**
+          * Heading level to use for each step title.
+          * @default "h4"
+         */
+        "headingLevel"?: 'h3' | 'h4' | 'h5';
         /**
           * Optional image source to display above the steps.
          */
         "imageSrc"?: string;
         /**
-          * Optional image width for the eds-img component.
+          * Optional image width for the `eds-img` component.
          */
         "imageWidth"?: number;
         /**
@@ -5075,15 +5423,39 @@ declare namespace LocalJSX {
          */
         "message"?: string;
         /**
-          * Emits when a step is clicked, providing the step's index.
+          * Label text for the "Next" button.
+         */
+        "nextLabel"?: string;
+        /**
+          * Emitted when the "Back" button is clicked.
+          * @event back
+          * @payload {number} The target step index.
+         */
+        "onBack"?: (event: EdsStepsV2CustomEvent<number>) => void;
+        /**
+          * Emitted when the "Finish" button is clicked (last step in linear mode).
+          * @event finished
+         */
+        "onFinished"?: (event: EdsStepsV2CustomEvent<void>) => void;
+        /**
+          * Emitted when the "Next" button is clicked.
+          * @event next
+          * @payload {number} The target step index.
+         */
+        "onNext"?: (event: EdsStepsV2CustomEvent<number>) => void;
+        /**
+          * Emitted when the active step changes.
+          * @event step
+          * @payload {number} The index of the new active step.
          */
         "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" } ]'
+          * JSON string or an array of step objects. Each object should have a `title` and optional `content` property.
          */
         "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.
+          * The type of stepper: - `"static"`: shows all steps with their content. - `"linear"`: shows only one step at a time with navigation controls.
+          * @default "static"
          */
         "type"?: 'static' | 'linear';
     }
@@ -5112,7 +5484,6 @@ declare namespace LocalJSX {
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Accepts static data or fetches dynamic data from an endpoint.
      * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
@@ -5124,7 +5495,7 @@ declare namespace LocalJSX {
          */
         "actionTemplate"?: (row: any) => VNode;
         /**
-          * Array of actions to render in each row. Each action should have:  - `name`: a unique key (e.g. "view", "delete")  - `label`: what shows in the button (or you could pass an icon name here)
+          * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
          */
         "actions"?: string | TableAction[];
         /**
@@ -5145,10 +5516,6 @@ declare namespace LocalJSX {
           * Static data for the table as an object or JSON string
          */
         "data"?: string | { [key: string]: any }[] | null;
-        /**
-          * Endpoint to fetch data dynamically
-         */
-        "endpoint"?: string | null;
         "hostWidth"?: string;
         /**
           * Define the event with the payload type
@@ -5257,6 +5624,10 @@ declare namespace LocalJSX {
      * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface EdsUser {
+        /**
+          * Visual intent of the trigger button
+         */
+        "intent"?: Intent;
         /**
           * The user object containing user information, or a JSON string to be parsed.
          */
@@ -5345,8 +5716,10 @@ declare namespace LocalJSX {
         "eds-icon-chevron-left": EdsIconChevronLeft;
         "eds-icon-chevron-right": EdsIconChevronRight;
         "eds-icon-chevron-up": EdsIconChevronUp;
+        "eds-icon-clone": EdsIconClone;
         "eds-icon-close": EdsIconClose;
         "eds-icon-copy": EdsIconCopy;
+        "eds-icon-download": EdsIconDownload;
         "eds-icon-draft": EdsIconDraft;
         "eds-icon-edit": EdsIconEdit;
         "eds-icon-eu": EdsIconEu;
@@ -5375,6 +5748,7 @@ declare namespace LocalJSX {
         "eds-icon-unknown": EdsIconUnknown;
         "eds-icon-updown": EdsIconUpdown;
         "eds-icon-user": EdsIconUser;
+        "eds-icon-view": EdsIconView;
         "eds-icon-wrapper": EdsIconWrapper;
         "eds-icon-youtube": EdsIconYoutube;
         "eds-img": EdsImg;
@@ -5389,6 +5763,7 @@ declare namespace LocalJSX {
         "eds-logo": EdsLogo;
         "eds-matomo-notice": EdsMatomoNotice;
         "eds-modal": EdsModal;
+        "eds-nps": EdsNps;
         "eds-pagination": EdsPagination;
         "eds-pie": EdsPie;
         "eds-progress-bar": EdsProgressBar;
@@ -5608,8 +5983,10 @@ declare module "@stencil/core" {
             "eds-icon-chevron-left": LocalJSX.EdsIconChevronLeft & JSXBase.HTMLAttributes<HTMLEdsIconChevronLeftElement>;
             "eds-icon-chevron-right": LocalJSX.EdsIconChevronRight & JSXBase.HTMLAttributes<HTMLEdsIconChevronRightElement>;
             "eds-icon-chevron-up": LocalJSX.EdsIconChevronUp & JSXBase.HTMLAttributes<HTMLEdsIconChevronUpElement>;
+            "eds-icon-clone": LocalJSX.EdsIconClone & JSXBase.HTMLAttributes<HTMLEdsIconCloneElement>;
             "eds-icon-close": LocalJSX.EdsIconClose & JSXBase.HTMLAttributes<HTMLEdsIconCloseElement>;
             "eds-icon-copy": LocalJSX.EdsIconCopy & JSXBase.HTMLAttributes<HTMLEdsIconCopyElement>;
+            "eds-icon-download": LocalJSX.EdsIconDownload & JSXBase.HTMLAttributes<HTMLEdsIconDownloadElement>;
             "eds-icon-draft": LocalJSX.EdsIconDraft & JSXBase.HTMLAttributes<HTMLEdsIconDraftElement>;
             "eds-icon-edit": LocalJSX.EdsIconEdit & JSXBase.HTMLAttributes<HTMLEdsIconEditElement>;
             "eds-icon-eu": LocalJSX.EdsIconEu & JSXBase.HTMLAttributes<HTMLEdsIconEuElement>;
@@ -5638,6 +6015,7 @@ declare module "@stencil/core" {
             "eds-icon-unknown": LocalJSX.EdsIconUnknown & JSXBase.HTMLAttributes<HTMLEdsIconUnknownElement>;
             "eds-icon-updown": LocalJSX.EdsIconUpdown & JSXBase.HTMLAttributes<HTMLEdsIconUpdownElement>;
             "eds-icon-user": LocalJSX.EdsIconUser & JSXBase.HTMLAttributes<HTMLEdsIconUserElement>;
+            "eds-icon-view": LocalJSX.EdsIconView & JSXBase.HTMLAttributes<HTMLEdsIconViewElement>;
             /**
              * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
              * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -5707,12 +6085,15 @@ declare module "@stencil/core" {
              * This component is useful for displaying overlay content in a structured and accessible manner, with controls for dynamic visibility and content truncation.
              */
             "eds-modal": LocalJSX.EdsModal & JSXBase.HTMLAttributes<HTMLEdsModalElement>;
+            "eds-nps": LocalJSX.EdsNps & JSXBase.HTMLAttributes<HTMLEdsNpsElement>;
             /**
              * `EdsPagination` is a component for navigating paginated data.
              * Key Features:
              * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
              * - Emits a `page` event when the page is changed in "default" mode.
              * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+             * - Full keyboard navigation support with arrow keys, Home, End
+             * - Proper ARIA labels and screen reader support
              * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
              */
             "eds-pagination": LocalJSX.EdsPagination & JSXBase.HTMLAttributes<HTMLEdsPaginationElement>;
@@ -5734,7 +6115,6 @@ declare module "@stencil/core" {
             /**
              * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
              * Key Features:
-             * - Accepts static data or fetches dynamic data from an endpoint.
              * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
              * - Pagination support with adjustable rows per page.
              * - Searchable content for easier data filtering.