@ebrains/components 3.0.0 → 3.2.0

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { AppTag } from "./components/eds-cards/eds-card-app/eds-card-app";
 import { CtaLink } from "./components/eds-cards/eds-card-cta/eds-card-cta";
 import { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
 import { HeroTag } from "./components/eds-cards/eds-card-hero/eds-card-hero";
+import { EdsFooterColumn } from "./components/eds-footer/eds-footer";
 import { Event, VNode } from "./stencil-public-runtime";
 import { SidebarItem } from "./components/eds-sidebar/eds-sidebar";
 import { Step } from "./components/eds-steps/eds-steps";
@@ -20,6 +21,7 @@ export { AppTag } from "./components/eds-cards/eds-card-app/eds-card-app";
 export { CtaLink } from "./components/eds-cards/eds-card-cta/eds-card-cta";
 export { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
 export { HeroTag } from "./components/eds-cards/eds-card-hero/eds-card-hero";
+export { EdsFooterColumn } from "./components/eds-footer/eds-footer";
 export { Event, VNode } from "./stencil-public-runtime";
 export { SidebarItem } from "./components/eds-sidebar/eds-sidebar";
 export { Step } from "./components/eds-steps/eds-steps";
@@ -241,7 +243,17 @@ export namespace Components {
         /**
           * The visual intent or style of the button. - 'primary': Brand black background with white text - 'secondary': Transparent/white background with black border and text - 'secondaryInverse': Transparent background with white border and white text (for dark backgrounds) - 'brand': Brand green background with black text (CTA style) - 'cta': CTA link style with monospace font (gray text that turns green on hover) - 'cta-brand': CTA link style with monospace font (always green)
          */
-        "intent": 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'brand' | 'brandInverse' | 'neutral' | 'cta' | 'cta-brand';
+        "intent": | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'ghostInverse'
+    | 'brand'
+    | 'brandLight'
+    | 'brandInverse'
+    | 'neutral'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The label text to be displayed inside the button.
          */
@@ -648,56 +660,60 @@ export namespace Components {
         "type": 'star' | 'thumbs-up' | 'thumbs-down';
     }
     /**
-     * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
-     * legal information, and an optional cookie preferences button. It includes a "Back to top"
-     * button and displays an acknowledgment for Horizon Europe funding.
-     * Key Features:
-     * - Social Network Links: Optionally display a section for social media links.
-     * - Legal and Funding Information: Includes text for legal disclaimers and funding acknowledgments.
-     * - Cookie Preferences: Optionally display a "Cookies Preferences" button.
-     * - Back to Top Button: Smoothly scrolls the page back to the top when clicked.
-     * This component is ideal for maintaining consistent branding, legal disclaimers, and navigational elements
-     * across the EBRAINS platform, with options for social links and a "Back to top" button.
+     * `EdsFooter` is the EBRAINS-wide footer component.
+     * Renders a 4-column layout matching the eds-docs landing footer:
+     *   [ Brand (EU flag + funding text + copyright)  |  Resources  |  Community  |  Legal ]
+     * Defaults are designed so a consumer that writes `<eds-footer></eds-footer>`
+     * with no props gets the full canonical EBRAINS footer rendered — same
+     * brand block, same link columns, same dark theme as the eds-docs
+     * landing page. The previous minimal-strip footer is replaced; consumers
+     * that need different link content pass the `columns` prop (array or
+     * JSON-stringified array for HTML attribute use).
+     * Configurability without breakage:
+     * - All previous props remain (`social`, `variant`, `fundedBy`,
+     *   `rightsReserved`, `enableScrollTop`, `enableCookiesSettings`,
+     *   `cookiesPreferences`, `backToTopAriaLabel`). Their meanings are
+     *   preserved.
+     * - New `columns` prop is optional — omit it for the defaults.
+     * - The `enableCookiesSettings` toggle now decides whether any column
+     *   link with `action: 'cookies'` is rendered (default false; pass
+     *   true to surface the Cookie Preferences entry in the Legal column).
      */
     interface EdsFooter {
         /**
-          * Controls the display of the "Back to Top" aria label text.
-          * @type {string}
+          * ARIA label for the "Back to top" floating button.
          */
         "backToTopAriaLabel": string;
         /**
-          * Controls the display of the "Cookies preferences" text.
-          * @type {string}
+          * Custom link columns. Accepts an array (Vue/React/JS bindings) OR a JSON-stringified array (HTML attribute use). When omitted, the canonical EBRAINS-wide columns above are used.  Shape: see EdsFooterColumn / EdsFooterLink at the top of this file.
+         */
+        "columns"?: EdsFooterColumn[] | string;
+        /**
+          * Label used for any link with `action: 'cookies'` — overrides the column's `label`.
          */
         "cookiesPreferences": string;
         /**
-          * Controls the display of the "Cookies preferences" link.
-          * @type {string}
+          * When false, any column link with `action: 'cookies'` is hidden. Default false so adding the footer to a page without a Matomo notice / cookie banner doesn't surface a non-functional link. Set true once you've also mounted `<eds-matomo-notice>` on the page.
          */
         "enableCookiesSettings": boolean;
         /**
-          * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
-          * @type {boolean}
+          * Float a "Back to top" button at the top-right of the footer.
          */
         "enableScrollTop": boolean;
         /**
-          * Controls the display of the "Founded By" text.
-          * @type {string}
+          * "EBRAINS is funded by…" line shown next to the EU flag in the brand column.
          */
         "fundedBy": string;
         /**
-          * Controls the display of the "Rights Reserved" text.
-          * @type {string}
+          * "© {year} EBRAINS. All rights reserved." line shown below the funding text.
          */
         "rightsReserved": string;
         /**
-          * Determines if the social network section should be displayed. Adds top padding when true.
-          * @type {boolean}
+          * Show the eds-social-networks section above the main grid.
          */
         "social": boolean;
         /**
-          * Controls the visual variant of the footer. - 'default': Light background with dark text - 'inverse': Dark/black background with white text
-          * @type {'default' | 'inverse'}
+          * Theme variant. Defaults to `inverse` (dark) because the canonical EBRAINS footer design uses a dark backdrop with light text. Pass `variant="default"` for the light-on-light treatment if an app's page palette demands it.
          */
         "variant": 'default' | 'inverse';
     }
@@ -732,6 +748,18 @@ export namespace Components {
           * The message displayed when the form submission fails.
          */
         "errorMessage"?: string;
+        /**
+          * Optional "time to complete" hint shown as a meta chip in the `brand` hero header (e.g. "~6 minutes"). Brand style only.
+         */
+        "estimatedTime"?: string;
+        /**
+          * Optional expiry label shown as a meta chip in the `brand` hero (e.g. "Closes Jun 28, 2026"). Brand style only.
+         */
+        "expires"?: string;
+        /**
+          * Small mono eyebrow shown above the title in the `brand` hero header (e.g. a programme or category label). Brand style only.
+         */
+        "eyebrow"?: 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 } ] ```
          */
@@ -748,6 +776,10 @@ export namespace Components {
           * Choose between default layout, shadow style, or brand style. - "default": Standard form layout - "shadow": Form with shadow effect - "brand": EBRAINS branded form with left border and shadow
          */
         "formStyle": 'default' | 'shadow' | 'brand';
+        /**
+          * Show the "GDPR compliant" meta chip in the `brand` hero header. Default OFF — it's an unverified compliance claim, so it must be opted into explicitly (per form) rather than advertised on every brand form.
+         */
+        "gdpr"?: boolean;
         "getData": () => Promise<FormData>;
         /**
           * New: list of groups, each with `{ id: string, title: string }`
@@ -761,11 +793,31 @@ export namespace Components {
           * The name of the form, used for grouping inputs and identifying the form.
          */
         "name": string;
+        /**
+          * Optional submission-policy label shown as a meta chip in the `brand` hero (e.g. "You can submit this form only once."). Brand style only.
+         */
+        "policy"?: string;
+        /**
+          * Completion percentage (0–100) shown as a "X% complete" chip in the `brand` hero — the single-page equivalent of the multi-step progress. Host-driven (e.g. filled required fields); omit/undefined to hide. Brand style only.
+         */
+        "progress"?: number;
+        /**
+          * Autosave label next to the dot (e.g. "Saved 5:01 PM"). Empty hides the whole save-state cluster. Brand footer only.
+         */
+        "saveLabel"?: string;
+        /**
+          * Autosave state shown at the left of the brand footer (host-driven). The dot pulses grey while saving and settles green when saved.
+         */
+        "saveStatus": 'idle' | 'saving' | 'saved' | 'error';
         "setData": (newData: { [key: string]: any; }) => Promise<void>;
         /**
           * If `true`, includes the current form URL in the submission data.
          */
         "setFormUrl"?: boolean;
+        /**
+          * Lifecycle state for the brand style (drives the hero eyebrow, glow tint and expiry meta-chip colour). "closed" additionally disables every field, desaturates the body and replaces the submit with a dead "Submissions closed" footer. No effect outside form-style="brand". - "open": accepting submissions (default) - "expiring": accepting but closing soon (amber) - "closed": expired / not accepting (red, read-only)
+         */
+        "status": 'open' | 'expiring' | 'closed';
         /**
           * The title displayed above the form.
          */
@@ -922,6 +974,10 @@ export namespace Components {
           * Placeholder text for the input
          */
         "placeholder": string;
+        /**
+          * Visual theme of the search pill. - "gray"  (default): light grey surface (matches the EBRAINS header mockup) - "white": white surface with a 1px border (use when sitting on a coloured nav) - "black": brand-black surface with white text (use on dark backgrounds)
+         */
+        "variant": 'gray' | 'white' | 'black';
     }
     /**
      * `EdsHeader` is a header component designed for the EBRAINS platform.
@@ -995,6 +1051,10 @@ export namespace Components {
         "class": string;
     }
     interface EdsIconWrapper {
+        /**
+          * Accessible label for the icon. Set this when the icon conveys meaning on its own (e.g. a standalone status/action icon) — it is exposed as `role="img"` + `aria-label`. When omitted, the icon is treated as decorative and hidden from assistive technology (`aria-hidden`), which is correct when it sits next to a text label that already describes it.
+         */
+        "label"?: string;
         "name": IconName;
         "size": 16 | 20 | 24 | 32;
     }
@@ -1066,6 +1126,10 @@ export namespace Components {
         "hasMessage": boolean;
         "icon"?: IconName;
         "inputId"?: string;
+        /**
+          * Explicit tabindex for the native input. Radio/checkbox groups inside the `eds-input-field` shadow root (delegatesFocus) get skipped by sequential keyboard navigation unless each input is explicitly in the tab order.
+         */
+        "inputTabIndex"?: number;
         "max"?: number;
         "maxLength"?: number;
         "min"?: number;
@@ -1394,6 +1458,28 @@ export namespace Components {
          */
         "value"?: string | number;
     }
+    interface EdsKgLearningResources {
+        /**
+          * API endpoint for fetching learning resources
+         */
+        "apiEndpoint": string;
+        /**
+          * Component heading
+         */
+        "heading": string;
+        /**
+          * Whether to resolve software names
+         */
+        "resolveNames": boolean;
+        /**
+          * Max resources to fetch
+         */
+        "size": number;
+        /**
+          * Visual variant for accordions and cards
+         */
+        "variant": 'default' | 'inverse';
+    }
     interface EdsKgWebServicesSelect {
         /**
           * API endpoint for fetching web services Defaults to cached endpoint for better performance
@@ -1497,7 +1583,19 @@ export namespace Components {
         /**
           * The visual style intent of the link. Options: 'primary', 'secondary', 'secondaryInverse', 'ghost', 'strong', 'weak', 'inverse', 'underline', 'underlineInverse', 'brand', 'brandInverse', 'cta', 'cta-brand'.
          */
-        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'underlineInverse' | 'brand' | 'brandInverse' | 'cta' | 'cta-brand';
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'strong'
+    | 'weak'
+    | 'inverse'
+    | 'underline'
+    | 'underlineInverse'
+    | 'brand'
+    | 'brandInverse'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The text label for the link.
          */
@@ -1516,28 +1614,23 @@ export namespace Components {
         "url"?: string;
     }
     /**
-     * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-     * Key Features:
-     * - Supports various logo styles and orientations.
-     * - Emits a custom `matomoEvent` for tracking click interactions.
+     * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
      * Props:
-     * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-     * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-     * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-     * Events:
-     * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-     * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+     * - `variant` (attribute `type`): `'positive'` (dark logo for light
+     *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+     * - `href`: where the logo links to (defaults to `/`). The logo is the
+     *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+     *   eds-form brand hero.
+     * Clicks emit an analytics event (category/tag/name/action).
+     * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+     * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+     * container).
      */
     interface EdsLogo {
         /**
           * The URL that the logo should link to. When clicked, the user will be navigated to this URL. Defaults to the root path ('/').
          */
         "href": string;
-        "label": string;
-        /**
-          * The orientation of the logo to display. - `"horizontal"` displays the logo horizontally. - `"vertical"` displays the logo vertically.
-         */
-        "orientation": 'horizontal' | 'vertical';
         /**
           * The visual variant of the logo. `'positive'` for dark logo on light backgrounds, `'negative'` for light logo on dark backgrounds.
          */
@@ -1741,6 +1834,67 @@ export namespace Components {
          */
         "selectedRating": number;
     }
+    /**
+     * Searchable, source-agnostic select for HUGE option lists (countries,
+     * currencies, nationalities, …) — the generalised sibling of
+     * eds-kg-web-services-select.
+     * It never talks to an external API directly. It either filters an inline
+     * `options` array client-side, or queries a VETTED, NAMED `source` through our
+     * own datasets registry (`/api/v1/datasets/<source>/search`), which returns the
+     * one normalised shape `{ items: [{label, value}], total, nextOffset }`. Any
+     * messy upstream schema is flattened server-side by an adapter — the component
+     * stays dumb.
+     * Rendering is result-capped (we render at most `maxVisible` rows and tell the
+     * user to keep typing) so a 5,000-item source never blows up the DOM. Remote
+     * sources are additionally bounded by the server's page `limit`.
+     */
+    interface EdsSearchSelect {
+        /**
+          * Base path for the datasets API.
+         */
+        "apiBase": string;
+        /**
+          * Debounce (ms) before a remote search fires.
+         */
+        "debounceMs": number;
+        "disabled": boolean;
+        "error": boolean;
+        "errorMessage"?: string;
+        "hint"?: string;
+        "label"?: string;
+        /**
+          * Server page size for remote sources.
+         */
+        "limit": number;
+        /**
+          * Max rows rendered at once (DOM cap).
+         */
+        "maxVisible": number;
+        "message"?: string;
+        /**
+          * Allow selecting multiple values — selections render as removable tags.
+         */
+        "multiple": boolean;
+        "name": string;
+        /**
+          * Inline options: an array or a JSON string of [{label, value}].
+         */
+        "options"?: Option[] | string;
+        "placeholder": string;
+        "required": boolean;
+        /**
+          * Query param name the search term is sent as.
+         */
+        "searchParam": string;
+        /**
+          * A vetted registry source key, e.g. "countries" / "currencies".
+         */
+        "source"?: string;
+        /**
+          * Selected value. A single value string in single-select mode, or an array of values in multi-select mode. v-model friendly.
+         */
+        "value"?: string | string[];
+    }
     interface EdsSectionCore {
         /**
           * The heading level for the section title, such as 'h1', 'h2', etc. Default is 'h2'.
@@ -1889,6 +2043,10 @@ export namespace Components {
     }
     interface EdsStepsV2 {
         "backLabel": string;
+        /**
+          * Whether the stepper draws its own bordered card. Default true. Set to false when the host already provides the card chrome (e.g. a multi-step form whose form-style border lives on an outer wrapper) to avoid a double border.
+         */
+        "card": boolean;
         /**
           * Disable Next/Finish (boolean or per-step boolean[]). Also accepts a JSON array string.
           * @attr disable-next
@@ -1948,9 +2106,9 @@ export namespace Components {
          */
         "labelOn": string;
         /**
-          * Variant of the switch: 'toggle' (default) or 'segmented' (pill-style buttons)
+          * Variant of the switch: - 'toggle' (default): the classic on/off switch - 'segmented': pill-style buttons — light container, green active pill - 'segmented-dark': pill-style buttons — white container with a hairline   border and a dark (brand-black) active pill
          */
-        "variant": 'toggle' | 'segmented';
+        "variant": 'toggle' | 'segmented' | 'segmented-dark';
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
@@ -1975,10 +2133,6 @@ export namespace Components {
           * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  - `intent`     ("brand" | "primary" | "secondary" | "neutral" | "ghost" | "brandInverse" | "secondaryInverse" | "ghostInverse"; optional) — button intent/style.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye", "intent":"brand" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true, "intent":"primary" },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
          */
         "actions": string | TableAction[];
-        /**
-          * Optional property to control the column sizing mode. - 'default' uses containerWidth / visibleColumns. - 'medium' divides that result by 2. - 'large' divides that result by 4.
-         */
-        "columnSize"?: 'default' | 'medium' | 'large';
         /**
           * Config object to hide or format columns
          */
@@ -2015,9 +2169,9 @@ export namespace Components {
          */
         "sortingEnabled": boolean;
         /**
-          * Theme for table styling: - 'default': Simple rows with no background - 'color': Alternating row colors - 'brand': Modern brand styling with hover effects and green accents
+          * Theme for table styling.  The 'default' (no background) and 'color' (alternating rows) themes are DISABLED — the table now always renders the EBRAINS 'brand' theme (modern styling, hover, green accents). The prop is kept for API compatibility but is coerced to 'brand' in componentWillLoad(), so any value a consumer passes is ignored.
          */
-        "theme": 'default' | 'color' | 'brand';
+        "theme": 'brand';
         /**
           * View mode for displaying data: - 'table': Traditional table layout (default) - 'card': Card grid layout
          */
@@ -2077,18 +2231,34 @@ export namespace Components {
         "events": string | any[];
     }
     interface EdsToast {
+        /**
+          * Show a dismiss (×) button regardless of `duration`. The `toast` variant already shows one whenever `duration` is set; set this for a persistent banner the user can still close.
+         */
+        "dismissible": boolean;
         /**
           * Determines the duration before the toast auto-dismisses (in milliseconds). If set, the toast will auto-dismiss and show a close button. If not set (or set to 0), it will persist without a close button.
          */
         "duration"?: number;
+        /**
+          * Bold heading shown above the message. Banner variant only.
+         */
+        "heading"?: string;
+        /**
+          * Leading icon name (from the EBRAINS icon set). Banner variant only. Falls back to a sensible default per intent when omitted.
+         */
+        "icon"?: string;
         /**
           * The visual intent or style of the toast, indicating the toast type.
          */
-        "intent": 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
+        "intent": 'default' | 'success' | 'error' | 'warning' | 'info' | 'neutral' | 'brand' | 'brandInverse';
         /**
           * The main message or text to be displayed in the toast.
          */
         "message": string;
+        /**
+          * Visual variant: - "toast": the classic compact pill (message + close). Default; used by the   global toast manager. - "banner": a richer inline banner — leading icon in a tinted square, a bold   heading over a mono message, a coloured left rail on a tinted surface, an   optional actions slot and an optional dismiss button. Use for persistent,   in-page status (form expiry, saved draft, etc.).
+         */
+        "variant": 'toast' | 'banner';
     }
     interface EdsToastManager {
     }
@@ -2102,6 +2272,58 @@ export namespace Components {
         "content"?: string;
         "position": 'top' | 'bottom';
     }
+    /**
+     * `EdsTrlBadge` — public EBRAINS TRL badge, aligned with the EBRAINS visual
+     * system (Black `#07140D`, Green `#00FF9D`, Dark Green `#00C87B`, Grey
+     * `#7A7B7A`, IBM Plex Mono) and using the **official EBRAINS sphere mark**.
+     * Renders a self-contained inline `<svg>` (same markup the server-side
+     * `badge.svg` endpoint emits), so it embeds anywhere and stays crisp.
+     * Variants:
+     * - `tone`     — CI-style label + value pill (dark or light `theme`).
+     * - `full`     — single bar with the full string.
+     * - `pill`     — compact rounded "TRL 7".
+     * - `outline`  — thin border, transparent fill, mono caps (dark or light).
+     * - `scale`    — nine readiness pips showing position on the 1–9 scale.
+     * The value/pip colour encodes maturity within the brand palette:
+     * TRL 7–9 → green, 4–6 → dark green, 1–3 → grey.
+     * @example <eds-trl-badge level={7} assessed="2026-06" methodology="v8.2"></eds-trl-badge>
+     * <eds-trl-badge level={7} variant="outline" theme="light"></eds-trl-badge>
+     * <eds-trl-badge level={7} variant="scale" size={32}></eds-trl-badge>
+     */
+    interface EdsTrlBadge {
+        /**
+          * Assessment month, e.g. "2026-06".
+         */
+        "assessed"?: string;
+        /**
+          * Optional link (methodology or service page).
+         */
+        "href"?: string;
+        /**
+          * Left-segment / leading label.
+         */
+        "label": string;
+        /**
+          * TRL level, 1–9.
+         */
+        "level": number;
+        /**
+          * Methodology version, e.g. "v8.2".
+         */
+        "methodology"?: string;
+        /**
+          * Rendered height in px. Scales the whole badge crisply (viewBox is fixed).
+         */
+        "size"?: number;
+        /**
+          * Colour theme for the `tone` / `outline` / `scale` variants.
+         */
+        "theme": 'dark' | 'light';
+        /**
+          * 'tone' | 'full' | 'pill' | 'outline' | 'scale'.
+         */
+        "variant": 'tone' | 'full' | 'pill' | 'outline' | 'scale';
+    }
     /**
      * `EdsUser` is a user component for managing and displaying
      * the user's auth information. Displays a user dropdown menu when authenticated.
@@ -2238,6 +2460,10 @@ export interface EdsRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsRatingElement;
 }
+export interface EdsSearchSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsSearchSelectElement;
+}
 export interface EdsSidebarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsSidebarElement;
@@ -2619,16 +2845,24 @@ declare global {
         "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"
-     * button and displays an acknowledgment for Horizon Europe funding.
-     * Key Features:
-     * - Social Network Links: Optionally display a section for social media links.
-     * - Legal and Funding Information: Includes text for legal disclaimers and funding acknowledgments.
-     * - Cookie Preferences: Optionally display a "Cookies Preferences" button.
-     * - Back to Top Button: Smoothly scrolls the page back to the top when clicked.
-     * This component is ideal for maintaining consistent branding, legal disclaimers, and navigational elements
-     * across the EBRAINS platform, with options for social links and a "Back to top" button.
+     * `EdsFooter` is the EBRAINS-wide footer component.
+     * Renders a 4-column layout matching the eds-docs landing footer:
+     *   [ Brand (EU flag + funding text + copyright)  |  Resources  |  Community  |  Legal ]
+     * Defaults are designed so a consumer that writes `<eds-footer></eds-footer>`
+     * with no props gets the full canonical EBRAINS footer rendered — same
+     * brand block, same link columns, same dark theme as the eds-docs
+     * landing page. The previous minimal-strip footer is replaced; consumers
+     * that need different link content pass the `columns` prop (array or
+     * JSON-stringified array for HTML attribute use).
+     * Configurability without breakage:
+     * - All previous props remain (`social`, `variant`, `fundedBy`,
+     *   `rightsReserved`, `enableScrollTop`, `enableCookiesSettings`,
+     *   `cookiesPreferences`, `backToTopAriaLabel`). Their meanings are
+     *   preserved.
+     * - New `columns` prop is optional — omit it for the defaults.
+     * - The `enableCookiesSettings` toggle now decides whether any column
+     *   link with `action: 'cookies'` is rendered (default false; pass
+     *   true to surface the Cookie Preferences entry in the Legal column).
      */
     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;
@@ -2652,6 +2886,8 @@ declare global {
     value?: any;
     message?: string;
     success?: boolean;
+    /** True when this change came from the Clear button (host may skip autosave). */
+    cleared?: boolean;
   };
     }
     /**
@@ -2969,6 +3205,12 @@ declare global {
         prototype: HTMLEdsInputSelectElement;
         new (): HTMLEdsInputSelectElement;
     };
+    interface HTMLEdsKgLearningResourcesElement extends Components.EdsKgLearningResources, HTMLStencilElement {
+    }
+    var HTMLEdsKgLearningResourcesElement: {
+        prototype: HTMLEdsKgLearningResourcesElement;
+        new (): HTMLEdsKgLearningResourcesElement;
+    };
     interface HTMLEdsKgWebServicesSelectElementEventMap {
         "edsinput": { value: string | boolean | string[] };
         "edschange": { value: string | boolean | string[] };
@@ -3003,17 +3245,17 @@ declare global {
         new (): HTMLEdsLinkElement;
     };
     /**
-     * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-     * Key Features:
-     * - Supports various logo styles and orientations.
-     * - Emits a custom `matomoEvent` for tracking click interactions.
+     * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
      * Props:
-     * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-     * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-     * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-     * Events:
-     * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-     * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+     * - `variant` (attribute `type`): `'positive'` (dark logo for light
+     *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+     * - `href`: where the logo links to (defaults to `/`). The logo is the
+     *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+     *   eds-form brand hero.
+     * Clicks emit an analytics event (category/tag/name/action).
+     * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+     * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+     * container).
      */
     interface HTMLEdsLogoElement extends Components.EdsLogo, HTMLStencilElement {
     }
@@ -3114,6 +3356,38 @@ declare global {
         prototype: HTMLEdsRatingElement;
         new (): HTMLEdsRatingElement;
     };
+    interface HTMLEdsSearchSelectElementEventMap {
+        "edsinput": { value: string | boolean | string[] };
+        "edschange": { value: string | boolean | string[] };
+    }
+    /**
+     * Searchable, source-agnostic select for HUGE option lists (countries,
+     * currencies, nationalities, …) — the generalised sibling of
+     * eds-kg-web-services-select.
+     * It never talks to an external API directly. It either filters an inline
+     * `options` array client-side, or queries a VETTED, NAMED `source` through our
+     * own datasets registry (`/api/v1/datasets/<source>/search`), which returns the
+     * one normalised shape `{ items: [{label, value}], total, nextOffset }`. Any
+     * messy upstream schema is flattened server-side by an adapter — the component
+     * stays dumb.
+     * Rendering is result-capped (we render at most `maxVisible` rows and tell the
+     * user to keep typing) so a 5,000-item source never blows up the DOM. Remote
+     * sources are additionally bounded by the server's page `limit`.
+     */
+    interface HTMLEdsSearchSelectElement extends Components.EdsSearchSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsSearchSelectElementEventMap>(type: K, listener: (this: HTMLEdsSearchSelectElement, ev: EdsSearchSelectCustomEvent<HTMLEdsSearchSelectElementEventMap[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 HTMLEdsSearchSelectElementEventMap>(type: K, listener: (this: HTMLEdsSearchSelectElement, ev: EdsSearchSelectCustomEvent<HTMLEdsSearchSelectElementEventMap[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 HTMLEdsSearchSelectElement: {
+        prototype: HTMLEdsSearchSelectElement;
+        new (): HTMLEdsSearchSelectElement;
+    };
     interface HTMLEdsSectionCoreElement extends Components.EdsSectionCore, HTMLStencilElement {
     }
     var HTMLEdsSectionCoreElement: {
@@ -3345,6 +3619,30 @@ declare global {
         prototype: HTMLEdsTooltipElement;
         new (): HTMLEdsTooltipElement;
     };
+    /**
+     * `EdsTrlBadge` — public EBRAINS TRL badge, aligned with the EBRAINS visual
+     * system (Black `#07140D`, Green `#00FF9D`, Dark Green `#00C87B`, Grey
+     * `#7A7B7A`, IBM Plex Mono) and using the **official EBRAINS sphere mark**.
+     * Renders a self-contained inline `<svg>` (same markup the server-side
+     * `badge.svg` endpoint emits), so it embeds anywhere and stays crisp.
+     * Variants:
+     * - `tone`     — CI-style label + value pill (dark or light `theme`).
+     * - `full`     — single bar with the full string.
+     * - `pill`     — compact rounded "TRL 7".
+     * - `outline`  — thin border, transparent fill, mono caps (dark or light).
+     * - `scale`    — nine readiness pips showing position on the 1–9 scale.
+     * The value/pip colour encodes maturity within the brand palette:
+     * TRL 7–9 → green, 4–6 → dark green, 1–3 → grey.
+     * @example <eds-trl-badge level={7} assessed="2026-06" methodology="v8.2"></eds-trl-badge>
+     * <eds-trl-badge level={7} variant="outline" theme="light"></eds-trl-badge>
+     * <eds-trl-badge level={7} variant="scale" size={32}></eds-trl-badge>
+     */
+    interface HTMLEdsTrlBadgeElement extends Components.EdsTrlBadge, HTMLStencilElement {
+    }
+    var HTMLEdsTrlBadgeElement: {
+        prototype: HTMLEdsTrlBadgeElement;
+        new (): HTMLEdsTrlBadgeElement;
+    };
     /**
      * `EdsUser` is a user component for managing and displaying
      * the user's auth information. Displays a user dropdown menu when authenticated.
@@ -3506,6 +3804,7 @@ declare global {
         "eds-input-range": HTMLEdsInputRangeElement;
         "eds-input-search": HTMLEdsInputSearchElement;
         "eds-input-select": HTMLEdsInputSelectElement;
+        "eds-kg-learning-resources": HTMLEdsKgLearningResourcesElement;
         "eds-kg-web-services-select": HTMLEdsKgWebServicesSelectElement;
         "eds-link": HTMLEdsLinkElement;
         "eds-logo": HTMLEdsLogoElement;
@@ -3516,6 +3815,7 @@ declare global {
         "eds-pie": HTMLEdsPieElement;
         "eds-progress-bar": HTMLEdsProgressBarElement;
         "eds-rating": HTMLEdsRatingElement;
+        "eds-search-select": HTMLEdsSearchSelectElement;
         "eds-section-core": HTMLEdsSectionCoreElement;
         "eds-section-heading": HTMLEdsSectionHeadingElement;
         "eds-sidebar": HTMLEdsSidebarElement;
@@ -3532,6 +3832,7 @@ declare global {
         "eds-toast": HTMLEdsToastElement;
         "eds-toast-manager": HTMLEdsToastManagerElement;
         "eds-tooltip": HTMLEdsTooltipElement;
+        "eds-trl-badge": HTMLEdsTrlBadgeElement;
         "eds-user": HTMLEdsUserElement;
         "gradient-primary-palette": HTMLGradientPrimaryPaletteElement;
         "gradient-secondary-palette": HTMLGradientSecondaryPaletteElement;
@@ -3779,7 +4080,17 @@ declare namespace LocalJSX {
         /**
           * The visual intent or style of the button. - 'primary': Brand black background with white text - 'secondary': Transparent/white background with black border and text - 'secondaryInverse': Transparent background with white border and white text (for dark backgrounds) - 'brand': Brand green background with black text (CTA style) - 'cta': CTA link style with monospace font (gray text that turns green on hover) - 'cta-brand': CTA link style with monospace font (always green)
          */
-        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'brand' | 'brandInverse' | 'neutral' | 'cta' | 'cta-brand';
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'ghostInverse'
+    | 'brand'
+    | 'brandLight'
+    | 'brandInverse'
+    | 'neutral'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The label text to be displayed inside the button.
          */
@@ -4193,57 +4504,61 @@ declare namespace LocalJSX {
         "type"?: 'star' | 'thumbs-up' | 'thumbs-down';
     }
     /**
-     * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
-     * legal information, and an optional cookie preferences button. It includes a "Back to top"
-     * button and displays an acknowledgment for Horizon Europe funding.
-     * Key Features:
-     * - Social Network Links: Optionally display a section for social media links.
-     * - Legal and Funding Information: Includes text for legal disclaimers and funding acknowledgments.
-     * - Cookie Preferences: Optionally display a "Cookies Preferences" button.
-     * - Back to Top Button: Smoothly scrolls the page back to the top when clicked.
-     * This component is ideal for maintaining consistent branding, legal disclaimers, and navigational elements
-     * across the EBRAINS platform, with options for social links and a "Back to top" button.
+     * `EdsFooter` is the EBRAINS-wide footer component.
+     * Renders a 4-column layout matching the eds-docs landing footer:
+     *   [ Brand (EU flag + funding text + copyright)  |  Resources  |  Community  |  Legal ]
+     * Defaults are designed so a consumer that writes `<eds-footer></eds-footer>`
+     * with no props gets the full canonical EBRAINS footer rendered — same
+     * brand block, same link columns, same dark theme as the eds-docs
+     * landing page. The previous minimal-strip footer is replaced; consumers
+     * that need different link content pass the `columns` prop (array or
+     * JSON-stringified array for HTML attribute use).
+     * Configurability without breakage:
+     * - All previous props remain (`social`, `variant`, `fundedBy`,
+     *   `rightsReserved`, `enableScrollTop`, `enableCookiesSettings`,
+     *   `cookiesPreferences`, `backToTopAriaLabel`). Their meanings are
+     *   preserved.
+     * - New `columns` prop is optional — omit it for the defaults.
+     * - The `enableCookiesSettings` toggle now decides whether any column
+     *   link with `action: 'cookies'` is rendered (default false; pass
+     *   true to surface the Cookie Preferences entry in the Legal column).
      */
     interface EdsFooter {
         /**
-          * Controls the display of the "Back to Top" aria label text.
-          * @type {string}
+          * ARIA label for the "Back to top" floating button.
          */
         "backToTopAriaLabel"?: string;
         /**
-          * Controls the display of the "Cookies preferences" text.
-          * @type {string}
+          * Custom link columns. Accepts an array (Vue/React/JS bindings) OR a JSON-stringified array (HTML attribute use). When omitted, the canonical EBRAINS-wide columns above are used.  Shape: see EdsFooterColumn / EdsFooterLink at the top of this file.
+         */
+        "columns"?: EdsFooterColumn[] | string;
+        /**
+          * Label used for any link with `action: 'cookies'` — overrides the column's `label`.
          */
         "cookiesPreferences"?: string;
         /**
-          * Controls the display of the "Cookies preferences" link.
-          * @type {string}
+          * When false, any column link with `action: 'cookies'` is hidden. Default false so adding the footer to a page without a Matomo notice / cookie banner doesn't surface a non-functional link. Set true once you've also mounted `<eds-matomo-notice>` on the page.
          */
         "enableCookiesSettings"?: boolean;
         /**
-          * Controls the display of the "Back to Top" button. When true, the button appears in the footer.
-          * @type {boolean}
+          * Float a "Back to top" button at the top-right of the footer.
          */
         "enableScrollTop"?: boolean;
         /**
-          * Controls the display of the "Founded By" text.
-          * @type {string}
+          * "EBRAINS is funded by…" line shown next to the EU flag in the brand column.
          */
         "fundedBy"?: string;
         "onCookies"?: (event: EdsFooterCustomEvent<any>) => void;
         /**
-          * Controls the display of the "Rights Reserved" text.
-          * @type {string}
+          * "© {year} EBRAINS. All rights reserved." line shown below the funding text.
          */
         "rightsReserved"?: string;
         /**
-          * Determines if the social network section should be displayed. Adds top padding when true.
-          * @type {boolean}
+          * Show the eds-social-networks section above the main grid.
          */
         "social"?: boolean;
         /**
-          * Controls the visual variant of the footer. - 'default': Light background with dark text - 'inverse': Dark/black background with white text
-          * @type {'default' | 'inverse'}
+          * Theme variant. Defaults to `inverse` (dark) because the canonical EBRAINS footer design uses a dark backdrop with light text. Pass `variant="default"` for the light-on-light treatment if an app's page palette demands it.
          */
         "variant"?: 'default' | 'inverse';
     }
@@ -4278,6 +4593,18 @@ declare namespace LocalJSX {
           * The message displayed when the form submission fails.
          */
         "errorMessage"?: string;
+        /**
+          * Optional "time to complete" hint shown as a meta chip in the `brand` hero header (e.g. "~6 minutes"). Brand style only.
+         */
+        "estimatedTime"?: string;
+        /**
+          * Optional expiry label shown as a meta chip in the `brand` hero (e.g. "Closes Jun 28, 2026"). Brand style only.
+         */
+        "expires"?: string;
+        /**
+          * Small mono eyebrow shown above the title in the `brand` hero header (e.g. a programme or category label). Brand style only.
+         */
+        "eyebrow"?: 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 } ] ```
          */
@@ -4294,6 +4621,10 @@ declare namespace LocalJSX {
           * Choose between default layout, shadow style, or brand style. - "default": Standard form layout - "shadow": Form with shadow effect - "brand": EBRAINS branded form with left border and shadow
          */
         "formStyle"?: 'default' | 'shadow' | 'brand';
+        /**
+          * Show the "GDPR compliant" meta chip in the `brand` hero header. Default OFF — it's an unverified compliance claim, so it must be opted into explicitly (per form) rather than advertised on every brand form.
+         */
+        "gdpr"?: boolean;
         /**
           * New: list of groups, each with `{ id: string, title: string }`
          */
@@ -4313,11 +4644,33 @@ declare namespace LocalJSX {
     value?: any;
     message?: string;
     success?: boolean;
+    /** True when this change came from the Clear button (host may skip autosave). */
+    cleared?: boolean;
   }>) => void;
+        /**
+          * Optional submission-policy label shown as a meta chip in the `brand` hero (e.g. "You can submit this form only once."). Brand style only.
+         */
+        "policy"?: string;
+        /**
+          * Completion percentage (0–100) shown as a "X% complete" chip in the `brand` hero — the single-page equivalent of the multi-step progress. Host-driven (e.g. filled required fields); omit/undefined to hide. Brand style only.
+         */
+        "progress"?: number;
+        /**
+          * Autosave label next to the dot (e.g. "Saved 5:01 PM"). Empty hides the whole save-state cluster. Brand footer only.
+         */
+        "saveLabel"?: string;
+        /**
+          * Autosave state shown at the left of the brand footer (host-driven). The dot pulses grey while saving and settles green when saved.
+         */
+        "saveStatus"?: 'idle' | 'saving' | 'saved' | 'error';
         /**
           * If `true`, includes the current form URL in the submission data.
          */
         "setFormUrl"?: boolean;
+        /**
+          * Lifecycle state for the brand style (drives the hero eyebrow, glow tint and expiry meta-chip colour). "closed" additionally disables every field, desaturates the body and replaces the submit with a dead "Submissions closed" footer. No effect outside form-style="brand". - "open": accepting submissions (default) - "expiring": accepting but closing soon (amber) - "closed": expired / not accepting (red, read-only)
+         */
+        "status"?: 'open' | 'expiring' | 'closed';
         /**
           * The title displayed above the form.
          */
@@ -4495,6 +4848,10 @@ declare namespace LocalJSX {
           * Placeholder text for the input
          */
         "placeholder"?: string;
+        /**
+          * Visual theme of the search pill. - "gray"  (default): light grey surface (matches the EBRAINS header mockup) - "white": white surface with a 1px border (use when sitting on a coloured nav) - "black": brand-black surface with white text (use on dark backgrounds)
+         */
+        "variant"?: 'gray' | 'white' | 'black';
     }
     /**
      * `EdsHeader` is a header component designed for the EBRAINS platform.
@@ -4572,6 +4929,10 @@ declare namespace LocalJSX {
         "class"?: string;
     }
     interface EdsIconWrapper {
+        /**
+          * Accessible label for the icon. Set this when the icon conveys meaning on its own (e.g. a standalone status/action icon) — it is exposed as `role="img"` + `aria-label`. When omitted, the icon is treated as decorative and hidden from assistive technology (`aria-hidden`), which is correct when it sits next to a text label that already describes it.
+         */
+        "label"?: string;
         "name": IconName;
         "size"?: 16 | 20 | 24 | 32;
     }
@@ -4643,6 +5004,10 @@ declare namespace LocalJSX {
         "hasMessage"?: boolean;
         "icon"?: IconName;
         "inputId"?: string;
+        /**
+          * Explicit tabindex for the native input. Radio/checkbox groups inside the `eds-input-field` shadow root (delegatesFocus) get skipped by sequential keyboard navigation unless each input is explicitly in the tab order.
+         */
+        "inputTabIndex"?: number;
         "max"?: number;
         "maxLength"?: number;
         "min"?: number;
@@ -4997,6 +5362,28 @@ declare namespace LocalJSX {
          */
         "value"?: string | number;
     }
+    interface EdsKgLearningResources {
+        /**
+          * API endpoint for fetching learning resources
+         */
+        "apiEndpoint"?: string;
+        /**
+          * Component heading
+         */
+        "heading"?: string;
+        /**
+          * Whether to resolve software names
+         */
+        "resolveNames"?: boolean;
+        /**
+          * Max resources to fetch
+         */
+        "size"?: number;
+        /**
+          * Visual variant for accordions and cards
+         */
+        "variant"?: 'default' | 'inverse';
+    }
     interface EdsKgWebServicesSelect {
         /**
           * API endpoint for fetching web services Defaults to cached endpoint for better performance
@@ -5108,7 +5495,19 @@ declare namespace LocalJSX {
         /**
           * The visual style intent of the link. Options: 'primary', 'secondary', 'secondaryInverse', 'ghost', 'strong', 'weak', 'inverse', 'underline', 'underlineInverse', 'brand', 'brandInverse', 'cta', 'cta-brand'.
          */
-        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'underlineInverse' | 'brand' | 'brandInverse' | 'cta' | 'cta-brand';
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'strong'
+    | 'weak'
+    | 'inverse'
+    | 'underline'
+    | 'underlineInverse'
+    | 'brand'
+    | 'brandInverse'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The text label for the link.
          */
@@ -5127,28 +5526,23 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     /**
-     * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-     * Key Features:
-     * - Supports various logo styles and orientations.
-     * - Emits a custom `matomoEvent` for tracking click interactions.
+     * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
      * Props:
-     * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-     * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-     * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-     * Events:
-     * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-     * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+     * - `variant` (attribute `type`): `'positive'` (dark logo for light
+     *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+     * - `href`: where the logo links to (defaults to `/`). The logo is the
+     *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+     *   eds-form brand hero.
+     * Clicks emit an analytics event (category/tag/name/action).
+     * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+     * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+     * container).
      */
     interface EdsLogo {
         /**
           * The URL that the logo should link to. When clicked, the user will be navigated to this URL. Defaults to the root path ('/').
          */
         "href"?: string;
-        "label"?: string;
-        /**
-          * The orientation of the logo to display. - `"horizontal"` displays the logo horizontally. - `"vertical"` displays the logo vertically.
-         */
-        "orientation"?: 'horizontal' | 'vertical';
         /**
           * The visual variant of the logo. `'positive'` for dark logo on light backgrounds, `'negative'` for light logo on dark backgrounds.
          */
@@ -5344,6 +5738,69 @@ declare namespace LocalJSX {
          */
         "selectedRating"?: number;
     }
+    /**
+     * Searchable, source-agnostic select for HUGE option lists (countries,
+     * currencies, nationalities, …) — the generalised sibling of
+     * eds-kg-web-services-select.
+     * It never talks to an external API directly. It either filters an inline
+     * `options` array client-side, or queries a VETTED, NAMED `source` through our
+     * own datasets registry (`/api/v1/datasets/<source>/search`), which returns the
+     * one normalised shape `{ items: [{label, value}], total, nextOffset }`. Any
+     * messy upstream schema is flattened server-side by an adapter — the component
+     * stays dumb.
+     * Rendering is result-capped (we render at most `maxVisible` rows and tell the
+     * user to keep typing) so a 5,000-item source never blows up the DOM. Remote
+     * sources are additionally bounded by the server's page `limit`.
+     */
+    interface EdsSearchSelect {
+        /**
+          * Base path for the datasets API.
+         */
+        "apiBase"?: string;
+        /**
+          * Debounce (ms) before a remote search fires.
+         */
+        "debounceMs"?: number;
+        "disabled"?: boolean;
+        "error"?: boolean;
+        "errorMessage"?: string;
+        "hint"?: string;
+        "label"?: string;
+        /**
+          * Server page size for remote sources.
+         */
+        "limit"?: number;
+        /**
+          * Max rows rendered at once (DOM cap).
+         */
+        "maxVisible"?: number;
+        "message"?: string;
+        /**
+          * Allow selecting multiple values — selections render as removable tags.
+         */
+        "multiple"?: boolean;
+        "name": string;
+        "onEdschange"?: (event: EdsSearchSelectCustomEvent<{ value: string | boolean | string[] }>) => void;
+        "onEdsinput"?: (event: EdsSearchSelectCustomEvent<{ value: string | boolean | string[] }>) => void;
+        /**
+          * Inline options: an array or a JSON string of [{label, value}].
+         */
+        "options"?: Option[] | string;
+        "placeholder"?: string;
+        "required"?: boolean;
+        /**
+          * Query param name the search term is sent as.
+         */
+        "searchParam"?: string;
+        /**
+          * A vetted registry source key, e.g. "countries" / "currencies".
+         */
+        "source"?: string;
+        /**
+          * Selected value. A single value string in single-select mode, or an array of values in multi-select mode. v-model friendly.
+         */
+        "value"?: string | string[];
+    }
     interface EdsSectionCore {
         /**
           * The heading level for the section title, such as 'h1', 'h2', etc. Default is 'h2'.
@@ -5504,6 +5961,10 @@ declare namespace LocalJSX {
     }
     interface EdsStepsV2 {
         "backLabel"?: string;
+        /**
+          * Whether the stepper draws its own bordered card. Default true. Set to false when the host already provides the card chrome (e.g. a multi-step form whose form-style border lives on an outer wrapper) to avoid a double border.
+         */
+        "card"?: boolean;
         /**
           * Disable Next/Finish (boolean or per-step boolean[]). Also accepts a JSON array string.
           * @attr disable-next
@@ -5583,9 +6044,9 @@ declare namespace LocalJSX {
          */
         "onUiswitch"?: (event: EdsSwitchCustomEvent<{ value: boolean }>) => void;
         /**
-          * Variant of the switch: 'toggle' (default) or 'segmented' (pill-style buttons)
+          * Variant of the switch: - 'toggle' (default): the classic on/off switch - 'segmented': pill-style buttons — light container, green active pill - 'segmented-dark': pill-style buttons — white container with a hairline   border and a dark (brand-black) active pill
          */
-        "variant"?: 'toggle' | 'segmented';
+        "variant"?: 'toggle' | 'segmented' | 'segmented-dark';
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
@@ -5610,10 +6071,6 @@ declare namespace LocalJSX {
           * Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.  Each action object may include:  - `name`       (string; required)  — unique action key, e.g. `"view"`, `"delete"`.  - `label`      (string; required)  — text shown on the button, or used as the tooltip/aria-label when icon-only.  - `type`       ("button" | "checkbox"; optional) — whether to render a standard button (default) or a checkbox.  - `icon`       (string; optional)  — name of the icon to display in icon-only mode.  - `field`      (string; optional)  — for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).  - `showLabel`  (boolean; optional) — if `true`, render the full `label` instead of an icon + tooltip.  - `intent`     ("brand" | "primary" | "secondary" | "neutral" | "ghost" | "brandInverse" | "secondaryInverse" | "ghostInverse"; optional) — button intent/style.  When you pass JSON, make sure field names match exactly: ```html actions='[   { "name":"view",  "label":"View",  "icon":"eye", "intent":"brand" },   { "name":"edit",  "label":"Edit",  "icon":"pencil", "showLabel":true, "intent":"primary" },   { "name":"del",   "label":"Delete","type":"checkbox", "field":"selected" } ]' ```
          */
         "actions"?: string | TableAction[];
-        /**
-          * Optional property to control the column sizing mode. - 'default' uses containerWidth / visibleColumns. - 'medium' divides that result by 2. - 'large' divides that result by 4.
-         */
-        "columnSize"?: 'default' | 'medium' | 'large';
         /**
           * Config object to hide or format columns
          */
@@ -5658,9 +6115,9 @@ declare namespace LocalJSX {
          */
         "sortingEnabled"?: boolean;
         /**
-          * Theme for table styling: - 'default': Simple rows with no background - 'color': Alternating row colors - 'brand': Modern brand styling with hover effects and green accents
+          * Theme for table styling.  The 'default' (no background) and 'color' (alternating rows) themes are DISABLED — the table now always renders the EBRAINS 'brand' theme (modern styling, hover, green accents). The prop is kept for API compatibility but is coerced to 'brand' in componentWillLoad(), so any value a consumer passes is ignored.
          */
-        "theme"?: 'default' | 'color' | 'brand';
+        "theme"?: 'brand';
         /**
           * View mode for displaying data: - 'table': Traditional table layout (default) - 'card': Card grid layout
          */
@@ -5725,19 +6182,35 @@ declare namespace LocalJSX {
         "events"?: string | any[];
     }
     interface EdsToast {
+        /**
+          * Show a dismiss (×) button regardless of `duration`. The `toast` variant already shows one whenever `duration` is set; set this for a persistent banner the user can still close.
+         */
+        "dismissible"?: boolean;
         /**
           * Determines the duration before the toast auto-dismisses (in milliseconds). If set, the toast will auto-dismiss and show a close button. If not set (or set to 0), it will persist without a close button.
          */
         "duration"?: number;
+        /**
+          * Bold heading shown above the message. Banner variant only.
+         */
+        "heading"?: string;
+        /**
+          * Leading icon name (from the EBRAINS icon set). Banner variant only. Falls back to a sensible default per intent when omitted.
+         */
+        "icon"?: string;
         /**
           * The visual intent or style of the toast, indicating the toast type.
          */
-        "intent"?: 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
+        "intent"?: 'default' | 'success' | 'error' | 'warning' | 'info' | 'neutral' | 'brand' | 'brandInverse';
         /**
           * The main message or text to be displayed in the toast.
          */
         "message": string;
         "onToast"?: (event: EdsToastCustomEvent<{ visible: boolean; label: 'dismissed' | 'shown' }>) => void;
+        /**
+          * Visual variant: - "toast": the classic compact pill (message + close). Default; used by the   global toast manager. - "banner": a richer inline banner — leading icon in a tinted square, a bold   heading over a mono message, a coloured left rail on a tinted surface, an   optional actions slot and an optional dismiss button. Use for persistent,   in-page status (form expiry, saved draft, etc.).
+         */
+        "variant"?: 'toast' | 'banner';
     }
     interface EdsToastManager {
     }
@@ -5751,6 +6224,58 @@ declare namespace LocalJSX {
         "content"?: string;
         "position"?: 'top' | 'bottom';
     }
+    /**
+     * `EdsTrlBadge` — public EBRAINS TRL badge, aligned with the EBRAINS visual
+     * system (Black `#07140D`, Green `#00FF9D`, Dark Green `#00C87B`, Grey
+     * `#7A7B7A`, IBM Plex Mono) and using the **official EBRAINS sphere mark**.
+     * Renders a self-contained inline `<svg>` (same markup the server-side
+     * `badge.svg` endpoint emits), so it embeds anywhere and stays crisp.
+     * Variants:
+     * - `tone`     — CI-style label + value pill (dark or light `theme`).
+     * - `full`     — single bar with the full string.
+     * - `pill`     — compact rounded "TRL 7".
+     * - `outline`  — thin border, transparent fill, mono caps (dark or light).
+     * - `scale`    — nine readiness pips showing position on the 1–9 scale.
+     * The value/pip colour encodes maturity within the brand palette:
+     * TRL 7–9 → green, 4–6 → dark green, 1–3 → grey.
+     * @example <eds-trl-badge level={7} assessed="2026-06" methodology="v8.2"></eds-trl-badge>
+     * <eds-trl-badge level={7} variant="outline" theme="light"></eds-trl-badge>
+     * <eds-trl-badge level={7} variant="scale" size={32}></eds-trl-badge>
+     */
+    interface EdsTrlBadge {
+        /**
+          * Assessment month, e.g. "2026-06".
+         */
+        "assessed"?: string;
+        /**
+          * Optional link (methodology or service page).
+         */
+        "href"?: string;
+        /**
+          * Left-segment / leading label.
+         */
+        "label"?: string;
+        /**
+          * TRL level, 1–9.
+         */
+        "level": number;
+        /**
+          * Methodology version, e.g. "v8.2".
+         */
+        "methodology"?: string;
+        /**
+          * Rendered height in px. Scales the whole badge crisply (viewBox is fixed).
+         */
+        "size"?: number;
+        /**
+          * Colour theme for the `tone` / `outline` / `scale` variants.
+         */
+        "theme"?: 'dark' | 'light';
+        /**
+          * 'tone' | 'full' | 'pill' | 'outline' | 'scale'.
+         */
+        "variant"?: 'tone' | 'full' | 'pill' | 'outline' | 'scale';
+    }
     /**
      * `EdsUser` is a user component for managing and displaying
      * the user's auth information. Displays a user dropdown menu when authenticated.
@@ -5863,6 +6388,7 @@ declare namespace LocalJSX {
         "eds-input-range": EdsInputRange;
         "eds-input-search": EdsInputSearch;
         "eds-input-select": EdsInputSelect;
+        "eds-kg-learning-resources": EdsKgLearningResources;
         "eds-kg-web-services-select": EdsKgWebServicesSelect;
         "eds-link": EdsLink;
         "eds-logo": EdsLogo;
@@ -5873,6 +6399,7 @@ declare namespace LocalJSX {
         "eds-pie": EdsPie;
         "eds-progress-bar": EdsProgressBar;
         "eds-rating": EdsRating;
+        "eds-search-select": EdsSearchSelect;
         "eds-section-core": EdsSectionCore;
         "eds-section-heading": EdsSectionHeading;
         "eds-sidebar": EdsSidebar;
@@ -5889,6 +6416,7 @@ declare namespace LocalJSX {
         "eds-toast": EdsToast;
         "eds-toast-manager": EdsToastManager;
         "eds-tooltip": EdsTooltip;
+        "eds-trl-badge": EdsTrlBadge;
         "eds-user": EdsUser;
         "gradient-primary-palette": GradientPrimaryPalette;
         "gradient-secondary-palette": GradientSecondaryPalette;
@@ -6082,16 +6610,24 @@ declare module "@stencil/core" {
             "eds-dropdown": LocalJSX.EdsDropdown & JSXBase.HTMLAttributes<HTMLEdsDropdownElement>;
             "eds-feedback": LocalJSX.EdsFeedback & JSXBase.HTMLAttributes<HTMLEdsFeedbackElement>;
             /**
-             * `EdsFooter` is a footer component designed for the EBRAINS platform, featuring social links,
-             * legal information, and an optional cookie preferences button. It includes a "Back to top"
-             * button and displays an acknowledgment for Horizon Europe funding.
-             * Key Features:
-             * - Social Network Links: Optionally display a section for social media links.
-             * - Legal and Funding Information: Includes text for legal disclaimers and funding acknowledgments.
-             * - Cookie Preferences: Optionally display a "Cookies Preferences" button.
-             * - Back to Top Button: Smoothly scrolls the page back to the top when clicked.
-             * This component is ideal for maintaining consistent branding, legal disclaimers, and navigational elements
-             * across the EBRAINS platform, with options for social links and a "Back to top" button.
+             * `EdsFooter` is the EBRAINS-wide footer component.
+             * Renders a 4-column layout matching the eds-docs landing footer:
+             *   [ Brand (EU flag + funding text + copyright)  |  Resources  |  Community  |  Legal ]
+             * Defaults are designed so a consumer that writes `<eds-footer></eds-footer>`
+             * with no props gets the full canonical EBRAINS footer rendered — same
+             * brand block, same link columns, same dark theme as the eds-docs
+             * landing page. The previous minimal-strip footer is replaced; consumers
+             * that need different link content pass the `columns` prop (array or
+             * JSON-stringified array for HTML attribute use).
+             * Configurability without breakage:
+             * - All previous props remain (`social`, `variant`, `fundedBy`,
+             *   `rightsReserved`, `enableScrollTop`, `enableCookiesSettings`,
+             *   `cookiesPreferences`, `backToTopAriaLabel`). Their meanings are
+             *   preserved.
+             * - New `columns` prop is optional — omit it for the defaults.
+             * - The `enableCookiesSettings` toggle now decides whether any column
+             *   link with `action: 'cookies'` is rendered (default false; pass
+             *   true to surface the Cookie Preferences entry in the Legal column).
              */
             "eds-footer": LocalJSX.EdsFooter & JSXBase.HTMLAttributes<HTMLEdsFooterElement>;
             /**
@@ -6157,6 +6693,7 @@ declare module "@stencil/core" {
             "eds-input-range": LocalJSX.EdsInputRange & JSXBase.HTMLAttributes<HTMLEdsInputRangeElement>;
             "eds-input-search": LocalJSX.EdsInputSearch & JSXBase.HTMLAttributes<HTMLEdsInputSearchElement>;
             "eds-input-select": LocalJSX.EdsInputSelect & JSXBase.HTMLAttributes<HTMLEdsInputSelectElement>;
+            "eds-kg-learning-resources": LocalJSX.EdsKgLearningResources & JSXBase.HTMLAttributes<HTMLEdsKgLearningResourcesElement>;
             "eds-kg-web-services-select": LocalJSX.EdsKgWebServicesSelect & JSXBase.HTMLAttributes<HTMLEdsKgWebServicesSelectElement>;
             /**
              * `EdsLink` is a versatile link component offering different styles and behaviors.
@@ -6169,17 +6706,17 @@ declare module "@stencil/core" {
              */
             "eds-link": LocalJSX.EdsLink & JSXBase.HTMLAttributes<HTMLEdsLinkElement>;
             /**
-             * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-             * Key Features:
-             * - Supports various logo styles and orientations.
-             * - Emits a custom `matomoEvent` for tracking click interactions.
+             * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
              * Props:
-             * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-             * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-             * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-             * Events:
-             * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-             * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+             * - `variant` (attribute `type`): `'positive'` (dark logo for light
+             *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+             * - `href`: where the logo links to (defaults to `/`). The logo is the
+             *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+             *   eds-form brand hero.
+             * Clicks emit an analytics event (category/tag/name/action).
+             * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+             * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+             * container).
              */
             "eds-logo": LocalJSX.EdsLogo & JSXBase.HTMLAttributes<HTMLEdsLogoElement>;
             "eds-matomo-notice": LocalJSX.EdsMatomoNotice & JSXBase.HTMLAttributes<HTMLEdsMatomoNoticeElement>;
@@ -6207,6 +6744,21 @@ declare module "@stencil/core" {
             "eds-pie": LocalJSX.EdsPie & JSXBase.HTMLAttributes<HTMLEdsPieElement>;
             "eds-progress-bar": LocalJSX.EdsProgressBar & JSXBase.HTMLAttributes<HTMLEdsProgressBarElement>;
             "eds-rating": LocalJSX.EdsRating & JSXBase.HTMLAttributes<HTMLEdsRatingElement>;
+            /**
+             * Searchable, source-agnostic select for HUGE option lists (countries,
+             * currencies, nationalities, …) — the generalised sibling of
+             * eds-kg-web-services-select.
+             * It never talks to an external API directly. It either filters an inline
+             * `options` array client-side, or queries a VETTED, NAMED `source` through our
+             * own datasets registry (`/api/v1/datasets/<source>/search`), which returns the
+             * one normalised shape `{ items: [{label, value}], total, nextOffset }`. Any
+             * messy upstream schema is flattened server-side by an adapter — the component
+             * stays dumb.
+             * Rendering is result-capped (we render at most `maxVisible` rows and tell the
+             * user to keep typing) so a 5,000-item source never blows up the DOM. Remote
+             * sources are additionally bounded by the server's page `limit`.
+             */
+            "eds-search-select": LocalJSX.EdsSearchSelect & JSXBase.HTMLAttributes<HTMLEdsSearchSelectElement>;
             "eds-section-core": LocalJSX.EdsSectionCore & JSXBase.HTMLAttributes<HTMLEdsSectionCoreElement>;
             "eds-section-heading": LocalJSX.EdsSectionHeading & JSXBase.HTMLAttributes<HTMLEdsSectionHeadingElement>;
             "eds-sidebar": LocalJSX.EdsSidebar & JSXBase.HTMLAttributes<HTMLEdsSidebarElement>;
@@ -6259,6 +6811,25 @@ declare module "@stencil/core" {
              * `EdsTooltip` dynamically positions a tooltip centered above the slotted element.
              */
             "eds-tooltip": LocalJSX.EdsTooltip & JSXBase.HTMLAttributes<HTMLEdsTooltipElement>;
+            /**
+             * `EdsTrlBadge` — public EBRAINS TRL badge, aligned with the EBRAINS visual
+             * system (Black `#07140D`, Green `#00FF9D`, Dark Green `#00C87B`, Grey
+             * `#7A7B7A`, IBM Plex Mono) and using the **official EBRAINS sphere mark**.
+             * Renders a self-contained inline `<svg>` (same markup the server-side
+             * `badge.svg` endpoint emits), so it embeds anywhere and stays crisp.
+             * Variants:
+             * - `tone`     — CI-style label + value pill (dark or light `theme`).
+             * - `full`     — single bar with the full string.
+             * - `pill`     — compact rounded "TRL 7".
+             * - `outline`  — thin border, transparent fill, mono caps (dark or light).
+             * - `scale`    — nine readiness pips showing position on the 1–9 scale.
+             * The value/pip colour encodes maturity within the brand palette:
+             * TRL 7–9 → green, 4–6 → dark green, 1–3 → grey.
+             * @example <eds-trl-badge level={7} assessed="2026-06" methodology="v8.2"></eds-trl-badge>
+             * <eds-trl-badge level={7} variant="outline" theme="light"></eds-trl-badge>
+             * <eds-trl-badge level={7} variant="scale" size={32}></eds-trl-badge>
+             */
+            "eds-trl-badge": LocalJSX.EdsTrlBadge & JSXBase.HTMLAttributes<HTMLEdsTrlBadgeElement>;
             /**
              * `EdsUser` is a user component for managing and displaying
              * the user's auth information. Displays a user dropdown menu when authenticated.