@siemens/ix 5.1.1 → 5.2.1

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { ActionCardVariant } from "./components/action-card/action-card.types";
 import { ThemeVariant } from "./components/utils/theme-switcher";
 import { Breakpoint } from "./components/utils/breakpoints";
 import { AppSwitchConfiguration } from "./components/utils/application-layout/context";
+import { BadgeAnatomyType, BadgePosition, BadgeVariant } from "./components/badge/badge.types";
 import { BlindVariant } from "./components/blind/blind.types";
 import { BreadcrumbClick } from "./components/breadcrumb/breadcrumb.types";
 import { AnchorTarget } from "./components/button/button.interface";
@@ -18,6 +19,7 @@ import { CardAccordionExpandChangeEvent, CardAccordionVariant } from "./componen
 import { FilterState } from "./components/category-filter/filter-state";
 import { LogicalFilterOperator } from "./components/category-filter/logical-filter-operator";
 import { InputState } from "./components/category-filter/input-state";
+import { ChatAttachmentStatus } from "./components/chat-attachment/chat-attachment.types";
 import { ChipVariant } from "./components/chip/chip.types";
 import { ColumnSize } from "./components/col/col.types";
 import { ContentHeaderVariant } from "./components/content-header/content-header.types";
@@ -64,6 +66,7 @@ export { ActionCardVariant } from "./components/action-card/action-card.types";
 export { ThemeVariant } from "./components/utils/theme-switcher";
 export { Breakpoint } from "./components/utils/breakpoints";
 export { AppSwitchConfiguration } from "./components/utils/application-layout/context";
+export { BadgeAnatomyType, BadgePosition, BadgeVariant } from "./components/badge/badge.types";
 export { BlindVariant } from "./components/blind/blind.types";
 export { BreadcrumbClick } from "./components/breadcrumb/breadcrumb.types";
 export { AnchorTarget } from "./components/button/button.interface";
@@ -73,6 +76,7 @@ export { CardAccordionExpandChangeEvent, CardAccordionVariant } from "./componen
 export { FilterState } from "./components/category-filter/filter-state";
 export { LogicalFilterOperator } from "./components/category-filter/logical-filter-operator";
 export { InputState } from "./components/category-filter/input-state";
+export { ChatAttachmentStatus } from "./components/chat-attachment/chat-attachment.types";
 export { ChipVariant } from "./components/chip/chip.types";
 export { ColumnSize } from "./components/col/col.types";
 export { ContentHeaderVariant } from "./components/content-header/content-header.types";
@@ -276,6 +280,104 @@ export namespace Components {
          */
         "username"?: string;
     }
