@siemens/ix-react 3.1.0 → 4.0.0

package/dist/components.server.js

@@ -1,24 +1,27 @@
+import * as clientComponents from '@siemens/ix';
 import { createComponent } from '@stencil/react-output-target/ssr';
 
 /**
  * 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.
  */
+/* eslint-disable */
+// @ts-ignore - ignore potential type issues as the project is importing itself
 const serializeShadowRoot = { "scoped": [], "default": "declarative-shadow-dom" };
 const IxActionCard = /*@__PURE__*/ createComponent({
     tagName: 'ix-action-card',
     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
+    clientModule: clientComponents.IxActionCard,
+    serializeShadowRoot,
 });
 const IxApplication = /*@__PURE__*/ createComponent({
     tagName: 'ix-application',
@@ -30,38 +33,43 @@ const IxApplication = /*@__PURE__*/ createComponent({
         appSwitchConfig: 'app-switch-config'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxApplication,
+    serializeShadowRoot,
 });
 const IxApplicationHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-application-header',
     properties: {
         name: 'name',
-        showMenu: 'show-menu'
-    },
-    hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+        nameSuffix: 'name-suffix',
+        companyLogo: 'company-logo',
+        companyLogoAlt: 'company-logo-alt',
+        appIcon: 'app-icon',
+        appIconAlt: 'app-icon-alt',
+        appIconOutline: 'app-icon-outline',
+        hideBottomBorder: 'hide-bottom-border',
+        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'),
+    clientModule: clientComponents.IxApplicationHeader,
+    serializeShadowRoot,
 });
 const IxAvatar = /*@__PURE__*/ createComponent({
     tagName: 'ix-avatar',
     properties: {
+        a11yLabel: 'a11y-label',
         image: 'image',
         initials: 'initials',
         username: 'username',
-        extra: 'extra'
+        extra: 'extra',
+        tooltipText: 'tooltip-text',
+        ariaLabelTooltip: 'aria-label-tooltip'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
-});
-const IxBasicNavigation = /*@__PURE__*/ createComponent({
-    tagName: 'ix-basic-navigation',
-    properties: {
-        applicationName: 'application-name',
-        hideHeader: 'hide-header',
-        forceBreakpoint: 'force-breakpoint',
-        breakpoints: 'breakpoints'
-    },
-    hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxAvatar,
+    serializeShadowRoot,
 });
 const IxBlind = /*@__PURE__*/ createComponent({
     tagName: 'ix-blind',
@@ -73,48 +81,59 @@ const IxBlind = /*@__PURE__*/ createComponent({
         variant: 'variant'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxBlind,
+    serializeShadowRoot,
 });
 const IxBreadcrumb = /*@__PURE__*/ createComponent({
     tagName: 'ix-breadcrumb',
     properties: {
         visibleItemCount: 'visible-item-count',
         nextItems: 'next-items',
-        ghost: 'ghost',
+        subtle: 'subtle',
         ariaLabelPreviousButton: 'aria-label-previous-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxBreadcrumb,
+    serializeShadowRoot,
 });
 const IxBreadcrumbItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-breadcrumb-item',
     properties: {
+        ariaLabelButton: 'aria-label-button',
         label: 'label',
         icon: 'icon',
-        ghost: 'ghost',
-        visible: 'visible',
-        showChevron: 'show-chevron',
+        href: 'href',
+        target: 'target',
+        rel: 'rel',
+        subtle: 'subtle',
+        invisible: 'invisible',
+        hideChevron: 'hide-chevron',
         isDropdownTrigger: 'is-dropdown-trigger'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxBreadcrumbItem,
+    serializeShadowRoot,
 });
 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',
+        iconRight: 'icon-right',
         alignment: 'alignment',
-        iconSize: 'icon-size'
+        iconSize: 'icon-size',
+        href: 'href',
+        target: 'target',
+        rel: 'rel'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxButton,
+    serializeShadowRoot,
 });
 const IxCard = /*@__PURE__*/ createComponent({
     tagName: 'ix-card',
@@ -123,23 +142,31 @@ const IxCard = /*@__PURE__*/ createComponent({
         selected: 'selected'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCard,
+    serializeShadowRoot,
 });
 const IxCardAccordion = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-accordion',
-    properties: { collapse: 'collapse' },
+    properties: {
+        ariaLabelExpandButton: 'aria-label-expand-button',
+        collapse: 'collapse',
+        variant: 'variant'
+    },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCardAccordion,
+    serializeShadowRoot,
 });
 const IxCardContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-content',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCardContent,
+    serializeShadowRoot,
 });
 const IxCardList = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-list',
     properties: {
+        ariaLabelExpandButton: 'aria-label-expand-button',
         label: 'label',
         collapse: 'collapse',
         listStyle: 'list-style',
@@ -147,17 +174,19 @@ const IxCardList = /*@__PURE__*/ createComponent({
         showAllCount: 'show-all-count',
         suppressOverflowHandling: 'suppress-overflow-handling',
         hideShowAll: 'hide-show-all',
-        i18nShowAll: 'i-1-8n-show-all',
-        i18nMoreCards: 'i-1-8n-more-cards'
+        i18nShowAll: 'i18n-show-all',
+        i18nMoreCards: 'i18n-more-cards'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCardList,
+    serializeShadowRoot,
 });
 const IxCardTitle = /*@__PURE__*/ createComponent({
     tagName: 'ix-card-title',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCardTitle,
+    serializeShadowRoot,
 });
 const IxCategoryFilter = /*@__PURE__*/ createComponent({
     tagName: 'ix-category-filter',
@@ -172,13 +201,16 @@ const IxCategoryFilter = /*@__PURE__*/ createComponent({
         icon: 'icon',
         hideIcon: 'hide-icon',
         staticOperator: 'static-operator',
-        repeatCategories: 'repeat-categories',
-        tmpDisableScrollIntoView: 'tmp-disable-scroll-into-view',
+        uniqueCategories: 'unique-categories',
         labelCategories: 'label-categories',
-        i18nPlainText: 'i-1-8n-plain-text'
+        i18nPlainText: 'i18n-plain-text',
+        ariaLabelResetButton: 'aria-label-reset-button',
+        ariaLabelOperatorButton: 'aria-label-operator-button',
+        ariaLabelFilterInput: 'aria-label-filter-input'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCategoryFilter,
+    serializeShadowRoot,
 });
 const IxCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'ix-checkbox',
@@ -192,7 +224,8 @@ const IxCheckbox = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCheckbox,
+    serializeShadowRoot,
 });
 const IxCheckboxGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-checkbox-group',
@@ -208,22 +241,26 @@ const IxCheckboxGroup = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCheckboxGroup,
+    serializeShadowRoot,
 });
 const IxChip = /*@__PURE__*/ createComponent({
     tagName: 'ix-chip',
     properties: {
         variant: 'variant',
-        active: 'active',
+        inactive: 'inactive',
         closable: 'closable',
         icon: 'icon',
         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
+    clientModule: clientComponents.IxChip,
+    serializeShadowRoot,
 });
 const IxCol = /*@__PURE__*/ createComponent({
     tagName: 'ix-col',
@@ -234,13 +271,15 @@ const IxCol = /*@__PURE__*/ createComponent({
         sizeLg: 'size-lg'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCol,
+    serializeShadowRoot,
 });
 const IxContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-content',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxContent,
+    serializeShadowRoot,
 });
 const IxContentHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-content-header',
@@ -251,7 +290,8 @@ const IxContentHeader = /*@__PURE__*/ createComponent({
         hasBackButton: 'has-back-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxContentHeader,
+    serializeShadowRoot,
 });
 const IxCustomField = /*@__PURE__*/ createComponent({
     tagName: 'ix-custom-field',
@@ -266,25 +306,25 @@ const IxCustomField = /*@__PURE__*/ createComponent({
         showTextAsTooltip: 'show-text-as-tooltip'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxCustomField,
+    serializeShadowRoot,
 });
 const IxDateDropdown = /*@__PURE__*/ createComponent({
     tagName: 'ix-date-dropdown',
     properties: {
         disabled: 'disabled',
         format: 'format',
-        range: 'range',
+        singleSelection: 'single-selection',
         from: 'from',
         to: 'to',
         minDate: 'min-date',
         maxDate: 'max-date',
         dateRangeId: 'date-range-id',
         variant: 'variant',
-        outline: 'outline',
-        ghost: 'ghost',
         loading: 'loading',
         showWeekNumbers: 'show-week-numbers',
-        customRangeAllowed: 'custom-range-allowed',
+        ariaLabelDropdownButton: 'aria-label-dropdown-button',
+        customRangeDisabled: 'custom-range-disabled',
         dateRangeOptions: 'date-range-options',
         locale: 'locale',
         weekStartIndex: 'week-start-index',
@@ -294,7 +334,8 @@ const IxDateDropdown = /*@__PURE__*/ createComponent({
         today: 'today'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDateDropdown,
+    serializeShadowRoot,
 });
 const IxDateInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-date-input',
@@ -302,11 +343,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',
@@ -315,38 +359,42 @@ 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
+    clientModule: clientComponents.IxDateInput,
+    serializeShadowRoot,
 });
 const IxDatePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-date-picker',
     properties: {
         format: 'format',
-        range: 'range',
+        singleSelection: 'single-selection',
         corners: 'corners',
         from: 'from',
         to: 'to',
         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',
-        standaloneAppearance: 'standalone-appearance',
+        embedded: 'embedded',
         today: 'today'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDatePicker,
+    serializeShadowRoot,
 });
 const IxDatetimePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-datetime-picker',
     properties: {
-        range: 'range',
-        showHour: 'show-hour',
-        showMinutes: 'show-minutes',
-        showSeconds: 'show-seconds',
+        singleSelection: 'single-selection',
         minDate: 'min-date',
         maxDate: 'max-date',
         dateFormat: 'date-format',
@@ -357,19 +405,23 @@ const IxDatetimePicker = /*@__PURE__*/ createComponent({
         showTimeReference: 'show-time-reference',
         timeReference: 'time-reference',
         i18nDone: 'i18n-done',
-        i18nTime: 'i-1-8n-time',
+        i18nTime: 'i18n-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
+    clientModule: clientComponents.IxDatetimePicker,
+    serializeShadowRoot,
 });
 const IxDivider = /*@__PURE__*/ createComponent({
     tagName: 'ix-divider',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDivider,
+    serializeShadowRoot,
 });
 const IxDrawer = /*@__PURE__*/ createComponent({
     tagName: 'ix-drawer',
@@ -379,10 +431,12 @@ 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
+    clientModule: clientComponents.IxDrawer,
+    serializeShadowRoot,
 });
 const IxDropdown = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown',
@@ -402,34 +456,38 @@ const IxDropdown = /*@__PURE__*/ createComponent({
         suppressOverflowBehavior: 'suppress-overflow-behavior'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDropdown,
+    serializeShadowRoot,
 });
 const IxDropdownButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-button',
     properties: {
         variant: 'variant',
-        outline: 'outline',
-        ghost: 'ghost',
         disabled: 'disabled',
         label: 'label',
         icon: 'icon',
         closeBehavior: 'close-behavior',
-        placement: 'placement'
+        placement: 'placement',
+        ariaLabelDropdownButton: 'aria-label-dropdown-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDropdownButton,
+    serializeShadowRoot,
 });
 const IxDropdownHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-header',
     properties: { label: 'label' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDropdownHeader,
+    serializeShadowRoot,
 });
 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',
@@ -437,13 +495,15 @@ const IxDropdownItem = /*@__PURE__*/ createComponent({
         suppressChecked: 'suppress-checked'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDropdownItem,
+    serializeShadowRoot,
 });
 const IxDropdownQuickActions = /*@__PURE__*/ createComponent({
     tagName: 'ix-dropdown-quick-actions',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxDropdownQuickActions,
+    serializeShadowRoot,
 });
 const IxEmptyState = /*@__PURE__*/ createComponent({
     tagName: 'ix-empty-state',
@@ -452,10 +512,12 @@ 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
+    clientModule: clientComponents.IxEmptyState,
+    serializeShadowRoot,
 });
 const IxEventList = /*@__PURE__*/ createComponent({
     tagName: 'ix-event-list',
@@ -466,18 +528,21 @@ const IxEventList = /*@__PURE__*/ createComponent({
         chevron: 'chevron'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxEventList,
+    serializeShadowRoot,
 });
 const IxEventListItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-event-list-item',
     properties: {
+        variant: 'variant',
         itemColor: 'item-color',
         selected: 'selected',
         disabled: 'disabled',
         chevron: 'chevron'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxEventListItem,
+    serializeShadowRoot,
 });
 const IxExpandingSearch = /*@__PURE__*/ createComponent({
     tagName: 'ix-expanding-search',
@@ -487,11 +552,13 @@ const IxExpandingSearch = /*@__PURE__*/ createComponent({
         value: 'value',
         fullWidth: 'full-width',
         variant: 'variant',
-        outline: 'outline',
-        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
+    clientModule: clientComponents.IxExpandingSearch,
+    serializeShadowRoot,
 });
 const IxFieldLabel = /*@__PURE__*/ createComponent({
     tagName: 'ix-field-label',
@@ -502,33 +569,39 @@ const IxFieldLabel = /*@__PURE__*/ createComponent({
         isInvalid: 'is-invalid'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxFieldLabel,
+    serializeShadowRoot,
 });
 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
+    clientModule: clientComponents.IxFilterChip,
+    serializeShadowRoot,
 });
 const IxFlipTile = /*@__PURE__*/ createComponent({
     tagName: 'ix-flip-tile',
     properties: {
-        state: 'state',
+        variant: 'variant',
         height: 'height',
         width: 'width',
-        index: 'index'
+        index: 'index',
+        ariaLabelEyeIconButton: 'aria-label-eye-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxFlipTile,
+    serializeShadowRoot,
 });
 const IxFlipTileContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-flip-tile-content',
     properties: { contentVisible: 'content-visible' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxFlipTileContent,
+    serializeShadowRoot,
 });
 const IxGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-group',
@@ -536,33 +609,38 @@ const IxGroup = /*@__PURE__*/ createComponent({
         suppressHeaderSelection: 'suppress-header-selection',
         header: 'header',
         subHeader: 'sub-header',
-        collapsed: 'collapsed',
+        expanded: 'expanded',
         selected: 'selected',
         index: 'index',
         expandOnHeaderClick: 'expand-on-header-click'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxGroup,
+    serializeShadowRoot,
 });
 const IxGroupContextMenu = /*@__PURE__*/ createComponent({
     tagName: 'ix-group-context-menu',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxGroupContextMenu,
+    serializeShadowRoot,
 });
 const IxGroupItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-group-item',
     properties: {
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         text: 'text',
         secondaryText: 'secondary-text',
         suppressSelection: 'suppress-selection',
+        groupFooter: 'group-footer',
         selected: 'selected',
-        focusable: 'focusable',
+        disabled: 'disabled',
         index: 'index'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxGroupItem,
+    serializeShadowRoot,
 });
 const IxHelperText = /*@__PURE__*/ createComponent({
     tagName: 'ix-helper-text',
@@ -575,15 +653,14 @@ const IxHelperText = /*@__PURE__*/ createComponent({
         warningText: 'warning-text'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxHelperText,
+    serializeShadowRoot,
 });
 const IxIconButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-icon-button',
     properties: {
         a11yLabel: 'a11y-label',
         variant: 'variant',
-        outline: 'outline',
-        ghost: 'ghost',
         oval: 'oval',
         icon: 'icon',
         size: 'size',
@@ -593,7 +670,8 @@ const IxIconButton = /*@__PURE__*/ createComponent({
         loading: 'loading'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxIconButton,
+    serializeShadowRoot,
 });
 const IxIconToggleButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-icon-toggle-button',
@@ -606,10 +684,12 @@ const IxIconToggleButton = /*@__PURE__*/ createComponent({
         pressed: 'pressed',
         size: 'size',
         disabled: 'disabled',
-        loading: 'loading'
+        loading: 'loading',
+        ariaLabelIconButton: 'aria-label-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxIconToggleButton,
+    serializeShadowRoot,
 });
 const IxInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-input',
@@ -634,48 +714,57 @@ const IxInput = /*@__PURE__*/ createComponent({
         allowedCharactersPattern: 'allowed-characters-pattern'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxInput,
+    serializeShadowRoot,
 });
 const IxInputGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-input-group',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxInputGroup,
+    serializeShadowRoot,
 });
 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
+    clientModule: clientComponents.IxKeyValue,
+    serializeShadowRoot,
 });
 const IxKeyValueList = /*@__PURE__*/ createComponent({
     tagName: 'ix-key-value-list',
     properties: { striped: 'striped' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxKeyValueList,
+    serializeShadowRoot,
 });
 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
+    clientModule: clientComponents.IxKpi,
+    serializeShadowRoot,
 });
 const IxLayoutAuto = /*@__PURE__*/ createComponent({
     tagName: 'ix-layout-auto',
     properties: { layout: 'layout' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxLayoutAuto,
+    serializeShadowRoot,
 });
 const IxLayoutGrid = /*@__PURE__*/ createComponent({
     tagName: 'ix-layout-grid',
@@ -685,7 +774,8 @@ const IxLayoutGrid = /*@__PURE__*/ createComponent({
         columns: 'columns'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxLayoutGrid,
+    serializeShadowRoot,
 });
 const IxLinkButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-link-button',
@@ -695,28 +785,8 @@ const IxLinkButton = /*@__PURE__*/ createComponent({
         target: 'target'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
-});
-const IxMapNavigation = /*@__PURE__*/ createComponent({
-    tagName: 'ix-map-navigation',
-    properties: {
-        applicationName: 'application-name',
-        navigationTitle: 'navigation-title',
-        hideContextMenu: 'hide-context-menu'
-    },
-    hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
-});
-const IxMapNavigationOverlay = /*@__PURE__*/ createComponent({
-    tagName: 'ix-map-navigation-overlay',
-    properties: {
-        name: 'name',
-        icon: 'icon',
-        color: 'color',
-        iconColor: 'icon-color'
-    },
-    hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxLinkButton,
+    serializeShadowRoot,
 });
 const IxMenu = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu',
@@ -724,22 +794,22 @@ const IxMenu = /*@__PURE__*/ createComponent({
         showSettings: 'show-settings',
         showAbout: 'show-about',
         enableToggleTheme: 'enable-toggle-theme',
-        enableSettings: 'enable-settings',
         enableMapExpand: 'enable-map-expand',
         applicationName: 'application-name',
         applicationDescription: 'application-description',
-        i18nExpandSidebar: 'i-1-8n-expand-sidebar',
+        i18nExpandSidebar: 'i18n-expand-sidebar',
         expand: 'expand',
         startExpanded: 'start-expanded',
         pinned: 'pinned',
-        i18nLegal: 'i-1-8n-legal',
-        i18nSettings: 'i-1-8n-settings',
-        i18nToggleTheme: 'i-1-8n-toggle-theme',
-        i18nExpand: 'i-1-8n-expand',
-        i18nCollapse: 'i-1-8n-collapse'
+        i18nLegal: 'i18n-legal',
+        i18nSettings: 'i18n-settings',
+        i18nToggleTheme: 'i18n-toggle-theme',
+        i18nExpand: 'i18n-expand',
+        i18nCollapse: 'i18n-collapse'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenu,
+    serializeShadowRoot,
 });
 const IxMenuAbout = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about',
@@ -749,26 +819,28 @@ const IxMenuAbout = /*@__PURE__*/ createComponent({
         show: 'show'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuAbout,
+    serializeShadowRoot,
 });
 const IxMenuAboutItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about-item',
     properties: { label: 'label' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuAboutItem,
+    serializeShadowRoot,
 });
 const IxMenuAboutNews = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about-news',
     properties: {
         show: 'show',
         label: 'label',
-        i18nShowMore: 'i-1-8n-show-more',
+        i18nShowMore: 'i18n-show-more',
         aboutItemLabel: 'about-item-label',
-        offsetBottom: 'offset-bottom',
         expanded: 'expanded'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuAboutNews,
+    serializeShadowRoot,
 });
 const IxMenuAvatar = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-avatar',
@@ -777,11 +849,12 @@ const IxMenuAvatar = /*@__PURE__*/ createComponent({
         bottom: 'bottom',
         image: 'image',
         initials: 'initials',
-        i18nLogout: 'i-1-8n-logout',
-        showLogoutButton: 'show-logout-button'
+        i18nLogout: 'i18n-logout',
+        hideLogoutButton: 'hide-logout-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuAvatar,
+    serializeShadowRoot,
 });
 const IxMenuAvatarItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-avatar-item',
@@ -790,17 +863,20 @@ const IxMenuAvatarItem = /*@__PURE__*/ createComponent({
         label: 'label'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuAvatarItem,
+    serializeShadowRoot,
 });
 const IxMenuCategory = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-category',
     properties: {
         label: 'label',
         icon: 'icon',
-        notifications: 'notifications'
+        notifications: 'notifications',
+        tooltipText: 'tooltip-text'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuCategory,
+    serializeShadowRoot,
 });
 const IxMenuItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-item',
@@ -812,10 +888,15 @@ const IxMenuItem = /*@__PURE__*/ createComponent({
         notifications: 'notifications',
         active: 'active',
         disabled: 'disabled',
+        tooltipText: 'tooltip-text',
+        href: 'href',
+        target: 'target',
+        rel: 'rel',
         isCategory: 'is-category'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuItem,
+    serializeShadowRoot,
 });
 const IxMenuSettings = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-settings',
@@ -825,58 +906,67 @@ const IxMenuSettings = /*@__PURE__*/ createComponent({
         show: 'show'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuSettings,
+    serializeShadowRoot,
 });
 const IxMenuSettingsItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-settings-item',
     properties: { label: 'label' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMenuSettingsItem,
+    serializeShadowRoot,
 });
 const IxMessageBar = /*@__PURE__*/ createComponent({
     tagName: 'ix-message-bar',
     properties: {
         type: 'type',
-        dismissible: 'dismissible'
+        persistent: 'persistent'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxMessageBar,
+    serializeShadowRoot,
 });
 const IxModal = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal',
     properties: {
         size: 'size',
-        animation: 'animation',
-        backdrop: 'backdrop',
+        disableAnimation: 'disable-animation',
+        hideBackdrop: 'hide-backdrop',
         closeOnBackdropClick: 'close-on-backdrop-click',
         beforeDismiss: 'before-dismiss',
         centered: 'centered',
-        closeOnEscape: 'close-on-escape'
+        disableEscapeClose: 'disable-escape-close'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxModal,
+    serializeShadowRoot,
 });
 const IxModalContent = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-content',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxModalContent,
+    serializeShadowRoot,
 });
 const IxModalFooter = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-footer',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxModalFooter,
+    serializeShadowRoot,
 });
 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
+    clientModule: clientComponents.IxModalHeader,
+    serializeShadowRoot,
 });
 const IxNumberInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-number-input',
@@ -902,22 +992,26 @@ const IxNumberInput = /*@__PURE__*/ createComponent({
         step: 'step'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxNumberInput,
+    serializeShadowRoot,
 });
 const IxPagination = /*@__PURE__*/ createComponent({
     tagName: 'ix-pagination',
     properties: {
         advanced: 'advanced',
         itemCount: 'item-count',
-        showItemCount: 'show-item-count',
+        hideItemCount: 'hide-item-count',
         count: 'count',
         selectedPage: 'selected-page',
-        i18nPage: 'i-1-8n-page',
-        i18nOf: 'i-1-8n-of',
-        i18nItems: 'i-1-8n-items'
+        i18nPage: 'i18n-page',
+        i18nOf: 'i18n-of',
+        i18nItems: 'i18n-items',
+        ariaLabelChevronLeftIconButton: 'aria-label-chevron-left-icon-button',
+        ariaLabelChevronRightIconButton: 'aria-label-chevron-right-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxPagination,
+    serializeShadowRoot,
 });
 const IxPane = /*@__PURE__*/ createComponent({
     tagName: 'ix-pane',
@@ -930,11 +1024,15 @@ const IxPane = /*@__PURE__*/ createComponent({
         expanded: 'expanded',
         composition: 'composition',
         icon: 'icon',
+        closeOnClickOutside: 'close-on-click-outside',
+        ariaLabelIcon: 'aria-label-icon',
+        ariaLabelCollapseCloseButton: 'aria-label-collapse-close-button',
         ignoreLayoutSettings: 'ignore-layout-settings',
         isMobile: 'is-mobile'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxPane,
+    serializeShadowRoot,
 });
 const IxPaneLayout = /*@__PURE__*/ createComponent({
     tagName: 'ix-pane-layout',
@@ -944,7 +1042,8 @@ const IxPaneLayout = /*@__PURE__*/ createComponent({
         borderless: 'borderless'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxPaneLayout,
+    serializeShadowRoot,
 });
 const IxPill = /*@__PURE__*/ createComponent({
     tagName: 'ix-pill',
@@ -952,26 +1051,48 @@ 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
+    clientModule: clientComponents.IxPill,
+    serializeShadowRoot,
+});
+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'),
+    clientModule: clientComponents.IxProgressIndicator,
+    serializeShadowRoot,
 });
 const IxPushCard = /*@__PURE__*/ createComponent({
     tagName: 'ix-push-card',
     properties: {
         icon: 'icon',
+        ariaLabelIcon: 'aria-label-icon',
         notification: 'notification',
         heading: 'heading',
         subheading: 'subheading',
         variant: 'variant',
-        collapse: 'collapse'
+        expanded: 'expanded'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxPushCard,
+    serializeShadowRoot,
 });
 const IxRadio = /*@__PURE__*/ createComponent({
     tagName: 'ix-radio',
@@ -984,7 +1105,8 @@ const IxRadio = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxRadio,
+    serializeShadowRoot,
 });
 const IxRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-radio-group',
@@ -1001,13 +1123,15 @@ const IxRadioGroup = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxRadioGroup,
+    serializeShadowRoot,
 });
 const IxRow = /*@__PURE__*/ createComponent({
     tagName: 'ix-row',
     properties: {},
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxRow,
+    serializeShadowRoot,
 });
 const IxSelect = /*@__PURE__*/ createComponent({
     tagName: 'ix-select',
@@ -1015,6 +1139,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',
@@ -1027,16 +1153,17 @@ const IxSelect = /*@__PURE__*/ createComponent({
         editable: 'editable',
         disabled: 'disabled',
         readonly: 'readonly',
-        i18nPlaceholder: 'i-1-8n-placeholder',
-        i18nPlaceholderEditable: 'i-1-8n-placeholder-editable',
-        i18nSelectListHeader: 'i-1-8n-select-list-header',
-        i18nNoMatches: 'i-1-8n-no-matches',
+        i18nPlaceholder: 'i18n-placeholder',
+        i18nPlaceholderEditable: 'i18n-placeholder-editable',
+        i18nSelectListHeader: 'i18n-select-list-header',
+        i18nNoMatches: 'i18n-no-matches',
         hideListHeader: 'hide-list-header',
         dropdownWidth: 'dropdown-width',
         dropdownMaxWidth: 'dropdown-max-width'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxSelect,
+    serializeShadowRoot,
 });
 const IxSelectItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-select-item',
@@ -1047,7 +1174,8 @@ const IxSelectItem = /*@__PURE__*/ createComponent({
         hover: 'hover'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxSelectItem,
+    serializeShadowRoot,
 });
 const IxSlider = /*@__PURE__*/ createComponent({
     tagName: 'ix-slider',
@@ -1063,7 +1191,8 @@ const IxSlider = /*@__PURE__*/ createComponent({
         error: 'error'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxSlider,
+    serializeShadowRoot,
 });
 const IxSpinner = /*@__PURE__*/ createComponent({
     tagName: 'ix-spinner',
@@ -1073,23 +1202,25 @@ const IxSpinner = /*@__PURE__*/ createComponent({
         hideTrack: 'hide-track'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxSpinner,
+    serializeShadowRoot,
 });
 const IxSplitButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-split-button',
     properties: {
         variant: 'variant',
         closeBehavior: 'close-behavior',
-        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
+    clientModule: clientComponents.IxSplitButton,
+    serializeShadowRoot,
 });
 const IxTabItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-tab-item',
@@ -1104,7 +1235,8 @@ const IxTabItem = /*@__PURE__*/ createComponent({
         placement: 'placement'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxTabItem,
+    serializeShadowRoot,
 });
 const IxTabs = /*@__PURE__*/ createComponent({
     tagName: 'ix-tabs',
@@ -1113,10 +1245,13 @@ 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
+    clientModule: clientComponents.IxTabs,
+    serializeShadowRoot,
 });
 const IxTextarea = /*@__PURE__*/ createComponent({
     tagName: 'ix-textarea',
@@ -1143,30 +1278,73 @@ const IxTextarea = /*@__PURE__*/ createComponent({
         minLength: 'min-length'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxTextarea,
+    serializeShadowRoot,
 });
 const IxTile = /*@__PURE__*/ createComponent({
     tagName: 'ix-tile',
     properties: { size: 'size' },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxTile,
+    serializeShadowRoot,
+});
+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',
+        hideHeader: 'hide-header'
+    },
+    hydrateModule: import('@siemens/ix/hydrate'),
+    clientModule: clientComponents.IxTimeInput,
+    serializeShadowRoot,
 });
 const IxTimePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-time-picker',
     properties: {
         format: 'format',
         corners: 'corners',
-        standaloneAppearance: 'standalone-appearance',
-        showHour: 'show-hour',
-        showMinutes: 'show-minutes',
-        showSeconds: 'show-seconds',
+        embedded: 'embedded',
+        dateTimePickerAppearance: 'date-time-picker-appearance',
+        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',
+        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
+    clientModule: clientComponents.IxTimePicker,
+    serializeShadowRoot,
 });
 const IxToast = /*@__PURE__*/ createComponent({
     tagName: 'ix-toast',
@@ -1174,12 +1352,14 @@ const IxToast = /*@__PURE__*/ createComponent({
         type: 'type',
         toastTitle: 'toast-title',
         autoCloseDelay: 'auto-close-delay',
-        autoClose: 'auto-close',
+        preventAutoClose: 'prevent-auto-close',
         icon: 'icon',
-        iconColor: 'icon-color'
+        iconColor: 'icon-color',
+        ariaLabelCloseIconButton: 'aria-label-close-icon-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxToast,
+    serializeShadowRoot,
 });
 const IxToastContainer = /*@__PURE__*/ createComponent({
     tagName: 'ix-toast-container',
@@ -1189,7 +1369,8 @@ const IxToastContainer = /*@__PURE__*/ createComponent({
         position: 'position'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxToastContainer,
+    serializeShadowRoot,
 });
 const IxToggle = /*@__PURE__*/ createComponent({
     tagName: 'ix-toggle',
@@ -1206,21 +1387,23 @@ const IxToggle = /*@__PURE__*/ createComponent({
         required: 'required'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxToggle,
+    serializeShadowRoot,
 });
 const IxToggleButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-toggle-button',
     properties: {
         variant: 'variant',
-        outline: 'outline',
-        ghost: 'ghost',
         disabled: 'disabled',
         loading: 'loading',
         icon: 'icon',
-        pressed: 'pressed'
+        iconRight: 'icon-right',
+        pressed: 'pressed',
+        ariaLabelButton: 'aria-label-button'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxToggleButton,
+    serializeShadowRoot,
 });
 const IxTooltip = /*@__PURE__*/ createComponent({
     tagName: 'ix-tooltip',
@@ -1234,7 +1417,8 @@ const IxTooltip = /*@__PURE__*/ createComponent({
         animationFrame: 'animation-frame'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxTooltip,
+    serializeShadowRoot,
 });
 const IxTypography = /*@__PURE__*/ createComponent({
     tagName: 'ix-typography',
@@ -1245,7 +1429,8 @@ const IxTypography = /*@__PURE__*/ createComponent({
         textDecoration: 'text-decoration'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxTypography,
+    serializeShadowRoot,
 });
 const IxUpload = /*@__PURE__*/ createComponent({
     tagName: 'ix-upload',
@@ -1259,11 +1444,12 @@ const IxUpload = /*@__PURE__*/ createComponent({
         loadingText: 'loading-text',
         uploadFailedText: 'upload-failed-text',
         uploadSuccessText: 'upload-success-text',
-        i18nUploadFile: 'i-1-8n-upload-file',
-        i18nUploadDisabled: 'i-1-8n-upload-disabled'
+        i18nUploadFile: 'i18n-upload-file',
+        i18nUploadDisabled: 'i18n-upload-disabled'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxUpload,
+    serializeShadowRoot,
 });
 const IxValidationTooltip = /*@__PURE__*/ createComponent({
     tagName: 'ix-validation-tooltip',
@@ -1273,7 +1459,8 @@ const IxValidationTooltip = /*@__PURE__*/ createComponent({
         suppressAutomaticPlacement: 'suppress-automatic-placement'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxValidationTooltip,
+    serializeShadowRoot,
 });
 const IxWorkflowStep = /*@__PURE__*/ createComponent({
     tagName: 'ix-workflow-step',
@@ -1286,7 +1473,8 @@ const IxWorkflowStep = /*@__PURE__*/ createComponent({
         position: 'position'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.IxWorkflowStep,
+    serializeShadowRoot,
 });
 const IxWorkflowSteps = /*@__PURE__*/ createComponent({
     tagName: 'ix-workflow-steps',
@@ -1296,8 +1484,9 @@ const IxWorkflowSteps = /*@__PURE__*/ createComponent({
         selectedIndex: 'selected-index'
     },
     hydrateModule: import('@siemens/ix/hydrate'),
-    serializeShadowRoot
+    clientModule: clientComponents.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, 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, 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, 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