@ebrains/components 2.2.0 → 2.3.1

package/dist/types/components/eds-cards/eds-card-generic/eds-card-generic.d.ts

@@ -1,6 +1,7 @@
 export interface Tag {
     label: string;
     style: 'accent' | 'default' | 'weak' | 'strong';
+    size: 'small' | 'medium' | 'large';
 }
 /**
  * `EdsCardGeneric` is a versatile card component designed to display rich content such as titles, descriptions, images, and tags.

package/dist/types/components/eds-dropdown/eds-dropdown.d.ts

@@ -2,13 +2,23 @@ import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * `EdsDropdown` is a versatile dropdown component that provides a list of items
  * that appear upon clicking the dropdown button. It supports various customization options,
- * such as positioning, styling, and keyboard accessibility.
+ * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
  *
- * Key features include:
- * - Configurable dropdown position (left or right) and offset.
- * - Customizable intent styles (e.g., primary, secondary).
- * - Keyboard navigation with support for up and down arrow keys.
- * - Option to use as a navigation menu or standard dropdown.
+ * ## Key Features:
+ * - Configurable dropdown position (left or right) and offset
+ * - Customizable intent styles (e.g., primary, secondary)
+ * - Keyboard navigation with support for up and down arrow keys
+ * - Automatic closing on clicks inside the dropdown panel
+ * - Flexible opt-in/opt-out mechanisms for closing behavior
+ * - Option to use as a navigation menu or standard dropdown
+ *
+ * ## Auto-Close Behavior:
+ * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+ * This includes links, buttons, custom elements, or any other clickable content.
+ *
+ * ## Data Attributes:
+ * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+ * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
  *
  * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
  */
@@ -61,6 +71,14 @@ export declare class EdsDropdown {
      * @default 'tertiary'
      */
     intent?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'ghostInverse';
+    /**
+     * Auto-close dropdown prop - when true, any click inside the panel closes the dropdown
+     */
+    autoClose: boolean;
+    /**
+     * Opt-out attribute - elements with this attribute won't trigger auto-close
+     */
+    noCloseSelector: string;
     /**
      * State to track if the dropdown is open.
      * @type {boolean}
@@ -81,8 +99,10 @@ export declare class EdsDropdown {
     dropdown: EventEmitter<{
         expanded: boolean;
     }>;
+    private panelEl?;
     private dropdownContent?;
     private focusableItems;
+    close(): Promise<void>;
     /**
      * Closes the dropdown when a click occurs outside of it.
      * @param {Event} e - The click event.
@@ -110,6 +130,7 @@ export declare class EdsDropdown {
      * Initializes focusable items within the dropdown.
      */
     componentDidLoad(): void;
+    handleHostInternalClick(ev: MouseEvent): void;
     /**
      * Renders the dropdown component and displays its content when open.
      * @returns {JSX.Element} The rendered dropdown component.

package/dist/types/{shared-ui → components}/eds-form/eds-form.d.ts

@@ -19,7 +19,7 @@ export declare class EdsForm {
     /**
      * The title displayed above the form.
      */
-    title?: string;
+    title: string;
     /**
      * The description displayed below the title.
      */
@@ -122,7 +122,7 @@ export declare class EdsForm {
     handleInput(e: Event, field: any): void;
     private handleRating;
     private handleNPS;
-    handleSubmit(): void;
+    handleSubmit(e?: Event): void;
     private get groupedFields();
     private renderField;
     getData(): Promise<FormData>;

package/dist/types/{shared-ui → components}/eds-fullscreen-menu/eds-fullscreen-menu.d.ts

@@ -68,10 +68,13 @@ export declare class EdsFullscreenMenu {
      * ```
      */
     handleToggleMenu(event: CustomEvent<boolean>): void;
+    onKeydown(e: KeyboardEvent): void;
     /** Opens the menu */
     openMenu(): void;
     /** Closes the menu */
     closeMenu(): void;
+    open(): Promise<void>;
+    close(): Promise<void>;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     handleResize(): void;

package/dist/types/{shared-ui → components}/eds-header/eds-header.d.ts

@@ -51,9 +51,7 @@ export declare class EdsHeader {
      * Controls the visibility of the fullscreen user menu.
      */
     isUserMenuOpen: boolean;
-    isAuthenticated: boolean;
     hostEl: HTMLElement;
-    onAuthStatusChanged(event: CustomEvent<any>): void;
     /** Event to signal toggle menu action */
     toggleheadermenu: EventEmitter<boolean>;
     componentDidLoad(): void;

package/dist/types/{shared-ui → components}/eds-steps/eds-steps.d.ts

@@ -90,6 +90,7 @@ export declare class EdsSteps {
     back: EventEmitter<number>;
     /** Reference to the host element */
     el: HTMLElement;
+    private handleTitleClick;
     componentDidLoad(): void;
     activeStepChanged(newValue: number): void;
     emitContext(linkElement: HTMLElement): void;
@@ -97,7 +98,7 @@ export declare class EdsSteps {
     private isNextDisabledFor;
     private handleNext;
     private handleBack;
-    /** Render the semantic heading element */
+    /** Render the semantic heading element as a clickable control only in linear mode */
     private renderHeading;
     render(): any;
 }

package/dist/types/{shared-ui → components}/eds-steps-v2/eds-steps-v2.d.ts

@@ -66,6 +66,7 @@ export declare class EdsStepsV2 {
     back: EventEmitter<number>;
     /** Reference to the host element. */
     el: HTMLElement;
+    private handleTitleClick;
     componentDidLoad(): void;
     activeStepChanged(newValue: number): void;
     emitContext(linkElement: HTMLElement): void;
@@ -76,6 +77,7 @@ export declare class EdsStepsV2 {
     private get parsedSteps();
     private handleNext;
     private handleBack;
+    private isNextDisabledForCurrent;
     /** Render the semantic heading element */
     private renderHeading;
     render(): any;

package/dist/types/components/eds-tag/eds-tag.d.ts

@@ -10,7 +10,7 @@ export declare class EdsTag {
     /**
      * The visual style or intent of the tag.
      */
-    intent: 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+    intent: 'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
     /**
      * The size of the tag: small, medium, or large.
      */

package/dist/types/{shared-ui → components}/eds-user/eds-user.d.ts

@@ -19,8 +19,11 @@ export declare class EdsUser {
     user: string | User;
     /** Visual intent of the trigger button */
     intent: Intent;
+    dropdownLabel: string;
     hostEl: HTMLElement;
     expanded: boolean;
+    shortMode: boolean;
+    private dropdownEl?;
     /**
      * Helper getter to ensure we work with a User object.
      */
@@ -28,6 +31,7 @@ export declare class EdsUser {
     componentWillLoad(): Promise<void>;
     private get initials();
     private handleDropdown;
+    closeDropdown(): Promise<void>;
     render(): any;
 }
 export {};

package/dist/types/components.d.ts

@@ -6,16 +6,16 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
-import { Card } from "./shared-ui/eds-card-section/eds-card-section";
+import { Card } from "./components/eds-cards/eds-card-section/eds-card-section";
 import { Event, VNode } from "./stencil-public-runtime";
-import { Step } from "./shared-ui/eds-steps/eds-steps";
-import { Step as Step1 } from "./shared-ui/eds-steps-v2/eds-steps-v2";
+import { Step } from "./components/eds-steps/eds-steps";
+import { Step as Step1 } from "./components/eds-steps-v2/eds-steps-v2";
 import { TableAction } from "./components/eds-table/eds-table";
 export { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
-export { Card } from "./shared-ui/eds-card-section/eds-card-section";
+export { Card } from "./components/eds-cards/eds-card-section/eds-card-section";
 export { Event, VNode } from "./stencil-public-runtime";
-export { Step } from "./shared-ui/eds-steps/eds-steps";
-export { Step as Step1 } from "./shared-ui/eds-steps-v2/eds-steps-v2";
+export { Step } from "./components/eds-steps/eds-steps";
+export { Step as Step1 } from "./components/eds-steps-v2/eds-steps-v2";
 export { TableAction } from "./components/eds-table/eds-table";
 export namespace Components {
     interface ColorPrimaryPalette {
@@ -504,12 +504,20 @@ export namespace Components {
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
      * that appear upon clicking the dropdown button. It supports various customization options,
-     * such as positioning, styling, and keyboard accessibility.
-     * Key features include:
-     * - Configurable dropdown position (left or right) and offset.
-     * - Customizable intent styles (e.g., primary, secondary).
-     * - Keyboard navigation with support for up and down arrow keys.
-     * - Option to use as a navigation menu or standard dropdown.
+     * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
+     * ## Key Features:
+     * - Configurable dropdown position (left or right) and offset
+     * - Customizable intent styles (e.g., primary, secondary)
+     * - Keyboard navigation with support for up and down arrow keys
+     * - Automatic closing on clicks inside the dropdown panel
+     * - Flexible opt-in/opt-out mechanisms for closing behavior
+     * - Option to use as a navigation menu or standard dropdown
+     * ## Auto-Close Behavior:
+     * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+     * This includes links, buttons, custom elements, or any other clickable content.
+     * ## Data Attributes:
+     * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+     * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
      * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
      */
     interface EdsDropdown {
@@ -525,6 +533,11 @@ export namespace Components {
           * @default true
          */
         "asNav": boolean;
+        /**
+          * Auto-close dropdown prop - when true, any click inside the panel closes the dropdown
+         */
+        "autoClose": boolean;
+        "close": () => Promise<void>;
         /**
           * Offset spacing for the dropdown relative to the button.
           * @type {boolean}
@@ -554,6 +567,10 @@ export namespace Components {
           * @type {string}
          */
         "label": string;
+        /**
+          * Opt-out attribute - elements with this attribute won't trigger auto-close
+         */
+        "noCloseSelector": string;
         /**
           * Whether the dropdown nav list placeholder has rounded (pill) styling.
           * @type {boolean}
@@ -696,7 +713,7 @@ export namespace Components {
         /**
           * The title displayed above the form.
          */
-        "title"?: string;
+        "title": string;
     }
     interface EdsFrame {
         /**
@@ -739,6 +756,7 @@ export namespace Components {
      * - **Footer Integration**: Optionally displays social links and a customizable footer section within the fullscreen menu.
      */
     interface EdsFullscreenMenu {
+        "close": () => Promise<void>;
         /**
           * URL for the logo link in the header.
           * @default "/"
@@ -762,6 +780,7 @@ export namespace Components {
           * @attr menu-links
          */
         "menuLinks": string;
+        "open": () => Promise<void>;
     }
     interface EdsGauge {
         /**
@@ -786,6 +805,24 @@ export namespace Components {
         "valueMin": number;
         "variant": 'default' | 'dark' | 'strong' | 'black';
     }
+    interface EdsGlobalSearch {
+        /**
+          * API endpoint for search
+         */
+        "apiEndpoint": string;
+        /**
+          * Debounce delay in milliseconds
+         */
+        "debounceDelay": number;
+        /**
+          * Maximum number of results to fetch
+         */
+        "limit": number;
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder": string;
+    }
     /**
      * `EdsHeader` is a header component designed for the EBRAINS platform.
      * It provides a customizable and responsive navigation experience, tailored for both desktop and mobile views.
@@ -1956,7 +1993,7 @@ export namespace Components {
         /**
           * The visual style or intent of the tag.
          */
-        "intent": 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+        "intent": 'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
         /**
           * The label to be displayed inside the tag.
          */
@@ -2010,6 +2047,8 @@ export namespace Components {
      * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface EdsUser {
+        "closeDropdown": () => Promise<void>;
+        "dropdownLabel": string;
         /**
           * Visual intent of the trigger button
          */
@@ -2090,6 +2129,10 @@ export interface EdsFullscreenMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsFullscreenMenuElement;
 }
+export interface EdsGlobalSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsGlobalSearchElement;
+}
 export interface EdsHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsHeaderElement;
@@ -2399,12 +2442,20 @@ declare global {
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
      * that appear upon clicking the dropdown button. It supports various customization options,
-     * such as positioning, styling, and keyboard accessibility.
-     * Key features include:
-     * - Configurable dropdown position (left or right) and offset.
-     * - Customizable intent styles (e.g., primary, secondary).
-     * - Keyboard navigation with support for up and down arrow keys.
-     * - Option to use as a navigation menu or standard dropdown.
+     * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
+     * ## Key Features:
+     * - Configurable dropdown position (left or right) and offset
+     * - Customizable intent styles (e.g., primary, secondary)
+     * - Keyboard navigation with support for up and down arrow keys
+     * - Automatic closing on clicks inside the dropdown panel
+     * - Flexible opt-in/opt-out mechanisms for closing behavior
+     * - Option to use as a navigation menu or standard dropdown
+     * ## Auto-Close Behavior:
+     * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+     * This includes links, buttons, custom elements, or any other clickable content.
+     * ## Data Attributes:
+     * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+     * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
      * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
      */
     interface HTMLEdsDropdownElement extends Components.EdsDropdown, HTMLStencilElement {
@@ -2540,6 +2591,34 @@ declare global {
         prototype: HTMLEdsGaugeElement;
         new (): HTMLEdsGaugeElement;
     };
+    interface HTMLEdsGlobalSearchElementEventMap {
+        "resultSelected": {
+    id: string;
+    title: string;
+    url: string;
+    section: string;
+    tags: string[];
+    date: string | null;
+    source: string;
+    snippet: string;
+    score: number | null;
+  };
+        "searchClosed": void;
+    }
+    interface HTMLEdsGlobalSearchElement extends Components.EdsGlobalSearch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsGlobalSearchElementEventMap>(type: K, listener: (this: HTMLEdsGlobalSearchElement, ev: EdsGlobalSearchCustomEvent<HTMLEdsGlobalSearchElementEventMap[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 HTMLEdsGlobalSearchElementEventMap>(type: K, listener: (this: HTMLEdsGlobalSearchElement, ev: EdsGlobalSearchCustomEvent<HTMLEdsGlobalSearchElementEventMap[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 HTMLEdsGlobalSearchElement: {
+        prototype: HTMLEdsGlobalSearchElement;
+        new (): HTMLEdsGlobalSearchElement;
+    };
     interface HTMLEdsHeaderElementEventMap {
         "toggleheadermenu": boolean;
     }
@@ -3428,6 +3507,7 @@ declare global {
         "eds-frame": HTMLEdsFrameElement;
         "eds-fullscreen-menu": HTMLEdsFullscreenMenuElement;
         "eds-gauge": HTMLEdsGaugeElement;
+        "eds-global-search": HTMLEdsGlobalSearchElement;
         "eds-header": HTMLEdsHeaderElement;
         "eds-icon-arrow-diagonal": HTMLEdsIconArrowDiagonalElement;
         "eds-icon-arrow-right": HTMLEdsIconArrowRightElement;
@@ -4020,12 +4100,20 @@ declare namespace LocalJSX {
     /**
      * `EdsDropdown` is a versatile dropdown component that provides a list of items
      * that appear upon clicking the dropdown button. It supports various customization options,
-     * such as positioning, styling, and keyboard accessibility.
-     * Key features include:
-     * - Configurable dropdown position (left or right) and offset.
-     * - Customizable intent styles (e.g., primary, secondary).
-     * - Keyboard navigation with support for up and down arrow keys.
-     * - Option to use as a navigation menu or standard dropdown.
+     * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
+     * ## Key Features:
+     * - Configurable dropdown position (left or right) and offset
+     * - Customizable intent styles (e.g., primary, secondary)
+     * - Keyboard navigation with support for up and down arrow keys
+     * - Automatic closing on clicks inside the dropdown panel
+     * - Flexible opt-in/opt-out mechanisms for closing behavior
+     * - Option to use as a navigation menu or standard dropdown
+     * ## Auto-Close Behavior:
+     * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+     * This includes links, buttons, custom elements, or any other clickable content.
+     * ## Data Attributes:
+     * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+     * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
      * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
      */
     interface EdsDropdown {
@@ -4041,6 +4129,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "asNav"?: boolean;
+        /**
+          * Auto-close dropdown prop - when true, any click inside the panel closes the dropdown
+         */
+        "autoClose"?: boolean;
         /**
           * Offset spacing for the dropdown relative to the button.
           * @type {boolean}
@@ -4070,6 +4162,10 @@ declare namespace LocalJSX {
           * @type {string}
          */
         "label"?: string;
+        /**
+          * Opt-out attribute - elements with this attribute won't trigger auto-close
+         */
+        "noCloseSelector"?: string;
         /**
           * Event emitted when the dropdown toggles, indicating the new expanded/collapsed state
          */
@@ -4322,6 +4418,42 @@ declare namespace LocalJSX {
         "valueMin"?: number;
         "variant"?: 'default' | 'dark' | 'strong' | 'black';
     }
+    interface EdsGlobalSearch {
+        /**
+          * API endpoint for search
+         */
+        "apiEndpoint"?: string;
+        /**
+          * Debounce delay in milliseconds
+         */
+        "debounceDelay"?: number;
+        /**
+          * Maximum number of results to fetch
+         */
+        "limit"?: number;
+        /**
+          * Emitted when a result is selected
+         */
+        "onResultSelected"?: (event: EdsGlobalSearchCustomEvent<{
+    id: string;
+    title: string;
+    url: string;
+    section: string;
+    tags: string[];
+    date: string | null;
+    source: string;
+    snippet: string;
+    score: number | null;
+  }>) => void;
+        /**
+          * Emitted when search is closed (for expandable mode)
+         */
+        "onSearchClosed"?: (event: EdsGlobalSearchCustomEvent<void>) => void;
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string;
+    }
     /**
      * `EdsHeader` is a header component designed for the EBRAINS platform.
      * It provides a customizable and responsive navigation experience, tailored for both desktop and mobile views.
@@ -5569,7 +5701,7 @@ declare namespace LocalJSX {
         /**
           * The visual style or intent of the tag.
          */
-        "intent"?: 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+        "intent"?: 'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
         /**
           * The label to be displayed inside the tag.
          */
@@ -5624,6 +5756,7 @@ declare namespace LocalJSX {
      * This component is ideal for embedding into any layout requiring user authentication.
      */
     interface EdsUser {
+        "dropdownLabel"?: string;
         /**
           * Visual intent of the trigger button
          */
@@ -5706,6 +5839,7 @@ declare namespace LocalJSX {
         "eds-frame": EdsFrame;
         "eds-fullscreen-menu": EdsFullscreenMenu;
         "eds-gauge": EdsGauge;
+        "eds-global-search": EdsGlobalSearch;
         "eds-header": EdsHeader;
         "eds-icon-arrow-diagonal": EdsIconArrowDiagonal;
         "eds-icon-arrow-right": EdsIconArrowRight;
@@ -5915,12 +6049,20 @@ declare module "@stencil/core" {
             /**
              * `EdsDropdown` is a versatile dropdown component that provides a list of items
              * that appear upon clicking the dropdown button. It supports various customization options,
-             * such as positioning, styling, and keyboard accessibility.
-             * Key features include:
-             * - Configurable dropdown position (left or right) and offset.
-             * - Customizable intent styles (e.g., primary, secondary).
-             * - Keyboard navigation with support for up and down arrow keys.
-             * - Option to use as a navigation menu or standard dropdown.
+             * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
+             * ## Key Features:
+             * - Configurable dropdown position (left or right) and offset
+             * - Customizable intent styles (e.g., primary, secondary)
+             * - Keyboard navigation with support for up and down arrow keys
+             * - Automatic closing on clicks inside the dropdown panel
+             * - Flexible opt-in/opt-out mechanisms for closing behavior
+             * - Option to use as a navigation menu or standard dropdown
+             * ## Auto-Close Behavior:
+             * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+             * This includes links, buttons, custom elements, or any other clickable content.
+             * ## Data Attributes:
+             * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+             * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
              * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
              */
             "eds-dropdown": LocalJSX.EdsDropdown & JSXBase.HTMLAttributes<HTMLEdsDropdownElement>;
@@ -5962,6 +6104,7 @@ declare module "@stencil/core" {
              */
             "eds-fullscreen-menu": LocalJSX.EdsFullscreenMenu & JSXBase.HTMLAttributes<HTMLEdsFullscreenMenuElement>;
             "eds-gauge": LocalJSX.EdsGauge & JSXBase.HTMLAttributes<HTMLEdsGaugeElement>;
+            "eds-global-search": LocalJSX.EdsGlobalSearch & JSXBase.HTMLAttributes<HTMLEdsGlobalSearchElement>;
             /**
              * `EdsHeader` is a header component designed for the EBRAINS platform.
              * It provides a customizable and responsive navigation experience, tailored for both desktop and mobile views.

package/dist/types/shared-ui/eds-global-search/eds-global-search.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+interface SearchResult {
+    id: string;
+    title: string;
+    url: string;
+    section: string;
+    tags: string[];
+    date: string | null;
+    source: string;
+    snippet: string;
+    score: number | null;
+}
+export declare class EdsGlobalSearch {
+    el: HTMLElement;
+    /**
+     * API endpoint for search
+     */
+    apiEndpoint: string;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder: string;
+    /**
+     * Maximum number of results to fetch
+     */
+    limit: number;
+    /**
+     * Debounce delay in milliseconds
+     */
+    debounceDelay: number;
+    /**
+     * Emitted when a result is selected
+     */
+    resultSelected: EventEmitter<{
+        id: string;
+        title: string;
+        url: string;
+        section: string;
+        tags: string[];
+        date: string | null;
+        source: string;
+        snippet: string;
+        score: number | null;
+    }>;
+    /**
+     * Emitted when search is closed (for expandable mode)
+     */
+    searchClosed: EventEmitter<void>;
+    query: string;
+    results: SearchResult[];
+    loading: boolean;
+    error: string;
+    hasSearched: boolean;
+    showDropdown: boolean;
+    selectedIndex: number;
+    private debounceTimer?;
+    private dropdownRef?;
+    private inputRef?;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleDocumentClick(event: MouseEvent): void;
+    handleKeydown(event: KeyboardEvent): void;
+    private handleInput;
+    private runSearch;
+    private selectResult;
+    private scrollToSelected;
+    private stripHtml;
+    private get hasResults();
+    private get showEmpty();
+    render(): any;
+}
+export {};

package/dist/types/shared-ui/eds-global-search/eds-global-search.stories.d.ts

@@ -0,0 +1,40 @@
+declare global {
+    interface Window {
+        __searchMocked?: boolean;
+        __searchLoadingMocked?: boolean;
+        __searchErrorMocked?: boolean;
+        __searchEmptyMocked?: boolean;
+        __searchKeyboardMocked?: boolean;
+    }
+}
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        apiEndpoint: {
+            control: string;
+            description: string;
+            defaultValue: string;
+        };
+        placeholder: {
+            control: string;
+            description: string;
+            defaultValue: string;
+        };
+        limit: {
+            control: string;
+            description: string;
+            defaultValue: number;
+        };
+        debounceDelay: {
+            control: string;
+            description: string;
+            defaultValue: number;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const WithMockedData: any;
+export declare const ErrorState: any;
+export declare const KeyboardNavigation: any;