+    /**
+     * Overlay indicator for counts, labels, dots, and status icons.
+     * **Attached** (default slot has content): the indicator is decorative.
+     * When `label` is set, that text is exposed on the anchor via `aria-describedby`.
+     * Host `role` / `aria-*` are discarded so the anchor owns the accessible name.
+     * **Standalone** (empty default slot): author `role` / `aria-*` stay on the host.
+     * For `dot` and `status-icon`, provide a host `aria-label` and a naming role
+     * (for example `role="img"`, or `role="status"` / `role="alert"` for a live region).
+     * Override max-width with `--ix-badge-max-width`.
+     * @since 5.2.0
+     */
+    interface IxBadge {
+        /**
+          * Left-align label content. Only has an effect when **type** is `label`.
+          * @since 5.2.0
+          * @default false
+         */
+        "alignLeft": boolean;
+        /**
+          * Accessible name for the leading icon. When unset, the icon is decorative if **label** provides visible text. Only has an effect when **type** is `label`.
+          * @since 5.2.0
+         */
+        "ariaLabelIcon"?: string;
+        /**
+          * Custom background or border color. Only has an effect when **variant** is `custom`.
+          * @since 5.2.0
+         */
+        "background"?: string;
+        /**
+          * Custom text color. Only has an effect when **variant** is `custom`.
+          * @since 5.2.0
+         */
+        "badgeColor"?: string;
+        /**
+          * Add a high-contrast border on filled badges. Ignored when **outline** is `true` or **type** is `status-icon`.
+          * @since 5.2.0
+          * @default false
+         */
+        "border": boolean;
+        /**
+          * Play the attention pulse animation. Override duration with `--ix-badge-animation-duration` (default `2s`).
+          * @since 5.2.0
+          * @default false
+         */
+        "enableAnimation": boolean;
+        /**
+          * Leading icon name. Only has an effect when **type** is `label`.
+          * @since 5.2.0
+         */
+        "icon"?: string;
+        /**
+          * Visible text or count. Required for `label` and `counter`. Omit for `dot` and `status-icon`. Counters accept integers only (decimals truncated); values above 99 render as `99+`.
+          * @since 5.2.0
+         */
+        "label"?: string;
+        /**
+          * Extra horizontal offset in pixels. Only has an effect when attached. Added to the type default.
+          * @since 5.2.0
+          * @default 0
+         */
+        "offsetX": number;
+        /**
+          * Extra vertical offset in pixels. Only has an effect when attached. Added to the type default.
+          * @since 5.2.0
+          * @default 0
+         */
+        "offsetY": number;
+        /**
+          * Show the badge in outline style.
+          * @since 5.2.0
+          * @default false
+         */
+        "outline": boolean;
+        /**
+          * Position relative to the slotted anchor. Only has an effect when attached.
+          * @since 5.2.0
+          * @default 'top-after'
+         */
+        "position": BadgePosition;
+        /**
+          * Display a tooltip when the badge is standalone. By default, no tooltip is displayed. Add the attribute to use the badge label (or host `aria-label`) as the tooltip, or pass a string for custom text. Ignored when the badge is attached to an anchor.
+          * @since 5.2.0
+          * @default false
+         */
+        "tooltipText": string | boolean;
+        /**
+          * Badge type (`counter`, `label`, `dot`, or `status-icon`).
+          * @since 5.2.0
+          * @default 'counter'
+         */
+        "type": BadgeAnatomyType;
+        /**
+          * Color variant. For `status-icon`, unsupported values fall back to `info`. Use `error` only with `status-icon` (other types map it to `alarm`).
+          * @since 5.2.0
+          * @default 'primary'
+         */
+        "variant": BadgeVariant;
+    }
     interface IxBlind {
         /**
           * Collapsed state
@@ -624,6 +726,154 @@ export namespace Components {
          */
         "uniqueCategories": boolean;
     }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChat {
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChatAiMessage {
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChatAttachment {
+        /**
+          * Name of the attached file.
+          * @default ''
+         */
+        "fileName": string;
+        /**
+          * Hide the remove action.
+          * @default false
+         */
+        "hideRemoveButton": boolean;
+        /**
+          * Icon displayed before the file name.
+          * @default iconTxtDocument
+         */
+        "icon": string;
+        /**
+          * Enable preview interaction for default attachments.
+          * @default false
+         */
+        "previewSupported": boolean;
+        /**
+          * Accessible label for the remove action.
+          * @default 'Remove attachment'
+         */
+        "removeAriaLabel": string;
+        /**
+          * Upload status of the attachment.
+          * @default 'default'
+         */
+        "status": ChatAttachmentStatus;
+    }
+    /**
+     * @since 5.2.0
+     * @form-ready 
+     */
+    interface IxChatInput {
+        /**
+          * Character limit used for the optional inline character limit message. Falls back to `maxLength` when not set.
+         */
+        "characterLimit"?: number;
+        /**
+          * Percentage of the character limit that triggers the soft warning. Define a number between 0 and 1 (e.g. 0.8 for 80%).
+          * @default 0.9
+         */
+        "characterLimitWarningThreshold": number;
+        /**
+          * Specifies whether the chat input is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Disclaimer text displayed below the chat input.
+          * @default 'This content is AI-generated. Always verify the information for accuracy.'
+         */
+        "disclaimer": string;
+        /**
+          * Focuses the chat input.
+          * @since 5.1.0
+         */
+        "focusInput": () => Promise<void>;
+        "getAssociatedFormElement": () => Promise<HTMLFormElement | null>;
+        /**
+          * Returns the native textarea element used by the chat input.
+          * @since 5.1.0
+         */
+        "getNativeInputElement": () => Promise<HTMLTextAreaElement>;
+        /**
+          * i18n label for the hard character limit message. Use `{current}` and `{limit}` placeholders to place the values in any order.
+          * @default 'Character limit reached ({current} / {limit} characters)'
+         */
+        "i18nCharacterLimitReached": string;
+        /**
+          * i18n label for the soft character limit warning. Use `{current}` and `{limit}` placeholders to place the values in any order.
+          * @default "You're nearing the limit ({current} / {limit} characters)"
+         */
+        "i18nCharacterLimitWarning": string;
+        /**
+          * If true, pressing Enter inserts a line break instead of submitting the prompt.
+          * @default false
+         */
+        "insertLineBreakOnEnter": boolean;
+        /**
+          * The maximum length of the chat input.
+         */
+        "maxLength"?: number;
+        /**
+          * Maximum number of visible text rows before the input becomes scrollable.
+          * @default 6
+         */
+        "maxRows": number;
+        /**
+          * Minimum number of visible text rows.
+          * @default 1
+         */
+        "minRows": number;
+        /**
+          * The name of the chat input.
+         */
+        "name"?: string;
+        /**
+          * The placeholder text for the chat input.
+          * @default 'Enter a command, question or topic...'
+         */
+        "placeholder": string;
+        /**
+          * Specifies whether the chat input is readonly.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * The state of the chat input, which can be either 'input' or 'processing'.
+          * @default 'input'
+         */
+        "state"?: 'input' | 'processing';
+        /**
+          * Accessible label for the native textarea.
+          * @default 'Chat input'
+         */
+        "textareaLabel": string;
+        /**
+          * The value of the chat input.
+          * @default ''
+         */
+        "value": string;
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChatUserMessage {
+        /**
+          * Text displayed in the user message bubble.
+         */
+        "message"?: string;
+    }
     /**
      * @form-ready 
      */
@@ -745,7 +995,7 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
+          * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible on the main chip content.
           * @default false
          */
         "inactive": boolean;
@@ -4747,6 +4997,14 @@ export interface IxCategoryFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxCategoryFilterElement;
 }
+export interface IxChatAttachmentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxChatAttachmentElement;
+}
+export interface IxChatInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxChatInputElement;
+}
 export interface IxCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxCheckboxElement;
