@siemens/ix-react 3.0.0 → 3.2.0

package/dist/components.server.js

@@ -1,11 +1,112 @@
+import { defineCustomElement, IxActionCard as IxActionCard$1 } from '@siemens/ix/components/ix-action-card.js';
+import { defineCustomElement as defineCustomElement$2, IxApplicationHeader as IxApplicationHeader$1 } from '@siemens/ix/components/ix-application-header.js';
+import { defineCustomElement as defineCustomElement$1, IxApplication as IxApplication$1 } from '@siemens/ix/components/ix-application.js';
+import { defineCustomElement as defineCustomElement$3, IxAvatar as IxAvatar$1 } from '@siemens/ix/components/ix-avatar.js';
+import { defineCustomElement as defineCustomElement$4, IxBasicNavigation as IxBasicNavigation$1 } from '@siemens/ix/components/ix-basic-navigation.js';
+import { defineCustomElement as defineCustomElement$5, IxBlind as IxBlind$1 } from '@siemens/ix/components/ix-blind.js';
+import { defineCustomElement as defineCustomElement$7, IxBreadcrumbItem as IxBreadcrumbItem$1 } from '@siemens/ix/components/ix-breadcrumb-item.js';
+import { defineCustomElement as defineCustomElement$6, IxBreadcrumb as IxBreadcrumb$1 } from '@siemens/ix/components/ix-breadcrumb.js';
+import { defineCustomElement as defineCustomElement$8, IxButton as IxButton$1 } from '@siemens/ix/components/ix-button.js';
+import { defineCustomElement as defineCustomElement$a, IxCardAccordion as IxCardAccordion$1 } from '@siemens/ix/components/ix-card-accordion.js';
+import { defineCustomElement as defineCustomElement$b, IxCardContent as IxCardContent$1 } from '@siemens/ix/components/ix-card-content.js';
+import { defineCustomElement as defineCustomElement$c, IxCardList as IxCardList$1 } from '@siemens/ix/components/ix-card-list.js';
+import { defineCustomElement as defineCustomElement$d, IxCardTitle as IxCardTitle$1 } from '@siemens/ix/components/ix-card-title.js';
+import { defineCustomElement as defineCustomElement$9, IxCard as IxCard$1 } from '@siemens/ix/components/ix-card.js';
+import { defineCustomElement as defineCustomElement$e, IxCategoryFilter as IxCategoryFilter$1 } from '@siemens/ix/components/ix-category-filter.js';
+import { defineCustomElement as defineCustomElement$g, IxCheckboxGroup as IxCheckboxGroup$1 } from '@siemens/ix/components/ix-checkbox-group.js';
+import { defineCustomElement as defineCustomElement$f, IxCheckbox as IxCheckbox$1 } from '@siemens/ix/components/ix-checkbox.js';
+import { defineCustomElement as defineCustomElement$h, IxChip as IxChip$1 } from '@siemens/ix/components/ix-chip.js';
+import { defineCustomElement as defineCustomElement$i, IxCol as IxCol$1 } from '@siemens/ix/components/ix-col.js';
+import { defineCustomElement as defineCustomElement$k, IxContentHeader as IxContentHeader$1 } from '@siemens/ix/components/ix-content-header.js';
+import { defineCustomElement as defineCustomElement$j, IxContent as IxContent$1 } from '@siemens/ix/components/ix-content.js';
+import { defineCustomElement as defineCustomElement$l, IxCustomField as IxCustomField$1 } from '@siemens/ix/components/ix-custom-field.js';
+import { defineCustomElement as defineCustomElement$m, IxDateDropdown as IxDateDropdown$1 } from '@siemens/ix/components/ix-date-dropdown.js';
+import { defineCustomElement as defineCustomElement$n, IxDateInput as IxDateInput$1 } from '@siemens/ix/components/ix-date-input.js';
+import { defineCustomElement as defineCustomElement$o, IxDatePicker as IxDatePicker$1 } from '@siemens/ix/components/ix-date-picker.js';
+import { defineCustomElement as defineCustomElement$p, IxDatetimePicker as IxDatetimePicker$1 } from '@siemens/ix/components/ix-datetime-picker.js';
+import { defineCustomElement as defineCustomElement$q, IxDivider as IxDivider$1 } from '@siemens/ix/components/ix-divider.js';
+import { defineCustomElement as defineCustomElement$r, IxDrawer as IxDrawer$1 } from '@siemens/ix/components/ix-drawer.js';
+import { defineCustomElement as defineCustomElement$t, IxDropdownButton as IxDropdownButton$1 } from '@siemens/ix/components/ix-dropdown-button.js';
+import { defineCustomElement as defineCustomElement$u, IxDropdownHeader as IxDropdownHeader$1 } from '@siemens/ix/components/ix-dropdown-header.js';
+import { defineCustomElement as defineCustomElement$v, IxDropdownItem as IxDropdownItem$1 } from '@siemens/ix/components/ix-dropdown-item.js';
+import { defineCustomElement as defineCustomElement$w, IxDropdownQuickActions as IxDropdownQuickActions$1 } from '@siemens/ix/components/ix-dropdown-quick-actions.js';
+import { defineCustomElement as defineCustomElement$s, IxDropdown as IxDropdown$1 } from '@siemens/ix/components/ix-dropdown.js';
+import { defineCustomElement as defineCustomElement$x, IxEmptyState as IxEmptyState$1 } from '@siemens/ix/components/ix-empty-state.js';
+import { defineCustomElement as defineCustomElement$z, IxEventListItem as IxEventListItem$1 } from '@siemens/ix/components/ix-event-list-item.js';
+import { defineCustomElement as defineCustomElement$y, IxEventList as IxEventList$1 } from '@siemens/ix/components/ix-event-list.js';
+import { defineCustomElement as defineCustomElement$A, IxExpandingSearch as IxExpandingSearch$1 } from '@siemens/ix/components/ix-expanding-search.js';
+import { defineCustomElement as defineCustomElement$B, IxFieldLabel as IxFieldLabel$1 } from '@siemens/ix/components/ix-field-label.js';
+import { defineCustomElement as defineCustomElement$C, IxFilterChip as IxFilterChip$1 } from '@siemens/ix/components/ix-filter-chip.js';
+import { defineCustomElement as defineCustomElement$E, IxFlipTileContent as IxFlipTileContent$1 } from '@siemens/ix/components/ix-flip-tile-content.js';
+import { defineCustomElement as defineCustomElement$D, IxFlipTile as IxFlipTile$1 } from '@siemens/ix/components/ix-flip-tile.js';
+import { defineCustomElement as defineCustomElement$G, IxGroupContextMenu as IxGroupContextMenu$1 } from '@siemens/ix/components/ix-group-context-menu.js';
+import { defineCustomElement as defineCustomElement$H, IxGroupItem as IxGroupItem$1 } from '@siemens/ix/components/ix-group-item.js';
+import { defineCustomElement as defineCustomElement$F, IxGroup as IxGroup$1 } from '@siemens/ix/components/ix-group.js';
+import { defineCustomElement as defineCustomElement$I, IxHelperText as IxHelperText$1 } from '@siemens/ix/components/ix-helper-text.js';
+import { defineCustomElement as defineCustomElement$J, IxIconButton as IxIconButton$1 } from '@siemens/ix/components/ix-icon-button.js';
+import { defineCustomElement as defineCustomElement$K, IxIconToggleButton as IxIconToggleButton$1 } from '@siemens/ix/components/ix-icon-toggle-button.js';
+import { defineCustomElement as defineCustomElement$M, IxInputGroup as IxInputGroup$1 } from '@siemens/ix/components/ix-input-group.js';
+import { defineCustomElement as defineCustomElement$L, IxInput as IxInput$1 } from '@siemens/ix/components/ix-input.js';
+import { defineCustomElement as defineCustomElement$O, IxKeyValueList as IxKeyValueList$1 } from '@siemens/ix/components/ix-key-value-list.js';
+import { defineCustomElement as defineCustomElement$N, IxKeyValue as IxKeyValue$1 } from '@siemens/ix/components/ix-key-value.js';
+import { defineCustomElement as defineCustomElement$P, IxKpi as IxKpi$1 } from '@siemens/ix/components/ix-kpi.js';
+import { defineCustomElement as defineCustomElement$Q, IxLayoutAuto as IxLayoutAuto$1 } from '@siemens/ix/components/ix-layout-auto.js';
+import { defineCustomElement as defineCustomElement$R, IxLayoutGrid as IxLayoutGrid$1 } from '@siemens/ix/components/ix-layout-grid.js';
+import { defineCustomElement as defineCustomElement$S, IxLinkButton as IxLinkButton$1 } from '@siemens/ix/components/ix-link-button.js';
+import { defineCustomElement as defineCustomElement$U, IxMapNavigationOverlay as IxMapNavigationOverlay$1 } from '@siemens/ix/components/ix-map-navigation-overlay.js';
+import { defineCustomElement as defineCustomElement$T, IxMapNavigation as IxMapNavigation$1 } from '@siemens/ix/components/ix-map-navigation.js';
+import { defineCustomElement as defineCustomElement$X, IxMenuAboutItem as IxMenuAboutItem$1 } from '@siemens/ix/components/ix-menu-about-item.js';
+import { defineCustomElement as defineCustomElement$Y, IxMenuAboutNews as IxMenuAboutNews$1 } from '@siemens/ix/components/ix-menu-about-news.js';
+import { defineCustomElement as defineCustomElement$W, IxMenuAbout as IxMenuAbout$1 } from '@siemens/ix/components/ix-menu-about.js';
+import { defineCustomElement as defineCustomElement$_, IxMenuAvatarItem as IxMenuAvatarItem$1 } from '@siemens/ix/components/ix-menu-avatar-item.js';
+import { defineCustomElement as defineCustomElement$Z, IxMenuAvatar as IxMenuAvatar$1 } from '@siemens/ix/components/ix-menu-avatar.js';
+import { defineCustomElement as defineCustomElement$$, IxMenuCategory as IxMenuCategory$1 } from '@siemens/ix/components/ix-menu-category.js';
+import { defineCustomElement as defineCustomElement$10, IxMenuItem as IxMenuItem$1 } from '@siemens/ix/components/ix-menu-item.js';
+import { defineCustomElement as defineCustomElement$12, IxMenuSettingsItem as IxMenuSettingsItem$1 } from '@siemens/ix/components/ix-menu-settings-item.js';
+import { defineCustomElement as defineCustomElement$11, IxMenuSettings as IxMenuSettings$1 } from '@siemens/ix/components/ix-menu-settings.js';
+import { defineCustomElement as defineCustomElement$V, IxMenu as IxMenu$1 } from '@siemens/ix/components/ix-menu.js';
+import { defineCustomElement as defineCustomElement$13, IxMessageBar as IxMessageBar$1 } from '@siemens/ix/components/ix-message-bar.js';
+import { defineCustomElement as defineCustomElement$15, IxModalContent as IxModalContent$1 } from '@siemens/ix/components/ix-modal-content.js';
+import { defineCustomElement as defineCustomElement$16, IxModalFooter as IxModalFooter$1 } from '@siemens/ix/components/ix-modal-footer.js';
+import { defineCustomElement as defineCustomElement$17, IxModalHeader as IxModalHeader$1 } from '@siemens/ix/components/ix-modal-header.js';
+import { defineCustomElement as defineCustomElement$14, IxModal as IxModal$1 } from '@siemens/ix/components/ix-modal.js';
+import { defineCustomElement as defineCustomElement$18, IxNumberInput as IxNumberInput$1 } from '@siemens/ix/components/ix-number-input.js';
+import { defineCustomElement as defineCustomElement$19, IxPagination as IxPagination$1 } from '@siemens/ix/components/ix-pagination.js';
+import { defineCustomElement as defineCustomElement$1b, IxPaneLayout as IxPaneLayout$1 } from '@siemens/ix/components/ix-pane-layout.js';
+import { defineCustomElement as defineCustomElement$1a, IxPane as IxPane$1 } from '@siemens/ix/components/ix-pane.js';
+import { defineCustomElement as defineCustomElement$1c, IxPill as IxPill$1 } from '@siemens/ix/components/ix-pill.js';
+import { defineCustomElement as defineCustomElement$1d, IxProgressIndicator as IxProgressIndicator$1 } from '@siemens/ix/components/ix-progress-indicator.js';
+import { defineCustomElement as defineCustomElement$1e, IxPushCard as IxPushCard$1 } from '@siemens/ix/components/ix-push-card.js';
+import { defineCustomElement as defineCustomElement$1g, IxRadioGroup as IxRadioGroup$1 } from '@siemens/ix/components/ix-radio-group.js';
+import { defineCustomElement as defineCustomElement$1f, IxRadio as IxRadio$1 } from '@siemens/ix/components/ix-radio.js';
+import { defineCustomElement as defineCustomElement$1h, IxRow as IxRow$1 } from '@siemens/ix/components/ix-row.js';
+import { defineCustomElement as defineCustomElement$1j, IxSelectItem as IxSelectItem$1 } from '@siemens/ix/components/ix-select-item.js';
+import { defineCustomElement as defineCustomElement$1i, IxSelect as IxSelect$1 } from '@siemens/ix/components/ix-select.js';
+import { defineCustomElement as defineCustomElement$1k, IxSlider as IxSlider$1 } from '@siemens/ix/components/ix-slider.js';
+import { defineCustomElement as defineCustomElement$1l, IxSpinner as IxSpinner$1 } from '@siemens/ix/components/ix-spinner.js';
+import { defineCustomElement as defineCustomElement$1m, IxSplitButton as IxSplitButton$1 } from '@siemens/ix/components/ix-split-button.js';
+import { defineCustomElement as defineCustomElement$1n, IxTabItem as IxTabItem$1 } from '@siemens/ix/components/ix-tab-item.js';
+import { defineCustomElement as defineCustomElement$1o, IxTabs as IxTabs$1 } from '@siemens/ix/components/ix-tabs.js';
+import { defineCustomElement as defineCustomElement$1p, IxTextarea as IxTextarea$1 } from '@siemens/ix/components/ix-textarea.js';
+import { defineCustomElement as defineCustomElement$1q, IxTile as IxTile$1 } from '@siemens/ix/components/ix-tile.js';
+import { defineCustomElement as defineCustomElement$1r, IxTimeInput as IxTimeInput$1 } from '@siemens/ix/components/ix-time-input.js';
+import { defineCustomElement as defineCustomElement$1s, IxTimePicker as IxTimePicker$1 } from '@siemens/ix/components/ix-time-picker.js';
+import { defineCustomElement as defineCustomElement$1u, IxToastContainer as IxToastContainer$1 } from '@siemens/ix/components/ix-toast-container.js';
+import { defineCustomElement as defineCustomElement$1t, IxToast as IxToast$1 } from '@siemens/ix/components/ix-toast.js';
+import { defineCustomElement as defineCustomElement$1w, IxToggleButton as IxToggleButton$1 } from '@siemens/ix/components/ix-toggle-button.js';
+import { defineCustomElement as defineCustomElement$1v, IxToggle as IxToggle$1 } from '@siemens/ix/components/ix-toggle.js';
+import { defineCustomElement as defineCustomElement$1x, IxTooltip as IxTooltip$1 } from '@siemens/ix/components/ix-tooltip.js';
+import { defineCustomElement as defineCustomElement$1y, IxTypography as IxTypography$1 } from '@siemens/ix/components/ix-typography.js';
+import { defineCustomElement as defineCustomElement$1z, IxUpload as IxUpload$1 } from '@siemens/ix/components/ix-upload.js';
+import { defineCustomElement as defineCustomElement$1A, IxValidationTooltip as IxValidationTooltip$1 } from '@siemens/ix/components/ix-validation-tooltip.js';
+import { defineCustomElement as defineCustomElement$1B, IxWorkflowStep as IxWorkflowStep$1 } from '@siemens/ix/components/ix-workflow-step.js';
+import { defineCustomElement as defineCustomElement$1C, IxWorkflowSteps as IxWorkflowSteps$1 } from '@siemens/ix/components/ix-workflow-steps.js';
 import { createComponent } from '@stencil/react-output-target/ssr';
+import React from 'react';
 
 /**
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- * Do __not__ import components from this file as server side rendered components
- * may not hydrate due to missing Stencil runtime. Instead, import these components through the generated 'components.ts'
- * file that re-exports all components with the 'use client' directive.
  */
 const serializeShadowRoot = { "scoped": [], "default": "declarative-shadow-dom" };
 const IxActionCard = /*@__PURE__*/ createComponent({
@@ -13,12 +114,19 @@ const IxActionCard = /*@__PURE__*/ createComponent({
     properties: {
         variant: 'variant',
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         heading: 'heading',
         subheading: 'subheading',
-        selected: 'selected'
+        selected: 'selected',
+        ariaLabelCard: 'aria-label-card'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxActionCard$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement
 });
 const IxApplication = /*@__PURE__*/ createComponent({
     tagName: 'ix-application',
@@ -30,27 +138,49 @@ const IxApplication = /*@__PURE__*/ createComponent({
         appSwitchConfig: 'app-switch-config'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxApplication$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1
 });
 const IxApplicationHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-application-header',
     properties: {
         name: 'name',
-        showMenu: 'show-menu'
+        showMenu: 'show-menu',
+        ariaLabelMenuExpandIconButton: 'aria-label-menu-expand-icon-button',
+        ariaLabelAppSwitchIconButton: 'aria-label-app-switch-icon-button',
+        ariaLabelMoreMenuIconButton: 'aria-label-more-menu-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxApplicationHeader$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMenuToggle: 'menuToggle',
+        onOpenAppSwitch: 'openAppSwitch'
+    },
+    defineCustomElement: defineCustomElement$2
 });
 const IxAvatar = /*@__PURE__*/ createComponent({
     tagName: 'ix-avatar',
     properties: {
+        a11yLabel: 'a11y-label',
         image: 'image',
         initials: 'initials',
         username: 'username',
         extra: 'extra'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxAvatar$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$3
 });
 const IxBasicNavigation = /*@__PURE__*/ createComponent({
     tagName: 'ix-basic-navigation',
@@ -61,7 +191,12 @@ const IxBasicNavigation = /*@__PURE__*/ createComponent({
         breakpoints: 'breakpoints'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxBasicNavigation$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$4
 });
 const IxBlind = /*@__PURE__*/ createComponent({
     tagName: 'ix-blind',
@@ -73,7 +208,12 @@ const IxBlind = /*@__PURE__*/ createComponent({
         variant: 'variant'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxBlind$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCollapsedChange: 'collapsedChange' },
+    defineCustomElement: defineCustomElement$5
 });
 const IxBreadcrumb = /*@__PURE__*/ createComponent({
     tagName: 'ix-breadcrumb',
@@ -84,11 +224,20 @@ const IxBreadcrumb = /*@__PURE__*/ createComponent({
         ariaLabelPreviousButton: 'aria-label-previous-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxBreadcrumb$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onItemClick: 'itemClick',
+        onNextClick: 'nextClick'
+    },
+    defineCustomElement: defineCustomElement$6
 });
 const IxBreadcrumbItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-breadcrumb-item',
     properties: {
+        ariaLabelButton: 'aria-label-button',
         label: 'label',
         icon: 'icon',
         ghost: 'ghost',
@@ -97,23 +246,35 @@ const IxBreadcrumbItem = /*@__PURE__*/ createComponent({
         isDropdownTrigger: 'is-dropdown-trigger'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxBreadcrumbItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$7
 });
 const IxButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-button',
     properties: {
+        ariaLabelButton: 'aria-label-button',
         variant: 'variant',
         outline: 'outline',
         ghost: 'ghost',
         disabled: 'disabled',
         type: 'type',
         loading: 'loading',
+        form: 'form',
         icon: 'icon',
         alignment: 'alignment',
         iconSize: 'icon-size'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$8
 });
 const IxCard = /*@__PURE__*/ createComponent({
     tagName: 'ix-card',
@@ -122,23 +283,42 @@ const IxCard = /*@__PURE__*/ createComponent({
         selected: 'selected'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCard$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$9
 });
 const IxCardAccordion = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-accordion',
-    properties: { collapse: 'collapse' },
+    properties: {
+        ariaLabelExpandButton: 'aria-label-expand-button',
+        collapse: 'collapse'
+    },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCardAccordion$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$a
 });
 const IxCardContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-content',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCardContent$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$b
 });
 const IxCardList = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-list',
     properties: {
+        ariaLabelExpandButton: 'aria-label-expand-button',
         label: 'label',
         collapse: 'collapse',
         listStyle: 'list-style',
@@ -150,13 +330,27 @@ const IxCardList = /*@__PURE__*/ createComponent({
         i18nMoreCards: 'i-1-8n-more-cards'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCardList$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onCollapseChanged: 'collapseChanged',
+        onShowAllClick: 'showAllClick',
+        onShowMoreCardClick: 'showMoreCardClick'
+    },
+    defineCustomElement: defineCustomElement$c
 });
 const IxCardTitle = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-title',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCardTitle$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$d
 });
 const IxCategoryFilter = /*@__PURE__*/ createComponent({
     tagName: 'ix-category-filter',
@@ -174,10 +368,23 @@ const IxCategoryFilter = /*@__PURE__*/ createComponent({
         repeatCategories: 'repeat-categories',
         tmpDisableScrollIntoView: 'tmp-disable-scroll-into-view',
         labelCategories: 'label-categories',
-        i18nPlainText: 'i-1-8n-plain-text'
+        i18nPlainText: 'i-1-8n-plain-text',
+        ariaLabelResetButton: 'aria-label-reset-button',
+        ariaLabelOperatorButton: 'aria-label-operator-button',
+        ariaLabelFilterInput: 'aria-label-filter-input'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCategoryFilter$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onCategoryChanged: 'categoryChanged',
+        onInputChanged: 'inputChanged',
+        onFilterChanged: 'filterChanged',
+        onFilterCleared: 'filterCleared'
+    },
+    defineCustomElement: defineCustomElement$e
 });
 const IxCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'ix-checkbox',
@@ -191,7 +398,16 @@ const IxCheckbox = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCheckbox$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onCheckedChange: 'checkedChange',
+        onValueChange: 'valueChange',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$f
 });
 const IxCheckboxGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-checkbox-group',
@@ -207,7 +423,12 @@ const IxCheckboxGroup = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCheckboxGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$g
 });
 const IxChip = /*@__PURE__*/ createComponent({
     tagName: 'ix-chip',
@@ -219,10 +440,17 @@ const IxChip = /*@__PURE__*/ createComponent({
         background: 'background',
         chipColor: 'chip-color',
         outline: 'outline',
-        tooltipText: 'tooltip-text'
+        tooltipText: 'tooltip-text',
+        centerContent: 'center-content',
+        ariaLabelCloseButton: 'aria-label-close-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxChip$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCloseChip: 'closeChip' },
+    defineCustomElement: defineCustomElement$h
 });
 const IxCol = /*@__PURE__*/ createComponent({
     tagName: 'ix-col',
@@ -233,13 +461,23 @@ const IxCol = /*@__PURE__*/ createComponent({
         sizeLg: 'size-lg'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCol$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$i
 });
 const IxContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-content',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxContent$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$j
 });
 const IxContentHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-content-header',
@@ -250,7 +488,12 @@ const IxContentHeader = /*@__PURE__*/ createComponent({
         hasBackButton: 'has-back-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxContentHeader$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onBackButtonClick: 'backButtonClick' },
+    defineCustomElement: defineCustomElement$k
 });
 const IxCustomField = /*@__PURE__*/ createComponent({
     tagName: 'ix-custom-field',
@@ -265,7 +508,12 @@ const IxCustomField = /*@__PURE__*/ createComponent({
         showTextAsTooltip: 'show-text-as-tooltip'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxCustomField$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$l
 });
 const IxDateDropdown = /*@__PURE__*/ createComponent({
     tagName: 'ix-date-dropdown',
@@ -283,6 +531,7 @@ const IxDateDropdown = /*@__PURE__*/ createComponent({
         ghost: 'ghost',
         loading: 'loading',
         showWeekNumbers: 'show-week-numbers',
+        ariaLabelDropdownButton: 'aria-label-dropdown-button',
         customRangeAllowed: 'custom-range-allowed',
         dateRangeOptions: 'date-range-options',
         locale: 'locale',
@@ -293,7 +542,12 @@ const IxDateDropdown = /*@__PURE__*/ createComponent({
         today: 'today'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDateDropdown$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDateRangeChange: 'dateRangeChange' },
+    defineCustomElement: defineCustomElement$m
 });
 const IxDateInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-date-input',
@@ -301,11 +555,14 @@ const IxDateInput = /*@__PURE__*/ createComponent({
         name: 'name',
         placeholder: 'placeholder',
         value: 'value',
+        minDate: 'min-date',
+        maxDate: 'max-date',
         locale: 'locale',
         format: 'format',
         required: 'required',
         helperText: 'helper-text',
         label: 'label',
+        ariaLabelCalendarButton: 'aria-label-calendar-button',
         invalidText: 'invalid-text',
         readonly: 'readonly',
         disabled: 'disabled',
@@ -314,10 +571,21 @@ const IxDateInput = /*@__PURE__*/ createComponent({
         validText: 'valid-text',
         showTextAsTooltip: 'show-text-as-tooltip',
         i18nErrorDateUnparsable: 'i18n-error-date-unparsable',
-        showWeekNumbers: 'show-week-numbers'
+        showWeekNumbers: 'show-week-numbers',
+        weekStartIndex: 'week-start-index',
+        ariaLabelPreviousMonthButton: 'aria-label-previous-month-button',
+        ariaLabelNextMonthButton: 'aria-label-next-month-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDateInput$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValidityStateChange: 'validityStateChange'
+    },
+    defineCustomElement: defineCustomElement$n
 });
 const IxDatePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-date-picker',
@@ -330,6 +598,8 @@ const IxDatePicker = /*@__PURE__*/ createComponent({
         minDate: 'min-date',
         maxDate: 'max-date',
         i18nDone: 'i18n-done',
+        ariaLabelPreviousMonthButton: 'aria-label-previous-month-button',
+        ariaLabelNextMonthButton: 'aria-label-next-month-button',
         weekStartIndex: 'week-start-index',
         locale: 'locale',
         showWeekNumbers: 'show-week-numbers',
@@ -337,7 +607,16 @@ const IxDatePicker = /*@__PURE__*/ createComponent({
         today: 'today'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDatePicker$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDateChange: 'dateChange',
+        onDateRangeChange: 'dateRangeChange',
+        onDateSelect: 'dateSelect'
+    },
+    defineCustomElement: defineCustomElement$o
 });
 const IxDatetimePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-datetime-picker',
@@ -357,18 +636,34 @@ const IxDatetimePicker = /*@__PURE__*/ createComponent({
         timeReference: 'time-reference',
         i18nDone: 'i18n-done',
         i18nTime: 'i-1-8n-time',
+        ariaLabelPreviousMonthButton: 'aria-label-previous-month-button',
+        ariaLabelNextMonthButton: 'aria-label-next-month-button',
         weekStartIndex: 'week-start-index',
         locale: 'locale',
         showWeekNumbers: 'show-week-numbers'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDatetimePicker$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTimeChange: 'timeChange',
+        onDateChange: 'dateChange',
+        onDateSelect: 'dateSelect'
+    },
+    defineCustomElement: defineCustomElement$p
 });
 const IxDivider = /*@__PURE__*/ createComponent({
     tagName: 'ix-divider',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDivider$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$q
 });
 const IxDrawer = /*@__PURE__*/ createComponent({
     tagName: 'ix-drawer',
@@ -378,10 +673,19 @@ const IxDrawer = /*@__PURE__*/ createComponent({
         fullHeight: 'full-height',
         minWidth: 'min-width',
         maxWidth: 'max-width',
-        width: 'width'
+        width: 'width',
+        ariaLabelCloseButton: 'aria-label-close-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDrawer$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onOpen: 'open',
+        onDrawerClose: 'drawerClose'
+    },
+    defineCustomElement: defineCustomElement$r
 });
 const IxDropdown = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown',
@@ -401,7 +705,12 @@ const IxDropdown = /*@__PURE__*/ createComponent({
         suppressOverflowBehavior: 'suppress-overflow-behavior'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDropdown$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onShowChanged: 'showChanged' },
+    defineCustomElement: defineCustomElement$s
 });
 const IxDropdownButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-button',
@@ -413,22 +722,35 @@ const IxDropdownButton = /*@__PURE__*/ createComponent({
         label: 'label',
         icon: 'icon',
         closeBehavior: 'close-behavior',
-        placement: 'placement'
+        placement: 'placement',
+        ariaLabelDropdownButton: 'aria-label-dropdown-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDropdownButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$t
 });
 const IxDropdownHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-header',
     properties: { label: 'label' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDropdownHeader$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$u
 });
 const IxDropdownItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-item',
     properties: {
         label: 'label',
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
+        ariaLabelButton: 'aria-label-button',
         hover: 'hover',
         disabled: 'disabled',
         checked: 'checked',
@@ -436,13 +758,23 @@ const IxDropdownItem = /*@__PURE__*/ createComponent({
         suppressChecked: 'suppress-checked'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDropdownItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$v
 });
 const IxDropdownQuickActions = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-quick-actions',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxDropdownQuickActions$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$w
 });
 const IxEmptyState = /*@__PURE__*/ createComponent({
     tagName: 'ix-empty-state',
@@ -451,10 +783,16 @@ const IxEmptyState = /*@__PURE__*/ createComponent({
         icon: 'icon',
         header: 'header',
         subHeader: 'sub-header',
-        action: 'action'
+        action: 'action',
+        ariaLabelEmptyStateIcon: 'aria-label-empty-state-icon'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxEmptyState$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onActionClick: 'actionClick' },
+    defineCustomElement: defineCustomElement$x
 });
 const IxEventList = /*@__PURE__*/ createComponent({
     tagName: 'ix-event-list',
@@ -465,7 +803,12 @@ const IxEventList = /*@__PURE__*/ createComponent({
         chevron: 'chevron'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxEventList$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$y
 });
 const IxEventListItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-event-list-item',
@@ -476,7 +819,12 @@ const IxEventListItem = /*@__PURE__*/ createComponent({
         chevron: 'chevron'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxEventListItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onItemClick: 'itemClick' },
+    defineCustomElement: defineCustomElement$z
 });
 const IxExpandingSearch = /*@__PURE__*/ createComponent({
     tagName: 'ix-expanding-search',
@@ -487,10 +835,18 @@ const IxExpandingSearch = /*@__PURE__*/ createComponent({
         fullWidth: 'full-width',
         variant: 'variant',
         outline: 'outline',
-        ghost: 'ghost'
+        ghost: 'ghost',
+        ariaLabelSearchIconButton: 'aria-label-search-icon-button',
+        ariaLabelClearIconButton: 'aria-label-clear-icon-button',
+        ariaLabelSearchInput: 'aria-label-search-input'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxExpandingSearch$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onValueChange: 'valueChange' },
+    defineCustomElement: defineCustomElement$A
 });
 const IxFieldLabel = /*@__PURE__*/ createComponent({
     tagName: 'ix-field-label',
@@ -501,16 +857,27 @@ const IxFieldLabel = /*@__PURE__*/ createComponent({
         isInvalid: 'is-invalid'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxFieldLabel$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$B
 });
 const IxFilterChip = /*@__PURE__*/ createComponent({
     tagName: 'ix-filter-chip',
     properties: {
         disabled: 'disabled',
-        readonly: 'readonly'
+        readonly: 'readonly',
+        ariaLabelCloseIconButton: 'aria-label-close-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxFilterChip$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCloseClick: 'closeClick' },
+    defineCustomElement: defineCustomElement$C
 });
 const IxFlipTile = /*@__PURE__*/ createComponent({
     tagName: 'ix-flip-tile',
@@ -518,16 +885,27 @@ const IxFlipTile = /*@__PURE__*/ createComponent({
         state: 'state',
         height: 'height',
         width: 'width',
-        index: 'index'
+        index: 'index',
+        ariaLabelEyeIconButton: 'aria-label-eye-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxFlipTile$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onToggle: 'toggle' },
+    defineCustomElement: defineCustomElement$D
 });
 const IxFlipTileContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-flip-tile-content',
     properties: { contentVisible: 'content-visible' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxFlipTileContent$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$E
 });
 const IxGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-group',
@@ -541,18 +919,33 @@ const IxGroup = /*@__PURE__*/ createComponent({
         expandOnHeaderClick: 'expand-on-header-click'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSelectGroup: 'selectGroup',
+        onSelectItem: 'selectItem',
+        onCollapsedChanged: 'collapsedChanged'
+    },
+    defineCustomElement: defineCustomElement$F
 });
 const IxGroupContextMenu = /*@__PURE__*/ createComponent({
     tagName: 'ix-group-context-menu',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxGroupContextMenu$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$G
 });
 const IxGroupItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-group-item',
     properties: {
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         text: 'text',
         secondaryText: 'secondary-text',
         suppressSelection: 'suppress-selection',
@@ -561,7 +954,12 @@ const IxGroupItem = /*@__PURE__*/ createComponent({
         index: 'index'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxGroupItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSelectedChanged: 'selectedChanged' },
+    defineCustomElement: defineCustomElement$H
 });
 const IxHelperText = /*@__PURE__*/ createComponent({
     tagName: 'ix-helper-text',
@@ -574,7 +972,12 @@ const IxHelperText = /*@__PURE__*/ createComponent({
         warningText: 'warning-text'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxHelperText$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$I
 });
 const IxIconButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-icon-button',
@@ -592,7 +995,12 @@ const IxIconButton = /*@__PURE__*/ createComponent({
         loading: 'loading'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxIconButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$J
 });
 const IxIconToggleButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-icon-toggle-button',
@@ -601,13 +1009,20 @@ const IxIconToggleButton = /*@__PURE__*/ createComponent({
         outline: 'outline',
         ghost: 'ghost',
         icon: 'icon',
+        oval: 'oval',
         pressed: 'pressed',
         size: 'size',
         disabled: 'disabled',
-        loading: 'loading'
+        loading: 'loading',
+        ariaLabelIconButton: 'aria-label-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxIconToggleButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPressedChange: 'pressedChange' },
+    defineCustomElement: defineCustomElement$K
 });
 const IxInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-input',
@@ -632,48 +1047,85 @@ const IxInput = /*@__PURE__*/ createComponent({
         allowedCharactersPattern: 'allowed-characters-pattern'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxInput$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValidityStateChange: 'validityStateChange',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$L
 });
 const IxInputGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-input-group',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxInputGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$M
 });
 const IxKeyValue = /*@__PURE__*/ createComponent({
     tagName: 'ix-key-value',
     properties: {
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         label: 'label',
         labelPosition: 'label-position',
         value: 'value'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxKeyValue$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$N
 });
 const IxKeyValueList = /*@__PURE__*/ createComponent({
     tagName: 'ix-key-value-list',
     properties: { striped: 'striped' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxKeyValueList$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$O
 });
 const IxKpi = /*@__PURE__*/ createComponent({
     tagName: 'ix-kpi',
     properties: {
         label: 'label',
+        ariaLabelAlarmIcon: 'aria-label-alarm-icon',
+        ariaLabelWarningIcon: 'aria-label-warning-icon',
         value: 'value',
         unit: 'unit',
         state: 'state',
         orientation: 'orientation'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxKpi$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$P
 });
 const IxLayoutAuto = /*@__PURE__*/ createComponent({
     tagName: 'ix-layout-auto',
     properties: { layout: 'layout' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxLayoutAuto$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$Q
 });
 const IxLayoutGrid = /*@__PURE__*/ createComponent({
     tagName: 'ix-layout-grid',
@@ -683,7 +1135,12 @@ const IxLayoutGrid = /*@__PURE__*/ createComponent({
         columns: 'columns'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxLayoutGrid$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$R
 });
 const IxLinkButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-link-button',
@@ -693,28 +1150,49 @@ const IxLinkButton = /*@__PURE__*/ createComponent({
         target: 'target'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxLinkButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$S
 });
 const IxMapNavigation = /*@__PURE__*/ createComponent({
     tagName: 'ix-map-navigation',
     properties: {
         applicationName: 'application-name',
         navigationTitle: 'navigation-title',
-        hideContextMenu: 'hide-context-menu'
+        hideContextMenu: 'hide-context-menu',
+        ariaLabelContextIconButton: 'aria-label-context-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMapNavigation$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onNavigationToggled: 'navigationToggled',
+        onContextMenuClick: 'contextMenuClick'
+    },
+    defineCustomElement: defineCustomElement$T
 });
 const IxMapNavigationOverlay = /*@__PURE__*/ createComponent({
     tagName: 'ix-map-navigation-overlay',
     properties: {
         name: 'name',
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
+        ariaLabelCloseIconButton: 'aria-label-close-icon-button',
         color: 'color',
         iconColor: 'icon-color'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMapNavigationOverlay$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCloseClick: 'closeClick' },
+    defineCustomElement: defineCustomElement$U
 });
 const IxMenu = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu',
@@ -737,7 +1215,18 @@ const IxMenu = /*@__PURE__*/ createComponent({
         i18nCollapse: 'i-1-8n-collapse'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenu$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onExpandChange: 'expandChange',
+        onMapExpandChange: 'mapExpandChange',
+        onOpenAppSwitch: 'openAppSwitch',
+        onOpenSettings: 'openSettings',
+        onOpenAbout: 'openAbout'
+    },
+    defineCustomElement: defineCustomElement$V
 });
 const IxMenuAbout = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about',
@@ -747,13 +1236,26 @@ const IxMenuAbout = /*@__PURE__*/ createComponent({
         show: 'show'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuAbout$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTabChange: 'tabChange',
+        onClose: 'close'
+    },
+    defineCustomElement: defineCustomElement$W
 });
 const IxMenuAboutItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about-item',
     properties: { label: 'label' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuAboutItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onLabelChange: 'labelChange' },
+    defineCustomElement: defineCustomElement$X
 });
 const IxMenuAboutNews = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about-news',
@@ -766,7 +1268,15 @@ const IxMenuAboutNews = /*@__PURE__*/ createComponent({
         expanded: 'expanded'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuAboutNews$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onShowMore: 'showMore',
+        onClosePopover: 'closePopover'
+    },
+    defineCustomElement: defineCustomElement$Y
 });
 const IxMenuAvatar = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-avatar',
@@ -779,7 +1289,12 @@ const IxMenuAvatar = /*@__PURE__*/ createComponent({
         showLogoutButton: 'show-logout-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuAvatar$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onLogoutClick: 'logoutClick' },
+    defineCustomElement: defineCustomElement$Z
 });
 const IxMenuAvatarItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-avatar-item',
@@ -788,7 +1303,12 @@ const IxMenuAvatarItem = /*@__PURE__*/ createComponent({
         label: 'label'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuAvatarItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onItemClick: 'itemClick' },
+    defineCustomElement: defineCustomElement$_
 });
 const IxMenuCategory = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-category',
@@ -798,7 +1318,12 @@ const IxMenuCategory = /*@__PURE__*/ createComponent({
         notifications: 'notifications'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuCategory$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$$
 });
 const IxMenuItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-item',
@@ -813,7 +1338,12 @@ const IxMenuItem = /*@__PURE__*/ createComponent({
         isCategory: 'is-category'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$10
 });
 const IxMenuSettings = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-settings',
@@ -823,13 +1353,26 @@ const IxMenuSettings = /*@__PURE__*/ createComponent({
         show: 'show'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuSettings$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTabChange: 'tabChange',
+        onClose: 'close'
+    },
+    defineCustomElement: defineCustomElement$11
 });
 const IxMenuSettingsItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-settings-item',
     properties: { label: 'label' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMenuSettingsItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onLabelChange: 'labelChange' },
+    defineCustomElement: defineCustomElement$12
 });
 const IxMessageBar = /*@__PURE__*/ createComponent({
     tagName: 'ix-message-bar',
@@ -838,7 +1381,15 @@ const IxMessageBar = /*@__PURE__*/ createComponent({
         dismissible: 'dismissible'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxMessageBar$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onClosedChange: 'closedChange',
+        onCloseAnimationCompleted: 'closeAnimationCompleted'
+    },
+    defineCustomElement: defineCustomElement$13
 });
 const IxModal = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal',
@@ -852,29 +1403,54 @@ const IxModal = /*@__PURE__*/ createComponent({
         closeOnEscape: 'close-on-escape'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxModal$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDialogClose: 'dialogClose',
+        onDialogDismiss: 'dialogDismiss'
+    },
+    defineCustomElement: defineCustomElement$14
 });
 const IxModalContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-content',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxModalContent$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$15
 });
 const IxModalFooter = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-footer',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxModalFooter$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$16
 });
 const IxModalHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-header',
     properties: {
         hideClose: 'hide-close',
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
+        ariaLabelCloseIconButton: 'aria-label-close-icon-button',
         iconColor: 'icon-color'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxModalHeader$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCloseClick: 'closeClick' },
+    defineCustomElement: defineCustomElement$17
 });
 const IxNumberInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-number-input',
@@ -900,7 +1476,16 @@ const IxNumberInput = /*@__PURE__*/ createComponent({
         step: 'step'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxNumberInput$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValidityStateChange: 'validityStateChange',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$18
 });
 const IxPagination = /*@__PURE__*/ createComponent({
     tagName: 'ix-pagination',
@@ -912,10 +1497,20 @@ const IxPagination = /*@__PURE__*/ createComponent({
         selectedPage: 'selected-page',
         i18nPage: 'i-1-8n-page',
         i18nOf: 'i-1-8n-of',
-        i18nItems: 'i-1-8n-items'
+        i18nItems: 'i-1-8n-items',
+        ariaLabelChevronLeftIconButton: 'aria-label-chevron-left-icon-button',
+        ariaLabelChevronRightIconButton: 'aria-label-chevron-right-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxPagination$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPageSelected: 'pageSelected',
+        onItemCountChanged: 'itemCountChanged'
+    },
+    defineCustomElement: defineCustomElement$19
 });
 const IxPane = /*@__PURE__*/ createComponent({
     tagName: 'ix-pane',
@@ -928,11 +1523,21 @@ const IxPane = /*@__PURE__*/ createComponent({
         expanded: 'expanded',
         composition: 'composition',
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         ignoreLayoutSettings: 'ignore-layout-settings',
         isMobile: 'is-mobile'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxPane$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onExpandedChanged: 'expandedChanged',
+        onVariantChanged: 'variantChanged',
+        onBorderlessChanged: 'borderlessChanged'
+    },
+    defineCustomElement: defineCustomElement$1a
 });
 const IxPaneLayout = /*@__PURE__*/ createComponent({
     tagName: 'ix-pane-layout',
@@ -942,7 +1547,12 @@ const IxPaneLayout = /*@__PURE__*/ createComponent({
         borderless: 'borderless'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxPaneLayout$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1b
 });
 const IxPill = /*@__PURE__*/ createComponent({
     tagName: 'ix-pill',
@@ -950,18 +1560,47 @@ const IxPill = /*@__PURE__*/ createComponent({
         variant: 'variant',
         outline: 'outline',
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         background: 'background',
         pillColor: 'pill-color',
         alignLeft: 'align-left',
         tooltipText: 'tooltip-text'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxPill$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1c
+});
+const IxProgressIndicator = /*@__PURE__*/ createComponent({
+    tagName: 'ix-progress-indicator',
+    properties: {
+        type: 'type',
+        size: 'size',
+        value: 'value',
+        min: 'min',
+        max: 'max',
+        status: 'status',
+        label: 'label',
+        helperText: 'helper-text',
+        textAlignment: 'text-alignment',
+        showTextAsTooltip: 'show-text-as-tooltip'
+    },
+    hydrateModule: import('@siemens/ix/hydrate'),
+    serializeShadowRoot,
+    elementClass: IxProgressIndicator$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1d
 });
 const IxPushCard = /*@__PURE__*/ createComponent({
     tagName: 'ix-push-card',
     properties: {
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         notification: 'notification',
         heading: 'heading',
         subheading: 'subheading',
@@ -969,7 +1608,12 @@ const IxPushCard = /*@__PURE__*/ createComponent({
         collapse: 'collapse'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxPushCard$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1e
 });
 const IxRadio = /*@__PURE__*/ createComponent({
     tagName: 'ix-radio',
@@ -982,7 +1626,16 @@ const IxRadio = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxRadio$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onCheckedChange: 'checkedChange',
+        onValueChange: 'valueChange',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$1f
 });
 const IxRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-radio-group',
@@ -999,13 +1652,23 @@ const IxRadioGroup = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxRadioGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onValueChange: 'valueChange' },
+    defineCustomElement: defineCustomElement$1g
 });
 const IxRow = /*@__PURE__*/ createComponent({
     tagName: 'ix-row',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxRow$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1h
 });
 const IxSelect = /*@__PURE__*/ createComponent({
     tagName: 'ix-select',
@@ -1013,6 +1676,8 @@ const IxSelect = /*@__PURE__*/ createComponent({
         name: 'name',
         required: 'required',
         label: 'label',
+        ariaLabelChevronDownIconButton: 'aria-label-chevron-down-icon-button',
+        ariaLabelClearIconButton: 'aria-label-clear-icon-button',
         warningText: 'warning-text',
         infoText: 'info-text',
         invalidText: 'invalid-text',
@@ -1034,7 +1699,17 @@ const IxSelect = /*@__PURE__*/ createComponent({
         dropdownMaxWidth: 'dropdown-max-width'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxSelect$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onInputChange: 'inputChange',
+        onAddItem: 'addItem',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$1i
 });
 const IxSelectItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-select-item',
@@ -1045,7 +1720,12 @@ const IxSelectItem = /*@__PURE__*/ createComponent({
         hover: 'hover'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxSelectItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onItemClick: 'itemClick' },
+    defineCustomElement: defineCustomElement$1j
 });
 const IxSlider = /*@__PURE__*/ createComponent({
     tagName: 'ix-slider',
@@ -1061,7 +1741,12 @@ const IxSlider = /*@__PURE__*/ createComponent({
         error: 'error'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxSlider$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onValueChange: 'valueChange' },
+    defineCustomElement: defineCustomElement$1k
 });
 const IxSpinner = /*@__PURE__*/ createComponent({
     tagName: 'ix-spinner',
@@ -1071,7 +1756,12 @@ const IxSpinner = /*@__PURE__*/ createComponent({
         hideTrack: 'hide-track'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxSpinner$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1l
 });
 const IxSplitButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-split-button',
@@ -1081,13 +1771,20 @@ const IxSplitButton = /*@__PURE__*/ createComponent({
         outline: 'outline',
         ghost: 'ghost',
         label: 'label',
+        ariaLabelButton: 'aria-label-button',
         icon: 'icon',
         splitIcon: 'split-icon',
+        ariaLabelSplitIconButton: 'aria-label-split-icon-button',
         disabled: 'disabled',
         placement: 'placement'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxSplitButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onButtonClick: 'buttonClick' },
+    defineCustomElement: defineCustomElement$1m
 });
 const IxTabItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-tab-item',
@@ -1102,7 +1799,12 @@ const IxTabItem = /*@__PURE__*/ createComponent({
         placement: 'placement'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTabItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTabClick: 'tabClick' },
+    defineCustomElement: defineCustomElement$1n
 });
 const IxTabs = /*@__PURE__*/ createComponent({
     tagName: 'ix-tabs',
@@ -1111,10 +1813,17 @@ const IxTabs = /*@__PURE__*/ createComponent({
         rounded: 'rounded',
         selected: 'selected',
         layout: 'layout',
-        placement: 'placement'
+        placement: 'placement',
+        ariaLabelChevronLeftIconButton: 'aria-label-chevron-left-icon-button',
+        ariaLabelChevronRightIconButton: 'aria-label-chevron-right-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTabs$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSelectedChange: 'selectedChange' },
+    defineCustomElement: defineCustomElement$1o
 });
 const IxTextarea = /*@__PURE__*/ createComponent({
     tagName: 'ix-textarea',
@@ -1141,13 +1850,67 @@ const IxTextarea = /*@__PURE__*/ createComponent({
         minLength: 'min-length'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTextarea$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValidityStateChange: 'validityStateChange',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$1p
 });
 const IxTile = /*@__PURE__*/ createComponent({
     tagName: 'ix-tile',
     properties: { size: 'size' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTile$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1q
+});
+const IxTimeInput = /*@__PURE__*/ createComponent({
+    tagName: 'ix-time-input',
+    properties: {
+        name: 'name',
+        placeholder: 'placeholder',
+        value: 'value',
+        format: 'format',
+        required: 'required',
+        helperText: 'helper-text',
+        label: 'label',
+        invalidText: 'invalid-text',
+        readonly: 'readonly',
+        disabled: 'disabled',
+        infoText: 'info-text',
+        warningText: 'warning-text',
+        validText: 'valid-text',
+        showTextAsTooltip: 'show-text-as-tooltip',
+        i18nErrorTimeUnparsable: 'i18n-error-time-unparsable',
+        hourInterval: 'hour-interval',
+        minuteInterval: 'minute-interval',
+        secondInterval: 'second-interval',
+        millisecondInterval: 'millisecond-interval',
+        i18nSelectTime: 'i18n-select-time',
+        i18nTime: 'i18n-time',
+        i18nHourColumnHeader: 'i18n-hour-column-header',
+        i18nMinuteColumnHeader: 'i18n-minute-column-header',
+        i18nSecondColumnHeader: 'i18n-second-column-header',
+        i18nMillisecondColumnHeader: 'i18n-millisecond-column-header'
+    },
+    hydrateModule: import('@siemens/ix/hydrate'),
+    serializeShadowRoot,
+    elementClass: IxTimeInput$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValidityStateChange: 'validityStateChange'
+    },
+    defineCustomElement: defineCustomElement$1r
 });
 const IxTimePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-time-picker',
@@ -1155,16 +1918,36 @@ const IxTimePicker = /*@__PURE__*/ createComponent({
         format: 'format',
         corners: 'corners',
         standaloneAppearance: 'standalone-appearance',
+        dateTimePickerAppearance: 'date-time-picker-appearance',
         showHour: 'show-hour',
         showMinutes: 'show-minutes',
         showSeconds: 'show-seconds',
+        hideHeader: 'hide-header',
+        hourInterval: 'hour-interval',
+        minuteInterval: 'minute-interval',
+        secondInterval: 'second-interval',
+        millisecondInterval: 'millisecond-interval',
         time: 'time',
         timeReference: 'time-reference',
         textSelectTime: 'text-select-time',
-        textTime: 'text-time'
+        i18nConfirmTime: 'i18n-confirm-time',
+        textTime: 'text-time',
+        i18nHeader: 'i18n-header',
+        i18nHourColumnHeader: 'i18n-column-header',
+        i18nMinuteColumnHeader: 'i18n-minute-column-header',
+        i18nSecondColumnHeader: 'i18n-second-column-header',
+        i18nMillisecondColumnHeader: 'i18n-millisecond-column-header'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTimePicker$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTimeSelect: 'timeSelect',
+        onTimeChange: 'timeChange'
+    },
+    defineCustomElement: defineCustomElement$1s
 });
 const IxToast = /*@__PURE__*/ createComponent({
     tagName: 'ix-toast',
@@ -1174,10 +1957,16 @@ const IxToast = /*@__PURE__*/ createComponent({
         autoCloseDelay: 'auto-close-delay',
         autoClose: 'auto-close',
         icon: 'icon',
-        iconColor: 'icon-color'
+        iconColor: 'icon-color',
+        ariaLabelCloseIconButton: 'aria-label-close-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxToast$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onCloseToast: 'closeToast' },
+    defineCustomElement: defineCustomElement$1t
 });
 const IxToastContainer = /*@__PURE__*/ createComponent({
     tagName: 'ix-toast-container',
@@ -1187,7 +1976,12 @@ const IxToastContainer = /*@__PURE__*/ createComponent({
         position: 'position'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxToastContainer$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1u
 });
 const IxToggle = /*@__PURE__*/ createComponent({
     tagName: 'ix-toggle',
@@ -1204,7 +1998,15 @@ const IxToggle = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxToggle$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onCheckedChange: 'checkedChange',
+        onIxBlur: 'ixBlur'
+    },
+    defineCustomElement: defineCustomElement$1v
 });
 const IxToggleButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-toggle-button',
@@ -1215,10 +2017,16 @@ const IxToggleButton = /*@__PURE__*/ createComponent({
         disabled: 'disabled',
         loading: 'loading',
         icon: 'icon',
-        pressed: 'pressed'
+        pressed: 'pressed',
+        ariaLabelButton: 'aria-label-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxToggleButton$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPressedChange: 'pressedChange' },
+    defineCustomElement: defineCustomElement$1w
 });
 const IxTooltip = /*@__PURE__*/ createComponent({
     tagName: 'ix-tooltip',
@@ -1232,7 +2040,12 @@ const IxTooltip = /*@__PURE__*/ createComponent({
         animationFrame: 'animation-frame'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTooltip$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1x
 });
 const IxTypography = /*@__PURE__*/ createComponent({
     tagName: 'ix-typography',
@@ -1243,7 +2056,12 @@ const IxTypography = /*@__PURE__*/ createComponent({
         textDecoration: 'text-decoration'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxTypography$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1y
 });
 const IxUpload = /*@__PURE__*/ createComponent({
     tagName: 'ix-upload',
@@ -1261,7 +2079,12 @@ const IxUpload = /*@__PURE__*/ createComponent({
         i18nUploadDisabled: 'i-1-8n-upload-disabled'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxUpload$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onFilesChanged: 'filesChanged' },
+    defineCustomElement: defineCustomElement$1z
 });
 const IxValidationTooltip = /*@__PURE__*/ createComponent({
     tagName: 'ix-validation-tooltip',
@@ -1271,7 +2094,12 @@ const IxValidationTooltip = /*@__PURE__*/ createComponent({
         suppressAutomaticPlacement: 'suppress-automatic-placement'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxValidationTooltip$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1A
 });
 const IxWorkflowStep = /*@__PURE__*/ createComponent({
     tagName: 'ix-workflow-step',
@@ -1284,7 +2112,12 @@ const IxWorkflowStep = /*@__PURE__*/ createComponent({
         position: 'position'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxWorkflowStep$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$1B
 });
 const IxWorkflowSteps = /*@__PURE__*/ createComponent({
     tagName: 'ix-workflow-steps',
@@ -1294,8 +2127,13 @@ const IxWorkflowSteps = /*@__PURE__*/ createComponent({
         selectedIndex: 'selected-index'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    serializeShadowRoot,
+    elementClass: IxWorkflowSteps$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onStepSelected: 'stepSelected' },
+    defineCustomElement: defineCustomElement$1C
 });
 
-export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxPushCard, IxRadio, IxRadioGroup, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, serializeShadowRoot };
+export { IxActionCard, IxApplication, IxApplicationHeader, IxAvatar, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCard, IxCardAccordion, IxCardContent, IxCardList, IxCardTitle, IxCategoryFilter, IxCheckbox, IxCheckboxGroup, IxChip, IxCol, IxContent, IxContentHeader, IxCustomField, IxDateDropdown, IxDateInput, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownHeader, IxDropdownItem, IxDropdownQuickActions, IxEmptyState, IxEventList, IxEventListItem, IxExpandingSearch, IxFieldLabel, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupItem, IxHelperText, IxIconButton, IxIconToggleButton, IxInput, IxInputGroup, IxKeyValue, IxKeyValueList, IxKpi, IxLayoutAuto, IxLayoutGrid, IxLinkButton, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuCategory, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContent, IxModalFooter, IxModalHeader, IxNumberInput, IxPagination, IxPane, IxPaneLayout, IxPill, IxProgressIndicator, IxPushCard, IxRadio, IxRadioGroup, IxRow, IxSelect, IxSelectItem, IxSlider, IxSpinner, IxSplitButton, IxTabItem, IxTabs, IxTextarea, IxTile, IxTimeInput, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxToggleButton, IxTooltip, IxTypography, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, serializeShadowRoot };
 //# sourceMappingURL=components.server.js.map