@esri/calcite-components 2.8.0-next.2 → 2.8.0-next.4

package/hydrate/index.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.2
+ * v2.8.0-next.4
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v4.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.16.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -3464,6 +3464,18 @@ Testing components with ElementInternals is fully supported in e2e tests.`);
     blur() {
         dispatchEvent(this, new MockFocusEvent('blur', { relatedTarget: null, bubbles: true, cancelable: true, composed: true }));
     }
+    get localName() {
+        /**
+         * The `localName` of an element should be always given, however the way
+         * MockDoc is constructed, it won't allow us to guarantee that. Let's throw
+         * and error we get into the situation where we don't have a `nodeName` set.
+         *
+         */
+        if (!this.nodeName) {
+            throw new Error(`Can't compute elements localName without nodeName`);
+        }
+        return this.nodeName.toLocaleLowerCase();
+    }
     get namespaceURI() {
         return this.__namespaceURI;
     }
@@ -6439,6 +6451,9 @@ class MockDocument extends MockHTMLElement {
     set dir(value) {
         this.documentElement.dir = value;
     }
+    get localName() {
+        throw new Error('Unimplemented');
+    }
     get location() {
         if (this.defaultView != null) {
             return this.defaultView.location;
@@ -6879,6 +6894,10 @@ function queryNonceMetaTagContent(e) {
  return null !== (n = null === (o = null === (t = e.head) || void 0 === t ? void 0 : t.querySelector('meta[name="csp-nonce"]')) || void 0 === o ? void 0 : o.getAttribute("content")) && void 0 !== n ? n : void 0;
 }
 
+function sortedAttrNames(e) {
+ return e.includes("ref") ? [ ...e.filter((e => "ref" !== e)), "ref" ] : e;
+}
+
 function componentOnReady$1() {
  return getHostRef(this).$onReadyPromise$;
 }
@@ -7229,8 +7248,8 @@ const createTime = (e, t = "") => {
  }
 }, parseClassListRegex = /\s/, parseClassList = e => e ? e.split(parseClassListRegex) : [], CAPTURE_EVENT_SUFFIX = "Capture", CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$"), updateElement = (e, t, o, n) => {
  const s = 11 === t.$elm$.nodeType && t.$elm$.host ? t.$elm$.host : t.$elm$, l = e && e.$attrs$ || EMPTY_OBJ, a = t.$attrs$ || EMPTY_OBJ;
- for (n in l) n in a || setAccessor(s, n, l[n], void 0, o, t.$flags$);
- for (n in a) setAccessor(s, n, l[n], a[n], o, t.$flags$);
+ for (n of sortedAttrNames(Object.keys(l))) n in a || setAccessor(s, n, l[n], void 0, o, t.$flags$);
+ for (n of sortedAttrNames(Object.keys(a))) setAccessor(s, n, l[n], a[n], o, t.$flags$);
 };
 
 let scopeId, contentRef, hostTagName, useNativeShadowDom = !1, checkSlotFallbackVisibility = !1, checkSlotRelocate = !1, isSvgMode = !1;
@@ -7372,9 +7391,12 @@ const createElm = (e, t, o, n) => {
       let l = null === (n = t["s-ol"]) || void 0 === n ? void 0 : n.previousSibling;
       for (;l; ) {
        let n = null !== (s = l["s-nr"]) && void 0 !== s ? s : null;
-       if (n && n["s-sn"] === t["s-sn"] && e === n.parentNode && (n = n.nextSibling, !n || !n["s-nr"])) {
-        o = n;
-        break;
+       if (n && n["s-sn"] === t["s-sn"] && e === n.parentNode) {
+        for (n = n.nextSibling; n === t || (null == n ? void 0 : n["s-sr"]); ) n = null == n ? void 0 : n.nextSibling;
+        if (!n || !n["s-nr"]) {
+         o = n;
+         break;
+        }
        }
        l = l.previousSibling;
       }
@@ -14390,7 +14412,7 @@ class CalciteMenu {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: 'cc7a5ce88dda2c73e193e084b08c348560ba3fb7' }, hAsync("ul", { key: '5d61828e68d006b56d7bb06d929df234104881b9', "aria-label": this.label, role: this.getEffectiveRole() }, hAsync("slot", { key: '37a6dd7d672b57f03a996013dbcccfed896619ee', onSlotchange: this.handleMenuSlotChange }))));
+        return (hAsync(Host, { key: '416e3251be537d07855efa74766406401b1788b0' }, hAsync("ul", { key: 'b8c3702c713924d106a79d50cf68e83235c3974f', "aria-label": this.label, role: this.getEffectiveRole() }, hAsync("slot", { key: '89aeabff8b5f7d9b6e2987118f3b7a60887be8cd', onSlotchange: this.handleMenuSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -14671,10 +14693,10 @@ class CalciteMenuItem {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: '7d459f7824923407f2d7a7075a02eb3eaa7fb25d', onBlur: this.blurHandler, onFocus: this.focusHandler }, hAsync("li", { key: '98278acd9e84f9e906b4fce9539657c87eb69657', class: {
+        return (hAsync(Host, { key: 'bd07fd283af1556dcda7669a14b5d0ce32e5caa3', onBlur: this.blurHandler, onFocus: this.focusHandler }, hAsync("li", { key: '7dc6f5a13f6b36c2cb709d6137c42370f3c3d391', class: {
                 [CSS$1d.container]: true,
                 [CSS$1d.isParentVertical]: this.topLevelMenuLayout === "vertical",
-            }, role: "none" }, hAsync("div", { key: 'cf033062f43dc1aa155c426b7f48832be2e22854', class: CSS$1d.itemContent }, hAsync("a", { key: 'f9be60ae63130f12de4f921e3be9f67934e50ef2', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS$1d.layoutVertical]: this.layout === "vertical", [CSS$1d.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target,
+            }, role: "none" }, hAsync("div", { key: 'd08a08f935eff08908ee0f3745350f4643f8e372', class: CSS$1d.itemContent }, hAsync("a", { key: 'b66b32286812e1975fba980008c6f0696cde195a', "aria-current": this.isFocused ? "page" : false, "aria-expanded": this.open, "aria-haspopup": this.hasSubmenu, "aria-label": this.label, class: { [CSS$1d.layoutVertical]: this.layout === "vertical", [CSS$1d.content]: true }, href: this.href, onClick: this.clickHandler, onKeyDown: this.keyDownHandler, rel: this.rel, role: "menuitem", tabIndex: this.isTopLevelItem ? 0 : -1, target: this.target,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: (el) => (this.anchorEl = el) }, this.renderItemContent(dir)), this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null), this.renderSubmenuItems(dir))));
     }
@@ -14866,12 +14888,12 @@ class CalciteNavigation {
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (hAsync(Host, { key: '35e88455b011e2f757eda830a0d2032e34729213' }, hAsync("div", { key: '861139712a6c4e6c3549c5c8a360c61a187d3ebc', class: {
+        return (hAsync(Host, { key: '0da09ed7bf012ff3a3a804f1c9a9011cbd1627f1' }, hAsync("div", { key: '02570de4c6eb65f5593264ac8c9f8b24f5c0d487', class: {
                 [CSS$1c.container]: true,
                 [CSS$1c.secondary]: slotName === SLOTS$r.navSecondary,
                 [CSS$1c.tertiary]: slotName === SLOTS$r.navTertiary,
                 [CSS$1c.primary]: primaryLevelHasElements,
-            } }, hAsync("div", { key: 'e417c72d98cbd52f24bf4c50724f551035c26c9d', class: { [CSS$1c.hide]: !this.progressSlotHasElement, [SLOTS$r.progress]: true } }, hAsync("slot", { key: 'd432add7135c497c6dedbef7b7212893e1f0fca3', name: SLOTS$r.progress, onSlotchange: this.handleProgressSlotChange })), hAsync("div", { key: '7fd44821075a8c97fbdc2c2d767f8e78f0e2f3cb', class: { [CSS$1c.containerContent]: true, [CSS$1c.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), hAsync("div", { key: '9fc51ef9e71f6081189e29792bc72bb536336426', class: { [CSS$1c.hide]: !this.logoSlotHasElements, [SLOTS$r.logo]: true } }, hAsync("slot", { key: 'd4e3b4b6eec941ac7667e9258978821677cf612e', name: SLOTS$r.logo, onSlotchange: this.handleLogoSlotChange })), hAsync("slot", { key: '99ae0a11ed65dd2c0fd3996c0ea9a6534f66bc06', name: SLOTS$r.contentStart, onSlotchange: this.handleContentStartSlotChange }), hAsync("slot", { key: 'f611bcc3a2eb5cb1c6bb50e09de902943fe1b185', name: SLOTS$r.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), hAsync("slot", { key: 'f9fddb0acfbcfd3e4d5020235d8e249601aed891', name: SLOTS$r.contentEnd, onSlotchange: this.handleContentEndSlotChange }), hAsync("div", { key: '35ee1a9291463522430c912ce6841f835ad7cb97', class: { [CSS$1c.hide]: !this.userSlotHasElements, [SLOTS$r.user]: true } }, hAsync("slot", { key: '9af815356b624628c479278eb89250d46ec72734', name: SLOTS$r.user, onSlotchange: this.handleUserSlotChange })))), hAsync(Fragment, { key: 'd84054212b1495942c3dea560f82423e3d913259' }, hAsync("slot", { key: '83d1efbf0b63b32e5246947719961437206d0477', name: SLOTS$r.navSecondary, onSlotchange: this.handleSecondarySlotChange }), hAsync("slot", { key: '58fcf3c0a15cb56bcdebca16d068e689586e145c', name: SLOTS$r.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
+            } }, hAsync("div", { key: '987a89fd782200a7916d367f68a4233aa58a382b', class: { [CSS$1c.hide]: !this.progressSlotHasElement, [SLOTS$r.progress]: true } }, hAsync("slot", { key: '435eef46216539fcd97cd2e80db8b8b5a23b3847', name: SLOTS$r.progress, onSlotchange: this.handleProgressSlotChange })), hAsync("div", { key: '8649447e4b4f00caa3f63a333c59c49e19fe9b22', class: { [CSS$1c.containerContent]: true, [CSS$1c.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), hAsync("div", { key: '2ed448e78fc7c490f90e3d1cfef0c52cd507ef0f', class: { [CSS$1c.hide]: !this.logoSlotHasElements, [SLOTS$r.logo]: true } }, hAsync("slot", { key: 'b6d7fe6ae5c7a171325276701fa28cca7aba955a', name: SLOTS$r.logo, onSlotchange: this.handleLogoSlotChange })), hAsync("slot", { key: '791c9bdcb4ae50818dbe96d3cca1a8c152ac422a', name: SLOTS$r.contentStart, onSlotchange: this.handleContentStartSlotChange }), hAsync("slot", { key: 'eccb65d807aeb993c41275520c107a3057f625a6', name: SLOTS$r.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), hAsync("slot", { key: 'b9bc9a64e0d03d9549d5c0cf9c02892966648cad', name: SLOTS$r.contentEnd, onSlotchange: this.handleContentEndSlotChange }), hAsync("div", { key: '7859434e7b886a452cc33e2a7b915c0f5d36c95e', class: { [CSS$1c.hide]: !this.userSlotHasElements, [SLOTS$r.user]: true } }, hAsync("slot", { key: '28a205c4a7f37a19f5bbecedc63b35f52f6d642a', name: SLOTS$r.user, onSlotchange: this.handleUserSlotChange })))), hAsync(Fragment, { key: '1461125acf55f29253f8192541a4465e5f0c54e5' }, hAsync("slot", { key: 'de52db047f73fabe40bf21a47583cdd2543f8a72', name: SLOTS$r.navSecondary, onSlotchange: this.handleSecondarySlotChange }), hAsync("slot", { key: '889270e9d6107f65072df22279dc1606a5b8a37d', name: SLOTS$r.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteNavigationStyle0; }
@@ -14969,7 +14991,7 @@ class CalciteNavigationLogo {
     }
     render() {
         const { thumbnail } = this;
-        return (hAsync(Host, { key: '9dbd98420d2a983002e5f52f2f6fa1bb27759965' }, hAsync("a", { key: '9d740509eb31f027fbc4957985b1838890365b1e', class: CSS$1b.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { alt: this.label || "", class: CSS$1b.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
+        return (hAsync(Host, { key: '61e83c9c754a6c6c9d6686af1ad973f774380817' }, hAsync("a", { key: '5905f8ae7aa8ce277e252ab454f896564e1e151c', class: CSS$1b.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { key: '28f78e731033e22cbff0b9c9a4792ca3c3cfc98d', alt: this.label || "", class: CSS$1b.image, src: thumbnail }), this.icon && this.renderIcon(), this.renderHeaderContent())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -15045,7 +15067,7 @@ class CalciteNavigationUser {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '4c60211847259789148602188d613f1d64348521' }, hAsync("button", { key: 'b9e6a4be29ae53a2176cd8a84f876d5fca1c054c', "aria-label": this.label, class: CSS$1a.button }, hAsync("calcite-avatar", { key: 'ba81aacd47ae95738c7fb2dcddbf92068c147ab8', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { class: CSS$1a.textContainer }, this.fullName && (hAsync("span", { class: CSS$1a.fullName, key: CSS$1a.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$1a.username, key: CSS$1a.username }, this.username)))))));
+        return (hAsync(Host, { key: '2d8e1c468e76126a24035abc8c2848292e2d406b' }, hAsync("button", { key: 'b3dc4a9924aa0d40c797dd5820936b7ab9209ede', "aria-label": this.label, class: CSS$1a.button }, hAsync("calcite-avatar", { key: '8854641d17f646010afb5bef2f4e84edb952ccc3', "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { key: 'ccc045beb048ab08d0626ae31aa8b6b9e311ea72', class: CSS$1a.textContainer }, this.fullName && (hAsync("span", { class: CSS$1a.fullName, key: CSS$1a.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$1a.username, key: CSS$1a.username }, this.username)))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -19434,7 +19456,7 @@ class ColorPickerSwatch {
 
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:23 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:09 GMT
  */
 const calciteSize24 = "24px";
 const calciteSize32 = "32px";
@@ -21255,6 +21277,7 @@ const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
 const ComboboxChildSelector = `${ComboboxItem$1}, ${ComboboxItemGroup$1}`;
 const CSS$12 = {
+    input: "input",
     chipInvisible: "chip--invisible",
     selectionDisplayFit: "selection-display-fit",
     selectionDisplaySingle: "selection-display-single",
@@ -22275,7 +22298,7 @@ class Combobox {
                 label: true,
                 "label--icon": !!selectedItem?.icon,
             }, key: "label" }, selectedItem.textLabel)), hAsync("input", { "aria-activedescendant": this.activeDescendant, "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "listbox", "aria-label": getLabelText(this), "aria-owns": `${listboxUidPrefix}${guid}`, class: {
-                input: true,
+                [CSS$12.input]: true,
                 "input--single": true,
                 "input--transparent": this.activeChipIndex > -1,
                 "input--hidden": showLabel,
@@ -22320,7 +22343,7 @@ class Combobox {
         const singleSelectionDisplay = selectionDisplay === "single";
         const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
         const isClearable = !this.clearDisabled && this.value?.length > 0;
-        return (hAsync(Host, { key: 'cc4784d39f67470ce1c8323b2254b11d4d558058', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '69f29b0e1a5c9b7cfcb7e6a7d8a647c3e478830c', disabled: this.disabled }, hAsync("div", { key: 'b527e5580bb9db37bcc672b1d359a9e217901c16', "aria-live": "polite", class: {
+        return (hAsync(Host, { key: 'aecea20083712c01c4bd1a2eaf7a7377b328cf91', onClick: this.comboboxFocusHandler }, hAsync(InteractiveContainer, { key: '55f06ea759b0abd97381210f6551152740e85643', disabled: this.disabled }, hAsync("div", { key: '6c50b5b16dcfbdac8d087a0d06ac7e71c75a4f47', "aria-live": "polite", class: {
                 wrapper: true,
                 "wrapper--single": singleSelectionMode || !this.selectedItems.length,
                 "wrapper--active": open,
@@ -22338,7 +22361,7 @@ class Combobox {
             this.renderSelectedIndicatorChipCompact(),
             this.renderAllSelectedIndicatorChip(),
             this.renderAllSelectedIndicatorChipCompact(),
-        ], hAsync("label", { key: '08d25d8515a7abd7a508596111d447218f6732c4', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, this.renderChevronIcon()), hAsync("ul", { key: '2ae757e2d5893eb67cd115d1294e12eb24fb369c', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '13e89d3e40c2b7058e5186d0d543f340eecb4205', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        ], hAsync("label", { key: 'fd9dcb4db727e8a81246d4973fbd1f6a58670960', class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), isClearable ? (hAsync(XButton, { disabled: this.disabled, key: "close-button", label: this.messages.clear, scale: this.scale })) : null, this.renderChevronIcon()), hAsync("ul", { key: '33441a955e04ccd109d94906818b211f51354d83', "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), hAsync(HiddenFormInputSlot, { key: '62590be03543855824f95d8d7ad16a94f63d2936', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -26041,10 +26064,10 @@ class InlineEditable {
             }, type: "button",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: (el) => (this.enableEditingButton = el) }), this.shouldShowControls && [
-            hAsync("div", { class: CSS$S.cancelEditingButtonWrapper }, hAsync("calcite-button", { appearance: "transparent", class: CSS$S.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, scale: this.scale, type: "button",
+            hAsync("div", { key: '79a97d82891c7b694573e58dc249dc63b704c845', class: CSS$S.cancelEditingButtonWrapper }, hAsync("calcite-button", { key: 'b8162a54dd0ec3928c26581c87cd666182560702', appearance: "transparent", class: CSS$S.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, scale: this.scale, type: "button",
                 // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
                 ref: (el) => (this.cancelEditingButton = el) })),
-            hAsync("calcite-button", { appearance: "solid", class: CSS$S.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, scale: this.scale, type: "button",
+            hAsync("calcite-button", { key: 'cd0d22ecb2a3c0ec89dc2c3cdba26787c91cb530', appearance: "solid", class: CSS$S.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, scale: this.scale, type: "button",
                 // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
                 ref: (el) => (this.confirmEditingButton = el) }),
         ]))));
@@ -26774,21 +26797,21 @@ class Input {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: 'd5bd52a75c742aae69853f4f1875e6800917ac73', class: CSS$R.loader }, hAsync("calcite-progress", { key: '3180343a6ed442ff4689ad0e4cb43b5de546a260', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: '8e9b50d37f8393de49bb39b743baf4e0066d765a', "aria-label": this.messages.clear, class: CSS$R.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '3eef23c9bb49ad2a014ecd935d42dd376d4964b0', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'c8978a17f8ae7b1b150c9bb63fe676125a039e43', class: CSS$R.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '1892eebc8d8dd902ed63f79ce8c71e6e77b376fa', class: CSS$R.loader }, hAsync("calcite-progress", { key: 'e6c2660e8772c2fe601aa9bee9973859ff8fe38f', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '47c2ee0650897ba558fea7df1dd22be544908b7c', "aria-label": this.messages.clear, class: CSS$R.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '116101be68cbdf447da98142cd38ae66109a5a31', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: '1b90c820fd08c0c21b4420f26b42462f4998bcde', class: CSS$R.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: 'bab7e944699da87ed3b6fc99e4b647e46a9da31c', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '4bb3eee49b701e67c5ca34319d284d522e3b7d16', "aria-hidden": "true", class: {
                 [CSS$R.numberButtonItem]: true,
                 [CSS$R.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'fb91ff81caab9a285416edc63ba8ed864a0d01ea', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: '1665b6607290f024a6065c8516f8b197f1bbc301', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'f32a71952490bf1342f8f91c53a97306611af35f', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '7d652abea8d17a0bb1fd922620e48ded89b4ab83', "aria-hidden": "true", class: {
                 [CSS$R.numberButtonItem]: true,
                 [CSS$R.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '841a058dab719c9a48d44bdbd03e88fa8407d0c7', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: 'ec94fb40040f4a541ce0964a2edfc85f3e6a1bcd', class: CSS$R.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: 'cfe99f0165464507f4503622ff97180106b6a892', class: CSS$R.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '0547ed8b6d1c9bbeb358fd57626db75f7eb51853', class: CSS$R.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'fa07ec8eb8840ea181e480d2036ea138b4973e3e', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: 'a27528f940f4098939f84366828803e16585413d', class: CSS$R.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: 'c215bd9bca4ba67b1d232e6e8b77ef33f966792b', class: CSS$R.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: 'f1d0d0194e78bd882b7d9bf28abfb2dd2f3b8b82', class: CSS$R.suffix }, this.suffixText);
         const localeNumberInput = this.type === "number" ? (hAsync("input", { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, multiple: this.multiple, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.displayedValue,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setChildNumberElRef })) : null;
@@ -26803,13 +26826,13 @@ class Input {
                 this.isTextarea ? (hAsync("div", { class: CSS$R.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: getIconScale(this.scale) }))) : null,
             ]
             : null;
-        return (hAsync(Host, { key: 'bdc60ec47af4f1d24813c12ca2ed298ef0a1dd9a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '9a367b7480e967a8ec6eb21831f1074c9278e4bf', disabled: this.disabled }, hAsync("div", { key: '74b5497d267298ff91cf985458dfa5724bd916b2', class: { [CSS$R.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: '94e61d516cd5dd0618e16b8af2990c91b5216d2b', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'e7d5fcd71415d537a8baafe2b76b538de2824327', disabled: this.disabled }, hAsync("div", { key: '3cfc6e84d1cd4b3a85f5e1080445f817dc6b1143', class: { [CSS$R.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '4deb9ca75ef31084c81ccd413cf316c9aa0416fd', class: CSS$R.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '3ffca40137a7329e3393721317a5dd6313ca9170', class: CSS$R.actionWrapper }, hAsync("slot", { key: '4d1c802466fea529746b0af1eb61a0e6edec29dd', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '044e3dfb9a266df99b9d47314ebdc87129f0f5c8', class: CSS$R.wrapper }, localeNumberInput, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '3a482be3885eaddb5db53051e7feb4efd63ac993', class: CSS$R.actionWrapper }, hAsync("slot", { key: '5d6b3061c43b671de1beffdaed30b6da2a495f32', name: SLOTS$l.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly
             ? numberButtonsVertical
             : null, this.suffixText ? suffixText : null, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: '5d6a81be555e89c342174dcfd0e1a3751e600d0f', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: '359e6e901f53e84438d62a044dfaceb030864cec', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -28382,37 +28405,37 @@ class InputDatePicker {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (hAsync(Host, { key: '0b82918678e78590b082db4c2064159e34d9f315', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'cba533359f774a06ec5b8d7315272e3a01fe8e3c', disabled: this.disabled }, this.localeData && (hAsync("div", { class: CSS$Q.inputContainer }, hAsync("div", { class: CSS$Q.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
+        return (hAsync(Host, { key: '63c011d04f6cc961933920f67457100080c827e4', onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '45e369dc246a171f7880566306a895a748f4f427', disabled: this.disabled }, this.localeData && (hAsync("div", { key: 'e137f9904e8a1ae2a4c9ca1338479a3b50ee6f78', class: CSS$Q.inputContainer }, hAsync("div", { key: '2047c4ef3d5b4650ff26df717ac826cccfa818e7', class: CSS$Q.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setStartWrapper }, hAsync("calcite-input-text", { "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            ref: this.setStartWrapper }, hAsync("calcite-input-text", { key: 'c2be0fb8c075e7f63f4009848d64cb47f15fc3c6', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$Q.input]: true,
                 [CSS$Q.inputNoBottomBorder]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setStartInput }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { "aria-hidden": "true", class: CSS$Q.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), hAsync("span", { key: 'daf2767f329f82664f9b56d625868253cdc6e70e', "aria-hidden": "true", class: CSS$Q.assistiveText, id: this.placeholderTextId }, "Date Format: ", this.localeData?.placeholder)), hAsync("div", { key: '2837f1d94482732b53bc6d8f9b38d2204b47227e', "aria-hidden": toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$Q.menu]: true,
                 [CSS$Q.menuActive]: this.open,
             }, id: this.dialogId, role: "dialog",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFloatingEl }, hAsync("div", { class: {
+            ref: this.setFloatingEl }, hAsync("div", { key: 'f5b44db6819c14ac34ad7715ef1a52b3a3c876fa', class: {
                 [CSS$Q.calendarWrapper]: true,
                 [CSS$Q.calendarWrapperEnd]: this.focusedInput === "end",
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: this.open,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
+            ref: this.setTransitionEl }, hAsync("calcite-date-picker", { key: '4a16e83e4a0b086130b2f1cba477f82b171b2187', activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (hAsync("div", { class: CSS$Q.horizontalArrowContainer }, hAsync("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { class: CSS$Q.verticalArrowContainer }, hAsync("calcite-icon", { icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { class: CSS$Q.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
+            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (hAsync("div", { key: '0ac2624f13b2e65ee9b4b1925cabc05d227bac69', class: CSS$Q.horizontalArrowContainer }, hAsync("calcite-icon", { key: '02ea72499df9ef7300a072085afe434f07f6a3ae', flipRtl: true, icon: "arrow-right", scale: getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { key: '9bd32b10dcba0f223897505fc5dad18830671e84', class: CSS$Q.verticalArrowContainer }, hAsync("calcite-icon", { key: '1a72e19e68823a82046248d83deaccb7897edfb5', icon: "arrow-down", scale: getIconScale(this.scale) }))), this.range && (hAsync("div", { key: '279d9069747e067a504741ea5997d29fdad40fbb', class: CSS$Q.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setEndWrapper }, hAsync("calcite-input-text", { "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+            ref: this.setEndWrapper }, hAsync("calcite-input-text", { key: '14994a730b683fe295c2feaec27f86363f41372d', "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
                 [CSS$Q.input]: true,
                 [CSS$Q.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
             }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setEndInput }), !this.readOnly &&
-            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: '52ed9dc464b16d135d2eb58fb74a4625ef633148', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), hAsync(HiddenFormInputSlot, { key: 'ebc5a90d06773181779cb4f18152949d27e3a08d', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (
@@ -28651,7 +28674,7 @@ class InputMessage {
     }
     render() {
         const hidden = this.el.hidden;
-        return (hAsync(Host, { key: 'a7a2608a30496a241cbba6887a502d1c358c7572', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), hAsync("slot", { key: 'f66cf56795f1bfef4a4e3b40992362c2f0dcdd34' })));
+        return (hAsync(Host, { key: '6126dcb5be7be17e758621454c7008a682815b58', "calcite-hydrated-hidden": hidden }, this.renderIcon(this.requestedIcon), hAsync("slot", { key: 'c725252ee20cc54aad240d0a8d33c94ff3a9fc1e' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -29226,29 +29249,29 @@ class InputNumber {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '725c6f58dfa0c45b29daa87945efa7fa581d06e8', class: CSS$P.loader }, hAsync("calcite-progress", { key: '620da8e278a736e723ce504864a008cbb2cb2007', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: 'de4a492ef01f6b8e59dd61e32d54e11f0bc5142e', "aria-label": this.messages.clear, class: CSS$P.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '221f8724da5764d092bf67b30f1040404dc031fe', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'd5a2708a0b3146ab73f81cbc9ddcdce88a020cd9', class: CSS$P.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const loader = (hAsync("div", { key: '7a43402b6a46ca0594f5e0f2f47ec6d1da9f80ec', class: CSS$P.loader }, hAsync("calcite-progress", { key: '24a9e2b61484c819b2bc25b3447dc5f69c429bdd', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: 'f29b0524d49a95f71e0d88834f411ea554d63cf2', "aria-label": this.messages.clear, class: CSS$P.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '2c0710c0e0ad72b8d80c580c31fbe34bda5e79bc', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'd7568982f7df070a438b6a732a18e27671a98a29', class: CSS$P.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
         const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-        const numberButtonsHorizontalUp = (hAsync("button", { key: '29b02e674211d20af7f51e10f22a78e9a1a9e4a3', "aria-hidden": "true", class: {
+        const numberButtonsHorizontalUp = (hAsync("button", { key: '95d4c6d74159f19e26c917538b2945c8710cb32f', "aria-hidden": "true", class: {
                 [CSS$P.numberButtonItem]: true,
                 [CSS$P.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '118f0f4a9bb2cb6cc734e7151ee91195fe9eb022', icon: "chevron-up", scale: getIconScale(this.scale) })));
-        const numberButtonsHorizontalDown = (hAsync("button", { key: 'e44e590234d65a5c7f21eeca73704e22c8d47b38', "aria-hidden": "true", class: {
+            }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'b245825ffa5517c56c7e1b1d5f9f2deec325cd1f', icon: "chevron-up", scale: getIconScale(this.scale) })));
+        const numberButtonsHorizontalDown = (hAsync("button", { key: '0942aae6990c50ae033c4e706f7668b156750c45', "aria-hidden": "true", class: {
                 [CSS$P.numberButtonItem]: true,
                 [CSS$P.buttonItemHorizontal]: isHorizontalNumberButton,
-            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '6ddc4d67a66ed0e0298785569e62245a5c88272c', icon: "chevron-down", scale: getIconScale(this.scale) })));
-        const numberButtonsVertical = (hAsync("div", { key: 'fa789577a4a716f6a1d168adc21202e400ec3917', class: CSS$P.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
-        const prefixText = hAsync("div", { key: '02406bc79dd6010dd3df2935147823a18c359275', class: CSS$P.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: '5a24c4c6949d6042d43daebb87f11b7a2e0b26b2', class: CSS$P.suffix }, this.suffixText);
+            }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerOutHandler, onPointerUp: this.nudgeButtonPointerUpHandler, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '460fa2a2e84930f6f7c7cf628f3257ccf4bba66a', icon: "chevron-down", scale: getIconScale(this.scale) })));
+        const numberButtonsVertical = (hAsync("div", { key: '7c47243d45def1eec5038e347624e1a196d3db52', class: CSS$P.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
+        const prefixText = hAsync("div", { key: 'b86817ea8ff3a55cae2bc3c2ea2a2ca7ac5f4311', class: CSS$P.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: 'd74022b8b66daf1d932426940c69306b9b8f7459', class: CSS$P.suffix }, this.suffixText);
         const childEl = (hAsync("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.displayedValue,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setChildNumberElRef }));
-        return (hAsync(Host, { key: '239970e7a0390690900eddfb6c8f44d02fbff0f2', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'bfe9f0865d1779a05901320152f5b8b899b3684e', disabled: this.disabled }, hAsync("div", { key: 'dad298a784be2bba9c3d16c2c487320ceb173db4', class: { [CSS$P.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
+        return (hAsync(Host, { key: '31982f11ae867e03a660b82ffdae817479dfae17', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '7d357fc1f7224c7bcf6867d5b5c48aa23e4e8d3e', disabled: this.disabled }, hAsync("div", { key: '8e83c3db94021720805ba58a346affea2548465a', class: { [CSS$P.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalDown
-            : null, this.prefixText ? prefixText : null, hAsync("div", { key: '03d115221e003d683a6d1f82e6da809925f66183', class: CSS$P.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '68c68edc3e05f6377c82c594c08dc79c1a90598f', class: CSS$P.actionWrapper }, hAsync("slot", { key: '42ea11e1c7c97367c542af35b7e334dac51123d5', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
+            : null, this.prefixText ? prefixText : null, hAsync("div", { key: 'b050a2fc5c7352b54389865f544bf5eaf348f641', class: CSS$P.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: 'ba0cf76a501167b7cd4dcf5536cd9439653b952d', class: CSS$P.actionWrapper }, hAsync("slot", { key: 'abc8b119f190531cfd01720850543ee6509e5516', name: SLOTS$k.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
             ? numberButtonsHorizontalUp
-            : null, hAsync(HiddenFormInputSlot, { key: '0295be0a1e9b64d78e90ad58a84610a758dc85eb', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            : null, hAsync(HiddenFormInputSlot, { key: 'f480e9b120b0e91ec70c3bf5ad1dd4b923535a07', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -29611,18 +29634,18 @@ class InputText {
     // --------------------------------------------------------------------------
     render() {
         const dir = getElementDir(this.el);
-        const loader = (hAsync("div", { key: '657cee410f3c5285eef6e0be59ce21eea00612bf', class: CSS$O.loader }, hAsync("calcite-progress", { key: 'bae0d36725ea820a2822cd6bc6c17f074d1a0c74', label: this.messages.loading, type: "indeterminate" })));
-        const inputClearButton = (hAsync("button", { key: 'adc31a642bc75d36110bd6ba93161ee9a5144d19', "aria-label": this.messages.clear, class: CSS$O.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: 'a35a5d106cedab1bb643225974a0a9b445461f87', icon: "x", scale: getIconScale(this.scale) })));
-        const iconEl = (hAsync("calcite-icon", { key: 'ecf3f792fd30ba0addfab534ba6d160792abec7c', class: CSS$O.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
-        const prefixText = hAsync("div", { key: '34b2290afee53e3ae86dd91c5fe3802360622712', class: CSS$O.prefix }, this.prefixText);
-        const suffixText = hAsync("div", { key: 'f3afc21a0b09fc4c80568af27333c0eadedb811a', class: CSS$O.suffix }, this.suffixText);
-        const childEl = (hAsync("input", { key: 'dc3d7a4e23b277b76ca5dcbf04a8b3a5072e0144', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
+        const loader = (hAsync("div", { key: '61d78ae82eff28d3ea21992ea2224f071e19e30f', class: CSS$O.loader }, hAsync("calcite-progress", { key: '83e6c24320bc3586afba345141f56f3463743ff2', label: this.messages.loading, type: "indeterminate" })));
+        const inputClearButton = (hAsync("button", { key: '99573258bc035806f2f657a42afcf2e657e9fbc9', "aria-label": this.messages.clear, class: CSS$O.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, hAsync("calcite-icon", { key: '40496c7d19884943040d8977d5724dab558afa4c', icon: "x", scale: getIconScale(this.scale) })));
+        const iconEl = (hAsync("calcite-icon", { key: 'ae1e83ec3677d84d028269055db09ed94c711285', class: CSS$O.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }));
+        const prefixText = hAsync("div", { key: '65e89ea49f8d2120d075d04c8708a0b7c7a89156', class: CSS$O.prefix }, this.prefixText);
+        const suffixText = hAsync("div", { key: '18691614ab923147352eef58eb09ebb9a4a5288e', class: CSS$O.suffix }, this.suffixText);
+        const childEl = (hAsync("input", { key: '437f4e3a12d0ac69a8c20267fd5711e0a0649578', "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.el.autofocus ? true : null, class: {
                 [CSS$O.editingEnabled]: this.editingEnabled,
                 [CSS$O.inlineChild]: !!this.inlineEditableEl,
             }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setChildElRef }));
-        return (hAsync(Host, { key: 'd81096fdfee8fd008257d4896728700f6fa4d3dc', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'b1d2b55c232618522202d4e56681b80cb1f515de', disabled: this.disabled }, hAsync("div", { key: 'ff62f7725fef0f2f71bb40513100772bc42a6adf', class: { [CSS$O.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { key: '20da4b96760af258a0eed300451961a6d24f5285', class: CSS$O.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '499cc6f51f84e3066a2795fd04deec447407b63b', class: CSS$O.actionWrapper }, hAsync("slot", { key: 'cbe38f9cd8a85ae3d76a521f9cf0b61adee14b13', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '34642abc7d3ba939b01addcc20f95d85add08e6a', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (hAsync(Host, { key: '4055669e4cbee4eff0868c89f87ca27731241e8a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '638eefd7cbf9b7c0d1a990a6c5e6ca5db2ca1e94', disabled: this.disabled }, hAsync("div", { key: '29051c1c308871dd534d27a998e95bd4a730eb94', class: { [CSS$O.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { key: 'f0d1e2c47c4c4a7f41b24c0375d402bb9c0d4715', class: CSS$O.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { key: '0c0d8408badd385e9ce23454d0f4dd063eebb9c6', class: CSS$O.actionWrapper }, hAsync("slot", { key: 'c83c632d089e6f20047e1d37d3ae157f24bf76f7', name: SLOTS$j.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { key: '06101c54e4631c6892e55d900696e2389d8fd7ed', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -31730,13 +31753,13 @@ class InputTimePicker {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, messages, readOnly, dialogId } = this;
-        return (hAsync(Host, { key: '4d9ccaf776cc86a44199fcaa666c80fca0e54353', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'eaa6b40f05a29ce66df1b4d2a623c5b9a68358d6', disabled: this.disabled }, hAsync("div", { key: '476296133977dc184ab155d404233b0ea3602cd1', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: '823835e8266af3e001feb955d32d9f9b19351e7c', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
+        return (hAsync(Host, { key: '423c8d7b25cb627d4dc561f91c8702a8fdb237a8', onBlur: this.hostBlurHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '0e107c7eba0b4a466353d4954f040655e2030a48', disabled: this.disabled }, hAsync("div", { key: 'ce7aa0fa911456adb800c5c27d79aa3e6960c7da', class: "input-wrapper", onClick: this.onInputWrapperClick }, hAsync("calcite-input-text", { key: '9436c9a236111cf5d7936ad00de851dbc05865b7', "aria-autocomplete": "none", "aria-haspopup": "dialog", disabled: disabled, icon: "clock", id: this.referenceElementId, label: getLabelText(this), lang: this.effectiveLocale, onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextFocus: this.calciteInternalInputFocusHandler, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setInputAndTransitionEl }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: 'd64a80bf8968c40046961ebbf4f8df89da9a7374', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
+            ref: this.setInputAndTransitionEl }), !this.readOnly && this.renderToggleIcon(this.open)), hAsync("calcite-popover", { key: 'a632e5f96bbb254958e3378b0341ce0bdeb2a34f', focusTrapDisabled: true, id: dialogId, label: messages.chooseTime, lang: this.effectiveLocale, onCalcitePopoverClose: this.popoverCloseHandler, onCalcitePopoverOpen: this.popoverOpenHandler, open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, referenceElement: this.referenceElementId, triggerDisabled: true,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setCalcitePopoverEl }, hAsync("calcite-time-picker", { key: '2fc6e62efba7abeeab16e3df661a6f72f86b2a9e', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
+            ref: this.setCalcitePopoverEl }, hAsync("calcite-time-picker", { key: 'b6196174da6bbecf3e46d828c7c426f456b5746f', lang: this.effectiveLocale, messageOverrides: this.messageOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, scale: this.scale, step: this.step, tabIndex: this.open ? undefined : -1, value: this.value,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setCalciteTimePickerEl })), hAsync(HiddenFormInputSlot, { key: '7752184faf5f7a16c2aa4ecf4b415ceec5da2961', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            ref: this.setCalciteTimePickerEl })), hAsync(HiddenFormInputSlot, { key: '45283a31ee152c0de7a8dbd5183c3012e4d4b8c3', component: this }), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
         return (hAsync("span", { class: CSS$N.toggleIcon }, hAsync("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: getIconScale(this.scale) })));
@@ -31919,6 +31942,11 @@ function getTimeZoneShortOffset(timeZone, locale, referenceDateInMs = Date.now()
     const parts = dateTimeFormat.formatToParts(referenceDateInMs);
     return parts.find(({ type }) => type === "timeZoneName").value;
 }
+function findTimeZoneItemByProp(timeZoneItems, prop, valueToMatch) {
+    return timeZoneItems.find((item) => 
+    // intentional == to match string to number
+    item[prop] == valueToMatch);
+}
 
 const inputTimeZoneCss = "/*!@:host([disabled])*/[disabled].sc-calcite-input-time-zone-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-input-time-zone-h *.sc-calcite-input-time-zone,.sc-calcite-input-time-zone-h[disabled].sc-calcite-input-time-zone-s>*,.sc-calcite-input-time-zone-h[disabled] .sc-calcite-input-time-zone-s>*{pointer-events:none}/*!@:host*/.sc-calcite-input-time-zone-h{display:block}/*!@:host([hidden])*/[hidden].sc-calcite-input-time-zone-h{display:none}/*!@[hidden]*/[hidden].sc-calcite-input-time-zone{display:none}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-input-time-zone-h[disabled] .sc-calcite-input-time-zone-s>[calcite-hydrated][disabled],[disabled].sc-calcite-input-time-zone-h [calcite-hydrated][disabled].sc-calcite-input-time-zone{opacity:1}/*!@.interaction-container*/.interaction-container.sc-calcite-input-time-zone{display:contents}/*!@::slotted(input[slot=hidden-form-input])*/.sc-calcite-input-time-zone-s>input[slot=hidden-form-input]{margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 var CalciteInputTimeZoneStyle0 = inputTimeZoneCss;
@@ -31945,9 +31973,9 @@ class InputTimeZone {
         this.onComboboxChange = (event) => {
             event.stopPropagation();
             const combobox = event.target;
-            const selected = this.findTimeZoneItem(combobox.selectedItems[0].getAttribute("data-value"));
+            const selected = this.findTimeZoneItemByLabel(combobox.selectedItems[0].textLabel);
             const selectedValue = `${selected.value}`;
-            if (this.value === selectedValue) {
+            if (this.value === selectedValue && selected.label === this.selectedTimeZoneItem.label) {
                 return;
             }
             this.value = selectedValue;
@@ -32019,10 +32047,10 @@ class InputTimeZone {
         this.setFocus();
     }
     findTimeZoneItem(value) {
-        const valueToMatch = value;
-        return this.timeZoneItems.find(({ value }) => 
-        // intentional == to match string to number
-        value == valueToMatch);
+        return findTimeZoneItemByProp(this.timeZoneItems, "value", value);
+    }
+    findTimeZoneItemByLabel(label) {
+        return findTimeZoneItemByProp(this.timeZoneItems, "label", label);
     }
     async updateTimeZoneItemsAndSelection() {
         this.timeZoneItems = await this.createTimeZoneItems();
@@ -32073,13 +32101,13 @@ class InputTimeZone {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '819ac3141245abd48a8786937af9da95a3996af9' }, hAsync(InteractiveContainer, { key: '2564507d560025469b704938ec206784a3703845', disabled: this.disabled }, hAsync("calcite-combobox", { key: '9aaec780fc57d403cec5dbdffa0efbe60a1954a4', clearDisabled: true, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, readOnly: this.readOnly, scale: this.scale, selectionMode: "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage,
+        return (hAsync(Host, { key: '473e30e3b811cac6777416b13c07fd2b39492eaa' }, hAsync(InteractiveContainer, { key: '38b8d4096bd6f328dd14c2b2ed9c77d369f22e47', disabled: this.disabled }, hAsync("calcite-combobox", { key: '772e97bfba93f53930ade5da1a6121524135f763', clearDisabled: true, disabled: this.disabled, label: this.messages.chooseTimeZone, lang: this.effectiveLocale, maxItems: this.maxItems, onCalciteComboboxBeforeClose: this.onComboboxBeforeClose, onCalciteComboboxBeforeOpen: this.onComboboxBeforeOpen, onCalciteComboboxChange: this.onComboboxChange, onCalciteComboboxClose: this.onComboboxClose, onCalciteComboboxOpen: this.onComboboxOpen, open: this.open, overlayPositioning: this.overlayPositioning, readOnly: this.readOnly, scale: this.scale, selectionMode: "single-persist", status: this.status, "validation-icon": this.validationIcon, "validation-message": this.validationMessage,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setComboboxRef }, this.timeZoneItems.map((group) => {
             const selected = this.selectedTimeZoneItem === group;
             const { label, value } = group;
             return (hAsync("calcite-combobox-item", { "data-value": value, key: label, selected: selected, textLabel: label, value: `${group.filterValue}` }));
-        })), hAsync(HiddenFormInputSlot, { key: 'ade3e6ab3608df1e93d436ac1f83a3305f72c271', component: this }))));
+        })), hAsync(HiddenFormInputSlot, { key: '08dfd298447bae868038cffb4223f891e9252072', component: this }))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -32168,7 +32196,7 @@ class Label {
         document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
     }
     render() {
-        return (hAsync(Host, { key: '597b3bd64b3ae8f663937895a4e80a013b99332d', onClick: this.labelClickHandler }, hAsync("div", { key: 'effb146f2bb9a7f6d5b25c7848b595401f6f398f', class: CSS$M.container }, hAsync("slot", { key: '59facab849337e37bb3be7ffb4bc122d7f99f22a' }))));
+        return (hAsync(Host, { key: 'b0ed1651d1b2e1c6a5c17a546275b02f5bf0bcc7', onClick: this.labelClickHandler }, hAsync("div", { key: '542bca643668250e182f5ca3503ff197ff00c46f', class: CSS$M.container }, hAsync("slot", { key: '19b3e5d3fe20b74808e4a693041fa3ac0f8b65b2' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32247,19 +32275,19 @@ class Link {
         const { download, el } = this;
         const dir = getElementDir(el);
         const childElType = this.href ? "a" : "span";
-        const iconStartEl = (hAsync("calcite-icon", { key: 'a37f7efcc5a24ffed0c3979260004329be8715ca', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-        const iconEndEl = (hAsync("calcite-icon", { key: 'bbdf3678c8c05262fd42d573d368c97657b4f1b1', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
+        const iconStartEl = (hAsync("calcite-icon", { key: 'c76dd8746b6bdd7c557621344e614e91735b8773', class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
+        const iconEndEl = (hAsync("calcite-icon", { key: '20f51a11989d13a668cc343de016633a423a62d6', class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
         const Tag = childElType;
         const role = childElType === "span" ? "link" : null;
         const tabIndex = childElType === "span" ? 0 : null;
-        return (hAsync(Host, { key: '0e8d8899a9ddaae8ef55fdbadd9bb562a96d3306', role: "presentation" }, hAsync(InteractiveContainer, { key: '0eed4e99a2c1e062e7362bbfa4149d4f202c0d67', disabled: this.disabled }, hAsync(Tag, { key: '5eb9b5ca6725bd5be2040ce9167b374818838f28', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
+        return (hAsync(Host, { key: '970efc9a2b9888d4b111822e8aef44c4eda4d9c2', role: "presentation" }, hAsync(InteractiveContainer, { key: '63c99f96cbf8407aba331e98846fe2c29e423fc0', disabled: this.disabled }, hAsync(Tag, { key: '9295872abdef00a6c6dfa2815ce1d0d4e2d127fc', class: { [CSS_UTILITY.rtl]: dir === "rtl" },
             /*
           When the 'download' property of type 'boolean | string' is set to true, the value is "".
           This works around that issue for now.
           */
             download: Tag === "a" && (download === "" || download) ? download : null, href: Tag === "a" && this.href, onClick: this.childElClickHandler, rel: Tag === "a" && this.rel, role: role, tabIndex: tabIndex, target: Tag === "a" && this.target,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeTagRef }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '14f6a55f8216e83ae465137003eae0f6bb264115' }), this.iconEnd ? iconEndEl : null))));
+            ref: this.storeTagRef }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '701d67c273740889a0f05b319ec330599ef27180' }), this.iconEnd ? iconEndEl : null))));
     }
     //--------------------------------------------------------------------------
     //
@@ -35531,9 +35559,9 @@ class List$1 {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, } = this;
-        return (hAsync(InteractiveContainer, { key: '5d16dd791599504ea6823719f34d0e28b1cc61ba', disabled: this.disabled }, hAsync("div", { key: 'f4687145f7b005af76e860957e11be4750000951', class: CSS$I.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$I.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$I.scrim, loading: loading }) : null, hAsync("table", { key: 'c3326018ee51d706227848e094236a404d61f1fe', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$I.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$I.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$I.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
+        return (hAsync(InteractiveContainer, { key: '3bd6c433f4d9ae58b6b0c6dd53ed43c3ea740378', disabled: this.disabled }, hAsync("div", { key: '7209c444c68c87200f37d82698522f7e91f905b9', class: CSS$I.container }, this.dragEnabled ? (hAsync("span", { "aria-live": "assertive", class: CSS$I.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? hAsync("calcite-scrim", { class: CSS$I.scrim, loading: loading }) : null, hAsync("table", { key: '6f84cd55ae466fa62d3c3014ce4223982bd785c5', "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS$I.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (hAsync("thead", { class: CSS$I.sticky }, hAsync("tr", null, hAsync("th", { colSpan: MAX_COLUMNS }, hAsync("calcite-stack", { class: CSS$I.stack }, hAsync("slot", { name: SLOTS$g.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: SLOTS$h.actionsStart }), hAsync("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, value: filterText,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFilterEl }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '67092a08857025d24d2976fd722595f1918cc9ab', class: CSS$I.tableContainer }, hAsync("slot", { key: '0fbe4352b6b8d2ce0645d9617e02161392a76667', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '66ec36b8ae9ba1aaf2fd49679265c6a13a5992bc', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '38747a4cf6a8f17a9443768875a4c8c2f07da830', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+            ref: this.setFilterEl }), hAsync("slot", { name: SLOTS$g.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: SLOTS$h.actionsEnd })))))) : null, hAsync("tbody", { key: '9b64c72719f749a801f59cab5e92aa7feff27bc2', class: CSS$I.tableContainer }, hAsync("slot", { key: 'f3e6b522d3656e81a54659810363b93b2647e061', onSlotchange: this.handleDefaultSlotChange }))), hAsync("div", { key: '2f6cfbfd10f1a5f0ad46d892d13bc128f1ee6718', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, hAsync("slot", { key: '0dcfd7a66781b7003f98525dc88dd88ab237ea3b', name: SLOTS$g.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -36098,7 +36126,7 @@ class ListItem {
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (hAsync(Host, { key: 'f8eeef252cf63f2f891a078521b1f1c6cc65f372' }, hAsync(InteractiveContainer, { key: 'c36265ccd1227060c151daf50efafc8c2b073102', disabled: this.disabled }, hAsync("tr", { key: 'd07e341dd4152c306787b2074415adba83e78bd4', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
+        return (hAsync(Host, { key: 'b893365220cc2c296063277ee52d125eb726df26' }, hAsync(InteractiveContainer, { key: 'bf46e0f36d527a13c8a585033716d79e203ef77d', disabled: this.disabled }, hAsync("tr", { key: 'c20bfc489469571492a0022de748bcf98a17e883', "aria-expanded": openable ? toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$L.container]: true,
                 [CSS$L.containerHover]: true,
                 [CSS$L.containerBorder]: showBorder,
@@ -36241,7 +36269,7 @@ class ListItemGroup {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading, visualLevel } = this;
-        return (hAsync(Host, { key: '846feb8d7b03815cfde0f0ec6365d1535cda1df0' }, hAsync(InteractiveContainer, { key: '0b165a451f6cbebbde3ee90134df6785a38ce24f', disabled: disabled }, hAsync("tr", { key: 'cd5c979be46321fa492664ec8e5c146dd0938d1c', class: CSS$H.container, style: { "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` } }, hAsync("td", { key: '1b0d6778bcbdec1b7aa86199d3f310ade839d72e', class: CSS$H.heading, colSpan: MAX_COLUMNS }, heading)), hAsync("slot", { key: '1e276cfd4dedd7c1c49970fcdaafef8c12ea1dfa', onSlotchange: this.handleDefaultSlotChange }))));
+        return (hAsync(Host, { key: '77711278c5370df6d97dd45f201ba974ccf5b8f4' }, hAsync(InteractiveContainer, { key: '18a74674898d5e3b3f9118d418376ecee850e0ca', disabled: disabled }, hAsync("tr", { key: '8adeeb4e69d9094eb9b2e36523dff3931fab7fdf', class: CSS$H.container, style: { "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` } }, hAsync("td", { key: 'f3e11b42f8ca811e11f2be604692fd92c75f02f9', class: CSS$H.heading, colSpan: MAX_COLUMNS }, heading)), hAsync("slot", { key: 'b1462729d85ebe3001fac772abaa9a4c8cec2c40', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteListItemGroupStyle0; }
@@ -36298,7 +36326,7 @@ class Loader {
         };
         const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (hAsync(Host, { key: '2237d3c2c04969411ce382b3eb1cbfc9ddafc7d6', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, hAsync("div", { key: 'a85ba92a64cea11c0534a90e4a9eb4b08b7068aa', class: "loader__svgs" }, hAsync("svg", { key: '3b139e5e379fdabe265ce85b7f1564b20c35504b', "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, hAsync("circle", { key: '3306812eee146637950332331d5d2f3278155749', ...svgAttributes })), hAsync("svg", { key: '45ef8bfa717ebddb5c3f7b8c049788f6ca29a428', "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, hAsync("circle", { key: '7146c5924ff08534d5f19184ea44f3069759b5fb', ...svgAttributes })), hAsync("svg", { key: '6d68d7b2182a5942470503c6b14821ca6d9e0d95', "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, hAsync("circle", { key: '9a397e8a7140eeeadd2868a6d7fa3871016ca841', ...svgAttributes }))), text && hAsync("div", { class: "loader__text" }, text), isDeterminate && hAsync("div", { class: "loader__percentage" }, value)));
+        return (hAsync(Host, { key: '843111b97c2b32e8eb45feb1531f893082f88420', "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, hAsync("div", { key: '302c31251c12f0aa638001f3b2b4bc2de520846f', class: "loader__svgs" }, hAsync("svg", { key: 'b2df48177602fc8a3e0384ea612a03b5f42c479b', "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, hAsync("circle", { key: 'adddcdacadb5d917d598804b12fb71d0cf12f3db', ...svgAttributes })), hAsync("svg", { key: 'f37e662325059622cbb008b5dfdd9dc29259cc2a', "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, hAsync("circle", { key: '20941437c04c8030c53b0789b44c24ff626791ec', ...svgAttributes })), hAsync("svg", { key: 'f0511395e5edbee33f40ece4fbbe033754c65baf', "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, hAsync("circle", { key: '9a84b202bd9bfc04d7e83a9c4a35a2cb65ce083f', ...svgAttributes }))), text && hAsync("div", { key: '0805240dd342671a7cc28137493bc7f2d0c6c3f8', class: "loader__text" }, text), isDeterminate && hAsync("div", { key: '2ac7f911990e10dff4d28f1dac1cd7386c54c5db', class: "loader__percentage" }, value)));
     }
     //--------------------------------------------------------------------------
     //
@@ -36628,7 +36656,7 @@ class Meter {
             : unitLabel
                 ? textUnitLabel
                 : undefined;
-        return (hAsync(Host, { key: '797d18c9cb2727e14e2c2eb1b6014ba2c5a49f36' }, hAsync("div", { key: 'c535449a04f580acbefece234f6bbf49ca068b0a', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        return (hAsync(Host, { key: '030f54ec455d869b23edb9b208b8fa5f4d62f3c9' }, hAsync("div", { key: '3381e35d5c972e1e8e9abda089909315ece3841b', "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
                 [CSS$G.container]: true,
                 [CSS$G.stepsVisible]: rangeLabels,
                 [CSS$G.valueVisible]: valueLabel,
@@ -36880,20 +36908,20 @@ class Modal {
         this.slottedInShell = false;
     }
     render() {
-        return (hAsync(Host, { key: 'c885cf711652f00581aed12d31072cbfa542b3dd', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: 'a03d58da8cdb43cd60ce6fe4f7d5ecba6bc792bb', class: {
+        return (hAsync(Host, { key: '44f2da2e05cb7b5f31f3f4bfc23e9f04b47ec1a3', "aria-describedby": this.contentId, "aria-labelledby": this.titleId, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: '17fb4e51f85796cf592b760cccb36e42b381e66f', class: {
                 [CSS$F.container]: true,
                 [CSS$F.containerOpen]: this.opened,
                 [CSS$F.slottedInShell]: this.slottedInShell,
-            } }, hAsync("calcite-scrim", { key: 'c9aee35f31d650d459fce1f1c258a12adcfaa24a', class: CSS$F.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), hAsync("div", { key: '318e3e125c0f0aaaa8ee515b2c3c437c0ca64a2d', class: {
+            } }, hAsync("calcite-scrim", { key: '061a26359a53009b23acc585b3340a4dd8aa8ba8', class: CSS$F.scrim, onClick: this.handleOutsideClose }), this.renderStyle(), hAsync("div", { key: '2bdd4f627905dbdb10e3248561d700170c35907e', class: {
                 [CSS$F.modal]: true,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync("div", { key: 'b9dfacd9df2a46664af27b39d21bdba23fd28090', class: CSS$F.header }, this.renderCloseButton(), hAsync("header", { key: '947ca24e71a18b395c9607932dc4dc77736d51e6', class: CSS$F.title }, hAsync("slot", { key: '4d5b44b1c89198b420d05fa1ee6a4e142d062ced', name: CSS$F.header }))), this.renderContentTop(), hAsync("div", { key: '18198362cc801bd46e12677176a765c3e886da7a', class: {
+            ref: this.setTransitionEl }, hAsync("div", { key: '7fdb16ad8a77501f564412d040aa05243765a468', class: CSS$F.header }, this.renderCloseButton(), hAsync("header", { key: 'fad2dc997b136889cfc75ca39dcec5d59de9913f', class: CSS$F.title }, hAsync("slot", { key: 'b285a7dfb265fb464fa54a4969565f8854a790f2', name: CSS$F.header }))), this.renderContentTop(), hAsync("div", { key: '2f857b3dca35b69d31e3e5be0a390d1ebac83ab0', class: {
                 [CSS$F.content]: true,
                 [CSS$F.contentNoFooter]: !this.hasFooter,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.modalContent = el) }, hAsync("slot", { key: '874afb8c7ff5493e5d708a03df054788a96d9716', name: SLOTS$f.content })), this.renderContentBottom(), this.renderFooter()))));
+            ref: (el) => (this.modalContent = el) }, hAsync("slot", { key: '14fd59f5e9904bd2cbe2bc65b1305502fcd2da1f', name: SLOTS$f.content })), this.renderContentBottom(), this.renderFooter()))));
     }
     renderFooter() {
         return this.hasFooter ? (hAsync("div", { class: CSS$F.footer, key: "footer" }, hAsync("span", { class: CSS$F.back }, hAsync("slot", { name: SLOTS$f.back })), hAsync("span", { class: CSS$F.secondary }, hAsync("slot", { name: SLOTS$f.secondary })), hAsync("span", { class: CSS$F.primary }, hAsync("slot", { name: SLOTS$f.primary })))) : null;
@@ -37187,13 +37215,13 @@ class Notice {
     }
     render() {
         const { el } = this;
-        const closeButton = (hAsync("button", { key: '6f11897229422aa4921286e07fe1a6f991ab5d20', "aria-label": this.messages.close, class: CSS$E.close, onClick: this.close,
+        const closeButton = (hAsync("button", { key: '06e92c8f0219ae9bc1fd218eb2748fc2f201a473', "aria-label": this.messages.close, class: CSS$E.close, onClick: this.close,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.closeButton = el) }, hAsync("calcite-icon", { key: '027eb54a5228a4f3b601169503ed9498f2de2a89', icon: "x", scale: getIconScale(this.scale) })));
+            ref: (el) => (this.closeButton = el) }, hAsync("calcite-icon", { key: '4afe9c05a0ecdc5468da83e0d1d2b8f12eda602d', icon: "x", scale: getIconScale(this.scale) })));
         const hasActionEnd = getSlotted(el, SLOTS$e.actionsEnd);
-        return (hAsync("div", { key: 'dc6e1f9fdd4e886ec83a95b0239ea216edab1cea', class: CSS$E.container,
+        return (hAsync("div", { key: 'a863911eb22fff9efaf928d9a64dd6f5298b22ba', class: CSS$E.container,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, this.requestedIcon ? (hAsync("div", { class: CSS$E.icon }, hAsync("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, hAsync("div", { key: '06a3536978d99e2637f92947c93830c6c49617c0', class: CSS$E.content }, hAsync("slot", { key: 'cba40dd8e63cd0d28ff0e9ba8ab0cba7a051c1d7', name: SLOTS$e.title }), hAsync("slot", { key: '197a97cf072aa1e894c04d736a4b611ee6b67c8f', name: SLOTS$e.message }), hAsync("slot", { key: 'd8b371fd8dd9e4d776c45026b0176d7fa9898a38', name: SLOTS$e.link })), hasActionEnd ? (hAsync("div", { class: CSS$E.actionsEnd }, hAsync("slot", { name: SLOTS$e.actionsEnd }))) : null, this.closable ? closeButton : null));
+            ref: this.setTransitionEl }, this.requestedIcon ? (hAsync("div", { class: CSS$E.icon }, hAsync("calcite-icon", { flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: getIconScale(this.scale) }))) : null, hAsync("div", { key: '03cb841889a61060624de6eb154aad46d4a41654', class: CSS$E.content }, hAsync("slot", { key: 'f6618477788b173d30ac244fe43623a32a0fe947', name: SLOTS$e.title }), hAsync("slot", { key: '97136b3bf01faa8ea2eda00cf17d54b4813eab85', name: SLOTS$e.message }), hAsync("slot", { key: 'ecb5c548d7005d2cd835589d1fd96ad1083103d1', name: SLOTS$e.link })), hasActionEnd ? (hAsync("div", { class: CSS$E.actionsEnd }, hAsync("slot", { name: SLOTS$e.actionsEnd }))) : null, this.closable ? closeButton : null));
     }
     //--------------------------------------------------------------------------
     //
@@ -37321,7 +37349,7 @@ class Option {
     //
     //--------------------------------------------------------------------------
     render() {
-        return hAsync("slot", { key: '06d33b5efac49f906dc0ecc4f9a453bdef446416' }, this.label);
+        return hAsync("slot", { key: '1c7f3fe3558ae1f1fe0f39f32e2ca26d527d728c' }, this.label);
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -37368,7 +37396,7 @@ class OptionGroup {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (hAsync(Fragment, { key: '0458310650299bef4ebcb02c76441e4264e5ffd2' }, hAsync("div", { key: '6e092adb27659f6d0658bbca86bffee4e5533d1b' }, this.label), hAsync("slot", { key: '91147515db721fefc417b4446326e24cd8439c52' })));
+        return (hAsync(Fragment, { key: '2efe4716f8d16fbe46391c278227bb5381912842' }, hAsync("div", { key: '8eba0238ced11fc241eccc9da1ce2ea5258c8d05' }, this.label), hAsync("slot", { key: '6755df4759ec07ba250e70da49024337a1b430c1' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],
@@ -37390,7 +37418,7 @@ class OptionGroup {
 
 /**
  * Do not edit directly
- * Generated on Mon, 15 Apr 2024 17:39:25 GMT
+ * Generated on Thu, 18 Apr 2024 19:56:11 GMT
  */
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
@@ -37705,7 +37733,7 @@ class Pagination {
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, hAsync("calcite-icon", { flipRtl: true, icon: ICONS$6.last, scale: getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (hAsync(Fragment, { key: '33e48a317f4a70274309498cf5094a946552ea83' }, this.renderFirstChevron(), this.renderPreviousChevron(), this.renderItems(), this.renderNextChevron(), this.renderLastChevron()));
+        return (hAsync(Fragment, { key: 'bdfa9609ab0d5a495be3de8a7d61c31bc98cb172' }, this.renderFirstChevron(), this.renderPreviousChevron(), this.renderItems(), this.renderNextChevron(), this.renderLastChevron()));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -37987,10 +38015,10 @@ class Panel {
     }
     render() {
         const { disabled, loading, panelKeyDownHandler, closed, closable } = this;
-        const panelNode = (hAsync("article", { key: 'c177d67ec5a453b4a6f43f3da08ec33432473641', "aria-busy": toAriaBoolean(loading), class: CSS$W.container, hidden: closed, tabIndex: closable ? 0 : -1,
+        const panelNode = (hAsync("article", { key: '62605f3b7592d1abb942613e2d49568d3a8e6d5b', "aria-busy": toAriaBoolean(loading), class: CSS$W.container, hidden: closed, tabIndex: closable ? 0 : -1,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setContainerRef }, this.renderHeaderNode(), this.renderContent(), this.renderFooterNode()));
-        return (hAsync(Host, { key: '8570965e561fcc50d358aea775b9ec23e09168e7', onKeyDown: panelKeyDownHandler }, hAsync(InteractiveContainer, { key: 'f32c52470efca913d4b3b2b166a9bbe066b0865e', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
+        return (hAsync(Host, { key: 'a0d993161d00046feca37bab1e3d5d5f67beaad5', onKeyDown: panelKeyDownHandler }, hAsync(InteractiveContainer, { key: 'b03e914e3c5edcdcf15a6a268e52878a2bf1d309', disabled: disabled }, loading ? hAsync("calcite-scrim", { loading: loading }) : null, panelNode)));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -38576,7 +38604,7 @@ class PickListGroup {
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (hAsync(Fragment, { key: '87a473a068767b33cfc5d632fefba3735922d331' }, title ? (hAsync(Heading, { class: CSS$B.heading, level: level }, title)) : null, hAsync("slot", { key: 'aef6f27ea3b26aa9f449517d541e44adf3952ee1', name: SLOTS$c.parentItem }), hAsync("section", { key: '1dcd8ad0151587a37a5de69a144c0901b3ae3eac', class: sectionClasses }, hAsync("slot", { key: 'a5fa3100ead66697646744169e1afd2d0fd50d3f' }))));
+        return (hAsync(Fragment, { key: '06edac19e6a638e2dd8dd88298a3b22f61434e5a' }, title ? (hAsync(Heading, { class: CSS$B.heading, level: level }, title)) : null, hAsync("slot", { key: '9ae586d665ad25383242c73bac1999bad2749946', name: SLOTS$c.parentItem }), hAsync("section", { key: '351950412832de1c1ed95edd0c53946e6e989fdf', class: sectionClasses }, hAsync("slot", { key: 'af7bba3456d0bf57cd9a5199150bd3fe4a60e226' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalcitePickListGroupStyle0; }
@@ -38775,9 +38803,9 @@ class PickListItem {
     }
     render() {
         const { description, label } = this;
-        return (hAsync(InteractiveContainer, { key: '63fea783a862005567f0623b76f2542ea6736223', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: 'f7407e2af1b7927d6d18478852f43e3620668539', "aria-label": label, class: CSS$A.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, tabIndex: 0,
+        return (hAsync(InteractiveContainer, { key: '71ec535865456284ae4767e0a3618a9eb8a7f070', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), hAsync("label", { key: '8afaacb9209dc0b33e3d2ea1e3b50d36d0f517b1', "aria-label": label, class: CSS$A.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (focusEl) => (this.focusEl = focusEl) }, hAsync("div", { key: '5bac66fb548d0cb7482784e9aba7f6355b260027', "aria-checked": toAriaBoolean(this.selected), class: CSS$A.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: 'f8b4e1979befe47812456e14a6a4390bbe672dc0', class: CSS$A.title }, label), description ? hAsync("span", { class: CSS$A.description }, description) : null)), this.renderActionsEnd()));
+            ref: (focusEl) => (this.focusEl = focusEl) }, hAsync("div", { key: '260eabb541244784115d60c9a56c4ed98e07ba37', "aria-checked": toAriaBoolean(this.selected), class: CSS$A.textContainer, role: "menuitemcheckbox" }, hAsync("span", { key: 'faca047a4a54509ec2c99dd98f8a98d018423b68', class: CSS$A.title }, label), description ? hAsync("span", { class: CSS$A.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -39215,15 +39243,15 @@ class Popover {
         const arrowNode = !pointerDisabled ? (hAsync(FloatingArrow, { floatingLayout: floatingLayout, key: "floating-arrow",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.storeArrowEl })) : null;
-        return (hAsync(Host, { key: '6afe21a75b5445bc6e8fdb5e5d9471d56680eed7', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '6c76784a09f0ae2af370f0ae5e93364b8bc5e471', class: {
+        return (hAsync(Host, { key: 'ebe4cdef62716bdf45a533c18f49ad2b8aad30d0', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { key: '4f0f631c3dcda5b890539f8406118bf5a7c01c1e', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: '669dbeb623998ddf1f51002755dd5e0c8f0d32da', class: {
+            ref: this.setTransitionEl }, arrowNode, hAsync("div", { key: 'dccd299f9557375d0fc130b97a9b29de848226c4', class: {
                 [CSS$y.hasHeader]: !!heading,
                 [CSS$y.container]: true,
-            } }, this.renderHeader(), hAsync("div", { key: 'e8ea9dbfdc1828bb32f4ff77295ed6739b93deaf', class: CSS$y.content }, hAsync("slot", { key: '323570715923b78c203a778d58626d2a03bc8070' })), !heading ? this.renderCloseButton() : null))));
+            } }, this.renderHeader(), hAsync("div", { key: '02092119d91c7cc19b535d9173b86dd9abc96ec5', class: CSS$y.content }, hAsync("slot", { key: 'f93e0d0250b038a3a5c59534828d5b83ea0bcab3' })), !heading ? this.renderCloseButton() : null))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -39293,7 +39321,7 @@ class Progress {
         const isDeterminate = this.type === "determinate";
         const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
         const dir = getElementDir(this.el);
-        return (hAsync("div", { key: 'cf4d1e766a666ca734f91e2a52dbf6c31ef0c91e', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: 'd8acfd34c6507f4ace25683eabb71214da5577a9', class: "track" }, hAsync("div", { key: '694583776d0116c643a81ab658d5dc791f7507c9', class: {
+        return (hAsync("div", { key: '6bb868d2bb4743ec9625d5973c00b671e7e243df', "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, hAsync("div", { key: '9583d76eb021d6353fb168d11e86cafa0cef405b', class: "track" }, hAsync("div", { key: '595f6f2d5e2480f55f82e75714e6082b0d5305c6', class: {
                 bar: true,
                 indeterminate: this.type === "indeterminate",
                 [CSS_UTILITY.rtl]: dir === "rtl",
@@ -39599,9 +39627,9 @@ class RadioButton {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (hAsync(Host, { key: 'f3dd1d30f81ff12bde80fea6a84f051b3378ee1a', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: 'b2738acd4136778f2c78fd46411c0bed6e2fad71', disabled: this.disabled }, hAsync("div", { key: '58ff1a55915f0ef6c660e3d96da46bdc4d8e0310', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$x.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: "radio", tabIndex: tabIndex,
+        return (hAsync(Host, { key: 'd848d5a1d4c5f9457ed87f080dff5858f816b270', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, hAsync(InteractiveContainer, { key: '95a91d6984436c2aff42e0acdaaca0cb4dc62c65', disabled: this.disabled }, hAsync("div", { key: '71fb6547c0641975b1e5fc9c7bc900ccc8061be1', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS$x.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: "radio", tabIndex: tabIndex,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setContainerEl }, hAsync("div", { key: '747c79fe2295ca57ae6445715316b9750da3a578', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '00e4d0702f3ab5170cf8ad1736acc3f7af7229e9', component: this }))));
+            ref: this.setContainerEl }, hAsync("div", { key: '2d20f1a8371c9f040eb2021e59cfca6232a8c428', class: "radio" })), hAsync(HiddenFormInputSlot, { key: '81309c7a7396e6fcde1ab7943d775ff9fb3f6be6', component: this }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -39748,7 +39776,7 @@ class RadioButtonGroup {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '483939736475d4046aa06efcda150b14d6aa435d', role: "radiogroup" }, hAsync("div", { key: '546835002e1e77750ebd4715501810e217cc4d84', class: CSS$w.itemWrapper }, hAsync("slot", { key: '609ae94b126c9bee89b9c448a0f6fcfbc5577fc0' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: '6804632a3c2bc1d6469f1ea6a1673ff8b8888c61', role: "radiogroup" }, hAsync("div", { key: '5c05175e17029d6370a401d9501edf7d33449d59', class: CSS$w.itemWrapper }, hAsync("slot", { key: '8400a10fbcfd94030c4f464935801e42a262ec00' })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -39953,7 +39981,7 @@ class Rating {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '4f762568ef846790723cda17ab5e267329c1332e', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: '2579bf06e61b9d6a32e29b70c64db7271be5513e', disabled: this.disabled }, hAsync("span", { key: 'e831474f118dd3b3515f8c7593f83970d4f4ef56', class: "wrapper" }, hAsync("fieldset", { key: 'b02dc5a823d6dcd90f72e9c03669672da8d56f94', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: '56e7365ad42f2ea43fde49a0f5017ff1ee2d7c32', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (hAsync(Host, { key: 'e0a67d6fbcd1d9b417af1ef83dc4164b12c16c73', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, hAsync(InteractiveContainer, { key: '337d0e27e3f9c92c2023c452245910bd6f619fab', disabled: this.disabled }, hAsync("span", { key: '1ad2e3d45c7e6fef30c2ada57f28a7e9b82f9b2f', class: "wrapper" }, hAsync("fieldset", { key: '550f17923a5d93db97cb6853c212ab3a662fb95f', class: "fieldset", disabled: this.disabled }, hAsync("legend", { key: 'c34bcf096347f060855781ea54af45366a9ef124', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (hAsync("label", { class: {
                     star: true,
                     selected,
@@ -39963,7 +39991,7 @@ class Rating {
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, tabIndex: tabIndex,
                 // eslint-disable-next-line react/jsx-sort-props
                 ref: this.setLabelEl }, hAsync("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), hAsync(StarIcon, { full: selected || average, scale: this.scale }), partial && (hAsync("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, hAsync(StarIcon, { full: true, partial: true, scale: this.scale }))), hAsync("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (hAsync("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && hAsync("span", { class: "number--average" }, this.average.toString()), !!this.count && hAsync("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), hAsync(HiddenFormInputSlot, { key: '1eb54e9b8a816972ec5df9fe52d976a5a319d21c', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (hAsync("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && hAsync("span", { class: "number--average" }, this.average.toString()), !!this.count && hAsync("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), hAsync(HiddenFormInputSlot, { key: '93649c3728469c928e8328a70fb5ddb722eebd32', component: this })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -40109,9 +40137,9 @@ class Scrim {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (hAsync("div", { key: '9a9402446ff78dea694f51612175dce61360e797', class: CSS$v.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, scale: this.loaderScale,
+        return (hAsync("div", { key: 'a232c2e6bd80c4e87b3353bb569e5436f120607d', class: CSS$v.scrim }, loading ? (hAsync("calcite-loader", { label: messages.loading, scale: this.loaderScale,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeLoaderEl })) : null, hAsync("div", { key: '2afb49f1e4d152e803c44a23b897994b17b26d4d', class: CSS$v.content, hidden: !hasContent }, hAsync("slot", { key: '380f55d658d9c97df3684553a54cc838bfa260e7', onSlotchange: this.handleDefaultSlotChange }))));
+            ref: this.storeLoaderEl })) : null, hAsync("div", { key: 'c969e8a07c3f5e41667e6ed64570014dc3c9fb2b', class: CSS$v.content, hidden: !hasContent }, hAsync("slot", { key: '213062da63c0d07697bb41f79b6d73c7984fb0ad', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {
@@ -40249,7 +40277,7 @@ class SegmentedControl {
         updateHostInteraction(this);
     }
     render() {
-        return (hAsync(Host, { key: '0c01a1cf6bb9241ad8f839c50baff34fc22704bb', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: '8f157cf7deeb847edcd3873126cca455ceedd9ab', class: CSS$u.itemWrapper }, hAsync(InteractiveContainer, { key: '54746752556e4ab175a890b54e09f07938188019', disabled: this.disabled }, hAsync("slot", { key: '15dcd0ec46d75d40d4f3d16caf5cfcf6490fe72e' }), hAsync(HiddenFormInputSlot, { key: '497b955d52bced7139e9424e742e37666bf18055', component: this }))), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (hAsync(Host, { key: 'c75edd610e87f81d5a30c93a56f4346b785a9883', onClick: this.handleClick, role: "radiogroup" }, hAsync("div", { key: '08e3760c341289cc127741942bc5f084c4a3614d', class: CSS$u.itemWrapper }, hAsync(InteractiveContainer, { key: '7a0de76a5e61d480e4bab5c30a1a299c011bc5cf', disabled: this.disabled }, hAsync("slot", { key: 'f50c7e6a9117f44b5376eb99035d62d48826cdd8' }), hAsync(HiddenFormInputSlot, { key: '56839275817ae0824dd064c86f04ad1f1385d98f', component: this }))), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     handleSelected(event) {
         event.preventDefault();
@@ -40429,14 +40457,14 @@ class SegmentedControlItem {
         const { appearance, checked, layout, scale, value } = this;
         const iconStartEl = this.iconStart ? (hAsync("calcite-icon", { class: CSS$t.segmentedControlItemIcon, flipRtl: this.iconFlipRtl, icon: this.iconStart, key: "icon-start", scale: "s" })) : null;
         const iconEndEl = this.iconEnd ? (hAsync("calcite-icon", { class: CSS$t.segmentedControlItemIcon, flipRtl: this.iconFlipRtl, icon: this.iconEnd, key: "icon-end", scale: "s" })) : null;
-        return (hAsync(Host, { key: '86d3b3d0293c6c07d91a1ac2b0ac2c48e0f0ac35', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: '15865d0dc4b9ade68593f856a502911fd309bd02', class: {
+        return (hAsync(Host, { key: '08d281a15121590536cb78c8f774429720c97b1b', "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" }, hAsync("label", { key: '6892dc86863eaf38aebde922353bdd88541eb80f', class: {
                 "label--scale-s": scale === "s",
                 "label--scale-m": scale === "m",
                 "label--scale-l": scale === "l",
                 "label--horizontal": layout === "horizontal",
                 "label--outline": appearance === "outline",
                 "label--outline-fill": appearance === "outline-fill",
-            } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '0003d814dcd6e9330cbb60e432e44ef78e33d923' }, value), hAsync("slot", { key: '481d6e0308f1034bfaeb7b317751afe8e73e5b58', name: SLOTS$a.input }), this.iconEnd ? iconEndEl : null)));
+            } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '8cf2699f50ce54b43065da49d7278a1be11c9133' }, value), hAsync("slot", { key: '49288c0833e030a3464b0efd006ed76f8d99fda8', name: SLOTS$a.input }), this.iconEnd ? iconEndEl : null)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -40658,9 +40686,9 @@ class Select {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(Host, { key: 'b01165b7873667cf3d7645e3c01498e9e2e4abc8' }, hAsync(InteractiveContainer, { key: 'f651b661f5b1bc4f048e2558092d1b1804e81949', disabled: disabled }, hAsync("div", { key: '8851034d0e62f384b77ccc53553aeed3be150274', class: CSS$s.wrapper }, hAsync("select", { key: '4c5c6c8e203fd7dc04602e0810897d8496032653', "aria-label": getLabelText(this), class: CSS$s.select, disabled: disabled, onChange: this.handleInternalSelectChange,
+        return (hAsync(Host, { key: 'efff3dfd92474206be57203fb3cdd1f596d77328' }, hAsync(InteractiveContainer, { key: '103150e8912ca124b988c27cc3f1ba2b0be52004', disabled: disabled }, hAsync("div", { key: 'bdc552a38604367f8a1df99f668f1476f8a63bf4', class: CSS$s.wrapper }, hAsync("select", { key: 'db0e699c538d4c8f34113b3c43ecfd92cfdddf86', "aria-label": getLabelText(this), class: CSS$s.select, disabled: disabled, onChange: this.handleInternalSelectChange,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeSelectRef }, hAsync("slot", { key: '73feaaeb4ecaa321a5a5feda0dee5e90543c1f76' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: 'c664b6223ab9bb618837ae90be540daecc6741f6', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            ref: this.storeSelectRef }, hAsync("slot", { key: '6fd3f9341c81c45b80fda5b05e4838f40eb24ca9' })), this.renderChevron(), hAsync(HiddenFormInputSlot, { key: 'f722c4f6db423d601373464939f4e9f2d37a5651', component: this })), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -40810,16 +40838,16 @@ class Sheet {
     }
     render() {
         const dir = getElementDir(this.el);
-        return (hAsync(Host, { key: '9009c91b8523ecb86d59399247b2398a6a8cefe9', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: 'ee63961dfff8424a8f55c681327360acdb8e3102', class: {
+        return (hAsync(Host, { key: '10e6dfee188f88906fb6af298a4e2da2e564ac3d', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, hAsync("div", { key: 'be31b7cd3714ef41313fa26a2a7ad5313fdbcc4e', class: {
                 [CSS$r.container]: true,
                 [CSS$r.containerOpen]: this.opened,
                 [CSS$r.containerSlottedInShell]: this.slottedInShell,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            } }, hAsync("calcite-scrim", { key: 'a6a74d2ac6c7c29f0344922c478d3d526a1909d4', class: CSS$r.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: '64d217e0732672cb77edb60bfcbacde56bdbf1e8', class: {
+            } }, hAsync("calcite-scrim", { key: '9d5d4b84639681212df9cbf41f10f14fe1ee8b1d', class: CSS$r.scrim, onClick: this.handleOutsideClose }), hAsync("div", { key: '0f4b00d0796464fc06e376eb201f01ae0c78b1f5', class: {
                 [CSS$r.content]: true,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync("slot", { key: '1a02d07dd91e0fb05499a61441e09f0ea8641d2b' })))));
+            ref: this.setTransitionEl }, hAsync("slot", { key: 'c345e009cd622131f97d016dee47967e82d3b576' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -41074,7 +41102,7 @@ class Shell {
         return (hAsync("div", { class: CSS$q.positionedSlotWrapper }, this.renderAlerts(), this.renderModals(), this.renderSheets()));
     }
     render() {
-        return (hAsync(Fragment, { key: 'e9895b0f55e2ef9b4e1c6ecc93994b218e3677e5' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
+        return (hAsync(Fragment, { key: '8378ef601abf3b097c6b1cbf83be11bf44ed8afb' }, this.renderHeader(), this.renderMain(), this.renderFooter(), this.renderPositionedSlots()));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellStyle0; }
@@ -41136,14 +41164,14 @@ class ShellCenterRow {
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (hAsync("div", { key: 'b611d572ee4766717d7418ffc139c18e8e0ecf9a', class: CSS$p.content }, hAsync("slot", { key: '1ba3a1f6d45d9deaff0b66cb2334ebb0c5870263' })));
+        const contentNode = (hAsync("div", { key: '9e1d7602bfdb40e63de0e04a37bedee830533c6e', class: CSS$p.content }, hAsync("slot", { key: '99adf8c62da6a33acd044c7a2a908aa84d38c03c' })));
         const actionBar = getSlotted(el, SLOTS$8.actionBar);
         const actionBarNode = actionBar ? (hAsync("div", { class: CSS$p.actionBarContainer, key: "action-bar" }, hAsync("slot", { name: SLOTS$8.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return hAsync(Fragment, { key: '0842d87dc0a981b199503ba5bf5e3a1f6fd00bc3' }, children);
+        return hAsync(Fragment, { key: 'e08d188e13fa0f376a364d9e5f9e15fb1d757b4e' }, children);
     }
     get el() { return getElement(this); }
     static get style() { return CalciteShellCenterRowStyle0; }
@@ -41871,16 +41899,16 @@ class Slider {
                 minInterval,
                 mirror,
             });
-        return (hAsync(Host, { key: 'b6cd9c5759a2c4b270c5cd7ed2b93f5e5ba659aa', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: 'cfc450cd1f2ad1fa48d064c49205e620793f7b30', disabled: this.disabled }, hAsync("div", { key: '605a6722ff7ed5f1b1c79ad72a55a877fca00439', "aria-label": getLabelText(this), class: {
+        return (hAsync(Host, { key: '04dea5bcb09095f217e50b4129ff54dad822d686', id: id, onKeyDown: this.handleKeyDown, onTouchStart: this.handleTouchStart }, hAsync(InteractiveContainer, { key: '6b82e2160a9c0c4db901463ce3658b0561019d72', disabled: this.disabled }, hAsync("div", { key: '5ff110a64e7971cfbd52f058f7937d3901e3c36b', "aria-label": getLabelText(this), class: {
                 [CSS$n.container]: true,
                 [CSS$n.containerRange]: valueIsRange,
                 [`scale--${this.scale}`]: true,
-            } }, this.renderGraph(), hAsync("div", { key: '0c583557d73d9b68b822c64ee34e0158fd31622d', class: CSS$n.track,
+            } }, this.renderGraph(), hAsync("div", { key: 'df2efce7f11b90b2a402b2b2a8fe49bd95425268', class: CSS$n.track,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeTrackRef }, hAsync("div", { key: 'afd446ecf292aa0ba19ae6f5c11c558c16d659c8', class: CSS$n.trackRange, onPointerDown: this.onTrackPointerDown, style: {
+            ref: this.storeTrackRef }, hAsync("div", { key: 'ef004106a42892a14307ca51cf73470206e5ce44', class: CSS$n.trackRange, onPointerDown: this.onTrackPointerDown, style: {
                 left: `${mirror ? 100 - maxInterval : minInterval}%`,
                 right: `${mirror ? minInterval : 100 - maxInterval}%`,
-            } }), hAsync("div", { key: '3bf6dd20767d32a1d004be050f81ced4c2b26662', class: CSS$n.ticks }, this.tickValues.map((tick) => {
+            } }), hAsync("div", { key: '328f9c37ae975cffa03b1893cf9ce72c32c58dc1', class: CSS$n.ticks }, this.tickValues.map((tick) => {
             const tickOffset = `${this.getUnitInterval(tick) * 100}%`;
             let activeTicks = tick >= min && tick <= value;
             if (useMinValue) {
@@ -41893,7 +41921,7 @@ class Slider {
                     left: mirror ? "" : tickOffset,
                     right: mirror ? tickOffset : "",
                 } }, this.renderTickLabel(tick)));
-        }))), hAsync("div", { key: '6a12447745cc41ed94028741191247e8fe7ebaad', class: CSS$n.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: '26f79fcde5ce93627ef43cc9b97bd48cb9f1557d', component: this }))))));
+        }))), hAsync("div", { key: 'f3351c3907f38d507c8e355c74095292b62da46b', class: CSS$n.thumbContainer }, minThumb, thumb, hAsync(HiddenFormInputSlot, { key: 'cf1dde9045965a540d5f36415ea6a1fb428a931e', component: this }))))));
     }
     renderThumb({ type, mirror, thumbPlacement, minInterval, maxInterval, }) {
         const isLabeled = type.includes("labeled");
@@ -42558,11 +42586,11 @@ class SortableList {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (hAsync(InteractiveContainer, { key: '55863db3f7758c2bdf7143e56ae431c952c2249f', disabled: disabled }, hAsync("div", { key: 'e01d31cb0509f793b70c885f70575b331ac5729c', class: {
+        return (hAsync(InteractiveContainer, { key: '74cbecc0103a155addd402773c3651eb9409974a', disabled: disabled }, hAsync("div", { key: 'a3ce1b22fbb0cd1f8e78f7afc2d9f6d16b45594c', class: {
                 [CSS$m.container]: true,
                 [CSS$m.containerVertical]: !horizontal,
                 [CSS$m.containerHorizontal]: horizontal,
-            } }, hAsync("slot", { key: '87ababe82f5e8659244040982348556efd061af9' }))));
+            } }, hAsync("slot", { key: '57fe50b68cf85fcc95f2b65c633ac631750575c1' }))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSortableListStyle0; }
@@ -42665,7 +42693,7 @@ class SplitButton {
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (hAsync(InteractiveContainer, { key: '828f76cdbd0d6aea6cdb4b960753347ebc998225', disabled: this.disabled }, hAsync("div", { key: '9c94217002691c36a61f5658ef3a6a1c7e577e21', class: CSS$l.container }, hAsync("calcite-button", { key: '4afce55719d1f12ee7aec177267dd8e031692e54', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: '86de75f353658799995139720556cd73715d1dc9', class: CSS$l.dividerContainer }, hAsync("div", { key: '553168882ba7f2128f6bb343d12c7e42fde4a4a0', class: CSS$l.divider })), hAsync("calcite-dropdown", { key: 'a84bf9e290ca85f5f86171a14ac09aa7694b39a8', disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: '304e9bb68963d69c89bc180bef6dc297d4a3ec17', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: 'ecc5b474491d24b30d385ff1891e45fe3f52d84b' })))));
+        return (hAsync(InteractiveContainer, { key: 'ffb11f3a1130410c96151c30437e6bebf8d72b74', disabled: this.disabled }, hAsync("div", { key: '413a2b27a8aed681110604030f4049b238c02268', class: CSS$l.container }, hAsync("calcite-button", { key: '2ea89ead3550d6bfa383da6dd66f85831bb25bec', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), hAsync("div", { key: '2c7f076e3efae596a9cd3b183e8b3f999acff949', class: CSS$l.dividerContainer }, hAsync("div", { key: 'db6817a5df759d8585bb63286af2648e7e0e787c', class: CSS$l.divider })), hAsync("calcite-dropdown", { key: '6e4d046a3821d6404068e17b6e11a2be02f85617', disabled: this.disabled, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: "bottom-end", scale: this.scale, "width-scale": this.scale }, hAsync("calcite-button", { key: '339c025cee1c2084f92f167437050677da372036', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), hAsync("slot", { key: '9208f1780e47d80729765c85297bd4a39314d2ed' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"
@@ -42771,7 +42799,7 @@ class Stack {
         return (hAsync("div", { class: CSS$J.contentEnd, hidden: !hasContentEnd }, hAsync("slot", { name: SLOTS$h.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (hAsync(Host, { key: '350de58c1d16f5965d53c5f51aa629fd7fd4c107' }, hAsync("div", { key: '8752832f8c89e427821db915415b9f1eac52946f', class: CSS$J.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (hAsync(Host, { key: '12dc4190cdb9ea87a4ea6d153b2b89ae5736de06' }, hAsync("div", { key: '4397b9e6e9b8834af7cff90a32cb1e2c13131e6a', class: CSS$J.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
     static get style() { return CalciteStackStyle0; }
     static get cmpMeta() { return {
@@ -42916,9 +42944,9 @@ class Stepper {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Host, { key: 'cffc7783ef3e566c925acca5bc6f5c15f355479e', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: '2baa858291ec3784ff338fec3e66c12d9d942e29', class: { container: true, [CSS$k.singleView]: this.layout === "horizontal-single" },
+        return (hAsync(Host, { key: '9f44ffa802fd3f8680faed14ada6537a8e2b7850', "aria-label": this.messages.label, role: "region" }, hAsync("div", { key: '36d7624efd7fa1cffd4f025cb3543629b0d6578e', class: { container: true, [CSS$k.singleView]: this.layout === "horizontal-single" },
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
-            ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { class: { [CSS$k.stepBarContainer]: true } }, this.items.map((item, index) => (hAsync(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (hAsync("div", { class: { [CSS$k.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: 'abc1f57bf46fed07c55c6ac945d7979958821754', onSlotchange: this.handleDefaultSlotChange }))));
+            ref: this.setContainerEl }, this.layout === "horizontal-single" && (hAsync("div", { key: 'abc141154968d5e0f42abc7bf2c6e1a6d2a4550a', class: { [CSS$k.stepBarContainer]: true } }, this.items.map((item, index) => (hAsync(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (hAsync("div", { key: 'c55d70e84c05d02ae0bf0650603a8bb60725c32c', class: { [CSS$k.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), hAsync("slot", { key: '03b9d71eaded0284873709ea8da17cd642379656', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -43273,11 +43301,11 @@ class StepperItem {
         disconnectMessages(this);
     }
     render() {
-        return (hAsync(Host, { key: '096f9389ee1639c7bb888668a9b76d4cbbd011f2', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '683e706e5b1dd6164a5b662d79cfae160ef00233', disabled: this.disabled }, hAsync("div", { key: 'ebdf63213e4117ab1b3e187a3f32aa2ced665205', class: CSS$i.container }, this.complete && (hAsync("span", { "aria-live": "polite", class: CSS$i.visuallyHidden }, this.messages.complete)), hAsync("div", { key: 'd8c26e7385c8159afbace97a34bf139acec835d9', class: CSS$i.stepperItemHeader, tabIndex: 
+        return (hAsync(Host, { key: '78b66c6e63baad88c286103f172b9e0d83f71200', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '518bf9f28f04a5064f5b06aa08616f54cd1ed074', disabled: this.disabled }, hAsync("div", { key: '2ec353ab0b2e4dff1166a31509cd8f783322b155', class: CSS$i.container }, this.complete && (hAsync("span", { key: 'f13aab33f57456803ea5ca2e1c74acac1058af3a', "aria-live": "polite", class: CSS$i.visuallyHidden }, this.messages.complete)), hAsync("div", { key: '8741b6a44b71fb650349bacc676c990f6af07948', class: CSS$i.stepperItemHeader, tabIndex: 
             /* additional tab index logic needed because of display: contents */
             this.layout === "horizontal" && !this.disabled ? 0 : null,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.headerEl = el) }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: CSS$i.stepperItemNumber }, this.renderNumbers(), ".")) : null, hAsync("div", { key: '2271dc9e98875f797a82fc010684aceb1660cc79', class: CSS$i.stepperItemHeaderText }, hAsync("span", { key: 'fbe9f433360f1336826b611938a350605a767629', class: CSS$i.stepperItemHeading }, this.heading), hAsync("span", { key: '4796e41a1671e7d2e5f92a002f8d43e27eb391bc', class: CSS$i.stepperItemDescription }, this.description))), hAsync("div", { key: '2db709a64c40944cc587fb8406b7608bd00eb763', class: CSS$i.stepperItemContent }, hAsync("slot", { key: 'c68c7ede026238a8861a2c898ac557f7d4651593' }))))));
+            ref: (el) => (this.headerEl = el) }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: CSS$i.stepperItemNumber }, this.renderNumbers(), ".")) : null, hAsync("div", { key: '646398a0c466daf881fc028c167037778ce646bb', class: CSS$i.stepperItemHeaderText }, hAsync("span", { key: 'f8678c77a71113aa59e0ea42ad888e4e17c755e0', class: CSS$i.stepperItemHeading }, this.heading), hAsync("span", { key: '06882809e6d0f2a6e56c315c7d5a35692f010018', class: CSS$i.stepperItemDescription }, this.description))), hAsync("div", { key: '46720937bdc77dc0d0594216991dd49dd701c691', class: CSS$i.stepperItemContent }, hAsync("slot", { key: '8cb1c5246633879fc105db4be1d7a40ebfa6354b' }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -43458,9 +43486,9 @@ class Switch {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (hAsync(Host, { key: '81fc589e9a785df955080afea87ffe032948400b', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: 'f860912027dd988f496ef2607e4ddd736fd2cd75', disabled: this.disabled }, hAsync("div", { key: '7d0f15229c3bb3b6c4872d1c96db07abe5f53f3e', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", role: "switch", tabIndex: 0,
+        return (hAsync(Host, { key: '272872a1ec98df0e0bf19877187a2c3a8e35a170', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, hAsync(InteractiveContainer, { key: '4e4e69994658686adb39e7a7affa0bff200187a1', disabled: this.disabled }, hAsync("div", { key: '4a2ee0890034616d13a77c689690f914da167e0b', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", role: "switch", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setSwitchEl }, hAsync("div", { key: 'e3d3d411e6b050ab58164289cf64cbe1d1ece0f5', class: "track" }, hAsync("div", { key: '773e75613a8742178b86cd82c520ce48f06be84c', class: "handle" })), hAsync(HiddenFormInputSlot, { key: '1e86d94f3b5cfd43739c6e3b64f54fe248291b57', component: this })))));
+            ref: this.setSwitchEl }, hAsync("div", { key: 'cef7d50045500084926c5940ac860ce464887150', class: "track" }, hAsync("div", { key: '17880f944b0926be58efa1f1a3a9fd3e60bdf8c4', class: "handle" })), hAsync(HiddenFormInputSlot, { key: 'b1da95d22c2f7a38e758b2156fd5512961797035', component: this })))));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteSwitchStyle0; }
@@ -43511,7 +43539,7 @@ class Tab {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (hAsync(Host, { key: 'c923f28e4deb1605d1bf309bec62ac71c7f078d1', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: '9dee3aa375cea8d81303095120488b8d7c80aa06', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: '3f27c348116009039f4c1473c920b09cd44412d6', class: CSS$h.content }, hAsync("slot", { key: '16831180400baf93ce74d825f906b9c2394fb925' })))));
+        return (hAsync(Host, { key: 'ac63d026e0ae60bfd5cb37c5b40f8cbf3a281d9d', "aria-labelledby": this.labeledBy, id: id }, hAsync("div", { key: '9450a01da013829dab7196303e1f8f7941a1ed66', class: { [CSS$h.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, hAsync("section", { key: '2536dc9ce266e3495931a6568beafcf4f50a6a3a', class: CSS$h.content }, hAsync("slot", { key: '1434a3d689822974c11e93785f8bce13c58a4125' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -43824,7 +43852,7 @@ class TabNav {
         const width = `${this.indicatorWidth}px`;
         const offset = `${this.indicatorOffset}px`;
         const indicatorStyle = this.effectiveDir !== "rtl" ? { width, left: offset } : { width, right: offset };
-        return (hAsync(Host, { key: 'a287178bbe6715e9a1a5daaa91a58d11ad2ebf2c', role: "tablist" }, hAsync("div", { key: '3d0cfca9f772e9f6d607b078108ea406e3fbdfa0', class: {
+        return (hAsync(Host, { key: '5dff535015e2f2ce6196ab96d0309f7f61cb988b', role: "tablist" }, hAsync("div", { key: '6a9477e92f49cdeb4337f3b59306872530926880', class: {
                 [CSS$g.container]: true,
                 [CSS$g.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS$g.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
@@ -43833,15 +43861,15 @@ class TabNav {
                 [CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeContainerRef }, this.renderScrollButton("start"), hAsync("div", { key: '8ebaff43e78dc1214320a6609856203a2836b504', class: {
+            ref: this.storeContainerRef }, this.renderScrollButton("start"), hAsync("div", { key: '72460dad9f38b917b13fad6a77de1f80a91842ac', class: {
                 [CSS$g.tabTitleSlotWrapper]: true,
             }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: '1bf4428d1a205dbbda01532403bc398687d0fbc0', onSlotchange: this.onSlotChange })), hAsync("div", { key: 'fa0c101b34ee3384152f5895b3d0fbe4403820cd', class: {
+            ref: this.storeTabTitleWrapperRef }, hAsync("slot", { key: '14d154f7101331838713fd6bcd8c0f42419c6af2', onSlotchange: this.onSlotChange })), hAsync("div", { key: '781c4de066fbbe74ce79a8a44e06addcb76252e3', class: {
                 [CSS$g.activeIndicatorContainer]: true,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: 'd316067e0b3f68fe0516c1520d467bdc8712c7dc', class: "tab-nav-active-indicator", style: indicatorStyle,
+            ref: (el) => (this.activeIndicatorContainerEl = el) }, hAsync("div", { key: '8d41f5ca2bda15580bd3bd1cc2c8fb96980a7992', class: "tab-nav-active-indicator", style: indicatorStyle,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: (el) => (this.activeIndicatorEl = el) })), this.renderScrollButton("end"))));
     }
@@ -44167,15 +44195,15 @@ class TabTitle {
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (hAsync("calcite-icon", { key: 'd0676838c9b74b250bac33d00254a4058c45ea3a', class: { [CSS$f.titleIcon]: true, [CSS$f.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const iconEndEl = (hAsync("calcite-icon", { key: '4d16cc55e17fb13052fd3122eaade06b9bf0a5c9', class: { [CSS$f.titleIcon]: true, [CSS$f.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: 'ec25cc971cb383ed1fbf16dc6b0d164bbd730d84', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '7755e38ba5cefa289e29f5c13ed35d2fb4a4f5c7', disabled: this.disabled }, hAsync("div", { key: '23e265b3d8f38d53de75ed497d3c41dadcde2acf', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: 'f4810f642a708b8d78e589f288fac4cfc941b7b8', class: { [CSS$f.titleIcon]: true, [CSS$f.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const iconEndEl = (hAsync("calcite-icon", { key: 'e86aa87f6fe07db8b976116433e9a4fdf7d190ff', class: { [CSS$f.titleIcon]: true, [CSS$f.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: 'ff164e3c2daf36e9b2d4e38647ff2f270e660d7c', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, hAsync(InteractiveContainer, { key: '220d7cccd9b395b15c7fa967ad98745461f99f46', disabled: this.disabled }, hAsync("div", { key: '1897ee7d51fc7b0d26bc69bfce2d510380b9fa8d', class: {
                 container: true,
                 [CSS$f.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [`scale-${this.scale}`]: true,
             }, hidden: closed,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: '848f348f409ff01f4349dcaec9342a33bf531ee1', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: '02c60f314ed3e05bb68055496852dd65ea5246cc' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
+            ref: (el) => this.resizeObserver?.observe(el) }, hAsync("div", { key: '29fcb766f8cd17906dec71da73f8b10ecfd43f46', class: { [CSS$f.content]: true, [CSS$f.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, hAsync("slot", { key: 'bb64cfedd5d83adb56ea4928a5ff8927a8bd0082' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton()))));
     }
     renderCloseButton() {
         const { closable, messages } = this;
@@ -44624,11 +44652,11 @@ class Table {
             ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (hAsync(Host, { key: 'e3a92cf11b833f4fb2c0103f6fe3b19c85d23fba' }, hAsync("div", { key: 'ce45bd369bbfc34a4959dc8feff1d85a27edc143', class: CSS$e.container }, this.selectionMode !== "none" && this.renderSelectionArea(), hAsync("div", { key: 'cfa5dc0a3c31d113a89844713ae3c7c8c24f03c1', class: {
+        return (hAsync(Host, { key: '668645b5a18b62dd8ab91cc28cf93511049d3190' }, hAsync("div", { key: 'aff386a6a2d1ec6ef7901e02541800cc793bb933', class: CSS$e.container }, this.selectionMode !== "none" && this.renderSelectionArea(), hAsync("div", { key: '1a2b7234ac845c85a824a231a509434d70ca4f79', class: {
                 [CSS$e.bordered]: this.bordered,
                 [CSS$e.striped]: this.striped || this.zebra,
                 [CSS$e.tableContainer]: true,
-            } }, hAsync("table", { key: '6727bc088da4992e53cf7c22b0f64f1449eabe22', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS$e.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, hAsync("caption", { key: '154f03eecf5c44a44b53c8b93125ba7a4c18de03', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, hAsync("table", { key: 'cdec1e5ed3940f7c0c21de024a2409ba5e7dcfad', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS$e.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, hAsync("caption", { key: 'fc7bd3cca7d24d4074a88322b9f110c0af2a07b5', class: CSS$e.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -44794,7 +44822,7 @@ class TableCell {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (hAsync(Host, { key: '6d2d4c88e62895a49c7a6ee5163368537ca57239' }, hAsync(InteractiveContainer, { key: 'ab317126c12ea254c765341b271652a6dda182d1', disabled: this.disabled }, hAsync("td", { key: '3db1f186c8ab510b4f2c6adc0cea6eb95eb3d9a7', "aria-disabled": this.disabled, class: {
+        return (hAsync(Host, { key: 'bc803168868ee8c908e2e609794a520f7d9d9330' }, hAsync(InteractiveContainer, { key: '4fa578cfa59ffd9be0429f5d4e8486f72044c230', disabled: this.disabled }, hAsync("td", { key: '3041f5bf583068db1c00eedd9f470dba1dbd1a52', "aria-disabled": this.disabled, class: {
                 [CSS$d.footerCell]: this.parentRowType === "foot",
                 [CSS$d.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$d.numberCell]: this.numberCell,
@@ -44806,7 +44834,7 @@ class TableCell {
                 [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
             }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { key: '8269efc87308e0930b4774f3279df241f7a9bdbd', onSlotchange: this.updateScreenReaderContentsText })))));
+            ref: (el) => (this.containerEl = el) }, (this.selectionCell || this.readCellContentsToAT) && (hAsync("span", { key: '3a906e313c15723c12004c39ace7916f7370ea8b', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$d.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), hAsync("slot", { key: '68a0d6d7cab7acd8c79bc7f87eb81c8cafd4804d', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -44981,7 +45009,7 @@ class TableHeader {
         const allSelected = this.selectedRowCount === this.bodyRowCount;
         const selectionIcon = allSelected ? "check-square-f" : "check-square";
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (hAsync(Host, { key: '98652d6dda42f659a3959ede97da54d7fc7e1321' }, hAsync("th", { key: '560560a72a27743ed0ac0add1c31f79d45a56806', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (hAsync(Host, { key: '3f0acdab95b477a1c8516454c2bf4e47c80f9333' }, hAsync("th", { key: '06ab243a70e40b49e352a625f34652db6af9c7d1', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS$c.bodyRow]: this.parentRowType === "body",
                 [CSS$c.footerRow]: this.parentRowType === "foot",
                 [CSS$c.contentCell]: !this.numberCell && !this.selectionCell,
@@ -44994,7 +45022,7 @@ class TableHeader {
                 [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
             }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.containerEl = el) }, this.heading && hAsync("div", { class: CSS$c.heading }, this.heading), this.description && hAsync("div", { class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
+            ref: (el) => (this.containerEl = el) }, this.heading && hAsync("div", { key: 'b647db430e442cebafdea7b33816fcd1dee423b3', class: CSS$c.heading }, this.heading), this.description && hAsync("div", { key: '91c7239a2161b5b42e0ec7290bee2e659aa4292a', class: CSS$c.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (hAsync("calcite-icon", { key: 'fa61dfa561aff175a19756dd37bef896d3e0bbf7', class: { [CSS$c.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (hAsync("span", { key: 'd2d20c2def75e42507a6458403abf98f6b165006', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$c.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -45264,9 +45292,9 @@ class TableRow {
         return this.rowType === "head" ? (hAsync("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (hAsync("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (hAsync(Host, { key: 'a91f95c7655b80d765bd17ceae7a1d866b86a378' }, hAsync(InteractiveContainer, { key: '938cec4650349f43d33940092809186d7b16b8af', disabled: this.disabled }, hAsync("tr", { key: '5abd8654557e4226ccfca60a8ece089ea1d6129b', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler,
+        return (hAsync(Host, { key: '4bb51a15c19b8878eed2fe0b145f46532bfeecea' }, hAsync(InteractiveContainer, { key: '417fde4322bc881cce152156160c589c864c2fc9', disabled: this.disabled }, hAsync("tr", { key: 'fc646e3d732c019eb9e339bf00b4883f865c1fad', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS$b.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), hAsync("slot", { key: '7a9a4c1985604e9d9051e50759a2e884c6af45b9', onSlotchange: this.updateCells,
+            ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), hAsync("slot", { key: '6e30d152ad424eab390dfa354c7385fd293a56cd', onSlotchange: this.updateCells,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
             ref: (el) => (this.tableRowSlotEl = el) })))));
     }
@@ -45351,7 +45379,7 @@ class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (hAsync(Fragment, { key: 'c675bc7fb08cc2e5a6d9b743c9d41f7e03df0e1b' }, hAsync("slot", { key: '0c7e1f2454f89b7a3d2bbf9c031977a0c5fb0f98', name: SLOTS$5.titleGroup }), hAsync("section", { key: 'f6381f3444e19a210c7c41e6e815b17dd3a95f4b' }, hAsync("slot", { key: 'd7b29c74a0eb3e0a94d5a79523adf0e1e38dc8d3' }))));
+        return (hAsync(Fragment, { key: '08a34679c4ea21e2cebf5eeb82bbc3c71d9234e1' }, hAsync("slot", { key: 'fb4946f9068b8c645b1c005d57ad6e5072a4158d', name: SLOTS$5.titleGroup }), hAsync("section", { key: 'cde75da1d636f232d2b1bc03f19a5f9677559c12' }, hAsync("slot", { key: 'd1287db8316750f7925e3334e1083b274b71686e' }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -45627,7 +45655,7 @@ class TextArea {
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (hAsync(Host, { key: '8b31eafb22d17ab96ad47073f253ac24c6d6d110' }, hAsync(InteractiveContainer, { key: '3587e36345785ef2972dffb998890c91c66a316b', disabled: this.disabled }, hAsync("textarea", { key: '49e1a6d836c5172b8eacfedc242bbf1d5cafac1a', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (hAsync(Host, { key: 'c92b2854ce3a250fd5d5992e82449268c3b1c2c1' }, hAsync(InteractiveContainer, { key: 'd9641c3172335a10c6a966ab891f572c90633397', disabled: this.disabled }, hAsync("textarea", { key: '17553e387490d2ac21573905e08c83937cffcda3', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.textAreaInvalid]: this.isCharacterLimitExceeded(),
                 [CSS$a.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
@@ -45635,16 +45663,16 @@ class TextArea {
                 [CSS$a.borderColor]: !hasFooter,
             }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTextAreaEl }), hAsync("span", { key: '99ec9e0240c886a8970460de5935667f09547fc6', class: { [CSS$a.content]: true } }, hAsync("slot", { key: 'ded217f9e7d6bae73d30d76adbede0369354e97f', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '7c4cacfa34c164e5b211df9957c703f704154c46', class: {
+            ref: this.setTextAreaEl }), hAsync("span", { key: 'c1bd47e7ecc1d32d96aaec90c610c5ac4dda88d5', class: { [CSS$a.content]: true } }, hAsync("slot", { key: 'd3a903205379e9d000c9e5ffa551aad8ab93f6df', onSlotchange: this.contentSlotChangeHandler })), hAsync("footer", { key: '8d1988fdd65171d63214a116266b77690fb79b6e', class: {
                 [CSS$a.footer]: true,
                 [CSS$a.readOnly]: this.readOnly,
                 [CSS$a.hide]: !hasFooter,
             },
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
-            ref: (el) => (this.footerEl = el) }, hAsync("div", { key: '00f6110abab57902cc30fe34b49a53d7b165c290', class: {
+            ref: (el) => (this.footerEl = el) }, hAsync("div", { key: '8cf4980189446447906714850306f1e320400ee1', class: {
                 [CSS$a.container]: true,
                 [CSS$a.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, hAsync("slot", { key: '9271e0c6c362dd6b66540d5eea466c0eb34ee1cd', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: '98ae8566a27995a23df3ef7ba3d74787515a3cc4', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: 'e5ff5d67553d540dd17c56013f803acf371a6163', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { "aria-hidden": true, "aria-live": "polite", class: CSS$a.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            } }, hAsync("slot", { key: 'bbdd41733fe2e3e3991f90060ffdda8e7369f7c6', name: SLOTS$4.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), hAsync("slot", { key: 'a992f46944527c11c5058fafedcb2f0848916cc7', name: SLOTS$4.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), hAsync(HiddenFormInputSlot, { key: 'e0f3810565d358d8570438ab719d8f2ad00362c7', component: this }), this.isCharacterLimitExceeded() && (hAsync("span", { key: '6841b50727f8571cf556deda78f39fa02e6d9bee', "aria-hidden": true, "aria-live": "polite", class: CSS$a.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (hAsync(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     //--------------------------------------------------------------------------
     //
@@ -45835,7 +45863,7 @@ class Tile {
     }
     render() {
         const { disabled } = this;
-        return (hAsync(InteractiveContainer, { key: 'b5609268447ba0380f035625b45ac8e1880964c8', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (hAsync(InteractiveContainer, { key: '05331d5c6536256f9a0cc3c094b3e9a08c547c3b', disabled: disabled }, this.href ? (hAsync("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileStyle0; }
@@ -45905,7 +45933,7 @@ class TileGroup {
         disconnectInteractive(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '59afa30e3cc14cff7316156fd0fd52ee2ac97fe7', disabled: this.disabled }, hAsync("div", { key: '72cae9045be1b2d6310cfba2de6fd1f20e8a961e', class: CSS$8.container }, hAsync("slot", { key: '3d32bb9a5acee618ab1620fcdf830298bc6b2c87', onSlotchange: this.updateTiles }))));
+        return (hAsync(InteractiveContainer, { key: '61f378bd6c277922bc943915e6463444b8670b12', disabled: this.disabled }, hAsync("div", { key: '5e3a5d004ee2b5c52dc6e564b0b4a42dabd896a6', class: CSS$8.container }, hAsync("slot", { key: '13fcd6da73fe53df96ec1f8a7ade44dcce01775a', onSlotchange: this.updateTiles }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -46110,7 +46138,7 @@ class TileSelect {
         const { checked, description, disabled, focused, heading, icon, inputAlignment, inputEnabled, width, iconFlipRtl, } = this;
         const isLargeVisual = heading && icon && !description;
         const renderIcon = Boolean(icon);
-        return (hAsync(InteractiveContainer, { key: '64625fd1290bdc808bee2b2d582102d3643f677d', disabled: disabled }, hAsync("div", { key: '4ab112700d612525ec3eb6e01c44c3bd7d6871f9', class: {
+        return (hAsync(InteractiveContainer, { key: '02789bb3a83da4360bb993afb84eb6379aaa6464', disabled: disabled }, hAsync("div", { key: '76ce0a9d948af99032ec9a8c7539dd0f804d3152', class: {
                 checked,
                 container: true,
                 [CSS$7.description]: Boolean(description),
@@ -46127,7 +46155,7 @@ class TileSelect {
                 [CSS$7.largeVisual]: isLargeVisual,
                 [CSS$7.widthAuto]: width === "auto",
                 [CSS$7.widthFull]: width === "full",
-            } }, hAsync("div", { key: '0763f3fdec36f9d9ca78cce0a0be6772f7af927e', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: 'bf2ae1527cacf4f466caa029c55690c174ab23d5', class: CSS$7.tileContentContainer }, hAsync("div", { key: 'a377c243ad5943b8ad38321b5b23eba1afe9ff06', class: CSS$7.tileContent }, heading && hAsync("div", { class: CSS$7.tileHeading }, heading), description && hAsync("div", { class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: 'bc4b7e2cb5e2ef9d8a94e9996f94f15add15cde6' }))));
+            } }, hAsync("div", { key: '4ec5b40385e7af6fbfb471343abea827ee9b44a1', class: { [CSS$7.tile]: true, [CSS$7.tileLargeVisual]: isLargeVisual } }, icon && (hAsync("div", { key: 'a42d1c54c0456d0c90ebec1c8a22da5aefee233d', class: { [CSS$7.icon]: renderIcon } }, hAsync("calcite-icon", { key: '5d16016353c31624985724de64c5bfafbc0b2f2e', flipRtl: iconFlipRtl, icon: icon, scale: "l" }))), hAsync("div", { key: 'aec3a4b29f524d55a8009f9d96b563037f3c1d6d', class: CSS$7.tileContentContainer }, hAsync("div", { key: '761e79c56301ed6e55e817ae15cc2d5ae805cd02', class: CSS$7.tileContent }, heading && hAsync("div", { key: '818bf51f5d42a4d7c9f6b2c663e59359845ef0db', class: CSS$7.tileHeading }, heading), description && hAsync("div", { key: '775a563b7c1db309a6c646964c69b79f8a10201e', class: CSS$7.tileDescription }, description)))), hAsync("slot", { key: 'a17a3adfc7e775f553043cc90f40fd13d64469d2' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -46187,7 +46215,7 @@ class TileSelectGroup {
         disconnectInteractive(this);
     }
     render() {
-        return (hAsync(InteractiveContainer, { key: '0f66a5b8e77102553c30332024016dfcb5fe06d6', disabled: this.disabled }, hAsync("slot", { key: '58a41b2c8cfcb2108f57fbf41edcba6108a52657' })));
+        return (hAsync(InteractiveContainer, { key: '5ff636b8774f2d898b1255eb59ec7ff236bfdaa6', disabled: this.disabled }, hAsync("slot", { key: '177fd17cad9a164420019e947a9d963aae8987a4' })));
     }
     get el() { return getElement(this); }
     static get style() { return CalciteTileSelectGroupStyle0; }
@@ -46932,79 +46960,79 @@ class TimePicker {
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (hAsync("div", { key: '9ddc719a5837417822dbe29f5268872fb4a9ef28', class: {
+        return (hAsync("div", { key: 'f310faf81798eef3e4b3bb45a416b103420b5a15', class: {
                 [CSS$6.timePicker]: true,
                 [CSS$6.showMeridiem]: showMeridiem,
                 [CSS$6.showSecond]: this.showSecond,
                 [CSS$6[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, hAsync("div", { key: 'bf3c68661bbbd73ba797bc161dc3cd080fa08622', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'ace73500459743fcb2a2be57c2645f5839ed2c8b', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, hAsync("div", { key: '01b39c2f9514772397774df2e84ea88c19da4487', class: CSS$6.column, role: "group" }, hAsync("span", { key: '774bccc83b95d3d83e3e8b72dc76437e267ab1c7', "aria-label": this.messages.hourUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonHourUp]: true,
                 [CSS$6.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '23726d7a98e4b24407cf044ee27624bddbf35874', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'abc9abbc53732a842158ce23c5e4116dd6963e00', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '045287a5a2b3dca615bafdb949afe0a9f0211bd2', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '0b6099ca863598b66116de61cc82fe133c7feae2', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS$6.input]: true,
                 [CSS$6.hour]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setHourEl }, this.localizedHour || "--"), hAsync("span", { key: '538ca4add6a2796dd6a3d05e304f62a7d61ed1ae', "aria-label": this.messages.hourDown, class: {
+            ref: this.setHourEl }, this.localizedHour || "--"), hAsync("span", { key: '2e064815bb90e6dcf1c3eb2aefb5de0858b1bc1f', "aria-label": this.messages.hourDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonHourDown]: true,
                 [CSS$6.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '4d88900ef077cdf0d06b63ea12927baa90a7f015', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: '8cc10d702d36dd92df35d26a1fe806583f6f9b55', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: 'f7a33a5b9dd1f5bc8b3b8aa14955a995f229bf0e', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'e45375903e801a2c6c0fb5085d2e3f8e435ffaf7', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '17e11ab04404f005126fc645fd72cd45c38f50d5', icon: "chevron-down", scale: iconScale }))), hAsync("span", { key: 'd0ae2e542ed7989cfa778f8b8b1ebaa3ab0ba2e6', class: CSS$6.delimiter }, this.localizedHourSuffix), hAsync("div", { key: '52fe3f3955a16f477a14340fe4f7f27eec444925', class: CSS$6.column, role: "group" }, hAsync("span", { key: 'bbb6de0c442913b164d00c47b4f57e4e120cab54', "aria-label": this.messages.minuteUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'ea864ea55f5e13c2ba89b3749fdc9b658ab261fd', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '19688296ae4ff9a1e5fdb593a5ddb2ece3a5776b', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '0f10f29cc3069089f0bceddfef41388fc205f1e0', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'd35d66f327f1d4bbd28416459d3605096e32ffa7', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS$6.input]: true,
                 [CSS$6.minute]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setMinuteEl }, this.localizedMinute || "--"), hAsync("span", { key: 'b9f079012b64c9a30b727d059df6e3104cf48bd9', "aria-label": this.messages.minuteDown, class: {
+            ref: this.setMinuteEl }, this.localizedMinute || "--"), hAsync("span", { key: '07caa3af8aa1df5b5c3d21c8515c1a5b980d7fc7', "aria-label": this.messages.minuteDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '3490138ff0d0a1f7b7387015a8e8770426429538', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { class: CSS$6.column, role: "group" }, hAsync("span", { "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: 'f4c39c61631531f57a1e8c7a85142ce6e46afc00', icon: "chevron-down", scale: iconScale }))), this.showSecond && hAsync("span", { key: 'a6b56869de458541558f28e0f175a5018d257555', class: CSS$6.delimiter }, this.localizedMinuteSuffix), this.showSecond && (hAsync("div", { key: '3719c6f9010793942f30c11240278f77137a0649', class: CSS$6.column, role: "group" }, hAsync("span", { key: '775086665d230a36292f4a681246a238e1356199', "aria-label": this.messages.secondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { icon: "chevron-up", scale: iconScale })), hAsync("span", { "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '116bed2f5eb55048ec499c1d397e4311642b2079', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '1efda1aa51d758c3554c8edec7ca37bcf3a1f22e', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS$6.input]: true,
                 [CSS$6.second]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setSecondEl }, this.localizedSecond || "--"), hAsync("span", { "aria-label": this.messages.secondDown, class: {
+            ref: this.setSecondEl }, this.localizedSecond || "--"), hAsync("span", { key: '35909e7b1c5e0c23d95dde442bc6c0748d149dad', "aria-label": this.messages.secondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { class: CSS$6.column, role: "group" }, hAsync("span", { "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '21937e8d03c81aa889ffa1be41f36296f6753b93', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (hAsync("span", { key: 'b5c0acebcc4f895f9d3d7df603e3aa55cd5804e6', class: CSS$6.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (hAsync("div", { key: 'de5405098158af347afe50e90108e26f9a36b9e6', class: CSS$6.column, role: "group" }, hAsync("span", { key: '6fe58775f80695bc518ffe57da59b1d7751be02a', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { icon: "chevron-up", scale: iconScale })), hAsync("span", { "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '4024af672dd102e0e3be7d3c1016ad139d2dd6c4', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: 'bd8c8bfbbb6d9aa3eb6809bd57fbe2baff592299', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS$6.input]: true,
                 [CSS$6.fractionalSecond]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), hAsync("span", { "aria-label": this.messages.fractionalSecondDown, class: {
+            ref: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), hAsync("span", { key: 'bfe3da0555a3d9b6b0bf79e0891e1ed119440916', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '2ec7fe154adec0d9f40718887a1bc745889a6fcb', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (hAsync("span", { key: 'e36d18e96cfd12a3ab48f9b26ecdf485403024fd', class: CSS$6.delimiter }, this.localizedSecondSuffix)), showMeridiem && (hAsync("div", { key: '7053e07499c3904c187796fdb89f0ae4a7b225b5', class: {
                 [CSS$6.column]: true,
                 [CSS$6.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, hAsync("span", { "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, hAsync("span", { key: '72423900f8a23f6978736b9fd364ff19cf304cd6', "aria-label": this.messages.meridiemUp, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMeridiemUp]: true,
                 [CSS$6.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, hAsync("calcite-icon", { icon: "chevron-up", scale: iconScale })), hAsync("span", { "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, hAsync("calcite-icon", { key: '39d304a9b7c983a7330c6da8276dd3aee08a66f7', icon: "chevron-up", scale: iconScale })), hAsync("span", { key: '7ce43e44c47b9cdf0d4a513d772cd6a211192504', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS$6.input]: true,
                 [CSS$6.meridiem]: true,
                 [CSS$6.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
             }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), hAsync("span", { "aria-label": this.messages.meridiemDown, class: {
+            ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), hAsync("span", { key: '4d4c874b78c5187a8029c05943ebffee5d807f68', "aria-label": this.messages.meridiemDown, class: {
                 [CSS$6.button]: true,
                 [CSS$6.buttonMeridiemDown]: true,
                 [CSS$6.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, hAsync("calcite-icon", { key: '726cdfa57efdb00cc883f4ae919b94ea370a8eac', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -47151,7 +47179,7 @@ class Tip {
         return (hAsync("div", { class: CSS$5.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (hAsync(Fragment, { key: '17aa47c9f43891b41de61628db00170bd6e251c5' }, hAsync("article", { key: 'bd39c44ba099ab1fd1c726f1971f0366ba831bda', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (hAsync(Fragment, { key: '9b7a523d598cee5addbd38df1bc57e71895384fe' }, hAsync("article", { key: '6a3f5b6e937800409ed489d2b7965b6ef9da0dca', class: CSS$5.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -47192,7 +47220,7 @@ class TipGroup {
         this.groupTitle = undefined;
     }
     render() {
-        return hAsync("slot", { key: 'd4fdf96b852b9d845f1a0a24ce1d5c10c47b53e8' });
+        return hAsync("slot", { key: '7ed32bff60a8232093586688e1f163f974bfca3c' });
     }
     static get style() { return CalciteTipGroupStyle0; }
     static get cmpMeta() { return {
@@ -47813,14 +47841,14 @@ class Tooltip {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (hAsync(Host, { key: 'f041e937d5a2d66e9b2ec824985082e566fc31ad', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '221542109ff795cb0c685e0044f62de229ab662a', class: {
+        return (hAsync(Host, { key: 'bb3aacc629c8a7efe1ba7456b07a304171957c94', "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, hAsync("div", { key: '010a31c9f1ed5b7e69e255810165d68462fb30f1', class: {
                 [FloatingCSS.animation]: true,
                 [FloatingCSS.animationActive]: displayed,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '48e987c5f1b3d31b4871edbfc8ec26cd189873fe', floatingLayout: floatingLayout,
+            ref: this.setTransitionEl }, hAsync(FloatingArrow, { key: '54c3424e20a1902ea554424bb5b5da16a3da7f18', floatingLayout: floatingLayout,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: 'dd5d8fa4954499bdad7acee8a40c974601fffb25', class: CSS$3.container }, hAsync("slot", { key: 'b776a3c42a44b1e9b0a301211da97908a5f37d6d' })))));
+            ref: (arrowEl) => (this.arrowEl = arrowEl) }), hAsync("div", { key: '39052e67fdde7d177515e7f8603391d3cd62183c', class: CSS$3.container }, hAsync("slot", { key: '5106eeda09e10efb0fd575df5405ab298adee71b' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -47975,9 +48003,9 @@ class Tree {
         this.child = !!parent;
     }
     render() {
-        return (hAsync(Host, { key: '6f8c5e5fe65b9ba043ab8ca2c694d5c717f04f73', "aria-multiselectable": this.child
+        return (hAsync(Host, { key: '6a379c6b990420097ea1181343a1ffa47ee58c22', "aria-multiselectable": this.child
                 ? undefined
-                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: 'a1afc817907ac275a10afc0eaee8afffd50e17d1' })));
+                : (this.selectionMode === "multiple" || this.selectionMode === "multichildren").toString(), onKeyDown: this.keyDownHandler, role: !this.child ? "tree" : undefined, tabIndex: this.getRootTabIndex() }, hAsync("slot", { key: '9ccfc7469cadbbc6e7937b530af5e83a95059f28' })));
     }
     //--------------------------------------------------------------------------
     //
@@ -48327,18 +48355,18 @@ class TreeItem {
         const isExpanded = this.updateAfterInitialRender && this.expanded;
         const { hasEndActions } = this;
         const slotNode = (hAsync("slot", { key: "actionsEndSlot", name: SLOTS$1.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
-        const iconStartEl = (hAsync("calcite-icon", { key: 'd5eeea1cf6f1877d062e555a7ec9d9552324fd29', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        return (hAsync(Host, { key: 'ba075929cf2b7299736dba0ccc0e3951b2cecac0', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '5ac0671b553cc8aced0e903ccf2be419fd791c19', disabled: this.disabled }, hAsync("div", { key: 'db940666d0931ce96d1305864818dc9d8be5e7ac', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: '6d4b06f5235bc28e5ae97ec9b9aaee3860a2626a', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: '5b93825324c79629bc5d75f06587464cd1962e09', class: {
+        const iconStartEl = (hAsync("calcite-icon", { key: '2f3d954c4bdea65ce12955a3a2537a8cd2b79c44', class: CSS$2.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        return (hAsync(Host, { key: 'c36858cdb5de6399816e2240c4d50f8361dc5d9e', "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem", tabIndex: this.disabled ? -1 : 0 }, hAsync(InteractiveContainer, { key: '43fdd88a586ec9195e28821d6da8ccea86525bd7', disabled: this.disabled }, hAsync("div", { key: 'd6d8190037e645189aedfd94693594314cbdbf10', class: { [CSS$2.itemExpanded]: isExpanded } }, hAsync("div", { key: 'f5ef6e8f8e6f7adfe8923508376a4b161ddb2ee1', class: CSS$2.nodeAndActionsContainer }, hAsync("div", { key: 'a063d707517ef3527e9f0526a3af42f89386813a', class: {
                 [CSS$2.nodeContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
             }, "data-selection-mode": this.selectionMode,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: 'b141d7e3f43ceb959da73ebda708e8358fcf0b60', class: CSS$2.actionsEnd, hidden: !hasEndActions,
+            ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), hAsync("div", { key: '2d96f137f95d7159df76392b3f850f66cf98553e', class: CSS$2.actionsEnd, hidden: !hasEndActions,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
-            ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: 'f4ecfd1682e658da93d10a41cc312b515bec73be', class: {
+            ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), hAsync("div", { key: '07abf477e2987dd94c2860eaa3799022b5f99f86', class: {
                 [CSS$2.childrenContainer]: true,
                 [CSS_UTILITY.rtl]: rtl,
-            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: '3bd3e7ff44c6c8888aac0f146714554e7cbe2c5c', name: SLOTS$1.children }))))));
+            }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined }, hAsync("slot", { key: '27dd7656b16988e32cccb296de47f493e2e077b0', name: SLOTS$1.children }))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -48913,7 +48941,7 @@ class ValueListItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'f25b8256c2c78b872b1cafd52f4327f579c7945c', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: 'bb105f2ec81694f40e6cd738b2197323d9dedb59', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: '17119a6e60b75d065b76e2d28e7e8ade01069be3', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, removable: this.removable, selected: this.selected, value: this.value,
+        return (hAsync(Host, { key: '390150f4e313d2a1d06b6f093fc112c26f02b836', id: this.el.id || this.guid }, hAsync(InteractiveContainer, { key: '3e655c70e9fde21a2d35fa3fc12aae4efdac5f16', disabled: this.disabled }, this.renderHandle(), hAsync("calcite-pick-list-item", { key: '5379912742ec8c53f0fae82ede58f107dd1231e2', description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, removable: this.removable, selected: this.selected, value: this.value,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.getPickListRef }, this.renderActionsStart(), this.renderActionsEnd()))));
     }