@@ -5014,6 +5272,23 @@ declare global {
         prototype: HTMLIxAvatarElement;
         new (): HTMLIxAvatarElement;
     };
+    /**
+     * Overlay indicator for counts, labels, dots, and status icons.
+     * **Attached** (default slot has content): the indicator is decorative.
+     * When `label` is set, that text is exposed on the anchor via `aria-describedby`.
+     * Host `role` / `aria-*` are discarded so the anchor owns the accessible name.
+     * **Standalone** (empty default slot): author `role` / `aria-*` stay on the host.
+     * For `dot` and `status-icon`, provide a host `aria-label` and a naming role
+     * (for example `role="img"`, or `role="status"` / `role="alert"` for a live region).
+     * Override max-width with `--ix-badge-max-width`.
+     * @since 5.2.0
+     */
+    interface HTMLIxBadgeElement extends Components.IxBadge, HTMLStencilElement {
+    }
+    var HTMLIxBadgeElement: {
+        prototype: HTMLIxBadgeElement;
+        new (): HTMLIxBadgeElement;
+    };
     interface HTMLIxBlindElementEventMap {
         "collapsedChange": boolean;
     }
@@ -5110,7 +5385,7 @@ declare global {
     nativeEvent: MouseEvent;
   };
         "showMoreCardClick": {
-    nativeEvent: MouseEvent;
+    nativeEvent: MouseEvent | KeyboardEvent;
   };
     }
     interface HTMLIxCardListElement extends Components.IxCardList, HTMLStencilElement {
@@ -5153,6 +5428,78 @@ declare global {
         prototype: HTMLIxCategoryFilterElement;
         new (): HTMLIxCategoryFilterElement;
     };
+    /**
+     * @since 5.2.0
+     */
+    interface HTMLIxChatElement extends Components.IxChat, HTMLStencilElement {
+    }
+    var HTMLIxChatElement: {
+        prototype: HTMLIxChatElement;
+        new (): HTMLIxChatElement;
+    };
+    /**
+     * @since 5.2.0
+     */
+    interface HTMLIxChatAiMessageElement extends Components.IxChatAiMessage, HTMLStencilElement {
+    }
+    var HTMLIxChatAiMessageElement: {
+        prototype: HTMLIxChatAiMessageElement;
+        new (): HTMLIxChatAiMessageElement;
+    };
+    interface HTMLIxChatAttachmentElementEventMap {
+        "attachmentClick": void;
+        "removeClick": void;
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface HTMLIxChatAttachmentElement extends Components.IxChatAttachment, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIxChatAttachmentElementEventMap>(type: K, listener: (this: HTMLIxChatAttachmentElement, ev: IxChatAttachmentCustomEvent<HTMLIxChatAttachmentElementEventMap[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 HTMLIxChatAttachmentElementEventMap>(type: K, listener: (this: HTMLIxChatAttachmentElement, ev: IxChatAttachmentCustomEvent<HTMLIxChatAttachmentElementEventMap[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 HTMLIxChatAttachmentElement: {
+        prototype: HTMLIxChatAttachmentElement;
+        new (): HTMLIxChatAttachmentElement;
+    };
+    interface HTMLIxChatInputElementEventMap {
+        "valueChange": string;
+        "ixBlur": void;
+        "ixChange": string;
+        "promptSubmit": string;
+    }
+    /**
+     * @since 5.2.0
+     * @form-ready 
+     */
+    interface HTMLIxChatInputElement extends Components.IxChatInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIxChatInputElementEventMap>(type: K, listener: (this: HTMLIxChatInputElement, ev: IxChatInputCustomEvent<HTMLIxChatInputElementEventMap[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 HTMLIxChatInputElementEventMap>(type: K, listener: (this: HTMLIxChatInputElement, ev: IxChatInputCustomEvent<HTMLIxChatInputElementEventMap[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 HTMLIxChatInputElement: {
+        prototype: HTMLIxChatInputElement;
+        new (): HTMLIxChatInputElement;
+    };
+    /**
+     * @since 5.2.0
+     */
+    interface HTMLIxChatUserMessageElement extends Components.IxChatUserMessage, HTMLStencilElement {
+    }
+    var HTMLIxChatUserMessageElement: {
+        prototype: HTMLIxChatUserMessageElement;
+        new (): HTMLIxChatUserMessageElement;
+    };
     interface HTMLIxCheckboxElementEventMap {
         "checkedChange": boolean;
         "valueChange": string;
@@ -5784,7 +6131,7 @@ declare global {
         new (): HTMLIxMenuAvatarItemElement;
     };
     interface HTMLIxMenuCategoryElementEventMap {
-        "closeOtherCategories": any;
+        "closeOtherCategories": string;
     }
     interface HTMLIxMenuCategoryElement extends Components.IxMenuCategory, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIxMenuCategoryElementEventMap>(type: K, listener: (this: HTMLIxMenuCategoryElement, ev: IxMenuCategoryCustomEvent<HTMLIxMenuCategoryElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -6525,6 +6872,7 @@ declare global {
         "ix-application-header": HTMLIxApplicationHeaderElement;
         "ix-application-switch-modal": HTMLIxApplicationSwitchModalElement;
         "ix-avatar": HTMLIxAvatarElement;
+        "ix-badge": HTMLIxBadgeElement;
         "ix-blind": HTMLIxBlindElement;
         "ix-breadcrumb": HTMLIxBreadcrumbElement;
         "ix-breadcrumb-item": HTMLIxBreadcrumbItemElement;
@@ -6535,6 +6883,11 @@ declare global {
         "ix-card-list": HTMLIxCardListElement;
         "ix-card-title": HTMLIxCardTitleElement;
         "ix-category-filter": HTMLIxCategoryFilterElement;
+        "ix-chat": HTMLIxChatElement;
+        "ix-chat-ai-message": HTMLIxChatAiMessageElement;
+        "ix-chat-attachment": HTMLIxChatAttachmentElement;
+        "ix-chat-input": HTMLIxChatInputElement;
+        "ix-chat-user-message": HTMLIxChatUserMessageElement;
         "ix-checkbox": HTMLIxCheckboxElement;
         "ix-checkbox-group": HTMLIxCheckboxGroupElement;
         "ix-chip": HTMLIxChipElement;
@@ -6808,6 +7161,104 @@ declare namespace LocalJSX {
          */
         "username"?: string;
     }
+    /**
+     * Overlay indicator for counts, labels, dots, and status icons.
+     * **Attached** (default slot has content): the indicator is decorative.
+     * When `label` is set, that text is exposed on the anchor via `aria-describedby`.
+     * Host `role` / `aria-*` are discarded so the anchor owns the accessible name.
+     * **Standalone** (empty default slot): author `role` / `aria-*` stay on the host.
+     * For `dot` and `status-icon`, provide a host `aria-label` and a naming role
+     * (for example `role="img"`, or `role="status"` / `role="alert"` for a live region).
+     * Override max-width with `--ix-badge-max-width`.
+     * @since 5.2.0
+     */
+    interface IxBadge {
+        /**
+          * Left-align label content. Only has an effect when **type** is `label`.
+          * @since 5.2.0
+          * @default false
+         */
+        "alignLeft"?: boolean;
+        /**
+          * Accessible name for the leading icon. When unset, the icon is decorative if **label** provides visible text. Only has an effect when **type** is `label`.
+          * @since 5.2.0
+         */
+        "ariaLabelIcon"?: string;
+        /**
+          * Custom background or border color. Only has an effect when **variant** is `custom`.
+          * @since 5.2.0
+         */
+        "background"?: string;
+        /**
+          * Custom text color. Only has an effect when **variant** is `custom`.
+          * @since 5.2.0
+         */
+        "badgeColor"?: string;
+        /**
+          * Add a high-contrast border on filled badges. Ignored when **outline** is `true` or **type** is `status-icon`.
+          * @since 5.2.0
+          * @default false
+         */
+        "border"?: boolean;
+        /**
+          * Play the attention pulse animation. Override duration with `--ix-badge-animation-duration` (default `2s`).
+          * @since 5.2.0
+          * @default false
+         */
+        "enableAnimation"?: boolean;
+        /**
+          * Leading icon name. Only has an effect when **type** is `label`.
+          * @since 5.2.0
+         */
+        "icon"?: string;
+        /**
+          * Visible text or count. Required for `label` and `counter`. Omit for `dot` and `status-icon`. Counters accept integers only (decimals truncated); values above 99 render as `99+`.
+          * @since 5.2.0
+         */
+        "label"?: string;
+        /**
+          * Extra horizontal offset in pixels. Only has an effect when attached. Added to the type default.
+          * @since 5.2.0
+          * @default 0
+         */
+        "offsetX"?: number;
+        /**
+          * Extra vertical offset in pixels. Only has an effect when attached. Added to the type default.
+          * @since 5.2.0
+          * @default 0
+         */
+        "offsetY"?: number;
+        /**
+          * Show the badge in outline style.
+          * @since 5.2.0
+          * @default false
+         */
+        "outline"?: boolean;
+        /**
+          * Position relative to the slotted anchor. Only has an effect when attached.
+          * @since 5.2.0
+          * @default 'top-after'
+         */
+        "position"?: BadgePosition;
+        /**
+          * Display a tooltip when the badge is standalone. By default, no tooltip is displayed. Add the attribute to use the badge label (or host `aria-label`) as the tooltip, or pass a string for custom text. Ignored when the badge is attached to an anchor.
+          * @since 5.2.0
+          * @default false
+         */
+        "tooltipText"?: string | boolean;
+        /**
+          * Badge type (`counter`, `label`, `dot`, or `status-icon`).
+          * @since 5.2.0
+          * @default 'counter'
+         */
+        "type"?: BadgeAnatomyType;
+        /**
+          * Color variant. For `status-icon`, unsupported values fall back to `info`. Use `error` only with `status-icon` (other types map it to `alarm`).
+          * @since 5.2.0
+          * @default 'primary'
+         */
+        "variant"?: BadgeVariant;
+    }
     interface IxBlind {
         /**
           * Collapsed state
@@ -7053,7 +7504,7 @@ declare namespace LocalJSX {
           * Fire event when the show more card is clicked.
          */
         "onShowMoreCardClick"?: (event: IxCardListCustomEvent<{
-    nativeEvent: MouseEvent;
+    nativeEvent: MouseEvent | KeyboardEvent;
   }>) => void;
         /**
           * Overwrite the default show all count.
@@ -7172,6 +7623,171 @@ declare namespace LocalJSX {
          */
         "uniqueCategories"?: boolean;
     }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChat {
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChatAiMessage {
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChatAttachment {
+        /**
+          * Name of the attached file.
+          * @default ''
+         */
+        "fileName"?: string;
+        /**
+          * Hide the remove action.
+          * @default false
+         */
+        "hideRemoveButton"?: boolean;
+        /**
+          * Icon displayed before the file name.
+          * @default iconTxtDocument
+         */
+        "icon"?: string;
+        /**
+          * Event emitted when the attachment is clicked.
+         */
+        "onAttachmentClick"?: (event: IxChatAttachmentCustomEvent<void>) => void;
+        /**
+          * Event emitted when the remove action is clicked.
+         */
+        "onRemoveClick"?: (event: IxChatAttachmentCustomEvent<void>) => void;
+        /**
+          * Enable preview interaction for default attachments.
+          * @default false
+         */
+        "previewSupported"?: boolean;
+        /**
+          * Accessible label for the remove action.
+          * @default 'Remove attachment'
+         */
+        "removeAriaLabel"?: string;
+        /**
+          * Upload status of the attachment.
+          * @default 'default'
+         */
+        "status"?: ChatAttachmentStatus;
+    }
+    /**
+     * @since 5.2.0
+     * @form-ready 
+     */
+    interface IxChatInput {
+        /**
+          * Character limit used for the optional inline character limit message. Falls back to `maxLength` when not set.
+         */
+        "characterLimit"?: number;
+        /**
+          * Percentage of the character limit that triggers the soft warning. Define a number between 0 and 1 (e.g. 0.8 for 80%).
+          * @default 0.9
+         */
+        "characterLimitWarningThreshold"?: number;
+        /**
+          * Specifies whether the chat input is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Disclaimer text displayed below the chat input.
+          * @default 'This content is AI-generated. Always verify the information for accuracy.'
+         */
+        "disclaimer"?: string;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * i18n label for the hard character limit message. Use `{current}` and `{limit}` placeholders to place the values in any order.
+          * @default 'Character limit reached ({current} / {limit} characters)'
+         */
+        "i18nCharacterLimitReached"?: string;
+        /**
+          * i18n label for the soft character limit warning. Use `{current}` and `{limit}` placeholders to place the values in any order.
+          * @default "You're nearing the limit ({current} / {limit} characters)"
+         */
+        "i18nCharacterLimitWarning"?: string;
+        /**
+          * If true, pressing Enter inserts a line break instead of submitting the prompt.
+          * @default false
+         */
+        "insertLineBreakOnEnter"?: boolean;
+        /**
+          * The maximum length of the chat input.
+         */
+        "maxLength"?: number;
+        /**
+          * Maximum number of visible text rows before the input becomes scrollable.
+          * @default 6
+         */
+        "maxRows"?: number;
+        /**
+          * Minimum number of visible text rows.
+          * @default 1
+         */
+        "minRows"?: number;
+        /**
+          * The name of the chat input.
+         */
+        "name"?: string;
+        /**
+          * Event emitted when the chat input loses focus.
+         */
+        "onIxBlur"?: (event: IxChatInputCustomEvent<void>) => void;
+        /**
+          * Event emitted when the chat input loses focus and the value has changed.
+         */
+        "onIxChange"?: (event: IxChatInputCustomEvent<string>) => void;
+        /**
+          * Event emitted when the prompt is submitted by the send button or Enter key.
+         */
+        "onPromptSubmit"?: (event: IxChatInputCustomEvent<string>) => void;
+        /**
+          * Event emitted when the value of the chat input changes.
+         */
+        "onValueChange"?: (event: IxChatInputCustomEvent<string>) => void;
+        /**
+          * The placeholder text for the chat input.
+          * @default 'Enter a command, question or topic...'
+         */
+        "placeholder"?: string;
+        /**
+          * Specifies whether the chat input is readonly.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * The state of the chat input, which can be either 'input' or 'processing'.
+          * @default 'input'
+         */
+        "state"?: 'input' | 'processing';
+        /**
+          * Accessible label for the native textarea.
+          * @default 'Chat input'
+         */
+        "textareaLabel"?: string;
+        /**
+          * The value of the chat input.
+          * @default ''
+         */
+        "value"?: string;
+    }
+    /**
+     * @since 5.2.0
+     */
+    interface IxChatUserMessage {
+        /**
+          * Text displayed in the user message bubble.
+         */
+        "message"?: string;
+    }
     /**
      * @form-ready 
      */
@@ -7300,7 +7916,7 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.
+          * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible on the main chip content.
           * @default false
          */
         "inactive"?: boolean;
@@ -11355,6 +11971,23 @@ declare namespace LocalJSX {
         "tooltipText": string;
         "ariaLabelTooltip": string;
     }
+    interface IxBadgeAttributes {
+        "type": BadgeAnatomyType;
+        "label": string;
+        "variant": BadgeVariant;
+        "outline": boolean;
+        "border": boolean;
+        "position": BadgePosition;
+        "offsetX": number;
+        "offsetY": number;
+        "enableAnimation": boolean;
+        "background": string;
+        "badgeColor": string;
+        "icon": string;
+        "ariaLabelIcon": string;
+        "alignLeft": boolean;
+        "tooltipText": string;
+    }
     interface IxBlindAttributes {
         "collapsed": boolean;
         "label": string;
@@ -11425,6 +12058,35 @@ declare namespace LocalJSX {
         "ariaLabelFilterInput": string;
         "enableTopLayer": boolean;
     }
+    interface IxChatAttachmentAttributes {
+        "fileName": string;
+        "status": ChatAttachmentStatus;
+        "icon": string;
+        "hideRemoveButton": boolean;
+        "previewSupported": boolean;
+        "removeAriaLabel": string;
+    }
+    interface IxChatInputAttributes {
+        "state": 'input' | 'processing';
+        "name": string;
+        "placeholder": string;
+        "value": string;
+        "disabled": boolean;
+        "readonly": boolean;
+        "textareaLabel": string;
+        "maxLength": number;
+        "characterLimit": number;
+        "i18nCharacterLimitReached": string;
+        "i18nCharacterLimitWarning": string;
+        "characterLimitWarningThreshold": number;
+        "minRows": number;
+        "maxRows": number;
+        "insertLineBreakOnEnter": boolean;
+        "disclaimer": string;
+    }
+    interface IxChatUserMessageAttributes {
+        "message": string;
+    }
     interface IxCheckboxAttributes {
         "name": string;
         "value": string;
@@ -12325,6 +12987,7 @@ declare namespace LocalJSX {
         "ix-application-header": Omit<IxApplicationHeader, keyof IxApplicationHeaderAttributes> & { [K in keyof IxApplicationHeader & keyof IxApplicationHeaderAttributes]?: IxApplicationHeader[K] } & { [K in keyof IxApplicationHeader & keyof IxApplicationHeaderAttributes as `attr:${K}`]?: IxApplicationHeaderAttributes[K] } & { [K in keyof IxApplicationHeader & keyof IxApplicationHeaderAttributes as `prop:${K}`]?: IxApplicationHeader[K] };
         "ix-application-switch-modal": IxApplicationSwitchModal;
         "ix-avatar": Omit<IxAvatar, keyof IxAvatarAttributes> & { [K in keyof IxAvatar & keyof IxAvatarAttributes]?: IxAvatar[K] } & { [K in keyof IxAvatar & keyof IxAvatarAttributes as `attr:${K}`]?: IxAvatarAttributes[K] } & { [K in keyof IxAvatar & keyof IxAvatarAttributes as `prop:${K}`]?: IxAvatar[K] };
+        "ix-badge": Omit<IxBadge, keyof IxBadgeAttributes> & { [K in keyof IxBadge & keyof IxBadgeAttributes]?: IxBadge[K] } & { [K in keyof IxBadge & keyof IxBadgeAttributes as `attr:${K}`]?: IxBadgeAttributes[K] } & { [K in keyof IxBadge & keyof IxBadgeAttributes as `prop:${K}`]?: IxBadge[K] };
         "ix-blind": Omit<IxBlind, keyof IxBlindAttributes> & { [K in keyof IxBlind & keyof IxBlindAttributes]?: IxBlind[K] } & { [K in keyof IxBlind & keyof IxBlindAttributes as `attr:${K}`]?: IxBlindAttributes[K] } & { [K in keyof IxBlind & keyof IxBlindAttributes as `prop:${K}`]?: IxBlind[K] };
         "ix-breadcrumb": Omit<IxBreadcrumb, keyof IxBreadcrumbAttributes> & { [K in keyof IxBreadcrumb & keyof IxBreadcrumbAttributes]?: IxBreadcrumb[K] } & { [K in keyof IxBreadcrumb & keyof IxBreadcrumbAttributes as `attr:${K}`]?: IxBreadcrumbAttributes[K] } & { [K in keyof IxBreadcrumb & keyof IxBreadcrumbAttributes as `prop:${K}`]?: IxBreadcrumb[K] };
         "ix-breadcrumb-item": Omit<IxBreadcrumbItem, keyof IxBreadcrumbItemAttributes> & { [K in keyof IxBreadcrumbItem & keyof IxBreadcrumbItemAttributes]?: IxBreadcrumbItem[K] } & { [K in keyof IxBreadcrumbItem & keyof IxBreadcrumbItemAttributes as `attr:${K}`]?: IxBreadcrumbItemAttributes[K] } & { [K in keyof IxBreadcrumbItem & keyof IxBreadcrumbItemAttributes as `prop:${K}`]?: IxBreadcrumbItem[K] } & OneOf<"breadcrumbKey", IxBreadcrumbItem["breadcrumbKey"], IxBreadcrumbItemAttributes["breadcrumbKey"]>;
@@ -12335,6 +12998,11 @@ declare namespace LocalJSX {
         "ix-card-list": Omit<IxCardList, keyof IxCardListAttributes> & { [K in keyof IxCardList & keyof IxCardListAttributes]?: IxCardList[K] } & { [K in keyof IxCardList & keyof IxCardListAttributes as `attr:${K}`]?: IxCardListAttributes[K] } & { [K in keyof IxCardList & keyof IxCardListAttributes as `prop:${K}`]?: IxCardList[K] };
         "ix-card-title": IxCardTitle;
         "ix-category-filter": Omit<IxCategoryFilter, keyof IxCategoryFilterAttributes> & { [K in keyof IxCategoryFilter & keyof IxCategoryFilterAttributes]?: IxCategoryFilter[K] } & { [K in keyof IxCategoryFilter & keyof IxCategoryFilterAttributes as `attr:${K}`]?: IxCategoryFilterAttributes[K] } & { [K in keyof IxCategoryFilter & keyof IxCategoryFilterAttributes as `prop:${K}`]?: IxCategoryFilter[K] };
+        "ix-chat": IxChat;
+        "ix-chat-ai-message": IxChatAiMessage;
+        "ix-chat-attachment": Omit<IxChatAttachment, keyof IxChatAttachmentAttributes> & { [K in keyof IxChatAttachment & keyof IxChatAttachmentAttributes]?: IxChatAttachment[K] } & { [K in keyof IxChatAttachment & keyof IxChatAttachmentAttributes as `attr:${K}`]?: IxChatAttachmentAttributes[K] } & { [K in keyof IxChatAttachment & keyof IxChatAttachmentAttributes as `prop:${K}`]?: IxChatAttachment[K] };
+        "ix-chat-input": Omit<IxChatInput, keyof IxChatInputAttributes> & { [K in keyof IxChatInput & keyof IxChatInputAttributes]?: IxChatInput[K] } & { [K in keyof IxChatInput & keyof IxChatInputAttributes as `attr:${K}`]?: IxChatInputAttributes[K] } & { [K in keyof IxChatInput & keyof IxChatInputAttributes as `prop:${K}`]?: IxChatInput[K] };
+        "ix-chat-user-message": Omit<IxChatUserMessage, keyof IxChatUserMessageAttributes> & { [K in keyof IxChatUserMessage & keyof IxChatUserMessageAttributes]?: IxChatUserMessage[K] } & { [K in keyof IxChatUserMessage & keyof IxChatUserMessageAttributes as `attr:${K}`]?: IxChatUserMessageAttributes[K] } & { [K in keyof IxChatUserMessage & keyof IxChatUserMessageAttributes as `prop:${K}`]?: IxChatUserMessage[K] };
         "ix-checkbox": Omit<IxCheckbox, keyof IxCheckboxAttributes> & { [K in keyof IxCheckbox & keyof IxCheckboxAttributes]?: IxCheckbox[K] } & { [K in keyof IxCheckbox & keyof IxCheckboxAttributes as `attr:${K}`]?: IxCheckboxAttributes[K] } & { [K in keyof IxCheckbox & keyof IxCheckboxAttributes as `prop:${K}`]?: IxCheckbox[K] };
         "ix-checkbox-group": Omit<IxCheckboxGroup, keyof IxCheckboxGroupAttributes> & { [K in keyof IxCheckboxGroup & keyof IxCheckboxGroupAttributes]?: IxCheckboxGroup[K] } & { [K in keyof IxCheckboxGroup & keyof IxCheckboxGroupAttributes as `attr:${K}`]?: IxCheckboxGroupAttributes[K] } & { [K in keyof IxCheckboxGroup & keyof IxCheckboxGroupAttributes as `prop:${K}`]?: IxCheckboxGroup[K] };
         "ix-chip": Omit<IxChip, keyof IxChipAttributes> & { [K in keyof IxChip & keyof IxChipAttributes]?: IxChip[K] } & { [K in keyof IxChip & keyof IxChipAttributes as `attr:${K}`]?: IxChipAttributes[K] } & { [K in keyof IxChip & keyof IxChipAttributes as `prop:${K}`]?: IxChip[K] };
@@ -12446,6 +13114,18 @@ declare module "@stencil/core" {
             "ix-application-header": LocalJSX.IntrinsicElements["ix-application-header"] & JSXBase.HTMLAttributes<HTMLIxApplicationHeaderElement>;
             "ix-application-switch-modal": LocalJSX.IntrinsicElements["ix-application-switch-modal"] & JSXBase.HTMLAttributes<HTMLIxApplicationSwitchModalElement>;
             "ix-avatar": LocalJSX.IntrinsicElements["ix-avatar"] & JSXBase.HTMLAttributes<HTMLIxAvatarElement>;
+            /**
+             * Overlay indicator for counts, labels, dots, and status icons.
+             * **Attached** (default slot has content): the indicator is decorative.
+             * When `label` is set, that text is exposed on the anchor via `aria-describedby`.
+             * Host `role` / `aria-*` are discarded so the anchor owns the accessible name.
+             * **Standalone** (empty default slot): author `role` / `aria-*` stay on the host.
+             * For `dot` and `status-icon`, provide a host `aria-label` and a naming role
+             * (for example `role="img"`, or `role="status"` / `role="alert"` for a live region).
+             * Override max-width with `--ix-badge-max-width`.
+             * @since 5.2.0
+             */
+            "ix-badge": LocalJSX.IntrinsicElements["ix-badge"] & JSXBase.HTMLAttributes<HTMLIxBadgeElement>;
             "ix-blind": LocalJSX.IntrinsicElements["ix-blind"] & JSXBase.HTMLAttributes<HTMLIxBlindElement>;
             "ix-breadcrumb": LocalJSX.IntrinsicElements["ix-breadcrumb"] & JSXBase.HTMLAttributes<HTMLIxBreadcrumbElement>;
             "ix-breadcrumb-item": LocalJSX.IntrinsicElements["ix-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLIxBreadcrumbItemElement>;
@@ -12456,6 +13136,27 @@ declare module "@stencil/core" {
             "ix-card-list": LocalJSX.IntrinsicElements["ix-card-list"] & JSXBase.HTMLAttributes<HTMLIxCardListElement>;
             "ix-card-title": LocalJSX.IntrinsicElements["ix-card-title"] & JSXBase.HTMLAttributes<HTMLIxCardTitleElement>;
             "ix-category-filter": LocalJSX.IntrinsicElements["ix-category-filter"] & JSXBase.HTMLAttributes<HTMLIxCategoryFilterElement>;
+            /**
+             * @since 5.2.0
+             */
+            "ix-chat": LocalJSX.IntrinsicElements["ix-chat"] & JSXBase.HTMLAttributes<HTMLIxChatElement>;
+            /**
+             * @since 5.2.0
+             */
+            "ix-chat-ai-message": LocalJSX.IntrinsicElements["ix-chat-ai-message"] & JSXBase.HTMLAttributes<HTMLIxChatAiMessageElement>;
+            /**
+             * @since 5.2.0
+             */
+            "ix-chat-attachment": LocalJSX.IntrinsicElements["ix-chat-attachment"] & JSXBase.HTMLAttributes<HTMLIxChatAttachmentElement>;
+            /**
+             * @since 5.2.0
+             * @form-ready 
+             */
+            "ix-chat-input": LocalJSX.IntrinsicElements["ix-chat-input"] & JSXBase.HTMLAttributes<HTMLIxChatInputElement>;
+            /**
+             * @since 5.2.0
+             */
+            "ix-chat-user-message": LocalJSX.IntrinsicElements["ix-chat-user-message"] & JSXBase.HTMLAttributes<HTMLIxChatUserMessageElement>;
             /**
              * @form-ready 
              */