@ukic/web-components 3.19.0 → 3.20.0

package/hydrate/index.js

@@ -3282,6 +3282,13 @@ const IGNORED_KEYBOARD_CHARACTERS = [
     "Tab",
 ];
 const IC_CUSTOM_ALLOWED_COMPONENTS = [];
+// Component tag names used in focus trapping helper functions
+const IC_ACCORDION = "IC-ACCORDION";
+const IC_ACCORDION_GROUP = "IC-ACCORDION-GROUP";
+const IC_CHECKBOX = "IC-CHECKBOX";
+const IC_SEARCH_BAR = "IC-SEARCH-BAR";
+const IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
+const IC_TEXT_FIELD = "IC-TEXT-FIELD";
 
 const DARK_MODE_THRESHOLD = 133.3505;
 const ANYWHERE_SEARCH_POSITION = "anywhere";
@@ -3724,6 +3731,161 @@ const getElementInheritedTheme = (el) => {
 const isSafari = /safari/i.test(window.navigator.userAgent) &&
     !/Edge/i.test(window.navigator.userAgent) &&
     !/chrome/i.test(window.navigator.userAgent);
+/**
+ * Focuses the provided element, or the next focusable element if it should be skipped. Used for focus trapping.
+ * @param focusAttemptCount - number of focus attempts that have been made
+ * @param focusedElementIndex - current focused element index
+ * @param interactiveElementList - list of interactive elements
+ * @param shiftKey - whether the shift key is pressed
+ */
+const focusElement = (focusAttemptCount, focusedElementIndex, interactiveElementList, shiftKey = false) => {
+    const element = interactiveElementList[focusedElementIndex];
+    if (!element) {
+        return;
+    }
+    let newFocusAttemptCount = focusAttemptCount;
+    if (newFocusAttemptCount++ > interactiveElementList.length) {
+        return;
+    }
+    let newFocusedElementIndex = focusedElementIndex;
+    if (shouldSkipElement(element)) {
+        newFocusedElementIndex = getFocusIndexBasedOnShiftKey(newFocusedElementIndex, shiftKey);
+        newFocusedElementIndex = getLoopedNextFocusIndexIfLastElement(newFocusedElementIndex, interactiveElementList);
+        return focusElement(newFocusAttemptCount, newFocusedElementIndex, interactiveElementList, shiftKey);
+    }
+    else {
+        switch (element.tagName) {
+            case IC_ACCORDION:
+            case IC_ACCORDION_GROUP:
+            case IC_CHECKBOX:
+            case IC_SEARCH_BAR:
+            case IC_TAB_CONTEXT:
+            case IC_TEXT_FIELD:
+                element.setFocus();
+                break;
+            default:
+                element.focus();
+        }
+        return { newFocusAttemptCount, newFocusedElementIndex };
+    }
+};
+/**
+ * Gets the index of the currently focused element. Used for focus trapping.
+ * @param el - host element of the component
+ * @param interactiveElementList - list of interactive elements
+ */
+const getFocusedElementIndex = (el, interactiveElementList) => {
+    var _a;
+    for (let i = 0; i < interactiveElementList.length; i++) {
+        if (interactiveElementList[i] ===
+            (((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {
+            return i;
+        }
+    }
+    return null;
+};
+/**
+ * Gets the next focusable element index based on whether the shift key is pressed. Used for focus trapping.
+ * @param focusedElementIndex - current focused element index
+ * @param shiftKey - whether the shift key is pressed
+ */
+const getFocusIndexBasedOnShiftKey = (focusedElementIndex, shiftKey) => (shiftKey ? (focusedElementIndex -= 1) : (focusedElementIndex += 1));
+/**
+ * Gets the next focusable element index, looping back to the start or end if necessary. Used for focus trapping.
+ * @param focusedElementIndex - current focused element index
+ * @param interactiveElementList - list of interactive elements
+ */
+const getLoopedNextFocusIndexIfLastElement = (focusedElementIndex, interactiveElementList) => {
+    if (focusedElementIndex > interactiveElementList.length - 1) {
+        return 0;
+    }
+    else if (focusedElementIndex < 0) {
+        return interactiveElementList.length - 1;
+    }
+    return focusedElementIndex;
+};
+/**
+ * Handles tab key press for focus trapping.
+ * @param el - host element of the component
+ * @param focusAttemptCount - number of focus attempts that have been made
+ * @param focusedElementIndex - current focused element index
+ * @param interactiveElementList - list of interactive elements
+ * @param shiftKey - whether the shift key is pressed
+ */
+function handleFocusTrapTabKeyPress(el, focusAttemptCount, focusedElementIndex, interactiveElementList, shiftKey) {
+    var _a;
+    let newFocusAttemptCount = focusAttemptCount;
+    let newFocusedElementIndex = getFocusedElementIndex(el, interactiveElementList) || focusedElementIndex;
+    if (((_a = interactiveElementList[focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) === IC_SEARCH_BAR) {
+        return {
+            newFocusAttemptCount,
+            newFocusedElementIndex,
+            preventDefault: false,
+        };
+    }
+    newFocusedElementIndex = getFocusIndexBasedOnShiftKey(newFocusedElementIndex, shiftKey);
+    newFocusedElementIndex = getLoopedNextFocusIndexIfLastElement(newFocusedElementIndex, interactiveElementList);
+    newFocusAttemptCount = 0;
+    const focusElementResult = focusElement(newFocusAttemptCount, newFocusedElementIndex, interactiveElementList, shiftKey);
+    if (focusElementResult) {
+        newFocusedElementIndex = focusElementResult.newFocusedElementIndex;
+        newFocusAttemptCount = focusElementResult.newFocusAttemptCount;
+    }
+    return { newFocusAttemptCount, newFocusedElementIndex, preventDefault: true };
+}
+/**
+ * Sets up listener and mutation observer to refresh interactive elements on slot changes. Used for focus trapping.
+ * @param contentWrapper - content wrapper element
+ * @param getInteractiveElements - function to get interactive elements
+ */
+const refreshInteractiveElementsOnSlotChange = (contentWrapper, getInteractiveElements) => {
+    var _a;
+    let contentAreaSlot = null;
+    let contentAreaMutationObserver = null;
+    if (contentWrapper) {
+        contentAreaSlot = contentWrapper.querySelector("slot");
+        // Detect changes to slotted elements
+        contentAreaSlot === null || contentAreaSlot === void 0 ? void 0 : contentAreaSlot.addEventListener("slotchange", getInteractiveElements);
+        contentAreaMutationObserver = new MutationObserver(() => {
+            getInteractiveElements();
+        });
+        // Detect changes to children of slotted elements
+        (_a = getSlotElements(contentWrapper)) === null || _a === void 0 ? void 0 : _a.forEach((el) => {
+            contentAreaMutationObserver === null || contentAreaMutationObserver === void 0 ? void 0 : contentAreaMutationObserver.observe(el, {
+                childList: true,
+                subtree: true,
+            });
+        });
+    }
+    return { contentAreaSlot, contentAreaMutationObserver };
+};
+/**
+ * Determines whether an element should be skipped when focusing interactive elements. Used for focus trapping.
+ * @param element - element to check
+ */
+const shouldSkipElement = (element) => {
+    if (!element) {
+        return true;
+    }
+    const isHidden = getComputedStyle(element).visibility === "hidden" ||
+        element.offsetHeight === 0 ||
+        element.hasAttribute("disabled") ||
+        (element.tagName === IC_ACCORDION_GROUP &&
+            element.hasAttribute("single-expansion"));
+    const radioEl = element.closest("ic-radio-option");
+    return (isHidden ||
+        (element.getAttribute("type") === "radio" &&
+            !!radioEl &&
+            !(radioEl.hasAttribute("selected") || element.tabIndex === 0)));
+};
+/**
+ * Gets all interactive elements slotted within a component. Used for focus trapping.
+ * @param el - host element of the component
+ */
+const slottedInteractiveElements = (el) => Array.from(el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),
+          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,
+          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,
+          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker, ic-action-chip, ic-time-input`));
 
 var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
@@ -3889,12 +4051,13 @@ class Accordion {
     }; }
 }
 
-const icAccordionGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.label-container{--ic-typography-color:var(--ic-accordion-group-title-text);color:var(--ic-accordion-group-title-text);padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}:host(.ic-accordion-group-small) .label-container{padding:var(--ic-space-xxs) var(--ic-space-xs)}:host(.ic-accordion-group-large) .label-container{padding:var(--ic-space-sm) var(--ic-space-xs)}";
+const icAccordionGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.label-container{--ic-typography-color:var(--ic-accordion-group-title-text);color:var(--ic-accordion-group-title-text);padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}:host(.ic-accordion-group-small) .label-container{padding:var(--ic-space-xxs) var(--ic-space-xs)}:host(.ic-accordion-group-large) .label-container{padding:var(--ic-space-sm) var(--ic-space-xs)}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}";
 var IcAccordionGroupStyle0 = icAccordionGroupCss;
 
 let accordionGroupIds = 0;
 /**
  * @slot label - Content is placed as the accordion group title.
+ * @slot accessibleButtonLabel - Content is placed as the accessible label for the 'See all/Hide all' button for screen reader users. If this slot is not used, the `accessibleButtonLabel` prop will be used as the accessible label instead.
  */
 class AccordionGroup {
     constructor(hostRef) {
@@ -4005,11 +4168,14 @@ class AccordionGroup {
     }
     render() {
         const { size, label, singleExpansion, accessibleButtonLabel, theme } = this;
-        return (hAsync(Host, { key: 'ec057d7f6e128e8429ebd9e14497a86d1eaf1abe', "context-id": this.accordionGroupId, class: {
+        const accessibleLabelSlotUsed = isSlotUsed(this.el, "accessibleButtonLabel");
+        return (hAsync(Host, { key: 'fa56ccaebd2207db5b0041ff2d245c1e58e53fb6', "context-id": this.accordionGroupId, class: {
                 [`ic-accordion-group-${size}`]: true,
                 ["ic-accordion-group"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '86acdf79730dc3d2dcc95a5928e1a1bebf83412f', class: "label-container" }, hAsync("ic-typography", { key: '5f2b615ebe87304b410b896d5b102da42ff5bcd6', variant: "h4" }, hAsync("h3", { key: '9b33f5f102e27e4268b0edd894d8d725fd8cc5a4' }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label)), !singleExpansion && (hAsync("ic-button", { key: '1b8d8332cd10fed2eea6959f02841cb4b1586902', ref: (el) => (this.allButtonEl = el), onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", { key: 'b93775721fd0cc7560115c6bb62824db59b2ea27' })));
+            } }, hAsync("div", { key: '91a744e3133f6bc5acbbb8d505def4c2bfb27a95', class: "label-container" }, hAsync("ic-typography", { key: '515632628d3b68b1c73747672888748bcb2f1f70', variant: "h4" }, hAsync("h3", { key: 'fb82f68ba6b343d81f66355ed7d153bf877a59f9' }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label)), !singleExpansion && (hAsync("ic-button", { key: '70e5da5029b295dffbe07a2695607d479a6ad72a', ref: (el) => (this.allButtonEl = el), onClick: this.handleExpanded, variant: "tertiary", "aria-label": accessibleLabelSlotUsed
+                ? undefined
+                : `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText(), accessibleLabelSlotUsed && (hAsync("span", { key: '2bbf1190c1f3ad4bfd8e0095c574e9208d1895de', class: "sr-only" }, hAsync("slot", { key: '4e94d881f2406b2dc713f562534984536b2e8aee', name: "accessibleButtonLabel" })))))), hAsync("slot", { key: '168a33ac4f0bc53740dfcd1c15658ef9b85a912c' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -4129,16 +4295,16 @@ class ActionChip {
                 rel,
                 target,
             };
-        return (hAsync(Host, { key: '2c65125774e7ce4fc9cb0d447e0ebff984caad5a', class: {
+        return (hAsync(Host, { key: '095711b5abc9fe760f9c14245a1ce327696818a2', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync(TagType, Object.assign({ key: 'af57a8bb5d0b29b4ff1023747bc0d4ca3824af73', class: {
+            } }, hAsync(TagType, Object.assign({ key: '8b352bcd66bb27be4eff90246371eac0bfa266cb', class: {
                 chip: true,
                 disabled: isButtonElement && disabled,
                 monochrome,
                 "non-transparent": variant === "outlined" && !transparentBackground,
                 [`${size}`]: true,
                 [`${variant}`]: true,
-            }, ref: (el) => (this.chipEl = el) }, chipAttrs), isSlotUsed(this.el, "icon") && (hAsync("div", { key: '755a2318e2968614423a5b88b2831e259caef7e3', class: "icon" }, hAsync("slot", { key: '4137b19dc8fc2be40a7ccf696f820e30c1b668b0', name: "icon" }))), hAsync("ic-typography", { key: '2b8615d3bce8b9b0d4b5e89cceac2b97b8d95105', variant: "label", class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '3f5d55931b36640b30b472fcc4febecb6d502189' }, label)), !isButtonElement && target === "_blank" && (hAsync("span", { key: 'd0c2331424af931db24f5d9fe2dc3500bf31db46', class: "open-in-new-icon", innerHTML: OpenInNew })), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'b0451850fd5b42f4120b7fa6e943332d64e52690', name: "badge" }))));
+            }, ref: (el) => (this.chipEl = el) }, chipAttrs), isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'cac34c4420e0b92337b4421088389e79dc2d3e78', class: "icon" }, hAsync("slot", { key: 'fbbdfcf2089a6a31785a33ddc74c66ad433ebe4c', name: "icon" }))), hAsync("ic-typography", { key: '867dfd5c7651cfbce4b5c3ee439fe1a3e78dbecd', variant: "label", class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: 'ce77ac12d3e9a09b409b2ff6bffd1aa09747fad9' }, label)), !isButtonElement && target === "_blank" && (hAsync("span", { key: '994fcfd7c5be9cba20489792f4ec8a26f481e4cb', class: "open-in-new-icon", innerHTML: OpenInNew })), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '7883e63e166ee3e39d70cbe6110fd1fe6f0b63a5', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4478,16 +4644,16 @@ class BackToTop {
         const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
         const size = variant === "icon" ? "large" : "medium";
         const label = variant === "icon" ? "" : backToTopLabel;
-        return (hAsync(Host, { key: '2c281b238cd14437e120084c35ae86089cd49fe9', class: {
+        return (hAsync(Host, { key: '849c28a0432db633c5f6cc18e93ab184ef2366b3', class: {
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
                 [`ic-back-to-top-${this.position}`]: true,
                 [`ic-back-to-top-variant-icon`]: variant === "icon",
-            } }, hAsync("ic-button", { key: '15bcf38bcc837a9723e5af644551b24845d4cbbb', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
+            } }, hAsync("ic-button", { key: '847930311aa52347cabcc2c8cc13a8806524722e', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
                 ["offset-banner"]: bannerOffset,
                 ["show"]: !targetElVisible,
                 ["by-footer"]: footerVisible,
                 ["icon-only"]: variant === "icon",
-            }, theme: this.theme }, hAsync("span", { key: '4d6d2e0390eda5cd6db7f26bd597db7fef9c81c0', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
+            }, theme: this.theme }, hAsync("span", { key: 'a8f92084d51b98b034ebb0379c291a169f42f88b', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4671,7 +4837,7 @@ class Badge {
     }
     render() {
         const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
-        return (hAsync(Host, { key: '0a7aab65643b79886f4134e59c195e33d8340e43', class: {
+        return (hAsync(Host, { key: '80362128f0009037af8ecb10ddbe465ed847044b', class: {
                 [`ic-badge-${position}`]: true,
                 [`ic-badge-${size}`]: true,
                 [`ic-badge-${variant}`]: true,
@@ -4679,7 +4845,7 @@ class Badge {
                 [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
                 [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: 'e9684e9e92784e628f984a4980b512268565de0f', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: 'f02681caadcec768afe078a9fe94aa1fe8314895', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '5065cf6a359ef976dac4c914bca25e8999f54ae1', class: "sr-only" }, "badge")));
+            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '4df4a2ab27b18a2247bc047d940b16378451e8ae', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: '56b2205ae5e36f5af3e60f0b76866c696d06eb7a', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '3a12c77ef89a454564358588908b31b69e04f500', class: "sr-only" }, "badge")));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4806,12 +4972,12 @@ class Breadcrumb {
     render() {
         const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
         const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
-        return (hAsync(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {
+        return (hAsync(Host, { key: 'a7096975249f31144ffd6cd3c4cf6953169118ee', class: {
                 "ic-breadcrumb-back": showBackIcon,
                 "ic-breadcrumb-monochrome": monochrome,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-breadcrumb-aria-current-page`]: current,
-            }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '126bfcb069004244fc0beb4b3f5e3dab652a4057', class: "breadcrumb" }, hAsync("span", { key: '24c4bd1741b5a65b8d348280bd3c680db15edcfc', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '501ae0ebd6ce1b77026ab8c447f59abf00db7c73', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
+            }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '8b8254900371f6888fcbf7c9ef800acdb6804dfb', class: "breadcrumb" }, hAsync("span", { key: '1a0159b54b3f432098ba881c6563eaf563916872', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '512f88714836b57162c1920cbea4eb1203f7573b', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5053,11 +5219,11 @@ class BreadcrumbGroup {
     }
     render() {
         const { backBreadcrumbOnly, collapsed, theme } = this;
-        return (hAsync(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {
+        return (hAsync(Host, { key: '6bee18e1a84707b5d493149d23094af6a0fb1be8', class: {
                 "ic-breadcrumb-group-back": backBreadcrumbOnly,
                 "ic-breadcrumb-group-collapsed": collapsed,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("nav", { key: '44c0b96801da788bbfa96b138348d05214270b60', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, hAsync("slot", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));
+            } }, hAsync("nav", { key: '144ad11cead96e18ae62eba8fc2dead82e188854', "aria-label": "breadcrumbs" }, hAsync("ol", { key: 'c101766f5e9b0e5d9a5aaebd5d0d8eda63ffc9ea' }, hAsync("slot", { key: 'c761cdbb01472d0d8c2550254063b59fa714f722' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5484,7 +5650,7 @@ class Button {
                 variant !== "destructive" && (hAsync("span", { class: dropdownExpanded
                     ? "dropdown-expanded"
                     : "arrow-dropdown", innerHTML: arrowDropdown }))))));
-        return (hAsync(Host, { key: '742d4ee3daabdb12a7ef9f30803ed01a49414849', class: {
+        return (hAsync(Host, { key: '9af3124fa3bb001b9b744b4df20d0e107f865df1', class: {
                 "ic-button-disabled": disabled && !loading,
                 "ic-button-full-width": fullWidth,
                 "ic-button-loading": loading,
@@ -5500,7 +5666,7 @@ class Button {
                 monochrome,
                 "top-icon": isSlotUsed(this.el, "top-icon"),
                 "with-badge": isSlotUsed(this.el, "badge"),
-            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: '6526412bc27a6725714bc73f671e76d8cf30d28e', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: 'f7df2578a6539a40373d599788d1097e2bcaa5a5' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'b790a201f342345bafe97cfd19bd53d7ffd1811c', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: 'fa2a22102dbd45b0c4c02a7608fc913bc50f641d' })));
+            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: '533f8aac9579f16eaae0a167a683f7c42973de95', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: '67502a4253722031847e36ae3275ca48c7d01bd4' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'e4e5081c6f415f0447ae43398fd11fcf51a426f3', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: '5185de2240ddaddbc0bb35bdab51bc63e91492a5' })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5710,19 +5876,19 @@ class CardVertical {
             rel: rel,
             target: target,
         };
-        return (hAsync(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {
+        return (hAsync(Host, { key: 'a5c7d234492dc72ab0ce06bc64646982b9b0c765', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {
+            } }, hAsync(Component, Object.assign({ key: '7878c6c421216eaffda8034f38711156dd920e41', class: {
                 card: true,
                 clickable: !!clickable && !disabled,
                 disabled: !!disabled,
                 fullwidth: !!fullWidth,
                 focussed: isFocussed,
                 monochrome: monochrome,
-            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: '2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc', class: "image-top" }, hAsync("slot", { key: 'c859ae1e242284b586df2ce7627c316021b8ef54', name: "image-top" }))), hAsync("div", { key: '55f21501b3d95e1f5bf3a69542dab57d00379e63', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'f95e7224d6e8548f33a8861025a1651a3bc953a4', class: "icon" }, hAsync("slot", { key: '1102f6f88e830613365cb0bfe3e5c4481b3a207e', name: "icon" }))), hAsync("div", { key: '3122872ef284640debbf7182d36f9cd4c6032ae4', class: "card-title" }, hAsync("slot", { key: 'f51213257b0ff6e195852ca006e9cba35103f210', name: "heading" }, hAsync("ic-typography", { key: '7d82fce416b7579ac23e2154ef512bd8f3181bc3', variant: "h4" }, hAsync("p", { key: 'ad083279b8f012f16d67c182c37bcc6383710ba5' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: "interaction-button" }, hAsync("slot", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: '32851c6c59b9ee76aa490210f5888fe410067ca3', class: "subheading" }, hAsync("slot", { key: '5757fd2fd2618f03fee208b855384c29861cadc6', name: "subheading" }, hAsync("ic-typography", { key: '1f206ca1eaf0bcd5693abf3fc3f97303582a5deb', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: "adornment" }, hAsync("slot", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: "image-mid" }, hAsync("slot", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: "card-message" }, message && (hAsync("ic-typography", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: 'c4263a3d5f8e22f31cf0e55a868dbf0f52b00692', class: "interaction-area" }, hAsync("div", { key: 'bd5e1d3ff137004ff5c696f611dae1bfefd26e1a', class: "interaction-controls" }, hAsync("slot", { key: '5985495f8f12c825aafcab517d3add5f9741d460', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'e3b12f780303019b7f95ce5a98d7b7194c242c9a', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: '9857a37a37571bd21f500527149ed8bc3806c4f4', class: {
+            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: '32fc034396f14d12845c12ad9cfc4c00b75c0970', class: "image-top" }, hAsync("slot", { key: 'd2f682bfd7e961d43aa37fc14b1f1ce875cfd9e4', name: "image-top" }))), hAsync("div", { key: '315d6f3c97119e41228be4c1057f2c8e28c2e627', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '304744f27ecdd26136c52bdf6a0623ccf16c8ccb', class: "icon" }, hAsync("slot", { key: 'a186a14d094c999cc72b9ca8d0580c9c81ef5e5a', name: "icon" }))), hAsync("div", { key: '4d52fd26c94603c39bdc7d03dd185d9147ec35d6', class: "card-title" }, hAsync("slot", { key: 'e99c3b5b04bc8e4e0ad712ac221183e42472d1e4', name: "heading" }, hAsync("ic-typography", { key: '7de9265a3bccf8ddeda0a5da115739dab6e7f4e3', variant: "h4" }, hAsync("p", { key: '52ad60554c859fcba6960f892210b11afe2c8412' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: 'bd177fd6ead82c2d826a90c9bc36baf4d9650822', class: "interaction-button" }, hAsync("slot", { key: '50200586d93b445f084acdc44fe783362c61ad1c', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: '4084d3cdbcbfba517874846f00c6a75973911b46', class: "subheading" }, hAsync("slot", { key: '83ecdcca1ae25ded22c2b48631ca719b219c670f', name: "subheading" }, hAsync("ic-typography", { key: '6cc1e94ba4ecaeb37c0b01a177bf51ce56431406', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: '5b2e821691a30048fa7598ea5e7f4da245539644', class: "adornment" }, hAsync("slot", { key: '9955b70349039dd954ee03c66f27684225ad2161', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '1a44edd306c3a8a9f8b9d07d3f92bad346b8d9c2', class: "image-mid" }, hAsync("slot", { key: '79c16a0c673bc92c420159b4908e7c2881c58fc0', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '11468fd0d9784ad303bae66a6c7b9a7e6fcd2fdb', class: "card-message" }, message && (hAsync("ic-typography", { key: '4795147360d9862d329b7aa23b2d5d9d3501ff21', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '2e5c82f6cc32ab92e46d4531f5f646bb15b8bb8a', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: '0d1f66f5387c89bdb9b6be46636f6b092fd3b977', class: "interaction-area" }, hAsync("div", { key: '9afed7575316981e6e696d58469f56746fdd78e3', class: "interaction-controls" }, hAsync("slot", { key: 'f218de86f75106aab7b2a7c3b81b303a813cfcc3', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: '29ccf36efd77a936dd35fef1cc304f5ffdde47ea', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: 'e25088479cfa1519d8ac728505138fb2730b0400', class: {
                 "toggle-button": true,
                 [`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
-            }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '080d0198d37d939cfc506abc5933caac7eaa383d', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '6c9b5dd6bfa46d466034255231047b2682e19f96', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: "badge" }))));
+            }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '710a390ddcfd6464509e31a8bdc12213180a8e69', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: 'd315e1d72d612b75a04460d6a33a66a7f84f39c8', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '93bad888a177ab13ae50ea4d86fa6fd2c4ae01f7', name: "badge" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5894,17 +6060,17 @@ class Checkbox {
             ? renderHiddenInput(el, value, name, disabled)
             : removeHiddenInput(el);
         const LabelContent = () => this.hasLabelSlot() ? (hAsync("slot", { name: "label" })) : (hAsync("ic-typography", { class: "checkbox-label", variant: "body" }, hAsync("label", { htmlFor: inputId }, label)));
-        return (hAsync(Host, { key: 'b9aee197d23b8380b224aaa9f332d24c20406518', class: {
+        return (hAsync(Host, { key: '7554612ca8fba3490ff568295eea1bfab40707a9', class: {
                 "ic-checkbox-disabled": disabled,
                 [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'a027b311fa8a9cc5ef753a426fc3f73e8d6f97a4', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '5f3ce7e559134302640a03d2312782552e9ab018', role: "checkbox", class: {
+            } }, hAsync("div", { key: '858b6c8812f827d1805ae6aea8a02760ddaef38a', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '1b2729f5f417f5fbea44639369b5ad23f7c937e8', role: "checkbox", class: {
                 checkbox: true,
                 checked,
                 indeterminate: displayIndeterminate,
-            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && hAsync(LabelContent, { key: 'e75420d60d9fdc9170a7f54c96575936c8da122d' })), hAsync("span", { key: 'c3fccdab4f27feaeab35df33734723d9f14487cc', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: 'ceb57398c6a3dea8cec4eb4a8e0ba940f6f15c0a', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '41f097eb38e5dfd739b7de22cffb03ff3043d3e6', class: "branch-corner" }), hAsync("div", { key: '15b7e382cf7c9bf23a68016f5f2a449ae92dc03b', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: 'd0551674a9d5d6d6d01cf842aff133072ce4d1be', variant: "caption" }, hAsync("p", { key: '81f3345ea6625aa9d8644d5c410c7b24c1365975', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '970766071c9e70042e87e243e3415b73c189b51f', class: {
+            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && hAsync(LabelContent, { key: '62bdb97c7d1dd473236dd5a9b294aaf1eb6e01c7' })), hAsync("span", { key: '3d798c60b58dfcb3cf907569094e84a09e5e291c', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: 'a8276e2dcd983bee6547ac802de050348263ca9b', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '9235762858b354b09bbdf956c5a2041041162f77', class: "branch-corner" }), hAsync("div", { key: 'cb92bb94e296830a3132f752b0c7689671275383', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '318cdd04a078d79aa98138a664e60ee308799f43', variant: "caption" }, hAsync("p", { key: 'ce5182b3ca908fc98ca9303d014d0c05f0bf3c0b', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '352457e47762a12c320dc7df9635fa38bbc0d675', class: {
                 "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, hAsync("slot", { key: '3ff910a1d7a01312baeb70a965aaaa157ae66e6e', name: "additional-field" })))))));
+            } }, hAsync("slot", { key: '1d9225d692fbe869375109c97c9ec479be89e69f', name: "additional-field" })))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6064,11 +6230,11 @@ class CheckboxGroup {
         const describedBy = getInputDescribedByText(this.el, name, helperText !== "", validationStatus !== "");
         const renderSRText = validationStatus === "error" || required || hideLabel;
         const showValidation = hasValidationStatus(validationStatus, disabled);
-        return (hAsync(Host, { key: '4bf0ebdc41ee60a21034e57ffa313abf87290794', class: {
+        return (hAsync(Host, { key: '862a97d086caec6a36b54a83d7dc73cab51ec26e', class: {
                 "ic-checkbox-group-disabled": !!disabled,
                 [`ic-checkbox-group-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, renderSRText && (hAsync("span", { key: '69b9b6d5d0698d168e6df0c01b47d333b5afddba', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: 'ad8d27f986ca3337c4507829c70b1bfb0aa37ed5', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '84c10349be7a6d6acb70a5c9e70d888b86dbe258' }, hAsync("ic-input-label", { key: '00d928c2b7b8ce34262c4fe82d2d87a869bfaf9c', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: '42e5a3983f00c06616384cd7ba1a0793188aad7d', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '726918f0786e8418fcdd616841128a1cb7365bec', class: "checkboxes-container" }, hAsync("slot", { key: 'c4323eeff5908bf1a6a9e8a9fcfe2b5678489d8e' }))), hAsync("ic-input-validation", { key: '0178a6710479690c9ee615f9d7e25d04d1108fdd', class: {
+            } }, renderSRText && (hAsync("span", { key: '2099c60d533ff668ad2e3770bbe487182ba5c8c3', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '43ab035620d2c0a7b9325b3441fa51e1dac77e3a', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '3bff3341981e4f02aa73a21abee555be9f8aa863' }, hAsync("ic-input-label", { key: '949a4b31d5021b96870fcf63c595d06b4a84baf5', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: '90ae6ee756ee2415828ac81ebcc5e84a80999c5d', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '7bf7695658a85157da695af6e8fb6a9b8be276e3', class: "checkboxes-container" }, hAsync("slot", { key: '30d42a9d6cc00ac71280f88e462cb851d79ef61e' }))), hAsync("ic-input-validation", { key: '44a98a0c788e457319d44421328fcb59ab8e9244', class: {
                 "show-validation": showValidation,
             }, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
     }
@@ -6207,12 +6373,12 @@ class Chip {
     render() {
         const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, fullWidth, } = this;
         const ariaLabel = `${label} chip`;
-        return (hAsync(Host, { key: '5eddf76a82ea1c0589a664c6553dadbf4dbda7c1', class: {
+        return (hAsync(Host, { key: 'a340090512aafa664e16a6537cb7d8dc2fe84b29', class: {
                 "ic-chip-dismissed": !visible,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-chip-${foregroundColor}-text`]: variant === "filled" && !!foregroundColor,
                 "ic-chip-full-width": fullWidth,
-            } }, visible && (hAsync("div", { key: 'c58c911f4373c48d04fe4f4f4295210bf32f6260', class: {
+            } }, visible && (hAsync("div", { key: '174e895e50479492d85f8a2d9871450f37d47997', class: {
                 chip: true,
                 [`${variant}`]: true,
                 [`${size}`]: true,
@@ -6221,7 +6387,7 @@ class Chip {
                 hovered,
                 "non-transparent": variant === "outlined" && !transparentBackground,
                 "full-width": fullWidth,
-            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '7eeadeb6eee49ac890dc1c52e39cd0cea4df7c01', class: "icon" }, hAsync("slot", { key: 'ea4df10a163a8c878a7f700696b4ddcc423a213a', name: "icon" }))), hAsync("ic-typography", { key: '2bbdbd7e1c5360a15616c52649dd7388fcaa417f', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '3085a661aaa96d6b955cc95240a3f5322e5fdf8a' }, label)), dismissible && (hAsync("ic-tooltip", { key: 'e876238e430c974fa1c3513f7dea201d44a36c8e', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '125f60aca78da345de3b1e03751af2b8b3e196d2', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '688e1ad7f6b8bfab9cfa4649d7f515c2d5ae37c1', name: "badge" }))), dismissible && (hAsync("div", { key: '45cb6d6e91a9e0d0c0715044ad40fa6da5cf100b', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
+            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '3d12f1e7c932cd91f0835f3fe7c76ec6784bc44f', class: "icon" }, hAsync("slot", { key: '5307ba63af7c7342cf32072ccebf02788265e0f5', name: "icon" }))), hAsync("ic-typography", { key: '71a528ad758c4a09dbe1bfa879f4ca0b4a9177b7', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '85e3af35df8a3f2243bc0b36130a6238b6c6200d' }, label)), dismissible && (hAsync("ic-tooltip", { key: '6d68a771210b186192f7f4486d578a1cb706dda9', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '24917885cac2c78593cb721ce14254c20de85905', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '4a2bf278717384d8d7a1c830788520a385feb638', name: "badge" }))), dismissible && (hAsync("div", { key: '55bd826c4bd73c42d24a7a1aa1cdc52fd3a00d59', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6300,10 +6466,10 @@ class ClassificationBanner {
         if (!classification ||
             (classification && !classificationText[classification]))
             classification = "default";
-        return (hAsync(Host, { key: '8ccd98249fea7e78da349f2c97243366305c5dcc', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: 'a108ace2bf5f64c5867f993d9d130595b61ccac9', "aria-label": "Protective marking", class: {
+        return (hAsync(Host, { key: '4d06c781318ef854931702315e73054f65b85259', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: '251f6ced1270c823b1be9e39375139756adcd3e2', "aria-label": "Protective marking", class: {
                 ["classification-banner"]: true,
                 [`${classification}`]: classification,
-            } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '09edc559ec7b205d092210ef73ef95faa43c1a8a', variant: "caption-uppercase" }, classification === "default"
+            } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '3fd3a609c017ed0b5b24296464bae43dcf8cba67', variant: "caption-uppercase" }, classification === "default"
             ? classificationText[classification]
             : `${upTo ? "up to" : ""} 
                ${country} 
@@ -6351,10 +6517,10 @@ class DataList {
             Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
         }
         const hasHeading = heading || el.querySelector('[slot="heading"]');
-        return (hAsync(Host, { key: '17c612682af529e83aa9e68f352e0def68e3ed1f', class: {
+        return (hAsync(Host, { key: '1c611db796f79fc54af3a89e4b7ed0439e09f8ce', class: {
                 "ic-data-list-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '35e939693c3be1a65b3773dc4cc777f934b0fbda', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '6adee6dde0c29913a75228719df88583586dfb6e', name: "heading" }, hAsync("ic-typography", { key: 'fc50ff9029cf0b6d4a327353dc930e6bd9d938da', variant: "h3" }, heading))), hAsync("div", { key: 'f04cf846e38231a4008687d55cdadd825222bbf9', class: { divider: true, "divider-no-heading": !hasHeading } }), hAsync("ul", { key: 'e23f726e29c9436d889e97494d1999208589f857', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: 'a5c323131aba38658d7b7406d5ee2bf9e3c415d7' }))));
+            } }, hAsync("div", { key: '5936cad1baba390f150bb72a2ef5b0ee7eaf5750', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '2d0080f2848355022ea118f8ef2f78cafb584bf3', name: "heading" }, hAsync("ic-typography", { key: 'dee1629146c3e50998552ae3c814eee17bc196c5', variant: "h3" }, heading))), hAsync("div", { key: 'bb1c6bf91cfcd71205acd3d15b504057d3fd566f', class: { divider: true, "divider-no-heading": !hasHeading } }), hAsync("ul", { key: '838380d006c00c28fb309aef1f57ab3bd8534102', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '6f84ce3a6716791113f5288a17c3a9a2416552d9' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataListStyle0; }
@@ -6444,12 +6610,12 @@ class DataRow {
     }
     render() {
         const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
-        return (hAsync(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {
+        return (hAsync(Host, { key: '720dc55ba7e1000ce6837a15d9d7accc726cc1ff', class: {
                 ["ic-data-row-small"]: size === "small",
                 ["breakpoint-medium"]: listSize === "m",
                 ["breakpoint-xs"]: listSize === "xs",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, role: "listitem" }, hAsync("div", { key: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: "data" }, hAsync("div", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: 'c7f9583403acf4041eebe4b26ff417b453fe07db', class: "end-component" }, hAsync("slot", { key: '837641d249f27635ece7e1eb6505d3e4dbf5492b', name: "end-component" })))), hAsync("div", { key: '9f39724a36e05428a979a589bbed4a09fa2043e0', class: "divider" })));
+            }, role: "listitem" }, hAsync("div", { key: '28e63fbb09ad16bcc6843a85047635e91006a220', class: "data" }, hAsync("div", { key: '698f607af4b50db1bc837d83df0f46ee9cc4201f', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '1febd59bc77239e0cedcc64953c0a5d2b4bbba6d', class: "end-component" }, hAsync("slot", { key: 'dfa67b2ff598520d1b3f47a1479e4448aa84986f', name: "end-component" })))), hAsync("div", { key: '989733a9cf32e8d452c4c2d4ae24844c7d38ece2', class: "divider" })));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataRowStyle0; }
@@ -6490,16 +6656,10 @@ class Dialog {
         this.DATA_GETS_FOCUS = "data-gets-focus";
         this.DIALOG_CONTROLS = "dialog-controls";
         this.dialogHeight = 0;
+        this.focusAttemptCount = 0;
         this.focusedElementIndex = 0;
-        this.IC_TEXT_FIELD = "IC-TEXT-FIELD";
-        this.IC_ACCORDION = "IC-ACCORDION";
-        this.IC_ACCORDION_GROUP = "IC-ACCORDION-GROUP";
-        this.IC_CHECKBOX = "IC-CHECKBOX";
-        this.IC_SEARCH_BAR = "IC-SEARCH-BAR";
-        this.IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
         this.interactiveElementList = [];
         this.resizeObserver = null;
-        this.focusAttemptCount = 0;
         this.dialogRendered = false;
         this.fadeIn = false;
         /**
@@ -6590,26 +6750,6 @@ class Dialog {
                 this.dialogHeight = this.dialogEl.clientHeight;
             }
         };
-        this.refreshInteractiveElementsOnSlotChange = () => {
-            var _a, _b, _c;
-            const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#dialog-content");
-            if (contentWrapper) {
-                this.contentArea = contentWrapper.querySelector("slot");
-                // Detect changes to slotted elements
-                (_b = this.contentArea) === null || _b === void 0 ? void 0 : _b.addEventListener("slotchange", this.getInteractiveElements);
-                this.contentAreaMutationObserver = new MutationObserver(() => {
-                    this.getInteractiveElements();
-                });
-                // Detect changes to children of slotted elements
-                (_c = getSlotElements(contentWrapper)) === null || _c === void 0 ? void 0 : _c.forEach((el) => {
-                    var _a;
-                    (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {
-                        childList: true,
-                        subtree: true,
-                    });
-                });
-            }
-        };
         this.removeSlotChangeListener = () => {
             var _a;
             if (this.contentArea) {
@@ -6617,6 +6757,15 @@ class Dialog {
                 (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
             }
         };
+        this.setContentAreaMutationObserver = () => {
+            var _a;
+            const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#dialog-content");
+            if (contentWrapper) {
+                const { contentAreaSlot, contentAreaMutationObserver } = refreshInteractiveElementsOnSlotChange(contentWrapper || null, this.getInteractiveElements);
+                this.contentArea = contentAreaSlot;
+                this.contentAreaMutationObserver = contentAreaMutationObserver;
+            }
+        };
         this.setInitialFocus = () => {
             this.sourceElement = document.activeElement;
             if (!this.interactiveElementList.length) {
@@ -6633,17 +6782,11 @@ class Dialog {
             if (this.focusedElementIndex === -1) {
                 this.focusedElementIndex = 0;
             }
-            const elToFocus = this.interactiveElementList[this.focusedElementIndex];
-            if (elToFocus) {
-                this.focusElement(elToFocus);
-            }
-        };
-        this.getFocusedElementIndex = () => {
-            var _a;
-            for (let i = 0; i < this.interactiveElementList.length; i++) {
-                if (this.interactiveElementList[i] ===
-                    (((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {
-                    this.focusedElementIndex = i;
+            if (this.interactiveElementList[this.focusedElementIndex]) {
+                const focusElementResult = focusElement(this.focusAttemptCount, this.focusedElementIndex, this.interactiveElementList);
+                if (focusElementResult) {
+                    this.focusAttemptCount = focusElementResult.newFocusAttemptCount;
+                    this.focusedElementIndex = focusElementResult.newFocusedElementIndex;
                 }
             }
         };
@@ -6653,76 +6796,17 @@ class Dialog {
         this.getInteractiveElements = () => {
             var _a;
             this.interactiveElementList = Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("ic-button")) || []);
-            const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),
-          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,
-          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,
-          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));
-            if (slottedInteractiveElements.length > 0) {
-                if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {
-                    slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, "");
+            const interactiveElements = slottedInteractiveElements(this.el);
+            if (interactiveElements.length > 0) {
+                if (interactiveElements[0].slot !== this.DIALOG_CONTROLS) {
+                    interactiveElements[0].setAttribute(this.DATA_GETS_FOCUS, "");
                 }
                 else if (!this.destructive) {
-                    slottedInteractiveElements[slottedInteractiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, "");
+                    interactiveElements[interactiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, "");
                 }
             }
-            for (let i = 0; i < slottedInteractiveElements.length; i++) {
-                this.interactiveElementList.splice(1 + i, 0, slottedInteractiveElements[i]);
-            }
-        };
-        this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];
-        this.onTabKeyPress = (shiftKey) => {
-            var _a;
-            this.getFocusedElementIndex();
-            if (((_a = this.interactiveElementList[this.focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) ===
-                this.IC_SEARCH_BAR) {
-                return false;
-            }
-            this.setFocusIndexBasedOnShiftKey(shiftKey);
-            this.loopNextFocusIndexIfLastElement();
-            this.focusAttemptCount = 0;
-            this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
-            return true;
-        };
-        this.shouldSkipElement = (element) => {
-            if (!element) {
-                return true;
-            }
-            const isHidden = getComputedStyle(element).visibility === "hidden" ||
-                element.offsetHeight === 0 ||
-                element.hasAttribute("disabled") ||
-                (element.tagName === this.IC_ACCORDION_GROUP &&
-                    element.hasAttribute("single-expansion"));
-            const radioEl = element.closest("ic-radio-option");
-            return (isHidden ||
-                (element.getAttribute("type") === "radio" &&
-                    !!radioEl &&
-                    !(radioEl.hasAttribute("selected") || element.tabIndex === 0)));
-        };
-        this.focusElement = (element, shiftKey = false) => {
-            if (!element) {
-                return;
-            }
-            if (this.focusAttemptCount++ > this.interactiveElementList.length) {
-                return;
-            }
-            if (this.shouldSkipElement(element)) {
-                this.setFocusIndexBasedOnShiftKey(shiftKey);
-                this.loopNextFocusIndexIfLastElement();
-                this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
-            }
-            else {
-                switch (element.tagName) {
-                    case this.IC_ACCORDION_GROUP:
-                    case this.IC_ACCORDION:
-                    case this.IC_SEARCH_BAR:
-                    case this.IC_TEXT_FIELD:
-                    case this.IC_CHECKBOX:
-                    case this.IC_TAB_CONTEXT:
-                        element.setFocus();
-                        break;
-                    default:
-                        element.focus();
-                }
+            for (let i = 0; i < interactiveElements.length; i++) {
+                this.interactiveElementList.splice(1 + i, 0, interactiveElements[i]);
             }
         };
         this.renderDialog = () => {
@@ -6763,7 +6847,7 @@ class Dialog {
         this.removeSlotChangeListener();
     }
     componentDidLoad() {
-        this.refreshInteractiveElementsOnSlotChange();
+        this.setContentAreaMutationObserver();
         if (this.open) {
             this.dialogOpened();
         }
@@ -6780,11 +6864,17 @@ class Dialog {
     handleKeyboard(ev) {
         if (this.dialogRendered) {
             switch (ev.key) {
-                case "Tab":
-                    if (this.onTabKeyPress(ev.shiftKey)) {
+                case "Tab": {
+                    const tabKeyPressHandlerResult = handleFocusTrapTabKeyPress(this.el, this.focusAttemptCount, this.focusedElementIndex, this.interactiveElementList, ev.shiftKey);
+                    this.focusAttemptCount =
+                        tabKeyPressHandlerResult.newFocusAttemptCount;
+                    this.focusedElementIndex =
+                        tabKeyPressHandlerResult.newFocusedElementIndex;
+                    if (tabKeyPressHandlerResult.preventDefault) {
                         ev.preventDefault();
                     }
                     break;
+                }
                 case "Escape":
                     if (!ev.repeat) {
                         this.open = false;
@@ -6821,24 +6911,9 @@ class Dialog {
     async confirmDialog() {
         this.icDialogConfirmed.emit();
     }
-    loopNextFocusIndexIfLastElement() {
-        if (this.focusedElementIndex > this.interactiveElementList.length - 1)
-            this.focusedElementIndex = 0;
-        else if (this.focusedElementIndex < 0) {
-            this.focusedElementIndex = this.interactiveElementList.length - 1;
-        }
-    }
-    setFocusIndexBasedOnShiftKey(shiftKey) {
-        if (shiftKey) {
-            this.focusedElementIndex -= 1;
-        }
-        else {
-            this.focusedElementIndex += 1;
-        }
-    }
     render() {
         const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;
-        return (hAsync(Host, { key: 'fca8d5ed62295efef6630d45e8174331c4d99e48', class: {
+        return (hAsync(Host, { key: '97f96f655d95bb7192eb44e850f495ed133e7d73', class: {
                 "ic-dialog-hidden": !dialogRendered,
                 "ic-dialog-fade-in": fadeIn,
                 "disable-height-constraint": !!disableHeightConstraint,
@@ -7040,11 +7115,11 @@ class EmptyState {
     }
     render() {
         const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (hAsync(Host, { key: 'a0dcd0b2fe385b4c2f1f4ffc346ac54b3e19565c', class: {
+        return (hAsync(Host, { key: '16659f35d2b14d9a5e32fe6c61619fbafdf58f53', class: {
                 [`ic-empty-state-${aligned}`]: true,
                 [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: 'e652b784ccd7b2af7ed0f9755547a9ddbbb4c5e7', name: "image" }), hAsync("div", { key: '1dfc5567a55de1301caec6d779ad60f851826a41' }, hAsync("slot", { key: '70b5a550c9650fcab692acbc53d035e114eaf09e', name: "heading" }, hAsync("ic-typography", { key: '043fc0ae7d4364442d75bb78bdbe3004fa1274f4', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '84dbde519a4b6cb0cd7ab03e8dbcb85931796a24', name: "subheading" }, hAsync("ic-typography", { key: 'a2d94ae6cba46c73212f2c688858ee56ceaa5a90', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'aa1fc8130e5d4fb6a472f908a30fd319463b443f', name: "body" }, hAsync("ic-typography", { key: 'f73a7eb783dd049cb4de2510b977500d0fa47d52', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '3cb1e55fb552cf4177498d87e874d16a3f16d429', class: "action-area" }, hAsync("slot", { key: 'e25cb0c875f095825a512cea93c5ffe700072e71', name: "actions" })))));
+            } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: 'ccc8a2daf0041d9dd5e611d3b60c96820271745b', name: "image" }), hAsync("div", { key: 'ab68dff198b63394d890399ec53b9befbb70f222' }, hAsync("slot", { key: 'fe99ebbfe6b9c899d4b1fb5737df268e0bc38bb4', name: "heading" }, hAsync("ic-typography", { key: 'eea6eb657e09159b27935e16864961b95387a3d6', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: 'ca04ac75d72fc5864ed7821bf9d16c8999eac3aa', name: "subheading" }, hAsync("ic-typography", { key: '257a4f73c4fb3577e4c1653607a492b4f4d18470', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'f0efda6128d1b5a5f2b280faf23940b0832e3121', name: "body" }, hAsync("ic-typography", { key: '128849e7a458b1ff7b51079eeb9f6967df88cef1', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '22cf30fd1f3636fb3344689c4435b59d4148bb5f', class: "action-area" }, hAsync("slot", { key: 'c4e187603beb9b2291c9e038202ff651d4decfff', name: "actions" })))));
     }
     get el() { return getElement(this); }
     static get style() { return IcEmptyStateStyle0; }
@@ -7162,7 +7237,7 @@ class Footer {
             isSlotUsed(el, "caption") ||
             caption ||
             copyright;
-        return (hAsync(Host, { key: '6d91277fef5b4a25ebc1300c5f6c9697f7cf51db', class: {
+        return (hAsync(Host, { key: '998f2d4e2efe145b4b83e389d35aa5441493c665', class: {
                 ["ic-footer"]: true,
                 [`ic-footer-${small ? "small" : "sparse"}`]: true,
                 [`ic-footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
@@ -7170,10 +7245,10 @@ class Footer {
                 // Slots will be able to infer their own color
                 [`ic-footer-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 [`ic-footer-${IcBrandForegroundEnum.Light}`]: foregroundColor === IcBrandForegroundEnum.Light,
-            } }, hAsync("footer", { key: 'ff497893502821b501404631d81a6c43282b1b36', ref: (el) => (this.footerEl = el) }, (isSlotUsed(el, "description") || description) && (hAsync("div", { key: 'f8d674674bba8dc6570a7352e943ba8ce97ef666', class: "footer-description" }, hAsync("ic-section-container", { key: 'd1c80f2b82c740b0ae5b3bfe55a42aa81ef631c9', aligned: aligned, fullHeight: true }, hAsync("div", { key: '669b78285fb7274a0f36ad4ffca2e6527bc7ee8f', class: "footer-description-inner" }, hAsync("ic-typography", { key: '0ef8cbc1311b48cfdc9fb0031802dfb3672e1bc0', variant: "body" }, hAsync("slot", { key: '3ea6f48d56500f8ee7711e53c4c4794c5c06bc84', name: "description" }, description)))))), isSlotUsed(el, "link") && (hAsync("div", { key: '3790b13ae7b820882d92d866ab946749f83515dc', class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { key: 'bd4f9da66406e7587aadab57768e0f00d176f5f2', class: "footer-compliance" }, hAsync("ic-section-container", { key: '4b760604abdeb1096927ca72d8b8c53ab2128ea9', aligned: aligned, fullHeight: true }, hAsync("div", { key: '63f1d4b0009cf34f4f4492851f17653f2f2dba84', class: "footer-compliance-inner" }, isSlotUsed(el, "logo") && (hAsync("div", { key: '9b8f9f9983db8f0f8642e79e20906e337c7cf57d', class: "footer-logo" }, hAsync("slot", { key: 'faac7b5562c641bbb700514007e3ee6702e155df', name: "logo" }))), (isSlotUsed(el, "caption") || caption) && (hAsync("div", { key: 'a388c6b1549d5a5516e94f872ecb538f15b1102f', class: "footer-caption" }, hAsync("ic-typography", { key: '7e8a8e10983d31235ed8d90919d673f74d13bccb', variant: deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, hAsync("slot", { key: '81152b67972243451c8e9b3c05b1e79d5ce1b7f1', name: "caption" }, caption)))), copyright && (hAsync("div", { key: '8f6480deac3ac1a31c0ad0e4a250c35cb07917eb', class: {
+            } }, hAsync("footer", { key: 'c87d22d28a01bda8c3ee2b9cac46be2887713a29', ref: (el) => (this.footerEl = el) }, (isSlotUsed(el, "description") || description) && (hAsync("div", { key: 'f308a06d6f0659a0cfce9bbf83c83a5b7002888c', class: "footer-description" }, hAsync("ic-section-container", { key: 'b37d8391f9d6976ab470ee313cffde02fb44379e', aligned: aligned, fullHeight: true }, hAsync("div", { key: '577f163c461029ff87860d22e5f6d8727f2700f2', class: "footer-description-inner" }, hAsync("ic-typography", { key: 'd5511f1010de1c5e474d7a4ca300c3c65524b848', variant: "body" }, hAsync("slot", { key: 'ee7cbda304a95acf11208bf01779669d2ae80e5b', name: "description" }, description)))))), isSlotUsed(el, "link") && (hAsync("div", { key: 'a2c16d41f279a1241ceeacb61ab6891e1caa02b4', class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { key: '612fef7b2098beeb005bca7c8c6a770073d18a84', class: "footer-compliance" }, hAsync("ic-section-container", { key: 'c69ae2ee035e470340f5a5f23b446d0e496053cb', aligned: aligned, fullHeight: true }, hAsync("div", { key: 'f9dbd6a02403a60af427c31d872895f55fb93d4b', class: "footer-compliance-inner" }, isSlotUsed(el, "logo") && (hAsync("div", { key: '2f3303d4ec7608da07f229d012d28fde289088b4', class: "footer-logo" }, hAsync("slot", { key: '4447941f54b6276e088fa3f7facc0fa938dbbd95', name: "logo" }))), (isSlotUsed(el, "caption") || caption) && (hAsync("div", { key: '7b1d062760f15d92a97fd5edd5bd367e61a03ac6', class: "footer-caption" }, hAsync("ic-typography", { key: 'fd22c635085c468676125e4283b59661a2092c83', variant: deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, hAsync("slot", { key: '026d7f0837f3dfa21ca81ce23e44c4a0526e6b6d', name: "caption" }, caption)))), copyright && (hAsync("div", { key: '75c74053fbc359a6a05600f532f2c6dab5cae23b', class: {
                 ["footer-copyright"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, hAsync("ic-typography", { key: 'e119f8f68ad5dc19a9e1020f8fabb52397fd0394', variant: deviceSize <= IC_DEVICE_SIZES.M
+            } }, hAsync("ic-typography", { key: '91f098b1ea0a5f0aa87e6430ad5c043c6a5fd10f', variant: deviceSize <= IC_DEVICE_SIZES.M
                 ? "caption-uppercase"
                 : "label-uppercase" }, copyrightText))))))))));
     }
@@ -7242,12 +7317,12 @@ class FooterLink {
         const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
         const { small, grouped } = footerConfig;
         const isLogoLink = !!this.el.closest("div[slot='logo']");
-        return (hAsync(Host, { key: '445c93b158bc2ac7958a7b9712ab29462acdce9e', class: {
+        return (hAsync(Host, { key: 'b093247260ef7378ef3aa666029e463641eb20c0', class: {
                 "footer-link": true,
                 [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
                 [`footer-link-${this.foregroundColor}`]: true,
                 "footer-logo-link": isLogoLink,
-            }, role: "listitem" }, hAsync("ic-link", { key: 'f6ae4e7d52fdebdd574efd3ff21c6d5e0dbc827b', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '8d8cf6f52b51cd26b6faa02fb91889d674286b38' }))));
+            }, role: "listitem" }, hAsync("ic-link", { key: '79ac221357a96ca920f68609bb390a30f53be256', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '06182bca4f4268ca01466a411a8de43671fbea24' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -7426,7 +7501,7 @@ class Hero {
                 "background-position": scrollFactor,
             };
         }
-        return (hAsync(Host, { key: '0ae644324ec79f6f3b227626452353339c05272c', class: {
+        return (hAsync(Host, { key: 'fdbc239703d4121db55ebf918378cd363253529f', class: {
                 [`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["has-right-content"]: this.rightContent,
@@ -7434,12 +7509,12 @@ class Hero {
                 ["secondary-heading"]: !!secondaryHeading,
                 [`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style }, hAsync("ic-section-container", { key: '5643bc58c2c704cd503a0933bdb795e181af98d9', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '1b81861076201ba5b3f643b6288b5bb10841fae4', class: {
+            }, style: style }, hAsync("ic-section-container", { key: '31bb8c8c2a656e502f2d636382e5c52135d4ea0f', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '890e74b018f5a906a6e07d86beb3ebe2730ea01b', class: {
                 ["left-container"]: true,
                 ["left-container-full-width"]: this.leftContentFullWidth,
-            } }, hAsync("div", { key: '5a53dc54324f6f15170797ab81616ba2f83eee9b', class: "heading" }, hAsync("slot", { key: 'b535d7a5cf4e0551c7dcfe160fe5e8e735cbfec4', name: "heading" }, hAsync("ic-typography", { key: 'c8abd3f44bc9c5957a4103dd84ac388ccc09fdc8', variant: size === "small" ? "h2" : "h1", class: {
+            } }, hAsync("div", { key: 'd67d033a9eb735b1f0710e3812f80173bd963c61', class: "heading" }, hAsync("slot", { key: '154e08b9f3193d86dcf3aa9a94d742194f98d979', name: "heading" }, hAsync("ic-typography", { key: '3e0e811d78b19009cc3ec19458e38455d1e93f75', variant: size === "small" ? "h2" : "h1", class: {
                 ["heading-bottom-spacing"]: size !== "small",
-            } }, hAsync("h2", { key: '6e723202fd477bf488c5b6760bdbf6c4ec7e560d' }, heading)))), hAsync("div", { key: '091d301ed753366740c5d703f40f132f2aee25cf', class: "subheading" }, hAsync("slot", { key: 'ce39e48683e9ce91098b20f9f0e48b7f384cda68', name: "subheading" }, hAsync("ic-typography", { key: 'daeef6b852b0301c4938c803bf1176d739bff0c1', variant: "body" }, subheading))), hAsync("div", { key: '492dacd32aca9642eb52399d02e665fc86243486', class: "interaction-container" }, hAsync("slot", { key: 'e3f6ce704c0bdfac397753ec3d786f2768be4cc9', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '446b6a7afe3ff99602127308142019e167943649', class: "right-container" }, hAsync("slot", { key: '6309a6e8edb1be8c0aae243dd893a732e305d6ca', name: "secondary" }, secondaryHeading && (hAsync("div", { key: 'd4ab8e694dd03bcedb5d3bd71f3c1f1bf63e5b8c', class: "secondary-container" }, hAsync("div", { key: '388608d5a191bafc5c11945c1e24a0a790fa8be8', class: "secondary-heading" }, hAsync("ic-typography", { key: 'bd607ed8f7581dfd58e1ac76c25ba7aca6b730ce', variant: "h4" }, hAsync("h3", { key: '20d2ae02e785decd0cfb86b24b262e19e57c8623' }, secondaryHeading))), hAsync("div", { key: 'cd22db2c0acb66dd4585f95b29ced4988e880276', class: "secondary-subheading" }, hAsync("ic-typography", { key: '43348f58372ffc4fa71f08519f881153bc6d4411', variant: "subtitle-small" }, secondarySubheading))))))))));
+            } }, hAsync("h2", { key: 'f0183d996aac2f70dca05b71be894b9529d7ec8b' }, heading)))), hAsync("div", { key: 'dd5f0787458bf168c231906d7a9394df0fc0189b', class: "subheading" }, hAsync("slot", { key: '16ddacec5c6d34aef1d34e998d9ab314ff8ee38c', name: "subheading" }, hAsync("ic-typography", { key: '3d58628932a1c75cff267f60a9330aa85401ee73', variant: "body" }, subheading))), hAsync("div", { key: 'b2bf9a217cbde760f04d90d6976489bc143bd2e5', class: "interaction-container" }, hAsync("slot", { key: '8e42a9799b7c9bf632265d23e4ac3c6a4fd33e6f', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '7ed3fd485177546e131e4a87b7a9458c1d1f6207', class: "right-container" }, hAsync("slot", { key: 'e97a8345e4dc3f25262c3cee033881a005b1a364', name: "secondary" }, secondaryHeading && (hAsync("div", { key: 'd2b2a14a8847284bedbd67ca5bbc8fe822dbc38c', class: "secondary-container" }, hAsync("div", { key: '8ebe7863cc432fb082c083d9904bf14d859c5d44', class: "secondary-heading" }, hAsync("ic-typography", { key: '16b926e7b38f87d945a770196350d2f5877db451', variant: "h4" }, hAsync("h3", { key: 'a196ab6f8ca699e7e8a7e1fa557afd79c859d043' }, secondaryHeading))), hAsync("div", { key: '532c8888092e849194a6d4b31145807b3afbd240', class: "secondary-subheading" }, hAsync("ic-typography", { key: '2852a039483f536e41719ae9f3c35179c4ec0ec2', variant: "subtitle-small" }, secondarySubheading))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcHeroStyle0; }
@@ -7631,22 +7706,22 @@ class HorizontalScroll {
     }
     render() {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
-        return (hAsync(Host, { key: '5f340f9d11d2ca42a17eacea2b9ce38b35614151', class: {
+        return (hAsync(Host, { key: '329d00bc4e7ebfab434cb41dd32e919820c5adb5', class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
                 ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum.Dark,
                 ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '555d223168b83a595030b18c4d21874c1cf679bd', "aria-hidden": "true", class: {
+            } }, hAsync("div", { key: 'ed231bf1fcd68399e29e790026b377bf8f96a14e', "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: firstItemVisible,
-            }, role: "tab" }, hAsync("ic-button", { key: '9196738f3d7d2c48b9173af7b152828a00c56edd', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("ic-button", { key: 'c34f45cb44e242939985f792a21e482a11078fba', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
-                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: '89c1dc4017ec5a5ccd691c16c47957d35067d0b5', class: "scroll-splitter-left" })), hAsync("slot", { key: 'bc45bafea5bad600701b74f097aae39c2e6b1e4d' }), hAsync("div", { key: 'b961e7d153dccb0187f0aa8c02f73494f4233649', "aria-hidden": "true", class: {
+                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'c5b52e4cfa655f8dc499e69da531870f4e4fe216', class: "scroll-splitter-left" })), hAsync("slot", { key: '8478dc63668ed2e842182c47e9a3b27b77ac642f' }), hAsync("div", { key: 'b9b0e21e69a40f7afda403db3db8b983257240c0', "aria-hidden": "true", class: {
                 ["scroll-container-right"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: lastItemVisible,
-            }, role: "tab" }, hAsync("span", { key: 'd0960807543d4513129f192ce975c7a0139a91a0', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4844fbcec6360b939a67c3878e36f4b812685c22', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("span", { key: '909936dddf54502bb1bdc3fdfdf36d59b5582238', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4e9093a9da1b3e387933dfc2495f1279bb7ad180', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
                 : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
     }
@@ -7721,15 +7796,15 @@ class InputComponentContainer {
     }
     render() {
         const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (hAsync(Host, { key: '20c111945d3fea6c2ec9ddcb70a0e5c74489fcd0', class: {
+        return (hAsync(Host, { key: '86271007106caa930e823cd2a9b9242670a1d2c1', class: {
                 [`ic-input-component-container-${size}`]: true,
                 [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
                 "ic-input-component-container-disabled": !!disabled,
                 "ic-input-component-container-readonly": !!readonly,
                 "ic-input-component-container-multiline": !!multiLine,
                 "ic-input-component-container-full-width": !!fullWidth,
-            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '10974ddaa6b7e895645b50a73501ef8004036e8d', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '29b14de6450c67f924e6820cc4ef74f20abad132', class: "icon-container" }, hAsync("slot", { key: '9c35122ee4308cd2782cf405a80b4b986a4b3fe8', name: "left-icon" }))), hAsync("slot", { key: '71782b3c047c6bc14d63bb2218fc825ee644ed12' }), validationInline &&
-            validationStatus === IcInformationStatus.Success && (hAsync("span", { key: 'e3ad09a64f224428e5a38127390751d86b5db914', class: "inline-success", innerHTML: successIcon })))));
+            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '2b8e64e7cc2d78b34b816b080f7e5856b4aef254', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '738e1d776664a7971bd97f36a68b8193849178ae', class: "icon-container" }, hAsync("slot", { key: 'c6d5fa181367e1988b3e454b06c01345afa393ff', name: "left-icon" }))), hAsync("slot", { key: '970ccdc08abd4dbf84248cc5708ab09ecbcbc0ae' }), validationInline &&
+            validationStatus === IcInformationStatus.Success && (hAsync("span", { key: '6c7cbd9c69c11a8688972039ba519829805d3ab7', class: "inline-success", innerHTML: successIcon })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7770,11 +7845,11 @@ class InputContainer {
         this.readonly = false;
     }
     render() {
-        return (hAsync(Host, { key: '25d076eaba3bd1c7e469a5a3c44b26990dfcb43c' }, hAsync("div", { key: '77559c5ab0557c9d42eb30d4a6487962dc8d2462', class: {
+        return (hAsync(Host, { key: 'ffa7ae6f683f172205085d3ade5af4ed2b665f5e' }, hAsync("div", { key: 'e010e17e975c12a26c9ae66cb604ca561882901b', class: {
                 ["component-container"]: true,
                 ["disabled"]: !!this.disabled,
                 ["readonly"]: !!this.readonly,
-            } }, hAsync("slot", { key: '0b579f90ba6c9b7b5c515632b9e3f78a3a47c9a2' }))));
+            } }, hAsync("slot", { key: '202931f1bc8d2ab341753c23464e266fd899a15d' }))));
     }
     static get style() { return IcInputContainerStyle0; }
     static get cmpMeta() { return {
@@ -7857,11 +7932,11 @@ class InputLabel {
             "helpertext-readonly": readonly,
         };
         const helperTextSlot = this.el.querySelector("slot[name='helper-text']");
-        return (hAsync(Host, { key: '632235f5528b1ee7cbdc981b1fd8f83f81317ac5', class: {
+        return (hAsync(Host, { key: 'bc32f49e555f33d246a3710c0ccea33ca511728f', class: {
                 "ic-input-label-disabled": !!disabled,
                 "ic-input-label-readonly": readonly,
                 "with-helper": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== "",
-            } }, !hideLabel && (hAsync("ic-typography", { key: '4d5ffe88dcfd61697ac5c10bbfe72da69d6cd09e', variant: "label", class: {
+            } }, !hideLabel && (hAsync("ic-typography", { key: 'b5f8b55d18f914ed5ae2b3392661a08d35cbe3d9', variant: "label", class: {
                 "readonly-label": readonly,
                 "error-label": status === "error" && !(readonly || disabled),
             } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), this.isHelperTextSlotUsed(helperTextSlot) ? (hAsync("span", { id: helperTextId, class: helperTextClass }, hAsync("slot", { name: "helper-text" }))) : (helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: helperTextClass }, hAsync("span", { id: helperTextId }, helperText))))));
@@ -7931,14 +8006,14 @@ class InputValidation {
     render() {
         const { ariaLiveMode, fullWidth, status, message } = this;
         const displayIcon = status !== "" ? ICON[status] : "";
-        return (hAsync(Host, { key: '96d572f2475891bb27613f8bdfc137fc5a5eeceb', class: {
+        return (hAsync(Host, { key: 'c9749e8bb3c64a0ec364063500c6e9d6a2606116', class: {
                 [`ic-input-validation-${status}`]: status !== "",
                 "ic-input-validation-full-width": !!fullWidth,
                 "ic-input-validation-with-status": status !== "",
-            } }, displayIcon !== "" && (hAsync("span", { key: '8b8a9716ab6350d4959ba09254830e17d275258d', class: {
+            } }, displayIcon !== "" && (hAsync("span", { key: '37f56d09513abdaf04e3cf0131d89c1e78c77dd1', class: {
                 "status-icon": true,
                 [`icon-${status}`]: true,
-            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '587682a13e0ef65b1fc31e7018827077728e1b5d', variant: "caption", class: "statustext" }, hAsync("span", { key: '6c398ad4c73d27b90a9df1485902dcb4d4ea1b49', id: this.for && getInputValidationTextID(this.for) }, isSlotUsed(this.el, "validation-message") ? (hAsync("slot", { name: "validation-message" })) : (message)), hAsync("span", { key: '542800ff7792e9bd075d2f682ca9e997ceb74fc2', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: 'edcd7ddf24ae842f40eada9fa221da19b9fb6c79', name: "validation-message-adornment" })));
+            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: 'c48a3f1ec46a3c9cc5c57c271c90f7fa6f9f7ff4', variant: "caption", class: "statustext" }, hAsync("span", { key: '445497c5225d3bdcf4505d0e27ef8af213a9fc11', id: this.for && getInputValidationTextID(this.for) }, isSlotUsed(this.el, "validation-message") ? (hAsync("slot", { name: "validation-message" })) : (message)), hAsync("span", { key: 'f9126a58e59ac9f05c88e8c4860f49eb3d394fa7', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: 'ee1a49b5c1765f153f4ee8e10cd94fa0e1549a54', name: "validation-message-adornment" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8090,10 +8165,10 @@ class LayoutGrid {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: '47ece5b026e7e3c97ed38bfe3bab840c1f19ab7c', class: {
+        return (hAsync(Host, { key: 'edd252e9b99b8ae5a131062ac6f102b2e76d22ce', class: {
                 [`ic-layout-grid-aligned-${aligned}`]: true,
                 ["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: 'f60fbe3bcc6218cf7340513a1699c13b0db377a0' })));
+            } }, hAsync("slot", { key: '9d4b3b7d4f3379b01751707270f00f988e16b0a8' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8173,9 +8248,9 @@ class LayoutGridItem {
     }
     render() {
         const { hideInMobileMode } = this;
-        return (hAsync(Host, { key: 'bf040e1b3ddbd7f275a026008bf6f011fa440b1d', class: {
+        return (hAsync(Host, { key: '142d6bb3ec03f4e0b362b1d10da70a3ee7f215d5', class: {
                 "ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
-            } }, hAsync("slot", { key: '0833ce81285ee10fdfb943fe7d54d0e7db210313' })));
+            } }, hAsync("slot", { key: '4711277515425bc6bff4d1089c14fafc3ab6032b' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8288,7 +8363,7 @@ class Link {
     }
     render() {
         const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
-        return (hAsync(Host, { key: 'ca6343037bc5985cf5062b7797e71e0dd0184fb3', class: {
+        return (hAsync(Host, { key: '2b5806a3fa48ea9113346d0d9ac8ecd86e0c699a', class: {
                 ["ic-link"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-link-monochrome"]: !!monochrome,
@@ -8514,24 +8589,24 @@ class LoadingIndicator {
     }
     render() {
         const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, internalType, label, max, min, monochrome, progress, size, theme, } = this;
-        return (hAsync(Host, { key: '1ffb79fd15c3e0593690a4804bb7fc71650b3c8b', class: {
+        return (hAsync(Host, { key: '2905a37e973a97b428414010c467764d9e2a9fd1', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-loading-indicator-full-width": fullWidth,
                 "ic-loading-indicator-label": !!label,
                 "ic-loading-indicator-monochrome": monochrome,
                 [`ic-loading-indicator-size-${size}`]: true,
-            } }, hAsync("div", { key: '2a8feaec441a5f127316a735ab5de75574a6f153', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '1daa3ca4eff5bd9258a8ecd6a38bb65aa54f3b77', ref: (el) => (this.outerElement = el), class: {
+            } }, hAsync("div", { key: '6fa756abb41297cc5e8610b30c1cb3f03d953c2d', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'f1112dc701c88024573e6dc9096725ab4675ee2e', ref: (el) => (this.outerElement = el), class: {
                 [`ic-loading-${internalType}-outer`]: true,
                 [progress === undefined ? "indeterminate" : "determinate"]: true,
-            }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: '904bdab934ef67e6d7a9e767022e663e3d0277e9', ref: (el) => (this.innerElement = el), class: {
+            }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'd56cfeaee1b3e5f2e2068d9784414df0bbdab913', ref: (el) => (this.innerElement = el), class: {
                 [`ic-loading-${internalType}-inner`]: true,
                 "inner-label": !!innerLabel,
-            } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '15447231a4e4f64e1fba0de4cf85a6c6daadeb6e', variant: "subtitle-small", class: "inner-text" }, innerLabel)), internalType === "circular" && (hAsync("svg", { key: '1bf8ea4a7caf8abc6589bbc474151872d3e14360', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: 'c75483f7699d92c66ff743c0d2afd99625d14c23', cx: x, cy: y, r: r }), hAsync("circle", { key: '9ace7b29af77992871d511417210923920f04549', style: {
+            } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '6230e2f24f7e4e9872446a4642b4f18e2410b59d', variant: "subtitle-small", class: "inner-text" }, innerLabel)), internalType === "circular" && (hAsync("svg", { key: '19adf2a04d18a77082f44ab13404907cee59fde2', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: '60be621b7acf27bc1bebd35a71f9666038c232f2', cx: x, cy: y, r: r }), hAsync("circle", { key: '7197e37b0245ed0995cd414cb03d9a96c3a2ac8f', style: {
                 "--circular-steps-max": progress ? `${max}` : undefined,
                 "--progress-value": progress !== undefined ? `${progress}` : undefined,
                 "--stroke-dasharray": dashArray,
                 "--stroke-dashoffset": dashOffset,
-            }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '7b3d223169a32fab46d3000d6d75ec09ad053518', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '447314a91e8979587dd40c4a6635512af86f7fe8' }, indicatorLabel))))));
+            }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: 'cc98f0844fdb83d05ee52dee9d6545d263a15181', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '1631cea623f99ab6573dca4726480ac62207e5fe' }, indicatorLabel))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -12669,7 +12744,7 @@ class Menu {
         const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
-        return (hAsync(Host, { key: '1e4da9c2108dc9df947dcf92f558fcbc14c3f686', class: {
+        return (hAsync(Host, { key: '5e22882e9f1d08db292939afb816b3b174a73453', class: {
                 "ic-menu-full-width": !!fullWidth,
                 "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -12678,7 +12753,7 @@ class Menu {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": multiSelect,
-            } }, options.length !== 0 && (hAsync("ul", { key: '0861edb24bdb21aecd3b70ec4d7f11112d4ad3eb', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
+            } }, options.length !== 0 && (hAsync("ul", { key: 'eaa102b0267705ceeaf965ea406c27674228f568', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
                 !keyboardNav &&
                 ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -12706,7 +12781,7 @@ class Menu {
             multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (hAsync("div", { key: 'aa5a9084985ac02f145acbc5d45ff726ae5d575e', class: "option-bar" }, hAsync("ic-typography", { key: 'c9854cfb8d9ddf6b54a4b66445020f1e437dece7' }, hAsync("p", { key: '47b9491c4332bc7d547df9a6edbd97290cdb9535' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'a07f28d90a7fd4efa5d3a0574f161a111a46c048', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
+            !hasNoResults && (hAsync("div", { key: 'dba1e24902c69f0ff275392bbcc1a11dc4be9375', class: "option-bar" }, hAsync("ic-typography", { key: 'eadf27270294c8ae5606666434f67edce83b0040' }, hAsync("p", { key: 'e40a85be98f91018138b5c3e47e9dd568b4b3770' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '0bf467d9751a666ca94b5936143bacfb239f5667', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -12766,7 +12841,7 @@ class MenuGroup {
     }
     render() {
         const parentMenu = this.el.closest("ic-popover-menu");
-        return (hAsync(Host, { key: '979b8fb6d5820b0bedb7b5fd0695ae1d45f28ce7', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '9ec6ec6fa6bb1eeeea72f74505bab6310e6d2e1f', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '720be07138e658bbaa4ed5131c5ec0ebea15c110', class: "menu-items-wrapper" }, hAsync("slot", { key: 'd9740690e6caf5aaa3c54f96e6be45f38b6f1eea' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '44bb82e43b7de2acf8f955d77666455de0ef67fa' }))));
+        return (hAsync(Host, { key: '1f0ba7349890547fbf0bab5c0853b94e4e2a7035', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '9263c78812e4b852a76d8e0353bd347df530ff19', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '2009a196f392ab0cdc88bfa5d6ac835d698e42dc', class: "menu-items-wrapper" }, hAsync("slot", { key: '1db2daba73b7567a2a71556b0efead251f8b5e14' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '058408c1291cc200de221c780f599beed158f3cc' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcMenuGroupStyle0; }
@@ -13017,11 +13092,11 @@ class NavigationButton {
             target,
             theme,
         };
-        return (hAsync(Host, { key: 'a277e7f5b36c9a2c7e7a02c488130727a7894a95', class: {
+        return (hAsync(Host, { key: '538ea349b1f0791b0cd68898380fe4cfd41b5496', class: {
                 "in-side-menu": isMenuMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 dark: parentThemeDark,
-            } }, hAsync("ic-button", Object.assign({ key: '50ebf0528b85ac029bd83547d12d850136c382d6', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '10f847ba11eec3c7e398b15807865783ede32493', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '37a37bf5dfbcb7ef4e90b86dde4d9efec521911d', name: "badge" }))));
+            } }, hAsync("ic-button", Object.assign({ key: 'afee63c46529276cd2b77ef6d7c1c69b47a7ae15', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '8c2a89dfc8f974017cf5384355ce0f881218d038', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '7fab4237f3f6745159d584df008e82214ecd3322', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -13314,7 +13389,7 @@ class NavigationGroup {
         const isTopNav = this.navigationType === "top";
         const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
         const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
-        return (hAsync(Host, { key: '15cdbd2b2ce19129b1ff6a845922036813e7ae99', class: {
+        return (hAsync(Host, { key: '70e377a3055b6c000c860b0c3933efd73ded9876', class: {
                 "in-side-menu": inTopNavSideMenu,
                 "ic-navigation-group-expandable": expandable,
                 "ic-navigation-group-side-nav": isSideNav,
@@ -13547,7 +13622,7 @@ class NavigationItem {
     render() {
         const { inTopNavSideMenu, isTopNavChild, selected, navigationType, focusStyle, isInitialRender, sideNavExpanded, displayNavigationTooltip, collapsedIconLabel, isSideNavMobile, expandable, isInSideNav, theme, } = this;
         const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;
-        return (hAsync(Host, { key: '8c8d6840c525322be195b26b40b81de5b76a3bb9', class: {
+        return (hAsync(Host, { key: 'e0752e0df8889387ca765848f4a7e31ecfba79f0', class: {
                 "navigation-item": true,
                 "navigation-item-selected": !isTopNavChild && selected,
                 "navigation-item-top-nav": !inTopNavSideMenu && navigationType === "top",
@@ -13566,7 +13641,7 @@ class NavigationItem {
                 expandable,
                 [focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '20f1518fa353f8ab041ce7a71d8cbe0277ee9e6a', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
+            }, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '996ecfbd2a8649e1601ea2161091d374bb56e331', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
                 "tooltip-navigation-item": true,
                 "tooltip-navigation-item-side-nav-collapsed": displayNavigationTooltip && isInSideNav,
                 "tooltip-long-label-navigation-item-side-nav-expanded": this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
@@ -13739,16 +13814,16 @@ class NavigationMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: '5040ecf445a2131ca777cf9795f4fc25f9ee9d3f', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '85b31d01281c8ea08c7fa09d37063fa6274ade9d', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '336cf9892c7698a887a6a8fa6f287c40b441c2ab', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'd2367e40e87f65ef92225fb0240f049723de8eea', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '665c9f21f3c81961edff4e959fa77a2c7479f475', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '3e9debb08e2efe3bc8b4a5266d1df14ee7ee3b8a', class: {
+        return (hAsync(Host, { key: '5a79b217cf87852b89438451b49f8c0ecd64d594', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '19ad13211281929be69da54673ab85db94d2d635', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '3a9508f13aa3681fc7c7136e2d3ffb30b5ffbeac', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: '08c2ef423b60da0d3f592366ce30f2e8c9ad8ef6', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '89a14e10b43019fe3aab9cca7aa4585d9479ab61', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '0bf015f6f252f036e2505fe23438f6974e64cb49', class: {
                 ["menu-close-button-container"]: true,
                 ["nav-group-first"]: this.navGroupFirst,
-            } }, hAsync("ic-button", { key: '8fa44a70222a765adbe21298f81d2a8d9507b5ec', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '9b5dc10d973f156783708c56f30e618db47a6de1', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9fa87211d3c594f36b6a7b0bd1d5298f8d04d4f4', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: 'f4ba3ba39a6c152d32fcfe4d67492effed09eae7', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'ac05566d1578abbf6377417130e3eb17b177e67d', class: {
+            } }, hAsync("ic-button", { key: '0d8c26de4c6e66c94b36a6f752986c60eda14190', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '2de2610f0d3f1293ed49845557f9e243240b466f', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '4c985f39a7428d9ddeff986a65872e2ad62e6b06', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: '1b19a907151db4138840a54d1905a6095f63c083', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'e355ac1c0c938646d88383b1bb6b89f0e83a877d', class: {
                 ["menu-buttons-container"]: true,
                 ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
-            } }, hAsync("slot", { key: 'b41b238a5b9539d20fee6d1ef5d48e8318282e7b', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'f7e7f7ac77288dde96a92160e25cbe04e4762fc2', class: {
+            } }, hAsync("slot", { key: '48572d7991b8bd6082c62da46509280d7ab340c6', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'ca9b1062bc21d613a6c2a71d1ed667ada6d29c23', class: {
                 ["menu-status-version-container"]: true,
                 ["status-version-no-buttons"]: !this.hasButtons,
-            } }, this.status !== "" && (hAsync("div", { key: '7cff7f64f8040feb7605890db0131df0d854688a', class: "menu-status" }, hAsync("ic-typography", { key: 'cc5124ab4a9c02e5f412755012c60e42c9e8bc55', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '3a72f8253064a565c543a504aef7bd6efe7cb2cb', class: "menu-version" }, hAsync("ic-typography", { key: 'e2060017d43524668f0da2e7b3385bb19ab3438e', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
+            } }, this.status !== "" && (hAsync("div", { key: '0e5a9ea4b445f09db0b540437a41dd3216520bf2', class: "menu-status" }, hAsync("ic-typography", { key: 'e1a4c5560c9ee894ed5931d72a9e8e26faa2f9aa', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '9372910c9139ef10340e8f35b72c59974fe9aa20', class: "menu-version" }, hAsync("ic-typography", { key: '154ad1b38bbb5fba621553896933799a6c219c71', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcNavigationMenuStyle0; }
@@ -13881,19 +13956,19 @@ class PageHeader {
         const navAriaLabel = `${isSlotUsed(this.el, "heading")
             ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
             : heading !== null && heading !== void 0 ? heading : ""} page sections`;
-        return (hAsync(Host, { key: '6839f2d164672f2aa33e05134c3426e5374d1f06', class: {
+        return (hAsync(Host, { key: 'b72fc99f5588d6c9549ba2fe0bacbfb9b0c133be', class: {
                 ["ic-page-header-sticky"]: !!sticky,
                 ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '7d5137cb542941699de9cc5721ae28a17861dbf0', class: {
+            }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '0dd8b54fbbc330f0202d8b42075aa2ad7e944690', class: {
                 ["border-bottom"]: !!border,
                 ["tabs"]: isSlotUsed(this.el, "tabs"),
-            }, role: "presentation" }, hAsync("ic-section-container", { key: '454a9621964544cff3503b6553e7a17c60da3832', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: '58cd2a99c294c0e74d7236dfadaed9df5a2e468a', class: "breadcrumb-area" }, hAsync("slot", { key: '02a27ba25893819a676272f7b5c99ba111cec39a', name: "breadcrumbs" }))), hAsync("div", { key: '252904de3b7c608bca4e42325880560ee7bdc431', class: "main-content" }, hAsync("div", { key: 'f9256d53398c537fe19e6b27ed777542650de68b', class: "title-area" }, hAsync("div", { key: 'a1d40860aa4a7191974e44f400b3b8d486e09bf4', class: "header-content" }, hAsync("slot", { key: '81f3ac92b61b9943166ae930c7ada3662e494a60', name: "heading" }, hAsync("ic-typography", { key: '78f00c7412b22c74b25db7ce1136edaa173c557b', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '6e9608ec80c3f05482ac3a8e60ee27d2e6f683ad' }, heading))), hAsync("slot", { key: '59600cab7fe6df1e7fbb9786060c1338c1d24109', name: "heading-adornment" })), hAsync("div", { key: '8008f53d6ee65c3ac3bb849e136e417a85fb185a', class: {
+            }, role: "presentation" }, hAsync("ic-section-container", { key: '191d13b8e42c92543bbc3c8c85a88eeba47b7462', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: 'ceb08e816c6215199c33363b32c182c06de1c19e', class: "breadcrumb-area" }, hAsync("slot", { key: 'e7a24051f7c9544eb1c629813b6a414cc2be42ec', name: "breadcrumbs" }))), hAsync("div", { key: 'ad3ad094ae44d2cd5b12612d47487e9f94cb405b', class: "main-content" }, hAsync("div", { key: '0b9da0f1195a8eaa974f985f0268fed78d051f6d', class: "title-area" }, hAsync("div", { key: '314147f4f76b8827ee90bb68bad21fe931e55fb5', class: "header-content" }, hAsync("slot", { key: 'a0d82decef083a02afbb103bcc94e6dfb809c9ab', name: "heading" }, hAsync("ic-typography", { key: 'bb7ad7d29d53fe971d2298ec25fb377d2c525ed4', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '10dcebaa154cab7717654db7f8342c8781bbb500' }, heading))), hAsync("slot", { key: '8933dd41330b29fdd6f534069d54ac1f7b8d956e', name: "heading-adornment" })), hAsync("div", { key: '22d58adbadef2d8f594e08f5d62b24596d4be3bf', class: {
                 ["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
                 ["small"]: size === "small",
-            } }, hAsync("slot", { key: '2f7f52d845ac9ae2d4a7122c17dda2cd9439301d', name: "subheading" }, hAsync("ic-typography", { key: 'c0aea12079ad430c8fc80de47dbc36998c7dafde', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '522be093d57e17bd669e6a00de00b5d762371464', class: "action-area" }, hAsync("slot", { key: '5044800dd45ad23bded19fb947103fc33fb224f9', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: 'c2ed3ac5f6683e17dff5e30bb4b0836c6882a62a', class: "input-area" }, hAsync("slot", { key: '7fa5429dde9cafd6cf7a91e6c018c137c4596cb8', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
-            isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: '7adb7f57bb469ddb2f88303784c5bb4f47af3e7a', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
-            !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: '523c906aff9a5dcf0911b99e58a49bae70f6dc1a', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: '3d387ad3a2ca763d7837ad7604d7efbe46b3b2c9', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'dee59ffc315702860977ca50ca8bdf90459a6a63' }, hAsync("ul", { key: 'ce68af19740fd60be9a08fa955643854eb5ac0c7', class: "tabs-slot" }, hAsync("slot", { key: 'd2297a18b03a95711ae20beaef363b39462c3866', name: "tabs" })))))))))));
+            } }, hAsync("slot", { key: '6a0e2482c20cd6e5c6ea74259c4f90ee59f372b8', name: "subheading" }, hAsync("ic-typography", { key: 'd519ee27c3125320bc6b2a105b285148f791298c', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: 'db7b9b202c23c922149d77e3c378a7f369270022', class: "action-area" }, hAsync("slot", { key: '018da769d0d0d85f56e8400270a182846028c8f8', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: '28495ab831e90484f64a731c2ac9589da255f7c9', class: "input-area" }, hAsync("slot", { key: '0584473df8a5318ca3a91c81fa42085d98ec03e8', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
+            isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: 'e9b414dd0c40f9c72c4099119f43b90998b660e3', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
+            !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: '6767b004d2c71a4e009a23eb73e9c33c976c3d22', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: '2966875a2e393299b01907959a925c960a1f5795', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '3ab38c0a4933f7b38af7fc9bb039624a5d98f3fd' }, hAsync("ul", { key: 'ce1c14207346ad570188c1e70f9ca39e0bfd2d68', class: "tabs-slot" }, hAsync("slot", { key: '38f22f779dd42b5015faa5604dc5af848a72121b', name: "tabs" })))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcPageHeaderStyle0; }
@@ -14200,14 +14275,14 @@ class Pagination {
     }
     render() {
         const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
-        return (hAsync(Host, { key: '841c501b441241eae4281c4c2aea7f51d4e5b1e8', class: {
+        return (hAsync(Host, { key: '06b3adf0d59e3e20e2192fa3836d13c4577003fe', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-pagination-monochrome"]: !!monochrome,
-            } }, type === "simple" && (hAsync("nav", { key: '888a15822151817834e8f92a8a50f4d5fd37c715', class: {
+            } }, type === "simple" && (hAsync("nav", { key: '75f6cfc6bd708870bb6dd4e6b1d44ab63f9f3bf5', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'f89f2dc683fa0c48dda8a9b8b0ae9fb041a93624', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: 'edddd73145108a1ebd09ed068dee9c301a168365', class: {
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '24ddac40513c65ac26604271f6a1ab268f107dfe', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: '5c864426c60fced527cf6457aded27e8c29fd26f', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: 'a0dca70d2eb4840d1316ae4a4600fe03aeb0f710', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: '52bb61a07010197513bd02b450b79895cb80030c', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -14292,7 +14367,7 @@ class PaginationItem {
     }
     render() {
         const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
-        return (hAsync("a", { key: '89475a5ee9cb95171d34ae94ec68107c70e67248', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
+        return (hAsync("a", { key: '684b55732fcbfd4922afc8b158ae509d7d487af7', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
                 ["item-container"]: true,
                 ["ellipsis"]: true,
                 ["disabled"]: !!disabled,
@@ -14611,17 +14686,17 @@ class PopoverMenu {
         this.popperProps = props;
     }
     render() {
-        return (hAsync(Host, { key: 'bbe8b532b3e08c777c35e0af55486b59b5b8e44c', class: {
+        return (hAsync(Host, { key: '4ef24b6cdb06b7310453f5b7815a90dad11dbe3d', class: {
                 ["ic-popover-menu-open"]: !!this.open,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: 'a72a96633961efb668c7c8aae3fcb3b142c7b128', id: this.parentPopover === undefined
+            } }, hAsync("div", { key: '702b1c1f8c9f549c9816a41590ba86057a0f4ad4', id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,
-            } }, hAsync("span", { key: '06b147e629909bbb74f4f1e01e825d39dcbab395', class: {
+            } }, hAsync("span", { key: '6777fd3c177c8a67887815ef597b22837dfdc917', class: {
                 "opening-from-parent": this.openingFromParent,
                 "opening-from-child": this.openingFromChild,
-            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: '088ce8abcf89df38016507d521381e081ade4759' }, hAsync("span", { key: '1bebbc5854c2edd5207633c01bee4a6e887c03a0', role: "menu" }, hAsync("ic-menu-item", { key: '317fe27583c8bc0d41319ac634a4bff22b1c5e2d', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '02d9719c84180f8832a26d75cd652c55070b6289', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '906a7a797d99a3e8f0a7a3b30d3e33a52ca2582c', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: 'ee0152debc2b109787490b4a78e1de3f8186ae5e', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'f91d5f08c8142136b4bb2c1fbd513ee13fbbd263', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '55417e47588809089b7ba71e510336d79ba69ac3' }))))));
+            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: '0808a5e51b16b599eb4feec009bfeb39cf9c2f7f' }, hAsync("span", { key: '76e569a67762a01542e0271270e27e2bf122388b', role: "menu" }, hAsync("ic-menu-item", { key: '00a64914d6ec8f0726b08aec4862ae575988d6ec', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '874b65f60655314ea03b1315b5ad5dd0d6bf496d', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '0d74dd3aa63952a3daf4986b1dccf05132b142f7', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '7d591c914310ab15a98463320d325ae6ea08ecec', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'b689e0b8e8a94e7add88ececc9a2e12ccaca9cb0', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'b4cd62991ab1173788e96b4e95736560de0fb912' }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14890,16 +14965,16 @@ class RadioGroup {
     render() {
         const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationAriaLive, validationStatus, validationText, theme, } = this;
         const showValidation = hasValidationStatus(validationStatus, disabled);
-        return (hAsync(Host, { key: 'aa0ff707b50765535bf74bb77f349b1fdf8ec5c2', onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '25d850a9a73e2265885ff67613cd37cc53977035', onKeyDown: handleKeyDown, class: {
                 "ic-radio-group-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("fieldset", { key: '0c4dab92df1c01348afbe3ccdd6e66d32aaefef9', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: '37ebeeb2b43fcb8628327deefb00ce2742c6a026' }, hAsync("ic-input-label", { key: '2a587dc242e293992e41bdbb523ac8414b8c4fac', class: {
+            } }, hAsync("fieldset", { key: '960443c48d0cb2effadd20aa779be9bbef59fc48', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: '592a145f2f9fbbcc167a441934a1f766f2c333be' }, hAsync("ic-input-label", { key: '1179db21f6db7f58b33bb96155ab275e26ecf5e9', class: {
                 [`${validationStatus}`]: true,
                 ["disabled"]: !!disabled,
-            }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '28611e725b177c6b7f8456668c33d3162830eb29', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'd53f2e859088f0c208c2aab94442322d8a1bad0e', class: {
+            }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '52e567ae7f3ab59c7411ce2c0a5dcbdfdc551c29', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'bf72aff8d51ae2a0f223f020ec9c69877a95b1fe', class: {
                 "radio-buttons-container": true,
                 horizontal: currentOrientation === this.RADIO_HORIZONTAL,
-            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bbffd83c1b277c2ca55a7e97254ba0a322008c34' }))), hAsync("ic-input-validation", { key: '67ca41fbf8ce4265a5a979cdca100edb2f4e4c41', class: {
+            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'd849d16ff6abc505a8d282ff860784751c04c7ff' }))), hAsync("ic-input-validation", { key: '9708482107b5d8614c01177f9d5ed60a03791d9e', class: {
                 "show-validation": showValidation,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
     }
@@ -15083,17 +15158,17 @@ class RadioOption {
         var _a, _b;
         const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
         const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
-        return (hAsync(Host, { key: '842d6ee4010fd07100af0f2a7a5b22b4f3d836fb', onClick: handleClick, onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '710f043bfbdbe28be83f61aa6f9aac54e43374f9', onClick: handleClick, onKeyDown: handleKeyDown, class: {
                 ["ic-radio-option-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-radio-option-small"]: ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === "IC-RADIO-GROUP" &&
                     ((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.className.includes("ic-radio-group-small")),
-            } }, hAsync("div", { key: '24311226c7c0cbd0edc9c863a4a4dadcb58510dd', class: { "radio-option-container": true, disabled: !!disabled } }, hAsync("div", { key: '368c7613d16ba7c0d41af81ec0921acabd11e0ac' }, hAsync("input", { key: '9abba6cd1bc6837c28e4e3daff9d78030a855dc8', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: '99b68e349ed11e7c01768b2bc2b38ee20cc8c736', class: "checkmark" })), hAsync("ic-typography", { key: '751eb546666f87c6bf64cb93ca1d77e8caf67d85', class: "radio-label", variant: "body" }, hAsync("label", { key: 'd02d6a7935bf2b6c145662bc553e6ef44f3c4c6a', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '3e499a794defaac875630287978618da86056347', class: {
+            } }, hAsync("div", { key: 'b81b1c3a0f0641c6cb324d1b97db208632a67fec', class: { "radio-option-container": true, disabled: !!disabled } }, hAsync("div", { key: '9ea346537957226517b6a0a622185713ef5dd20a' }, hAsync("input", { key: '3d75ad5b8265bbe03a82a1ea3299b9f6add36b48', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: '5316e60c34c562122cf731039675891edc0a72f5', class: "checkmark" })), hAsync("ic-typography", { key: '628db8b91b4c550eae7c76297e791bea3e539e3b', class: "radio-label", variant: "body" }, hAsync("label", { key: 'd25e1cf55e7d07eb23ad41063307c998618af27b', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: 'ec7300a9bf852d3bb252e68e6a1f794cbc56db29', class: {
                 "dynamic-container": true,
                 hidden: additionalFieldDisplay === "dynamic" && !selected,
-            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '763ee0f91c7d4c045db9b8dc21851fa9d58db461', class: "branch-corner" })), hAsync("div", { key: 'b44eb2a57738c64725b8abf508576e78ee81d58c' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '7055f52337754005334d29d7faba936eee41db56', variant: "caption", role: "alert" }, hAsync("p", { key: 'fb35ff368ed7b18196efe93be58105e0ab993c85', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'f52cb49783fcf0d721534e2ff948b4f3098b81fb', class: {
+            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '72f29c68c31fe5b4f611ed8bea901c382cf06f32', class: "branch-corner" })), hAsync("div", { key: 'a33027e2baba3e454e542151a503cdd863ee522d' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'cbb4aca43b192d749f79d29347eb27608698dea1', variant: "caption", role: "alert" }, hAsync("p", { key: '89b76f38cfb17f52a89659b134273a4cb3581933', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: '57cce7d23ba1e63985bf74c304f303e1ff5e019f', class: {
                 [`additional-field-wrapper-${additionalFieldDisplay}`]: true,
-            } }, hAsync("slot", { key: '36ddd67708c686617463703a0fb765a517809062', name: ADDITIONAL_FIELD })))))));
+            } }, hAsync("slot", { key: '7d1069e0817992789b58fe73b210000a80700ef5', name: ADDITIONAL_FIELD })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15676,39 +15751,39 @@ class SearchBar {
         const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
         const labelValue = getLabelFromValue(value, options, valueField, labelField);
         renderHiddenInput(this.el, value, name, disabledMode);
-        return (hAsync(Host, { key: '29effef90a1b301f50dd5e16cb00ed70eccab512', class: {
+        return (hAsync(Host, { key: '97932f66827d3d1aa3e41ca8aa15e8bdb1ad5518', class: {
                 "ic-search-bar-search": true,
                 "ic-search-bar-full-width": fullWidth,
                 "ic-search-bar-disabled": disabled,
                 "ic-search-bar-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: 'e896aa115879948ea3f8c2431e93791ff1d833db', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: 'fd412bd32638354ff10f6653800921f2c15e8561', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'cb13c54cb67e19ca0a275d3af1b0a5199e4ce89c', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '75b330a02def1ea7e43d353ffb1041bfe2d61b53', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '1b4dc1a0b79fdaad28b52238557e930c9ec02c30', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '3fc6cebca3191c6e19e523e4273f4ad7cfd39ea4', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '453ef1b4a73227f5525e386100ba4d09fc75a1a0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'd72a6705f4e98030a9af02c832478ecb3cd11570', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: 'e0ae23eaa33e7194eec066a1e72050b91be3cdd5', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: 'ed239f98bcc086b05bbb14c43154aee3f7c2c76e', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
                 "no-left-pad": readonly,
                 readonly,
                 "truncate-value": truncateValue,
-            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: 'ac9075acbae4855280df3a7927a325ee20ac5d82', class: {
+            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: 'ed272c63c361866a3c096a4ed63e94582d4fcdf8', class: {
                 "clear-button-container": true,
                 "clear-button-visible": !!value && !disabledMode && showClearButton,
-            } }, hAsync("ic-button", { key: 'd3b1a71ede9651edce18ef3c2e31d044518ea79a', id: "clear-button", class: {
+            } }, hAsync("ic-button", { key: '5e9c4058a68f853a552bfa0f2113858a275a365a', id: "clear-button", class: {
                 "clear-button": true,
                 "clear-button-unfocused": !clearButtonFocused,
-            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '4514b92f5f6ff11d6c4d296109eb768591490fce', class: "divider" })), hAsync("div", { key: 'c1507f41ba857730f14a74f4fb0c24480fed6ba2', class: {
+            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '262820b10ac5df18f2b73fcb4aa0f1b3602c2c0f', class: "divider" })), hAsync("div", { key: 'e0ff6496a2b2a703a3d87980893926dd4fdf543d', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, hAsync("ic-button", { key: 'f48d2f2c3cec19bb4fb66be6024ec1d8b8f21e8d', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, hAsync("ic-button", { key: '4eefcd8121169df7b713df93cade880d0fcf5d60', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
                 "search-submit-button": true,
                 "search-submit-button-small": size === "small",
                 "search-submit-button-unfocused": !searchSubmitFocused,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '408c068afb680a643752be6c04df27bf4ec010f0', class: {
+            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '1194a402978db78f8abbaa5e1127e6e1ce8d77d3', class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'e9a150bc0ead1db84cc63723acc7bf21bb5ba5fc', class: {
+            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '1bf2856fb888425fd0b7f690e9f3389f9bb1ec9f', class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
                         (filteredOptions[0][labelField] === loadingLabel ||
                             filteredOptions[0][labelField] === loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: '41368646242aceb6f0e7bd8ba9ba6ff029cf8d7a', "aria-live": "polite", role: "status", class: "search-results-status" })));
+            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: 'f3333622e515486aeb77de5e8c7061b02f8f19b6', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -15792,12 +15867,12 @@ class SectionContainer {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: '343b4d46f49af4458ad961d31de6118927b5e3ec', class: {
+        return (hAsync(Host, { key: '54b72df0db0ae4794b74be875011b76868370b73', class: {
                 ["aligned-left"]: aligned === "left" || aligned === null,
                 ["aligned-center"]: aligned === "center",
                 ["aligned-full-width"]: aligned === "full-width",
                 ["no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: '96932a21be0e230d9d15e05f09b8da67f772dd2b' })));
+            } }, hAsync("slot", { key: 'c0f0631b39da318c0ce15c6f6200c1f03268bd7a' })));
     }
     static get style() { return IcSectionContainerStyle0; }
     static get cmpMeta() { return {
@@ -16622,18 +16697,18 @@ class Select {
             (searchable
                 ? !!searchableSelectInputValue
                 : !!currValue && !loading && showClearButton);
-        return (hAsync(Host, { key: 'f4a2c999048b3813c72f19cb9d12b179a1aa2829', class: {
+        return (hAsync(Host, { key: '7fe228e078a155a73e2fc94cc2b118c93b4145fe', class: {
                 "ic-select-disabled": disabled,
                 "ic-select-searchable": searchable,
                 [`ic-select-${size}`]: size !== "medium",
                 "ic-select-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '26ca71ed868b6154ae6d85b12176cbd2c245a2a1', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: 'fbc267c35b7408673080578c7223713bbbc63487', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '6614423a784d3c8afb82685721ac76044a541b2c', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '22f3497287a6dffa909d12ab7cf56dcc350580ff', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
+            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'f354e43e2138805bfb8e7f47dad8460c54bc4150', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '5e0a35593115e83abab6de7f4c4c13d0865e4cd0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: 'a1bb94c8b02a3b859245e384443395b92a24cc87', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '0ce9a0afd7163ad10add85df056d8ed5b1e5e856', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
             !disabled &&
-            (!readonly || !!value) && (hAsync("span", { key: '2103e465e79ce43a400ab208cd3fa41f8d9a4897', slot: "left-icon", class: {
+            (!readonly || !!value) && (hAsync("span", { key: '6976af6d54de212225c8187634faceac225d769e', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, hAsync("slot", { key: '626f074a90189f115c112e179ffd5c1e28ac17c6', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
+            } }, hAsync("slot", { key: 'f198b118f799e71cc850ff9b4e8f72b2e6bb531c', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
                 "value-text": true,
                 "select-input": true,
                 "with-clear-button": !!searchableSelectInputValue,
@@ -16654,7 +16729,7 @@ class Select {
             } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'e309813f2a75cf0eb862f6c1b06cf34a81ded8f1', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '34f6484de01345c4ea6d9fcaa1cdc09c394e6904', class: {
                 "no-results": loading ||
                     hasTimedOut ||
                     (searchable &&
@@ -16663,7 +16738,7 @@ class Select {
                         ((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
             }, ref: (el) => (this.menu = el), inputEl: searchable
                 ? this.searchableSelectElement
-                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: '4d029c5c9543fe25438a856df7a6dcde941ed648', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: 'f709f7940485a6fa673a1fe7cb14a636e53fa151', class: {
+                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: 'edbcf92bebb2999f1b9dbff3da4299fd3fa21c00', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: '37d687c64608a1bd70763c2c09351be2d736c624', class: {
                 "menu-open": open,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
     }
@@ -17194,7 +17269,7 @@ class SideNavigation {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (hAsync(Host, { key: 'dee98e8859e6935f7ce2775e95d32be82041ca0c', class: {
+        return (hAsync(Host, { key: '2ca241755bb10821d8557f559592d4dd0760b887', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -17203,12 +17278,12 @@ class SideNavigation {
                 [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
                 ["ic-side-navigation-inline"]: !!inline,
-            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '7de065dd79a3633a0e2a0f2a5935c579e7d8cbd7', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'a950c396e16fc7ccd6a47ce355f3c518beb4772d', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '2fe8cffb5411676a3a2aae321fc6f50c6f0db1a0', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '497dc28ccd564c1e98ca06ab0799ee5672356473', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '3f264d80dbbf56c1e7be38b7b3759b6b71daa246', class: "navigation-list" }, hAsync("slot", { key: 'a9d3c59225617b1505b8f176fe2013cb612ea8d1', name: "primary-navigation" }))))), hAsync("div", { key: 'd86b2683593cb26ba2f5486c467dca05d92f32ec', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'aa5762da7c66f9017e74d98b9d036cb14c69ec19', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'df39cd75e1e5386c9b199966244b420e0ef0d448', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '8f5a9af9ec882ed1e313ce9273db4d6ab477a990', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: 'a91c060ed0c0294e6fdc99c995430058b753e4cd', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '060f365653046b8088c9161231c4001d39643e29', class: "navigation-list" }, hAsync("slot", { key: 'b761659a332a7734c798ba61dee24ca7754cf96b', name: "primary-navigation" }))))), hAsync("div", { key: 'a5be3e27f68f9314e107babba3e1b61e3dba27b4', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '58e5fb4f988382c818d213d096bbdaca62d8401b', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '6458a76842e7c228cf73f0ca6bfaf6e50970417a', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '76e6c8ac16f803de44efb7dfe6f628dd665bce85', class: "navigation-list" }, hAsync("slot", { key: '1f54dbc9d285e8b1fd40933551bf37af146ecf97', name: "secondary-navigation" })))), hAsync("div", { key: 'd4eef9cdbe35d022243461147a9d5b3b80802a0a', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '423f2e4f54c49d6daa45fd85c0d55f9467d08c74' }), displayExpandBtn && (hAsync("button", { key: '1460adecbbcf46743f3e3ef1ac984a5968f6f0f9', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: 'b221957ba1badf6560239643624cbbc64a48c6c9', class: "app-status-wrapper" }, status && (hAsync("div", { key: '5be443d54b038e32832b8cbb95ad23046e4c3d04', class: {
+            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: 'eb981c93add2bce4f244cef2072ddbe9004920da', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '14093650feb9f7836d21e5e9c23025f161aa0a03', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '2fc5d7119e42ad1a699c19f401542441f3c38101', class: "navigation-list" }, hAsync("slot", { key: 'de673e94462c14ea82eef271b1094d53b60fb3c0', name: "secondary-navigation" })))), hAsync("div", { key: '8c187281a890650aa75aba49154e1bd64e37df00', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: 'ec8d437485b0554ceaeaee4fd6eb7f8215c1f2c4' }), displayExpandBtn && (hAsync("button", { key: '44733bc053b72179fe49c1a3156ed1a6d389ea35', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '0c46f90bab1c162677caf7f3a1e2e97b83f4b21f', class: "app-status-wrapper" }, status && (hAsync("div", { key: '0ff477aa184a44aacf5c04d4a6a635ec133722be', class: {
                 ["app-status"]: true,
-            } }, hAsync("ic-typography", { key: '281b500e7b660a3cd8108748cbeaa9bcf0b856c7', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '506f7e34b3027bd1ea340b725a1857b42f797d03', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, hAsync("ic-typography", { key: '5fe36c925f766f7db841f70ed9bcefeea1b7346e', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '01e44f6858a26def4f6ae9996990e5d8f4d584b6', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17287,11 +17362,11 @@ class Skeleton {
                 width: el.style.width || width || DEFAULT_WIDTHS[variant],
             }
             : undefined;
-        return (hAsync(Host, { key: '5224a4ba18bd361796ad59ece92368e59cbc9921', class: {
+        return (hAsync(Host, { key: 'b4a3ebe92aabc313aeb97e95ba87c6c12c59d2c6', class: {
                 skeleton: true,
                 "ic-skeleton-circle": variant === "circle",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'c8dea3ead035bc25aa9e888a05ab14e8ed746e7b' })));
+            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'be6ae12693bcfe04b70bf3dfee0e1096d194b9c9' })));
     }
     get el() { return getElement(this); }
     static get style() { return IcSkeletonStyle0; }
@@ -17350,9 +17425,9 @@ class SkipLink {
     }
     render() {
         const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
-        return (hAsync(Host, { key: '4924f9affadd29e8a5f58791d59fdee0a4b1a110', class: {
+        return (hAsync(Host, { key: '4db32bbfdf500c9f7f39329124081e7e0d297678', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-link", { key: '9619dc1c10b2fbdeac0088f85eba6de095abceb4', class: {
+            } }, hAsync("ic-link", { key: '4311c903f118bab9fedbdc7bfbb8ab912a25a22a', class: {
                 "display-top": !inline,
                 "full-width": !!fullWidth,
                 "show-background": !transparentBackground,
@@ -17417,12 +17492,12 @@ class StatusTag {
     }
     render() {
         const { label, status, variant, size, announced, theme, uppercase } = this;
-        return (hAsync(Host, { key: '323e76e08750e7459a431c762e74c5490276d5fe', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'e71a302621590a1e5f5eb94a4e823f614e72d604', class: {
+        return (hAsync(Host, { key: 'd0d10c46cc967c5448afb1c10ad1211916602678', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'df86eb3a1d27444b991f2bbca96c80c1ee8213a5', class: {
                 ["tag"]: true,
                 [`${variant}-${status}`]: true,
                 ["outlined"]: variant === "outlined",
                 [`${size}`]: true,
-            } }, hAsync("ic-typography", { key: '842f8be2e88546b594f8af03d4cbab5bbeaaae03', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'ae96c68b504376e9366cd7f712b3136b68677d07' }, label)))));
+            } }, hAsync("ic-typography", { key: '466f53b65c33bb62a60b50507b08fee5bd13d108', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'a0082731e24b6d9bae6ef5c6f4641c325fbcc5fb' }, label)))));
     }
     static get style() { return IcStatusTagStyle0; }
     static get cmpMeta() { return {
@@ -17526,27 +17601,27 @@ class Step {
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
         if (type === "completed" || compactStepStyling === "completed") {
-            statusIcon = (hAsync("span", { key: 'f00988dead6559d428d05f7cad2dc3874c083b81', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
+            statusIcon = (hAsync("span", { key: '74b23c6076ab6aac072fc21e24ef5b13479699fc', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
         }
         else if (type === "disabled" || compactStepStyling === "disabled") {
-            statusIcon = (hAsync("span", { key: '3bdca1321df04ccd4cdc164b75d73d317df4bbd9', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+            statusIcon = (hAsync("span", { key: '0494daaaee14c3f2d3bd424fc5fd194c7ff2b62b', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (hAsync("div", { key: '3f25b7b66363726dd2b5135f3429a344709866e9', class: {
+        const compactStep = (hAsync("div", { key: 'c3098f790836c299becd073793de042c70687b00', class: {
                 ["step"]: true,
                 ["current"]: !!current,
                 [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
                 ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
-            } }, hAsync("ic-loading-indicator", { key: '75766eec3f516860b6b8be028bb6a0e4854300d8', class: {
+            } }, hAsync("ic-loading-indicator", { key: 'a192685be47c4df0b5420d03099e046d2c86d92f', class: {
                 "compact-step-progress-indicator": true,
                 "not-required": type === "disabled" || compactStepStyling === "disabled",
-            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '4140264d827f0120fcd7525dc4f1942370c70e30', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "h4", class: "heading" }, heading)), hAsync("div", { key: '6c5b55bb5800586076bc7111905f2caf0e6236d3', class: "info-line" }, hAsync("ic-typography", { key: 'aeb427b1db840cab7acb4558e3037e886b6ed148', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: '7ea25ca9263310b55e827f1f481c907a80143333', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
+            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '031a4827300fe997173f0a92e7f184cdd2481a54', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "h4", class: "heading" }, heading)), hAsync("div", { key: '1f7909a0de56a3cc2fc8e498c9d027bb5faeedb1', class: "info-line" }, hAsync("ic-typography", { key: '8afdaa87473127f7e154c353fe13671ee6295e64', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: '9ce1f2f33a521ad17e6c16ff13c57b7418c50863', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
             type === "completed" ||
             type === "disabled" ||
             (this.variant === "compact" &&
                 !!compactStepStyling &&
                 compactStepStyling !== "active") ||
-            !!status) && (hAsync("div", { key: 'fa72ca837d1540891cffe3d8f8b36e7a1dac9fd7', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '9b3ca7eb5950f1133f28dcd0b7ef003765c90493', variant: "caption" }, subheading !== null && isPropDefined(subheading)
+            !!status) && (hAsync("div", { key: 'f759a3ea746749a2e32a1f7fe242f81d415936ea', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '2218c08fae3e99a77276ac5be770d83227d9436b', variant: "caption" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : type === "disabled" ||
                 (variant === "compact" &&
@@ -17559,26 +17634,26 @@ class Step {
         // ICON FOR DEFAULT STEP
         let icon;
         if (type !== "completed") {
-            icon = (hAsync("ic-typography", { key: '6fb92b96a4ba63a95148e64e1f2800d10b19c08a', variant: "subtitle-small" }, hAsync("span", { key: '3a249db8c6dc0fb5d2f8f02c820845894888da46', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+            icon = (hAsync("ic-typography", { key: 'bf9290b58e81fbd33b6fec33c1f8c2daf772e3d0', variant: "subtitle-small" }, hAsync("span", { key: 'a7892500ccecb39d9ef030b1c265df95497dce73', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (hAsync("div", { key: 'f50a3bcd503d21345a156c7cede8385b38744325', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '505fc3d70507b3d7156c7d646308af137de76eac', class: "check-icon", innerHTML: checkIcon })));
+            icon = (hAsync("div", { key: 'cb195656bb75703ea8cdefdd2595984d7f134b68', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: 'd83ddc1fe07d6f7e904b757e172541a6a614aa30', class: "check-icon", innerHTML: checkIcon })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = type === "current" && (hAsync("div", { key: 'fc7efb490b654258f332bfa8baefff01e23a16b1', class: "step-connect-inner" }));
-        const finalStep = !lastStep && (hAsync("div", { key: '948d526e77439d94ead70c9aeef4bd65f54ffe0e', class: {
+        const partialBar = type === "current" && (hAsync("div", { key: 'bbff974e95f002d093040010add1700c99e07613', class: "step-connect-inner" }));
+        const finalStep = !lastStep && (hAsync("div", { key: 'c53c5a27a5601021a3474920ff4724c93d3ea1af', class: {
                 ["step-connect"]: true,
                 ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
             } }, partialBar));
         // DEFAULT STEP COMPONENT
-        const defaultStep = (hAsync("div", { key: '13d1b412c26e150291a7695556856edffff72c0b', class: {
+        const defaultStep = (hAsync("div", { key: '42b8f42430b8a455d1954141279c967b641fedf1', class: {
                 ["step"]: true,
                 [`${type}`]: true,
-            } }, hAsync("div", { key: '6b3605667f7ddfd1ebc7e3f36851c1fa81a543c4', class: "step-top" }, hAsync("div", { key: '206915065c8674a4fb8b9a33854ea75a05270421', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (hAsync("div", { key: 'd05f3e280508507b3a5fbe05c53d63e867cc3500', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (hAsync("ic-typography", { key: 'c8b0adb02467cf89be3577b44a0e70ca12136da9', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
+            } }, hAsync("div", { key: 'f82f5598ba7bd24ee738263d1f7ff9230f2527ce', class: "step-top" }, hAsync("div", { key: '86b4cfae9c5c411803556f6028776aef731e9701', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (hAsync("div", { key: '3cd81c453558c3ea8a42360bb02fc66e7354fcc1', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (hAsync("ic-typography", { key: 'ff802a77f070a2eef0ee69c537f8b92d2d614488', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : stepStatus))))));
-        return (hAsync(Host, { key: '41bf288a82e0167529d35661adda1ec1ad1dcb71', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
+        return (hAsync(Host, { key: '05f6c45fb88ca8576133885301077d9a5432580a', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
                 ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
                 [`ic-step-${variant}`]: true,
@@ -17898,11 +17973,11 @@ class Stepper {
         checkResizeObserver(this.runResizeObserver);
     }
     render() {
-        return (hAsync(Host, { key: 'e2ac3f9e87779cfd5582ab705cf7a4d1424f20b7', class: {
+        return (hAsync(Host, { key: 'b7f2dcc641420517df19d3dd811bfeab6c924793', class: {
                 [`ic-stepper-${this.variant}`]: true,
                 ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("ul", { key: '86ee53977017f83030114eaf2e78621d7f4c7f80', class: "step-item-list" }, hAsync("slot", { key: 'a296d57cb512552f97d35cd7a65ab3db644a6c62' }))));
+            } }, hAsync("ul", { key: '9eadbde4ea2027d4c2f9f6ae3bcb67c0d8d91cc7', class: "step-item-list" }, hAsync("slot", { key: '6567b75279bb52414e60d97eab675b2269851a93' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18033,16 +18108,16 @@ class Switch {
         const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
         const isSmall = size === "small";
         renderHiddenInput(this.el, checkedState ? value : "", name, disabled);
-        return (hAsync(Host, { key: '4d5830cca94b2dd699ad0f906dc1095f267675d4', class: {
+        return (hAsync(Host, { key: '1e956030826e52752e8c7653b8da25af46f52426', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("label", { key: '61c6e73d0435b8911566ac628313f6a44c67d297', class: {
+            } }, hAsync("label", { key: '91501b821fe6124254ee768b372e064cd081fb16', class: {
                 "ic-switch-container": true,
                 "ic-switch-disabled": !!disabled,
                 "ic-switch-small": isSmall,
-            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'e8be8d74b3183a3b4a8ab53e7f38e0eda8d8b4e0', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
+            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'f9f89f3e0a580fd136efb7b7f896c74020a22b08', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
                 "ic-switch-label": true,
                 "ic-switch-label-small": isSmall,
-            } }, hAsync("slot", { key: 'c26f98190a6dac0fcbcac0e76d512de045ed728e', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: '138bab016cba136f3f5bf5f8ed04fef823dfa7c1', class: "ic-switch-line-break" }), hAsync("input", { key: 'e1ee536f3683fbf23a874fa3b33099107df38636', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '1148ac346b57bac965f562511a4d05e480bddd6c', class: "ic-switch-toggle" }, hAsync("svg", { key: '78508c5b97bf67b0e9e3b23911bb53aaeeb7271c', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: 'c32e2f0c7d95be778ba673085d95b03275e17d42', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: 'ba5c613c591a7d1b7d9c11682b3db371449bf9e6', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: 'c15318f31f8b84ac4d38488ab90808ba8fd6886c', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: '9ea7ffdc5e061674be43b1f5a06e262acc7ebd3a', name: "right-adornment" }))));
+            } }, hAsync("slot", { key: 'ba6d621b604fb414e32b3610730faece841d30e6', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: 'd2a675ea63e51c6f3a2c9e22494a4d04ea7d6376', class: "ic-switch-line-break" }), hAsync("input", { key: 'd0ebcc9c3119699b54ed088a511e050229e57b05', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '7f5c08f419bda58267c3664dc6d63ed5218310b6', class: "ic-switch-toggle" }, hAsync("svg", { key: '72c0c627015a5d4928b5b1301498b3b35bc07a9e', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '82aa70d102ff0444cf751b2d180a9407cfa6f3fb', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '2234f9200dd364dcb995e6f12d380ae141e6320a', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '60c2fbd7fc71a7e310d42b8b20c5c4483aa743a7', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'eb81e7b8b1c6037e23074d407174060811af077e', name: "right-adornment" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -18165,13 +18240,13 @@ class Tab {
     }
     render() {
         const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
-        return (hAsync(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
+        return (hAsync(Host, { key: '3bf21c3c40b3d05205e9f78ab27886fc6eaa57e7', class: {
                 ["with-transition"]: !this.isInitialRender,
                 ["ic-tab-selected"]: !!selected,
                 ["ic-tab-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-monochrome"]: !!monochrome,
-            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: '11506c4354b5dc44310df86479b02ed0638bbe32', name: "icon" }), hAsync("ic-typography", { key: 'd466ad914e607cabb9ff47dc31b6428a081b08a7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '8cc33760084b7735ed7db8b222a2b0374c936f3f' }, hAsync("slot", { key: '04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
+            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: 'd3638e97b02e0938fc25ef9fe8fd74eca1ff235b', name: "icon" }), hAsync("ic-typography", { key: '35c6f3a78c18b43716e3ceb26736b8e2f3e64d3f', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '2d64798a00f945d9fcf830c4e5c6b4abf1fcf45c' }, hAsync("slot", { key: 'd2c099b23e226d66c754fdd16bcc7b62ffea2ad0' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '9072229033bfc5e11c3e9ee048d5a578ebfd8a78', name: "badge" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18428,7 +18503,7 @@ class TabContext {
         }
     }
     render() {
-        return hAsync("slot", { key: 'a64045ed32f186e6117f25642dafab8efe17dd13' });
+        return hAsync("slot", { key: 'ddf3e45c3bd98315d6d49e35e3b309acfefc0782' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18475,11 +18550,11 @@ class TabGroup {
     }
     render() {
         const { inline, theme, label, monochrome } = this;
-        return (hAsync(Host, { key: '907693650fa274e54826ca116016e8bea75aa29c', role: "tablist", "aria-label": label, class: {
+        return (hAsync(Host, { key: 'e6eda4f0fddf03fa0e666070e9fe4a01ed6c244c', role: "tablist", "aria-label": label, class: {
                 ["ic-tab-group-inline"]: !!inline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-group-monochrome"]: !!monochrome,
-            } }, hAsync("ic-horizontal-scroll", { key: '94a5fd18b222a07d6119c6bc291522b12aaf91f3', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'a81bf05bd2e9d2d079a9b05899da06c6a27cb231', class: "tabs-container" }, hAsync("slot", { key: '434bc2798a1f471d7365a9854254f82bafa3c2d5' })))));
+            } }, hAsync("ic-horizontal-scroll", { key: 'b2387259eee6357ea9d90560aef246a035158e01', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'a8351a7ab0e0a9ac824f5a4be46af8a97c6cb8dd', class: "tabs-container" }, hAsync("slot", { key: '5008e5e509035d59bbf397a986af8d390ecacf1e' })))));
     }
     static get delegatesFocus() { return true; }
     static get style() { return IcTabGroupStyle0; }
@@ -18522,10 +18597,10 @@ class TabPanel {
     }
     render() {
         const { active, theme } = this;
-        return (hAsync(Host, { key: '51756c01996190f5a90e7018a2146f6e27e6185a', class: {
+        return (hAsync(Host, { key: '33c2600681317fb27e801153496452582e5862a8', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: 'fbe0b579017645beeb19d419f1ccf2fcde4c51e1' }, hAsync("slot", { key: '482a66418dc7c89364da609e03f544f5b71d9849' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '722ead8cc9ed26d0815781211bb5e657aa65f8ba' }, hAsync("slot", { key: '78dad6e7c3d0ba3c684d586c0a16d2d1e7de32f7' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcTabPanelStyle0; }
@@ -18937,14 +19012,14 @@ class TextField {
         hiddenInput
             ? renderHiddenInput(this.el, value, name, disabledMode)
             : removeHiddenInput(this.el);
-        return (hAsync(Host, { key: 'a098007f75d3bf05058679006000a305447a3f97', class: {
+        return (hAsync(Host, { key: 'c94560bea90464d881f323a308aa17926a2ff1e6', class: {
                 "ic-text-field-full-width": fullWidth,
                 "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-input-container", { key: 'a75383406081d9f9dd9bf83b794713c8a8c33eff', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '5e145b4a2b71e47d8a9600571666e8b18a1973bd', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'fbde0ccff51839c9e8604b49ef2e5a0e42513f09', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '217ca703c97abad8551a4598ed33dee4af0a1ee3', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'c76c20299561c6112ec484b8197bcf681584115d', class: {
+            } }, hAsync("ic-input-container", { key: 'cf76ec0c26f5003f66707b697df8c6e065872a66', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '0e8b2170e02cafadcda1cd7c73b1fe0d17695247', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'fb77e901d7b762bcdbe4b5aa1c448602617d1951', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '51aff4fba6d8c8e474ebfc27f77c560cce1125f8', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '85df3728d49c37c33e1fe792973c527137431a78', class: {
                 readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, hAsync("slot", { key: '171169b5eb33513fda471e8de18a20c0ae040936', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
+            }, slot: "left-icon" }, hAsync("slot", { key: 'dc4cbe888dbe0e864102f60496be589951c4e610', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
                 "truncate-value": truncateValue,
@@ -18952,12 +19027,12 @@ class TextField {
                 "no-resize": resize === false || !!readonly,
                 "no-left-pad": !showLeftIcon && !!readonly,
                 readonly: !!readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: '79c4833270e9e5d2ba5b235267f1f0e50195163d', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: 'a3db17f9b067f54fcc4ddc4a47a7d794a7b627cb', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: 'f9750f4141ff93b1a58401afc7bef74ded33b11f', name: "menu" }), hAsync("ic-input-validation", { key: 'd582922b6f50b5bf776f1a7b31fa743fbf2e97ca', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: '6faa3c12856f4f6c10158af49f14b51d5dac92e8', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: 'c18e08b7ae93e3f65e0410af0b6d64eb418e3940', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: 'e1a46ef6a4d97c4910df75941d6608a7765d127a', name: "menu" }), hAsync("ic-input-validation", { key: 'e963d95a1e5bfc767c35b798c61bcf958dbcdfa6', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, isSlotUsed(el, "validation-text") && (hAsync("slot", { key: '80fa88be4c45ce4355da0d1d62adae0dd56b021d', name: "validation-text", slot: "validation-message" })), !readonly && maxNumChars > 0 && (hAsync("div", { key: '575559f310a0cf1b953f9423efdaaa4a00ea1b94', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: 'b98ae8945e4528c5df4f100cd10359781b19f4b4', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '9e70d0c79c6a69fcb08182487a612b55c493b37e', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'a598443cda020214b8d60285c1843ff47f40fda8', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: 'a1d6085adef0f94c8fbb8f85f0e5cff4d1f0eae9', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, isSlotUsed(el, "validation-text") && (hAsync("slot", { key: '4b5817e1c52b9af6511e07c202e5eb0e8457689d', name: "validation-text", slot: "validation-message" })), !readonly && maxNumChars > 0 && (hAsync("div", { key: '059e8dc7ffbb0225d0c901821ff53d5b90ddf9f1', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: 'afe9cb357584f91fd2762d2c9f87d68eb7e25e68', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '583f62c58407615b2ce37edb17eed4928952e6ee', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '953722d8ddd1d3c4e187308944fdd0723e8e8e70', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: '973adba9f9c7dca2409423f36af8dc4a9a3a7192', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19096,7 +19171,7 @@ class Theme {
     }
     render() {
         const { themeClass } = this;
-        return (hAsync(Host, { key: 'ee89cdd36cb4cb7e0589dfea2dd5a60b5de40041', class: themeClass }, hAsync("slot", { key: 'e7803bf5fc0974bfcf9a2a52cb5870254453a1bd' })));
+        return (hAsync(Host, { key: '53aa5cb32bce3ebd1b66c22df8c64f615fad4d00', class: themeClass }, hAsync("slot", { key: '6f2d5fa4d0d7a42995dd9d4b31081b421e6fe5a9' })));
     }
     static get watchers() { return {
         "brandColor": ["watchBrandColorPropHandler"],
@@ -19325,20 +19400,20 @@ class Toast {
     }
     render() {
         const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, theme, } = this;
-        return (hAsync(Host, { key: '81a4c0dc1f855356533c93cdbf55445eacf0a91b', class: {
+        return (hAsync(Host, { key: 'e7a7544e4b374165ecfece2ecacd0a8e5286fe2c', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-toast-hidden"]: !visible,
                 [`ic-toast-variant-${variant}`]: variant !== undefined,
-            }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '02f41e1e898f25542ea68b91997bdcb241e901f0', class: {
+            }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: 'dd87e639960574b163d4647c039bd26aafe046f6', class: {
                 ["container"]: true,
                 [`container-${variant}`]: variant !== undefined,
-            } }, variant && visible && (hAsync("div", { key: 'd7ebb7c524c6b81c1360afe78efa0e040459367b', class: "toast-icon-container" }, hAsync("div", { key: '7ce48b10412174ca212ed6454b6f29025b7b042a', class: {
+            } }, variant && visible && (hAsync("div", { key: 'baa9567a490a4400b1f27816fd82e14dd672b03c', class: "toast-icon-container" }, hAsync("div", { key: '6a8f504184564a9ffdcfb1bb4aef68b571be1cd9', class: {
                 ["divider"]: true,
                 [`divider-${variant}`]: true,
-            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '870be416a0620206a69fe4c9c3e461596e30bde0', class: {
+            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: 'f6fe1acced40005f09a18cec2119b7fa518d65c3', class: {
                 ["toast-content"]: true,
                 ["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
-            } }, hAsync("div", { key: 'e00a6fbb9eaec0bcae79308771b809726f54aba9', class: "toast-text" }, hAsync("ic-typography", { key: '72e0b0f6c05e32535c37185cdae6d1e7090bd934', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'f689173f4c0c50cf48cd29c416c317d572d50a41', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '761d3060c3b22eade0ed0143f3567185f135f578' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '182b0e6febcaefe93c4e0d0de4862068b46cc402', class: "toast-action-container" }, hAsync("slot", { key: 'e3cc30f20960eaf5d6280149defb41753661f4ff', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
+            } }, hAsync("div", { key: 'd594caa7e1e7935f992b5106432eee7304518fbe', class: "toast-text" }, hAsync("ic-typography", { key: '83cd3393341aff5d8a7660e0fefd2c61a8039777', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'f628cf5d15c0dc000549698803420dd6a983b032', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'e6cb92a64c6d2d759eafec7f0adafa332dbbbc31' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '805d7b37f322f0dcc8fbf4750ec5982adf7f5754', class: "toast-action-container" }, hAsync("slot", { key: '943670c862d60185c157ebda02aeb1cb4f8b4650', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19411,7 +19486,7 @@ class ToastRegion {
         }
     }
     render() {
-        return hAsync("slot", { key: '5f8c46d718f868942c5b46b431b2cee136e215b4' });
+        return hAsync("slot", { key: '7c0c88d4aeb9e5141603885ce134e43674e341a9' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19584,7 +19659,7 @@ class ToggleButton {
     render() {
         const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, outline, size, theme, tooltipPlacement, variant, } = this;
         const iconVariant = variant === "icon";
-        return (hAsync(Host, { key: 'ac4b415968c1efd66e8955a8c8af1aaa7fb674eb', class: {
+        return (hAsync(Host, { key: 'd61a2411c44e043dbc0d3adfdd4ef4c041c752b4', class: {
                 "ic-toggle-button-checked": checked,
                 "ic-toggle-button-disabled": disabled,
                 "ic-toggle-button-icon": iconVariant,
@@ -19594,7 +19669,7 @@ class ToggleButton {
                 "ic-toggle-button-hide-outline": !outline,
                 [`ic-toggle-button-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'b7b11f11ca70640ab0845f38a28d82783aa77bad', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'cd66bf39a1ec558c0752f45b80d7121b84d064f2' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '7507e37283041039dab8b3d40045b9ce6fe0a7b4', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '34c6384a8cbc82f26af11b2ba61ab83a8e18ae03', name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'a19e19a0cfbf6abe36aed52470e753c4410360dd', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'be68b5556f38f43be5b8e5dee4533550be5271e9' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '1adacf752187c44bb6b16ee3464e57b626893048', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '2507afeda1b98c00a3801c8deddfb3f8c8c01a65', name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -19874,14 +19949,14 @@ class ToggleButtonGroup {
     }
     render() {
         const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;
-        return (hAsync(Host, { key: 'd166c6c17f134bde60a09a1a2bf80cb1681e4c19', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
+        return (hAsync(Host, { key: '5c8877eaeec66fb0cc9fbcd5ba593fc86bd2b5f2', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
                 "ic-toggle-button-group-disabled": disabled,
                 "ic-toggle-button-group-full-width": fullWidth,
                 "ic-toggle-button-group-loading": loading,
                 "ic-toggle-button-group-monochrome": monochrome,
                 "ic-toggle-button-group-hide-outline": !outline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '1f20b0c477f837e482fc15bf6632e56c82e5c825' })));
+            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'f701ba436d48cd8d33abe55a252b4dd40455b67a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19923,7 +19998,7 @@ class ToggleButtonGroup {
     }; }
 }
 
-const icTooltipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:\"\";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-on-dialog){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}";
+const icTooltipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:\"\";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-in-container){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}";
 var IcTooltipStyle0 = icTooltipCss;
 
 class Tooltip {
@@ -19966,8 +20041,8 @@ class Tooltip {
         this.show = () => {
             if (this.label) {
                 this.toolTip.setAttribute("data-show", "");
-                if (this.dialogContentArea) {
-                    this.el.classList.add("ic-tooltip-on-dialog");
+                if (this.containerContentArea) {
+                    this.el.classList.add("ic-tooltip-in-container");
                 }
                 this.popperInstance = createPopper(this.el, this.toolTip, Object.assign({ strategy: this.fixedPositioning ? "fixed" : "absolute", placement: this.placement, modifiers: [
                         {
@@ -19986,19 +20061,19 @@ class Tooltip {
                             name: "eventListeners",
                             options: { scroll: false, resize: false },
                         },
-                        ...(this.dialogContentArea
+                        ...(this.containerContentArea
                             ? [
                                 {
                                     name: "preventOverflow",
                                     options: {
-                                        boundary: this.dialogContentArea,
+                                        boundary: this.containerContentArea,
                                         padding: 8,
                                     },
                                 },
                                 {
                                     name: "flip",
                                     options: {
-                                        boundary: this.dialogContentArea,
+                                        boundary: this.containerContentArea,
                                     },
                                 },
                             ]
@@ -20104,15 +20179,16 @@ class Tooltip {
     componentDidLoad() {
         var _a, _b;
         this.manageEventListeners("add");
-        let dialog;
+        // Display tooltips correctly within drawer and dialog components
+        let container;
         if (this.el.getRootNode().host) {
-            dialog = this.el.getRootNode().host.closest("ic-dialog");
+            container = this.el.getRootNode().host.closest("ic-dialog, ic-drawer");
         }
         else {
-            dialog = this.el.closest("ic-dialog");
+            container = this.el.closest("ic-dialog, ic-drawer");
         }
-        this.dialogContentArea =
-            (_b = (_a = dialog === null || dialog === void 0 ? void 0 : dialog.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".content-area")) !== null && _b !== void 0 ? _b : null;
+        this.containerContentArea =
+            (_b = (_a = container === null || container === void 0 ? void 0 : container.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".content-area")) !== null && _b !== void 0 ? _b : null;
         onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Tooltip");
     }
     componentDidRender() {
@@ -20139,10 +20215,10 @@ class Tooltip {
     }
     render() {
         const { label, maxLines, silent, theme } = this;
-        return (hAsync(Host, { key: 'c016954601c1f2ee45f8b64f396c405676fffadd', class: {
+        return (hAsync(Host, { key: '3a57831b80c59ddef6785c1f840ecfd974081de9', class: {
                 "ic-tooltip": true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, "aria-label": isSafari && label }, hAsync("div", { key: 'e18915501176e9a36ab957a20968cc82f9c95403', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '50f11ad42d55d9c7598176d6169a3c82b5939b71', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '47a01a05045f34a62e2c1724b60ce7f26ab7a086', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '0b850d553a3b7fd97776c419d76517a33e442d97' })));
+            }, "aria-label": isSafari && label }, hAsync("div", { key: '03a49bde1864792bc994c18fbc7c05d1f872746b', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '5188c9d83e230efc0d78df9abd1951597b3a108a', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '8f94c1568e3635817f7079f105ae7e38b65960aa', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '242ee30597606f704984b8ee9f7445406849b964' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20392,19 +20468,19 @@ class TopNavigation {
         const attrs = Component == "a" && {
             href: href,
         };
-        return (hAsync(Host, { key: 'ade1da5d58211501cd1d6747c46d105c49ef8e98', class: {
+        return (hAsync(Host, { key: 'c0c457a694891bb06ad49c6601fb57d83e6ac6c6', class: {
                 "fullwidth-searchbar": hasFullWidthSearchBar,
                 "mobile-mode": overMobileBreakpoint,
                 [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'c0a641f02b5c568bcf2e75dd743f42bcacfa3df6', class: "top-navigation" }, hAsync("ic-section-container", { key: 'f31505caa30741b6ae5a7091d01735c6b0b2eb07', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '6ab710016c32c632fefc7827114bba07cff300b1', role: "banner" }, hAsync("div", { key: 'a5b18754252754ecf8f577a113a5e7ffe6214efd', class: "top-panel-container" }, hAsync("div", { key: '473ebdef80637e47a30bf1f2570d9698ef819766', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '8082824e0d859123195ed0cc076858e861ed6f83', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '4e6846d703b47491d7867d993fc91c680bb7f965', class: "app-icon-container" }, hAsync("slot", { key: '5755567877527b6c4dea32d246295f13344a1116', name: "app-icon" }))), isSmallDeviceSize &&
+            } }, hAsync("div", { key: 'fd5f04cfce660e81024b45ebee521d73d42a448d', class: "top-navigation" }, hAsync("ic-section-container", { key: '028947110e4a66cccc58659ca164b2938cd7e533', aligned: contentAligned, "full-height": true }, hAsync("header", { key: 'f528842ca7c9fe6a127e53cf7ea0c5af9aeebe79', role: "banner" }, hAsync("div", { key: 'e23371a5539f686060f624053e8b04a2cef1f860', class: "top-panel-container" }, hAsync("div", { key: '25ede4b34cb30ba1d25d3fb06a3f44e48ad4a4c9', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '666eddef4b8be110a1796083432cd754cda18152', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: 'cb7c5cdf6ccc28c5dc5d7699e0332770aa5246f9', class: "app-icon-container" }, hAsync("slot", { key: 'cd21e969e6fd23594aeb2b31468e81d1d68de7f7', name: "app-icon" }))), isSmallDeviceSize &&
             (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
-                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: '0d1119c72ec12921b9d8ac4c753549b5266a0a77', class: "app-status" }, hAsync("ic-typography", { key: '0159177ab7abdf8ffacbc54fe2a00db8b51f4034', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: 'f83651366bf13750e9c637643290d01d9158cbb3', class: "app-version" }, hAsync("ic-typography", { key: '61d5ddb22f858319246f352ea9db8cf2a380dbb7', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '38c8b6032287ae554d95affd0343d8e1a06e9672', class: "search-menu-container" }, hAsync("div", { key: '177f304cb5d52052c1595d90a313187f5faf7fb8', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: '2573f4f3d0c07b9a8189739e71b1280ee10db8b7', class: "search-bar-container" }, hAsync("slot", { key: '4ec2d201033b3f084a372a781d11a9171b7357db', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '2ed8494ed944a24944535339faaf87ff50bc2666', class: "navigation-tabs" }, hAsync("span", { key: '8d4749293defd91560f3ed064a40b37ef7bef3f2', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '2f026275dcebbb493ab8dd2d337dc07e85fddd47', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'e33cbc8cd546a0fb563b8bdde108da0c2e80ef66',
+                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: '938a6e6d13bfd92a87baf43934342fb426802d65', class: "app-status" }, hAsync("ic-typography", { key: 'e3e8e83984ead5be2e4869e67640762af42f5f32', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '1129e504a1db3af56d2c931e08bd15f992b5721f', class: "app-version" }, hAsync("ic-typography", { key: 'c6f56458fc5f565055fdb0bde408e6078216d51b', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '4523603a02eeb22eca466afc1d2cfa44755b8f17', class: "search-menu-container" }, hAsync("div", { key: '77ff191542abaa41c8610418d54922e91268d364', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: 'e18aab12917ebdfead1c16c9d508c7feaf7797cb', class: "search-bar-container" }, hAsync("slot", { key: '4bf9ae342c58629ea76dc7de395128afd695dc8b', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '30401c56949e21a33b18166da0ba2b07ad91c3f0', class: "navigation-tabs" }, hAsync("span", { key: '72561ee2554f09e0ff33b29fb257e7dde0a99a0f', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '411b215af2ef320d415af6e189a60dce1b730cdf', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'fac1019061aeaea2ea8197cc0100a23f0cd1a69d',
             // eslint-disable-next-line
             // @ts-ignore
-            monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '7512b3b85f91075faaaeccd96ebac66e068a849e', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'e61779a3dbae4589b88209d8a93f30bda5f039b4', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: 'eb34ba01d4c4bb293e158f2fde8d01450fd74458', version: version, status: status, class: {
+            monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: 'b85234906c34f1fa03b56903656d6f18eb20829d', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'd8ef04882230955d8faba63b13edffeeb969e6e6', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '46b00abe99e079c940d24d4e9693c5445ebcbafa', version: version, status: status, class: {
                 inline,
-            } }, hasIconButtons && (hAsync("div", { key: '996eda82c263a6d31a9ce7ec7aa56f529fe2fae9', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: 'ef23428fa633c02499144aff67d86dd5da8288e5', name: "buttons" }))), hAsync("ul", { key: '1e1fc74c7d084bcc7890cd8449f59112b8b013d9', slot: "navigation" }, hAsync("slot", { key: '7cd944be78c406c52085b9cd8d9f515007716103', name: "navigation" }))))));
+            } }, hasIconButtons && (hAsync("div", { key: '29a9b4e6ba1733b2e96ad9b886bb879ade662d41', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '748b40fd29aedee029a4fa27e999cf9844483613', name: "buttons" }))), hAsync("ul", { key: '20b81216ba0c01470673678a14d873fe8cbcaaae', slot: "navigation" }, hAsync("slot", { key: 'fb9e239a48344888b970e865e103b1ee2f9156ed', name: "navigation" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20607,7 +20683,7 @@ class Typography {
     render() {
         var _a, _b;
         const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
-        return (hAsync(Host, { key: 'af405939b9fe0b1d4410d862343471b849e4fdd7', class: {
+        return (hAsync(Host, { key: '9628fbe7b5d9c10f640fe189fe454c332e1f6011', class: {
                 [`ic-typography-${variant}`]: true,
                 [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
                 ["ic-typography-bold"]: !!bold,
@@ -20620,7 +20696,7 @@ class Typography {
             ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
                 "IC-TOOLTIP") &&
             maxLines &&
-            maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: 'ca78a64f9853cbf2d26df99f3c13970ce94de37d', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
+            maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: 'e66a10144ba334ab8b2530e2cf666634ce335717', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {