genesys-spark-components 4.111.6 → 4.113.0

package/dist/esm/gux-blank-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { O as OnMutation } from './on-mutation-0160ea8e.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
@@ -34,7 +34,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: 'e0628d9ef55d8fa3426b38430badf3101fbde541', class: "gux-container" }, h("div", { key: '969a0e63592b70ba3a6811479fdd7da14107bb6b', class: "gux-image" }, h("slot", { key: 'd4e1d398541c72d2e12916363d44074b7faf3f07', name: "image" })), h("div", { key: '3005b7deddd32fcabf46d33016538acefe1a1bf7', class: "gux-message" }, h("slot", { key: 'c7e9bbf5fc2bad5cb4fafea86289d44e2347f683', name: "primary-message" })), h("div", { key: '3f19b0a5e14f338f2d87a0cc6eb866d813c0dcea', class: "gux-guidance" }, h("slot", { key: '5e11d90e072cd83d348ff2ea6ed443d2585dcc55', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'a812183308ce82399d1dafa36e8ae80f40298505', class: "gux-container" }, h("div", { key: '737ee62ee9f2b669070cd8a18924bd22ff9d86b3', class: "gux-image" }, h("slot", { key: '4380b94f11a96e94178e5407ae29246ac2278e7c', name: "image" })), h("div", { key: '6c7ac6b33dd5873a83bcf05fef4fc980a858b6d9', class: "gux-message" }, h("slot", { key: 'a4a61cf10544e1966a6e7a63439ee137798f8aca', name: "primary-message" })), h("div", { key: '5f874e0c18a3065b9b02ab4e4aafb90e931443cf', class: "gux-guidance" }, h("slot", { key: '53b008ec660295789193b71139dc727d2df7948e', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-breadcrumb-item.entry.js

@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '3cb0fc71079bb297438cf8097fb603ffaea32ab3', role: "listitem" }, h("span", { key: '6b234449ad078ee665a8c330e5d195ce54279bd3', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: 'f58448179219988872aef9743467bd8faea585d9', role: "listitem" }, h("span", { key: 'ac86e1fd271d24f82d382cf4a9692f97effcdc5c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-breadcrumbs.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '5afd74dc10dd0adc6cd46e3e9a0b6b77d79c0b5d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'beadf863a24399bd6ce6c3daa49a5936c5f864cb' }, h("slot", { key: 'a7e00b34840416c06a51052021d779e38e86fc74', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '47b29436439aeec2d6d3db2c9b5d29f23a6a1ab0', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '30534f46660ef40e401ccd40f4d1a71f66e916dc' }, h("slot", { key: '3f5a37c1cc6ab74400269d676db0998aa81297ed', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-button-multi.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -115,7 +115,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: '950eaf6afd882dd38acaf6d4b609731384cdb6bd', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2609713522b28c3a69bb4718f543adce3afad2cf', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd9514712693d016ed0f11bbdbcd8d438401e8a28', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '006fa1bf3cf0e1635d20343eb4b187a5b40f8680' })))));
+        return (h("gux-popup", { key: 'b8596319885e7c95ab16882d4b654900f8c0815c', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '179a8c80db85ea06faa32a01738b6e7fcd97c316', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6f08208a86815d6a3fb82676dad7c813e4ba6965', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'f2a6b35c316dd11da3b449246bc06a8ac15bbb1c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'dff54155dd6bf5b8d5486fc824ce31e4e15923e0', name: "title" }), h("gux-icon", { key: 'd03cd4149f57c5df9d9cb6b76b402838a8899a16', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e8922f45c61a59cd201d0604c4d68c38598910de', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cdb06eff80dcc656d99ddcecc5abb995e268c3ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '98b8f47e1a44c137b330107981cadb7ea1f01ba3' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-button-slot.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '7db719be511ad4cebf0f36159ce7c2ccfb89bb13', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '274e551e90e870ae178d9f0d241711eca7658653' })));
+        return (h(Host, { key: 'e6bbc2d0af4e87622578d8c08042e4ed52b1e505', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '85281c21e359f1c635e6235a1ad62b84227f4ddb' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-button_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
@@ -28,10 +28,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: 'edee64cd82d1d2c4a05478a67fc4a129a6f965c4', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '52137af109ad90aaf6fc493678238e99bb4a935c', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -247,10 +247,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'bfe886ea8b2e268bda3131dffaf7fcd140de36e6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ca91c76d4a58741a09327b1a84c7a27d4fd43c7e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3472fc472cd103985156e66fbe838120efdc2c47', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '536cf9942ac41017a857e5bdc8c221499d97333a', class: "gux-arrow-caret" })), h("div", { key: 'dae815a704470c51f7753e7d71f405ef0b5f6a05', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f9bde5231fe5c82c013f17ea256efe519fa34ae1', name: "title" }), this.renderDismissButton()), h("div", { key: '07731538222b01fa6f4e8970d5aea57e6acdda7e', class: "gux-popover-content" }, h("slot", { key: '3b4c1b2fc454ac3cdca9582783d769d2a54222a1' }))));
+            }, "data-placement": true }, h("div", { key: '403c4f9bcb1ebcb9e7b2a0dbdd2b261975b13202', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f1d30c5f3c9edb3bb2bdfdf6b614ea42def5dd86', class: "gux-arrow-caret" })), h("div", { key: '08af1b853b727ac0597397cab1e346befcd253b5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '5d4f62c1a4bd19fd8ea2d2476e4a33893e818a8f', name: "title" }), this.renderDismissButton()), h("div", { key: '09a9e51099ad081160174e887b28c34c7f723699', class: "gux-popover-content" }, h("slot", { key: 'd57e6848469a6450af1ca8d899288eeaf1dad9b2' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-calendar-beta.entry.js

@@ -231,7 +231,7 @@ const GuxCalendar = class {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: 'e0bc6441c51d12d1c5d82409309c0a57b119873a', class: "gux-calendar-beta" }, h("slot", { key: '082c6a0fde9e2c37eeb08a8584bc7e195541ae00' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: 'f9dd6b158f82afd04c1279f96e48f8b23b5ac500', class: "gux-calendar-beta" }, h("slot", { key: '4d4fdb3c7e7dae6f21ae9c1c8d6d5c15a0f8abda' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-calendar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-6fa3d266.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';
@@ -383,7 +383,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '4cf69dac10bb9696cb2f2d99f2a9c071a0509550', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '3397936d9e5e0c907e689dddb7d4edee45f6bab2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '11758779c91528272790e8963b7788e499c25e5d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cd1acead3b41837e70f0aec2a1f7092905864206', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-card.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-offsetX) var(--gse-ui-card-raised-boxShadow-offsetY) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '69a40130e9d4f45a97697b76a87b4e3cda072d89', class: {
+        return (h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '0f8e6dc787edbd827a60ee916c75486b9d09f8ff' })));
+            } }, h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager-item.entry.js

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
+        return (h(Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', class: {
+            } }, h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '9e5b15098cc39242e5efb94285c46c938b7f379d', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-content-search.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
+        return (h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '7a4a4352158877dcc16a9792c1d92360e2cf17cb', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8e2d7791bd8a1cf5ef957258ab67005f5d72577a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/esm/gux-context-menu.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '8d01243662612d31d93690d1c4d17b3b2e822d84', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '410c1d472fe6b61d18242ffd0c16455c8f282b32', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b83a409aea7d7152f4610bc26668cd8a179fca1b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fa9e6a729be8824bf97246a0e26f38900a3e92e9' }))))));
+        return (h(Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, h("button", { key: 'd051f5aa1443d0b3f25868d650696ea35552b1ff', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '4843d7c055d6d34758fdea75f67d4a24bd95d7d5', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7f503d10ec5f1f31754661f518d60f9606055001', class: "gux-copy-content" }, h("slot", { key: 'b6f200fb75dae908cf65584a32650e03e0c22295', name: "content" }), h("gux-icon", { key: '8bbb7a6dfd579ed9a2c21b15c75395c167af5864', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-create-option.entry.js

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '2e31a2fc3956cf6ddebff9220130e2069d3605d0', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'bd50908b9d94da79ff93b98e512f59f62eb3cef8', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '25b4bde532b042e7537f03514ffa3ee21257e9f6', class: "gux-option" }, h("gux-icon", { key: '6c36a6348d6b92f7f51d0811cffdbfb5f06ab336', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7809f1bf6ac9b0af511270689a27b963013e373b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'aa68df5721504e3702221bd5ad1b37d56d19a9c5', class: "gux-option" }, h("gux-icon", { key: 'dd0588b0cacedea43e0a9b9b1d043a5c750351ec', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '59fd5eda3008d76e2f5ed175145637d3bcc6a650', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/esm/gux-cta-group.entry.js

@@ -67,7 +67,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: '96b385023ac2c33b01b33349d38914cdb3e6c0f2', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '88ae8d58fcca55a91d335285e71260495a8e804a', name: "primary" }), h("slot", { key: 'bf1a700d4ec8f42216c78f335937853d6cd98e59', name: "secondary" }), h("slot", { key: 'f3894780710aeaa6541f8856b19d4062bc37dce4', name: "dismiss" })));
+        return (h("div", { key: '4dd3eefd10c0b9ec4700a79c133808dd9a12d657', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: 'ae76a7d3ded9990c91b0da787f2a6bc8fd06854c', name: "primary" }), h("slot", { key: '3059cb1e5f5e9d6b63543968f32beeb00e851531', name: "secondary" }), h("slot", { key: '2c4362717183c21600dfbb85965214ba26670c84', name: "dismiss" })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-date-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-e3121f8f.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-6fa3d266.js';
@@ -38,7 +38,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: '844c1c8ec9d4c871aecdf1668c5f421e48d4fd0c' }, this.renderDate()));
+        return (h(Host, { key: '34a577a4ae435b5debd5f2d50b8443364b669445' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-date-time-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-e3121f8f.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-6fa3d266.js';
@@ -39,7 +39,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '7dc17d0204f9fabcda004ad2cd414181ba3f6170' }, this.renderDateTime()));
+        return (h(Host, { key: '4774e2ef9e07408d3687e6021cf24eb25cb9ba5f' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-datepicker.entry.js

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
@@ -646,7 +646,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '5a7275f7e66e78ac2af5af3838bf0e72637604f8', class: {
+        return (h("div", { key: '70cbb2cd6fbcd3a770d50258f90d07d833e0da05', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/esm/gux-disclosure-button-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'b645434ad05b389023a0899d7ef978e788ea1416', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '35bf94deb9b03fd5acfdcaa358cf55ae65591cb8', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '62b47ce345b5b96eae415e2858ed6867ff30ee3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'fdf4ad47994422aa3fc27fdfc386afd119fd52cd', id: this.panelId, class: {
+        return (h("div", { key: '12d9ad893e1226b25102bbdd4430452f86459685', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '6c24ca871d720b53cd976e90191f30da78b520d1', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'aa90e57056dbd73625defccb9d9043a8765be18b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '5d1ee4d76e30bd3f1d501bef468976c28d904453', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '78c10387d9a7106d9390d57243857072e77e1b8c', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '1f1b49bba27c0cf9d7e69a21c6febbb5a869b90d', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-dismiss-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '5ceaedf6208b7fc7277d65e76afe34da93b75b6b', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'f446db743bbd8e2bfe8cae64be982fabb40fcf7f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'b3fbaaa681b6164182336f30ea67caac83e64561', type: "button", title: this.i18n('dismiss') }, h("div", { key: '439ba2827dcf7246ac076ba2e1911a0fc600ec8e', class: "gux-icon-container" }, h("gux-icon", { key: 'd05b7eeb8a2612f3052e4ebc7647db3841f4241f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-dropdown-multi-tag.entry.js

@@ -41,7 +41,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a6d9b72248b78bbdf6980173abfb0d63649fd7a', class: {
+        return (h("div", { key: '80bf22ee8cbb16ae1af046a5ca3821396a8a3acb', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/esm/gux-dropdown-multi.entry.js

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-0160ea8e.js';
 import './get-closest-element-728b9f18.js';
@@ -393,7 +393,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '43bef4525072d2990327e96ff0e4843540aec084', class: "gux-dropdown-container" }, h("gux-popup", { key: 'aa0523da31cb267d9a387cfdbe2726496f2baf7f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '4c12f474e5aa49348caa1cd9046632f989f1e329', class: "gux-dropdown-container" }, h("gux-popup", { key: '4325f25fc057fd5b7488de52c11660ac4e14138b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/esm/gux-dropdown-option.entry.js

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '889ab6c9eb5920f4dd8cba42bf598374e79300c6', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '00d0a6e34a1cc2eda62041edc64ae50644ead58b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/esm/gux-dropdown_3.entry.js

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { O as OnMutation } from './on-mutation-0160ea8e.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -359,7 +359,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '63653fbb52b7249c6a2267f8f12a9c54a6483e26', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e65a43af8097df089756d19fa6d09f54d265b71b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -586,13 +586,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '8c4add4d6fa16439db972a504768ab8738c69224', role: "option", class: {
+        return (h(Host, { key: '5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9a530744dc7172908a03166f5af3db317ced8fbb', ref: el => (this.truncateElement = el) }, h("slot", { key: '6407fff22315b03eb78de767fdd9f4f68215f945' })), h("slot", { key: '4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '0333df4572e7e8e96719311e9f4adb822ed72268', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a42db761ef58e2be2d05b11455b9223f211cd0c7', ref: el => (this.truncateElement = el) }, h("slot", { key: '07afbb2319d63f0fb6e0b45d27e78c3d76ba3020' })), h("slot", { key: 'b1b61159e41c756763d4a2060523af62ee8d9590', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {