@siemens/ix-react 0.0.0-pr-2166-20251001083917 → 0.0.0-pr-2212-20251017115125

package/dist/components.js

@@ -46,60 +46,62 @@ import { defineCustomElement as defineCustomElement$G, IxGroup as IxGroup$1 } fr
 import { defineCustomElement as defineCustomElement$J, IxHelperText as IxHelperText$1 } from '@siemens/ix/components/ix-helper-text.js';
 import { defineCustomElement as defineCustomElement$K, IxIconButton as IxIconButton$1 } from '@siemens/ix/components/ix-icon-button.js';
 import { defineCustomElement as defineCustomElement$L, IxIconToggleButton as IxIconToggleButton$1 } from '@siemens/ix/components/ix-icon-toggle-button.js';
+import { defineCustomElement as defineCustomElement$N, IxInputGroup as IxInputGroup$1 } from '@siemens/ix/components/ix-input-group.js';
 import { defineCustomElement as defineCustomElement$M, 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$14, IxModalContent as IxModalContent$1 } from '@siemens/ix/components/ix-modal-content.js';
-import { defineCustomElement as defineCustomElement$15, IxModalFooter as IxModalFooter$1 } from '@siemens/ix/components/ix-modal-footer.js';
-import { defineCustomElement as defineCustomElement$16, IxModalHeader as IxModalHeader$1 } from '@siemens/ix/components/ix-modal-header.js';
+import { defineCustomElement as defineCustomElement$P, IxKeyValueList as IxKeyValueList$1 } from '@siemens/ix/components/ix-key-value-list.js';
+import { defineCustomElement as defineCustomElement$O, IxKeyValue as IxKeyValue$1 } from '@siemens/ix/components/ix-key-value.js';
+import { defineCustomElement as defineCustomElement$Q, IxKpi as IxKpi$1 } from '@siemens/ix/components/ix-kpi.js';
+import { defineCustomElement as defineCustomElement$R, IxLayoutAuto as IxLayoutAuto$1 } from '@siemens/ix/components/ix-layout-auto.js';
+import { defineCustomElement as defineCustomElement$S, IxLayoutGrid as IxLayoutGrid$1 } from '@siemens/ix/components/ix-layout-grid.js';
+import { defineCustomElement as defineCustomElement$T, IxLinkButton as IxLinkButton$1 } from '@siemens/ix/components/ix-link-button.js';
+import { defineCustomElement as defineCustomElement$V, IxMapNavigationOverlay as IxMapNavigationOverlay$1 } from '@siemens/ix/components/ix-map-navigation-overlay.js';
+import { defineCustomElement as defineCustomElement$U, IxMapNavigation as IxMapNavigation$1 } from '@siemens/ix/components/ix-map-navigation.js';
+import { defineCustomElement as defineCustomElement$Y, IxMenuAboutItem as IxMenuAboutItem$1 } from '@siemens/ix/components/ix-menu-about-item.js';
+import { defineCustomElement as defineCustomElement$Z, IxMenuAboutNews as IxMenuAboutNews$1 } from '@siemens/ix/components/ix-menu-about-news.js';
+import { defineCustomElement as defineCustomElement$X, 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$_, IxMenuAvatar as IxMenuAvatar$1 } from '@siemens/ix/components/ix-menu-avatar.js';
+import { defineCustomElement as defineCustomElement$10, IxMenuCategory as IxMenuCategory$1 } from '@siemens/ix/components/ix-menu-category.js';
+import { defineCustomElement as defineCustomElement$11, IxMenuItem as IxMenuItem$1 } from '@siemens/ix/components/ix-menu-item.js';
+import { defineCustomElement as defineCustomElement$13, IxMenuSettingsItem as IxMenuSettingsItem$1 } from '@siemens/ix/components/ix-menu-settings-item.js';
+import { defineCustomElement as defineCustomElement$12, IxMenuSettings as IxMenuSettings$1 } from '@siemens/ix/components/ix-menu-settings.js';
+import { defineCustomElement as defineCustomElement$W, IxMenu as IxMenu$1 } from '@siemens/ix/components/ix-menu.js';
+import { defineCustomElement as defineCustomElement$14, 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, IxModal as IxModal$1 } from '@siemens/ix/components/ix-modal.js';
-import { defineCustomElement as defineCustomElement$17, IxNumberInput as IxNumberInput$1 } from '@siemens/ix/components/ix-number-input.js';
-import { defineCustomElement as defineCustomElement$18, IxPagination as IxPagination$1 } from '@siemens/ix/components/ix-pagination.js';
-import { defineCustomElement as defineCustomElement$1a, IxPaneLayout as IxPaneLayout$1 } from '@siemens/ix/components/ix-pane-layout.js';
-import { defineCustomElement as defineCustomElement$19, IxPane as IxPane$1 } from '@siemens/ix/components/ix-pane.js';
-import { defineCustomElement as defineCustomElement$1b, IxPill as IxPill$1 } from '@siemens/ix/components/ix-pill.js';
-import { defineCustomElement as defineCustomElement$1c, IxProgressIndicator as IxProgressIndicator$1 } from '@siemens/ix/components/ix-progress-indicator.js';
-import { defineCustomElement as defineCustomElement$1d, IxPushCard as IxPushCard$1 } from '@siemens/ix/components/ix-push-card.js';
-import { defineCustomElement as defineCustomElement$1f, IxRadioGroup as IxRadioGroup$1 } from '@siemens/ix/components/ix-radio-group.js';
-import { defineCustomElement as defineCustomElement$1e, IxRadio as IxRadio$1 } from '@siemens/ix/components/ix-radio.js';
-import { defineCustomElement as defineCustomElement$1g, IxRow as IxRow$1 } from '@siemens/ix/components/ix-row.js';
-import { defineCustomElement as defineCustomElement$1i, IxSelectItem as IxSelectItem$1 } from '@siemens/ix/components/ix-select-item.js';
-import { defineCustomElement as defineCustomElement$1h, IxSelect as IxSelect$1 } from '@siemens/ix/components/ix-select.js';
-import { defineCustomElement as defineCustomElement$1j, IxSlider as IxSlider$1 } from '@siemens/ix/components/ix-slider.js';
-import { defineCustomElement as defineCustomElement$1k, IxSpinner as IxSpinner$1 } from '@siemens/ix/components/ix-spinner.js';
-import { defineCustomElement as defineCustomElement$1l, IxSplitButton as IxSplitButton$1 } from '@siemens/ix/components/ix-split-button.js';
-import { defineCustomElement as defineCustomElement$1m, IxTabItem as IxTabItem$1 } from '@siemens/ix/components/ix-tab-item.js';
-import { defineCustomElement as defineCustomElement$1n, IxTabs as IxTabs$1 } from '@siemens/ix/components/ix-tabs.js';
-import { defineCustomElement as defineCustomElement$1o, IxTextarea as IxTextarea$1 } from '@siemens/ix/components/ix-textarea.js';
-import { defineCustomElement as defineCustomElement$1p, IxTile as IxTile$1 } from '@siemens/ix/components/ix-tile.js';
-import { defineCustomElement as defineCustomElement$1q, IxTimeInput as IxTimeInput$1 } from '@siemens/ix/components/ix-time-input.js';
-import { defineCustomElement as defineCustomElement$1r, IxTimePicker as IxTimePicker$1 } from '@siemens/ix/components/ix-time-picker.js';
-import { defineCustomElement as defineCustomElement$1t, IxToastContainer as IxToastContainer$1 } from '@siemens/ix/components/ix-toast-container.js';
-import { defineCustomElement as defineCustomElement$1s, IxToast as IxToast$1 } from '@siemens/ix/components/ix-toast.js';
-import { defineCustomElement as defineCustomElement$1v, IxToggleButton as IxToggleButton$1 } from '@siemens/ix/components/ix-toggle-button.js';
-import { defineCustomElement as defineCustomElement$1u, IxToggle as IxToggle$1 } from '@siemens/ix/components/ix-toggle.js';
-import { defineCustomElement as defineCustomElement$1w, IxTooltip as IxTooltip$1 } from '@siemens/ix/components/ix-tooltip.js';
-import { defineCustomElement as defineCustomElement$1x, IxTypography as IxTypography$1 } from '@siemens/ix/components/ix-typography.js';
-import { defineCustomElement as defineCustomElement$1y, IxUpload as IxUpload$1 } from '@siemens/ix/components/ix-upload.js';
-import { defineCustomElement as defineCustomElement$1z, IxWorkflowStep as IxWorkflowStep$1 } from '@siemens/ix/components/ix-workflow-step.js';
-import { defineCustomElement as defineCustomElement$1A, IxWorkflowSteps as IxWorkflowSteps$1 } from '@siemens/ix/components/ix-workflow-steps.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/runtime';
 import React from 'react';
 
@@ -472,7 +474,7 @@ const IxGroup = /*@__PURE__*/ createComponent({
     events: {
         onSelectGroup: 'selectGroup',
         onSelectItem: 'selectItem',
-        onExpandedChanged: 'expandedChanged'
+        onCollapsedChanged: 'collapsedChanged'
     },
     defineCustomElement: defineCustomElement$G
 });
@@ -528,13 +530,21 @@ const IxInput = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineCustomElement$M
 });
+const IxInputGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ix-input-group',
+    elementClass: IxInputGroup$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$N
+});
 const IxKeyValue = /*@__PURE__*/ createComponent({
     tagName: 'ix-key-value',
     elementClass: IxKeyValue$1,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$N
+    defineCustomElement: defineCustomElement$O
 });
 const IxKeyValueList = /*@__PURE__*/ createComponent({
     tagName: 'ix-key-value-list',
@@ -542,7 +552,7 @@ const IxKeyValueList = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$O
+    defineCustomElement: defineCustomElement$P
 });
 const IxKpi = /*@__PURE__*/ createComponent({
     tagName: 'ix-kpi',
@@ -550,7 +560,7 @@ const IxKpi = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$P
+    defineCustomElement: defineCustomElement$Q
 });
 const IxLayoutAuto = /*@__PURE__*/ createComponent({
     tagName: 'ix-layout-auto',
@@ -558,7 +568,7 @@ const IxLayoutAuto = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$Q
+    defineCustomElement: defineCustomElement$R
 });
 const IxLayoutGrid = /*@__PURE__*/ createComponent({
     tagName: 'ix-layout-grid',
@@ -566,7 +576,7 @@ const IxLayoutGrid = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$R
+    defineCustomElement: defineCustomElement$S
 });
 const IxLinkButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-link-button',
@@ -574,7 +584,7 @@ const IxLinkButton = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$S
+    defineCustomElement: defineCustomElement$T
 });
 const IxMapNavigation = /*@__PURE__*/ createComponent({
     tagName: 'ix-map-navigation',
@@ -585,7 +595,7 @@ const IxMapNavigation = /*@__PURE__*/ createComponent({
         onNavigationToggled: 'navigationToggled',
         onContextMenuClick: 'contextMenuClick'
     },
-    defineCustomElement: defineCustomElement$T
+    defineCustomElement: defineCustomElement$U
 });
 const IxMapNavigationOverlay = /*@__PURE__*/ createComponent({
     tagName: 'ix-map-navigation-overlay',
@@ -593,7 +603,7 @@ const IxMapNavigationOverlay = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onCloseClick: 'closeClick' },
-    defineCustomElement: defineCustomElement$U
+    defineCustomElement: defineCustomElement$V
 });
 const IxMenu = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu',
@@ -607,7 +617,7 @@ const IxMenu = /*@__PURE__*/ createComponent({
         onOpenSettings: 'openSettings',
         onOpenAbout: 'openAbout'
     },
-    defineCustomElement: defineCustomElement$V
+    defineCustomElement: defineCustomElement$W
 });
 const IxMenuAbout = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about',
@@ -618,7 +628,7 @@ const IxMenuAbout = /*@__PURE__*/ createComponent({
         onTabChange: 'tabChange',
         onClose: 'close'
     },
-    defineCustomElement: defineCustomElement$W
+    defineCustomElement: defineCustomElement$X
 });
 const IxMenuAboutItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about-item',
@@ -626,7 +636,7 @@ const IxMenuAboutItem = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onLabelChange: 'labelChange' },
-    defineCustomElement: defineCustomElement$X
+    defineCustomElement: defineCustomElement$Y
 });
 const IxMenuAboutNews = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-about-news',
@@ -637,7 +647,7 @@ const IxMenuAboutNews = /*@__PURE__*/ createComponent({
         onShowMore: 'showMore',
         onClosePopover: 'closePopover'
     },
-    defineCustomElement: defineCustomElement$Y
+    defineCustomElement: defineCustomElement$Z
 });
 const IxMenuAvatar = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-avatar',
@@ -645,7 +655,7 @@ const IxMenuAvatar = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onLogoutClick: 'logoutClick' },
-    defineCustomElement: defineCustomElement$Z
+    defineCustomElement: defineCustomElement$_
 });
 const IxMenuAvatarItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-avatar-item',
@@ -653,7 +663,7 @@ const IxMenuAvatarItem = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onItemClick: 'itemClick' },
-    defineCustomElement: defineCustomElement$_
+    defineCustomElement: defineCustomElement$$
 });
 const IxMenuCategory = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-category',
@@ -661,7 +671,7 @@ const IxMenuCategory = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$$
+    defineCustomElement: defineCustomElement$10
 });
 const IxMenuItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-item',
@@ -669,7 +679,7 @@ const IxMenuItem = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$10
+    defineCustomElement: defineCustomElement$11
 });
 const IxMenuSettings = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-settings',
@@ -680,7 +690,7 @@ const IxMenuSettings = /*@__PURE__*/ createComponent({
         onTabChange: 'tabChange',
         onClose: 'close'
     },
-    defineCustomElement: defineCustomElement$11
+    defineCustomElement: defineCustomElement$12
 });
 const IxMenuSettingsItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-menu-settings-item',
@@ -688,7 +698,7 @@ const IxMenuSettingsItem = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onLabelChange: 'labelChange' },
-    defineCustomElement: defineCustomElement$12
+    defineCustomElement: defineCustomElement$13
 });
 const IxMessageBar = /*@__PURE__*/ createComponent({
     tagName: 'ix-message-bar',
@@ -699,7 +709,7 @@ const IxMessageBar = /*@__PURE__*/ createComponent({
         onClosedChange: 'closedChange',
         onCloseAnimationCompleted: 'closeAnimationCompleted'
     },
-    defineCustomElement: defineCustomElement$13
+    defineCustomElement: defineCustomElement$14
 });
 const IxModal = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal',
@@ -718,7 +728,7 @@ const IxModalContent = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$14
+    defineCustomElement: defineCustomElement$15
 });
 const IxModalFooter = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-footer',
@@ -726,7 +736,7 @@ const IxModalFooter = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$15
+    defineCustomElement: defineCustomElement$16
 });
 const IxModalHeader = /*@__PURE__*/ createComponent({
     tagName: 'ix-modal-header',
@@ -734,7 +744,7 @@ const IxModalHeader = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onCloseClick: 'closeClick' },
-    defineCustomElement: defineCustomElement$16
+    defineCustomElement: defineCustomElement$17
 });
 const IxNumberInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-number-input',
@@ -746,7 +756,7 @@ const IxNumberInput = /*@__PURE__*/ createComponent({
         onValidityStateChange: 'validityStateChange',
         onIxBlur: 'ixBlur'
     },
-    defineCustomElement: defineCustomElement$17
+    defineCustomElement: defineCustomElement$18
 });
 const IxPagination = /*@__PURE__*/ createComponent({
     tagName: 'ix-pagination',
@@ -757,7 +767,7 @@ const IxPagination = /*@__PURE__*/ createComponent({
         onPageSelected: 'pageSelected',
         onItemCountChanged: 'itemCountChanged'
     },
-    defineCustomElement: defineCustomElement$18
+    defineCustomElement: defineCustomElement$19
 });
 const IxPane = /*@__PURE__*/ createComponent({
     tagName: 'ix-pane',
@@ -769,7 +779,7 @@ const IxPane = /*@__PURE__*/ createComponent({
         onVariantChanged: 'variantChanged',
         onBorderlessChanged: 'borderlessChanged'
     },
-    defineCustomElement: defineCustomElement$19
+    defineCustomElement: defineCustomElement$1a
 });
 const IxPaneLayout = /*@__PURE__*/ createComponent({
     tagName: 'ix-pane-layout',
@@ -777,7 +787,7 @@ const IxPaneLayout = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1a
+    defineCustomElement: defineCustomElement$1b
 });
 const IxPill = /*@__PURE__*/ createComponent({
     tagName: 'ix-pill',
@@ -785,7 +795,7 @@ const IxPill = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1b
+    defineCustomElement: defineCustomElement$1c
 });
 const IxProgressIndicator = /*@__PURE__*/ createComponent({
     tagName: 'ix-progress-indicator',
@@ -793,7 +803,7 @@ const IxProgressIndicator = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1c
+    defineCustomElement: defineCustomElement$1d
 });
 const IxPushCard = /*@__PURE__*/ createComponent({
     tagName: 'ix-push-card',
@@ -801,7 +811,7 @@ const IxPushCard = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1d
+    defineCustomElement: defineCustomElement$1e
 });
 const IxRadio = /*@__PURE__*/ createComponent({
     tagName: 'ix-radio',
@@ -813,7 +823,7 @@ const IxRadio = /*@__PURE__*/ createComponent({
         onValueChange: 'valueChange',
         onIxBlur: 'ixBlur'
     },
-    defineCustomElement: defineCustomElement$1e
+    defineCustomElement: defineCustomElement$1f
 });
 const IxRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'ix-radio-group',
@@ -821,7 +831,7 @@ const IxRadioGroup = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onValueChange: 'valueChange' },
-    defineCustomElement: defineCustomElement$1f
+    defineCustomElement: defineCustomElement$1g
 });
 const IxRow = /*@__PURE__*/ createComponent({
     tagName: 'ix-row',
@@ -829,7 +839,7 @@ const IxRow = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1g
+    defineCustomElement: defineCustomElement$1h
 });
 const IxSelect = /*@__PURE__*/ createComponent({
     tagName: 'ix-select',
@@ -842,7 +852,7 @@ const IxSelect = /*@__PURE__*/ createComponent({
         onAddItem: 'addItem',
         onIxBlur: 'ixBlur'
     },
-    defineCustomElement: defineCustomElement$1h
+    defineCustomElement: defineCustomElement$1i
 });
 const IxSelectItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-select-item',
@@ -850,7 +860,7 @@ const IxSelectItem = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onItemClick: 'itemClick' },
-    defineCustomElement: defineCustomElement$1i
+    defineCustomElement: defineCustomElement$1j
 });
 const IxSlider = /*@__PURE__*/ createComponent({
     tagName: 'ix-slider',
@@ -858,7 +868,7 @@ const IxSlider = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onValueChange: 'valueChange' },
-    defineCustomElement: defineCustomElement$1j
+    defineCustomElement: defineCustomElement$1k
 });
 const IxSpinner = /*@__PURE__*/ createComponent({
     tagName: 'ix-spinner',
@@ -866,7 +876,7 @@ const IxSpinner = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1k
+    defineCustomElement: defineCustomElement$1l
 });
 const IxSplitButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-split-button',
@@ -874,7 +884,7 @@ const IxSplitButton = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onButtonClick: 'buttonClick' },
-    defineCustomElement: defineCustomElement$1l
+    defineCustomElement: defineCustomElement$1m
 });
 const IxTabItem = /*@__PURE__*/ createComponent({
     tagName: 'ix-tab-item',
@@ -882,7 +892,7 @@ const IxTabItem = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onTabClick: 'tabClick' },
-    defineCustomElement: defineCustomElement$1m
+    defineCustomElement: defineCustomElement$1n
 });
 const IxTabs = /*@__PURE__*/ createComponent({
     tagName: 'ix-tabs',
@@ -890,7 +900,7 @@ const IxTabs = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onSelectedChange: 'selectedChange' },
-    defineCustomElement: defineCustomElement$1n
+    defineCustomElement: defineCustomElement$1o
 });
 const IxTextarea = /*@__PURE__*/ createComponent({
     tagName: 'ix-textarea',
@@ -902,7 +912,7 @@ const IxTextarea = /*@__PURE__*/ createComponent({
         onValidityStateChange: 'validityStateChange',
         onIxBlur: 'ixBlur'
     },
-    defineCustomElement: defineCustomElement$1o
+    defineCustomElement: defineCustomElement$1p
 });
 const IxTile = /*@__PURE__*/ createComponent({
     tagName: 'ix-tile',
@@ -910,7 +920,7 @@ const IxTile = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1p
+    defineCustomElement: defineCustomElement$1q
 });
 const IxTimeInput = /*@__PURE__*/ createComponent({
     tagName: 'ix-time-input',
@@ -921,7 +931,7 @@ const IxTimeInput = /*@__PURE__*/ createComponent({
         onValueChange: 'valueChange',
         onValidityStateChange: 'validityStateChange'
     },
-    defineCustomElement: defineCustomElement$1q
+    defineCustomElement: defineCustomElement$1r
 });
 const IxTimePicker = /*@__PURE__*/ createComponent({
     tagName: 'ix-time-picker',
@@ -932,7 +942,7 @@ const IxTimePicker = /*@__PURE__*/ createComponent({
         onTimeSelect: 'timeSelect',
         onTimeChange: 'timeChange'
     },
-    defineCustomElement: defineCustomElement$1r
+    defineCustomElement: defineCustomElement$1s
 });
 const IxToast = /*@__PURE__*/ createComponent({
     tagName: 'ix-toast',
@@ -940,7 +950,7 @@ const IxToast = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onCloseToast: 'closeToast' },
-    defineCustomElement: defineCustomElement$1s
+    defineCustomElement: defineCustomElement$1t
 });
 const IxToastContainer = /*@__PURE__*/ createComponent({
     tagName: 'ix-toast-container',
@@ -948,7 +958,7 @@ const IxToastContainer = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1t
+    defineCustomElement: defineCustomElement$1u
 });
 const IxToggle = /*@__PURE__*/ createComponent({
     tagName: 'ix-toggle',
@@ -959,7 +969,7 @@ const IxToggle = /*@__PURE__*/ createComponent({
         onCheckedChange: 'checkedChange',
         onIxBlur: 'ixBlur'
     },
-    defineCustomElement: defineCustomElement$1u
+    defineCustomElement: defineCustomElement$1v
 });
 const IxToggleButton = /*@__PURE__*/ createComponent({
     tagName: 'ix-toggle-button',
@@ -967,7 +977,7 @@ const IxToggleButton = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onPressedChange: 'pressedChange' },
-    defineCustomElement: defineCustomElement$1v
+    defineCustomElement: defineCustomElement$1w
 });
 const IxTooltip = /*@__PURE__*/ createComponent({
     tagName: 'ix-tooltip',
@@ -975,7 +985,7 @@ const IxTooltip = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1w
+    defineCustomElement: defineCustomElement$1x
 });
 const IxTypography = /*@__PURE__*/ createComponent({
     tagName: 'ix-typography',
@@ -983,7 +993,7 @@ const IxTypography = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1x
+    defineCustomElement: defineCustomElement$1y
 });
 const IxUpload = /*@__PURE__*/ createComponent({
     tagName: 'ix-upload',
@@ -991,7 +1001,15 @@ const IxUpload = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onFilesChanged: 'filesChanged' },
-    defineCustomElement: defineCustomElement$1y
+    defineCustomElement: defineCustomElement$1z
+});
+const IxValidationTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'ix-validation-tooltip',
+    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',
@@ -999,7 +1017,7 @@ const IxWorkflowStep = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1z
+    defineCustomElement: defineCustomElement$1B
 });
 const IxWorkflowSteps = /*@__PURE__*/ createComponent({
     tagName: 'ix-workflow-steps',
@@ -1007,8 +1025,8 @@ const IxWorkflowSteps = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onStepSelected: 'stepSelected' },
-    defineCustomElement: defineCustomElement$1A
+    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, 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, IxWorkflowStep, IxWorkflowSteps };
+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 };
 //# sourceMappingURL=components.js.map