genesys-spark-components 4.62.2 → 4.63.0

package/dist/esm/gux-form-field-dropdown.entry.js

@@ -7,7 +7,7 @@ import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { s as setSlotAriaLabelledby, b as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -71,10 +71,10 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'aeeb2cefebcb8d38190eea1e1e52dfbd463b33dd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '03966c108b6c4f04ca31ccd142dcd613421d6128', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '3236ab6bb37fdc86691aa665c27ca4c14dd123bb', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '901c931ba1947da0d9b7bcea78721a2d495fd497', class: "gux-input-and-error-container" }, h("div", { key: '285c36b81b6ad581bdade9534c7e20d0fdc37927', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '666a7685c605ea7479a051d974539de44ecaef98', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '11758886f2f34ffe6e86d7d7cd09eb8b5fc4b4fe', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'bb7665c398da3d38396bb5e3ca65d5aea10611da', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '1fc1141771a6cf9adebd75ef14a466191f17cd65', class: "gux-input-and-error-container" }, h("div", { key: '8a44f9eafffc9a764fda33656e28ffee6c2495b4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'a0967efa3bba07617ec208515444741ec176e3ad' })), h(GuxFormFieldError, { key: '5784c1e5bf572ef0d45778111587eaa208d999a3', show: this.hasError }, h("slot", { key: 'ed5bc11a0c9fc5f388d990c9cf741f14acfe4048', name: "error" })), h(GuxFormFieldHelp, { key: '18028294ee321de7da6bc79f176122bf45df833f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfc36754247417129c808d2398ef5859a21e1be5', name: "help" })))));
+            } }, h("slot", { key: '423b5f3c63c2dca04bd02203a893b8cb780e4288' })), h(GuxFormFieldError, { key: '87b68e6fdccb9cdeeb194cea7a74accb0bc91ed2', show: this.hasError }, h("slot", { key: '0324435c911a0614737641ebe7d2d362ef342537', name: "error" })), h(GuxFormFieldHelp, { key: 'f5ff6c7188ac726cfcca95e8f192d01682fff4fc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f0a51c6237eaaa370e6a6a3491dae66cf5d60dde', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-file.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-6cfb4f6f.js';
@@ -85,7 +85,7 @@ const GuxFormFieldFile = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd623abdf116c5e7c87ca3ca3779b7c98cd52be7d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '99fd595817f3f6938022d0e66bbd88ccb800ef83', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'e1a4251e79dff9e7546d48fae9696f6167003865', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("slot", { key: '526cfe8bb01e4ee4a5dbb557015322208a5a48ab', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f318b5ed353a7bacff2f3c10f1f2390e85c702d5', show: this.hasError }, h("slot", { key: '0b0733b5bc784b6f5112aebb7ba9fe59e7d6e6e7', name: "error" })), h(GuxFormFieldHelp, { key: '59ed2b761b1365f568b235020b60a584073f4387', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f74cab7cd8a162d2c3c6c4e834efe9bcfb173d6c', name: "help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8716b8e17ef001bec3f88b261aa83d0b9b423491', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e55734683ae0d8e1b519553258754c37fed89094', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a1ea5f5d8cf08de5d1b24a1096027362d0e14bc6', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("slot", { key: 'e2250394b1dc46d4805c85ab5848e17abbede2fa', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '118c9dfcdeee88cf80a3276b5cf9fb44e3efc9a1', show: this.hasError }, h("slot", { key: '1a23ef5f0e8df3db85f46e367e48b1b41806ed24', name: "error" })), h(GuxFormFieldHelp, { key: '0f7654fab175c17ceb4b03648f658306d2c01027', show: !this.hasError && this.hasHelp }, h("slot", { key: '88d4cf5b5e66b4df82afdcd2d9385715b614788e', name: "help" }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-input-clear-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'a084accbb1073a43f220570ee24b483acd28ba00', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '8d0b6d02390cdefb292a12fb0f0ff6417cf0e0c5', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'f2ca1f6b2662be485b2810c61c7f3bc6c910c4a3', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '742e4e73ae7d607433cdff90a26ce96726fc4929', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-number_3.entry.js

@@ -9,7 +9,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -81,14 +81,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '06d690ac53196b338f63ffc43357ec2f767db8c3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8c0e4b58c2ffdfb2512d063354d306d1bf6bcf84', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '52630c99f6639976c957f5ffd7ef0f1eaee513c0', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '884cd8c9a479f219af5993d6647373271ce38e3f', class: "gux-input-and-error-container" }, h("div", { key: 'fad6d2520508f8fbb72debf0c9ea4b7f4155da33', class: {
+        return (h(GuxFormFieldContainer, { key: '9390fa95d0bc3722ea051195f4d9bf6819117285', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0e5b642c732129af6218673c52371b656f3694b5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd53eb6842297fe84fcf5176015dd05a658a1a895', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'b847593e11471ccc06fdfee9fe1bde882b360148', class: "gux-input-and-error-container" }, h("div", { key: '061cbc0b9058af3c94ad72876cf87e178a5edea0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '52ea9a851b4d833a785c2a67261714e0f82046be', class: {
+            }, part: "input-section" }, h("div", { key: 'a92ce5cd2e84cbea997380007ed3a2bfe4eaf696', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '8869341bffc6aa5d9e2044af0e909b551d817283', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '60ce4357b7f6bce84f7022555e6e0fedde67abac', show: this.hasError }, h("slot", { key: 'c1747439b8451b5733025f14274c7661a3138cb8', name: "error" })), h(GuxFormFieldHelp, { key: '4b8b48d158613a9549000729e04795f4e7925015', show: !this.hasError && this.hasHelp }, h("slot", { key: '3f55b12da9f0a678c2758f00fdaaa0c63fea1446', name: "help" })))));
+            } }, h("slot", { key: '92defd1fd88eb60d05ceeff1b13752b5d57a54ba', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '47a2dca0d3c734ec4c4c3eef2746a9d0960f46e9', show: this.hasError }, h("slot", { key: 'eece04d615f728c6aab35674398e7880fa40417f', name: "error" })), h(GuxFormFieldHelp, { key: '00229f2e33e64918a3940317da74e16b703d6d93', show: !this.hasError && this.hasHelp }, h("slot", { key: '1fe412bdac2d9427ec321a25572c407774f63b47', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -236,7 +236,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '4f17d785d47601df23bcc31998efb22ecea701ea' }, h("button", { key: '7b33ce011297f74775730075ed84316a6d0e90b0', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '76862f3d8d78f178c0f440ab7e4d7f0d3273b744', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '828909082f45faed148e65ed19913a6f4b67dcba', for: "popover-target" }, h("div", { key: '24a09d0c262c53766c21967b2831866e429302d0', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'bb6814160b7db30bef97cabd536961c158097444', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a79b0a8fd816c982082b519bb98e6756bcbfc452', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c2a6e9e6ab91fe06cf9b8fe06628b3f5c5e61703' }, h("input", { key: '5c810bc365fa1c3d90db10d80be9f7ab6dc016f2', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '176e53c95f54b77983d8ad73973ff5e42aa892c7', slot: "label" })))));
+        return (h(Host, { key: '7125e762997358d558dad2b3656cb55d6b0c90e0' }, h("button", { key: 'c7f9683f0ab394a8f904ae74837b2420a73cb47c', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '40acfdcc4fa03064105d5e56cef25fc07d4a0d51', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '958eaa260b48b6c098211e046d8e9a730c6dc127', for: "popover-target" }, h("div", { key: '7dbc535f1e9557d9bc1bf85fb7ac2ba42e0b1a93', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '20989aa1bf1cc97522822197277613c2546bad59', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ff98dcda59dac1fcd251fe6a44e9ba01fd99b0c0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c07be4bea371436110971332da2cf0f0b8cfd016' }, h("input", { key: 'dea87826ca4c9707ff568b2fda18f76e9cd4ea34', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'b80c9a1071b460f0e7a2d5e7d12755fed5debbeb', slot: "label" })))));
     }
     get root() { return getElement(this); }
 };
@@ -397,10 +397,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'c30a85b37617bf1676ca0a527f16ae37bbad7071', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'daafa91785956b5ee168ec5d1c14fccfbc71d8ec', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'd38544e2c9ee6331f1d8e81f7b14a5c123347cb5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0b2b6f5eae361f8210a6c15164a39d99d3fc4de9', class: "gux-arrow-caret" })), h("div", { key: 'e7f9a04de6394e00b4c40355db0de1ccc1845542', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '795e4d6d5777da67c568afa629c8885ae33a7e65', name: "title" }), this.renderDismissButton()), h("div", { key: '0abd2cd2b84f17721789cf5804c3650be2771ddf', class: "gux-popover-content" }, h("slot", { key: '7f9d80a0fa36a59de86fc397c45ed00e9264beec' }))));
+            }, "data-placement": true }, h("div", { key: 'd4528d40c000fd1664ee342e027aa006a6c7e282', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '70b167542e5bf1368f4418f4b155828efa08c41d', class: "gux-arrow-caret" })), h("div", { key: '16fbf5fde9d42e0bec38a3cbcbedf405ffe48b5e', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'a19ded031fa243a1905f18d9b678f228229e630f', name: "title" }), this.renderDismissButton()), h("div", { key: 'a4e946bdac2f76f0288a4ee7f26583824cc0a354', class: "gux-popover-content" }, h("slot", { key: '7102cc6115751f81339fe0db26e7b6f24c136ef4' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-phone.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -65,13 +65,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4e15cadb0eb096b2609080f112df6a2ba8ea03da', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '66b6d1acb37bdc0724dd7ba84e6efb486bcb6bfe', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '77909d4f5530b80c06c0d5208d765b6ff0cc22ac', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '8166739123cb47ba77b18222fb7b7fe91ab2dfbf', class: "gux-input-and-error-container" }, h("div", { key: 'b59c8329ecbc6ac0358aaf47c2c9d8ac230d9105', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'db6b4f1a2f50c6da9543db76c567c1ccbe66d2f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '6d9927d38d812f560f6a8ccb16e2d46463208208', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'd1dd0b051cb68dce0cd3a6878b3c3a7de44096bb', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'f1583acb36f66a3b55e2b99478f36469bfe80e26', class: "gux-input-and-error-container" }, h("div", { key: '2cf57ada67e14dc402c9108a0a980708f910c9a8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '098d02652a52fa7260aaa7e8d72f36afcb6fb320', class: {
+            } }, h("div", { key: 'e8515020246b404c20ee19ee181db7769199695b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '01535a871d32c7f3c6b6c876add52655c82644d6' }))), h(GuxFormFieldError, { key: 'ea7ddb822798705b64c35198b9d60dee20133a3d', show: this.hasError }, h("slot", { key: '70c6fa4e41a5d4c6dec4a65cabee1333ecdebe03', name: "error" })), h(GuxFormFieldHelp, { key: '2c2952d3a7151b0a45f92d0b073f3c3a71099ca3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e788906cf4aa66f1f43224b19d9c0de033194376', name: "help" })))));
+            } }, h("slot", { key: '5a960eae67822c36963c3ce30a5484b960a8baa8' }))), h(GuxFormFieldError, { key: '7fdc9ac607f7c776c5c864c25f790a8a9f8217b9', show: this.hasError }, h("slot", { key: 'ed8d8dceac60fb9e8896a49a312f87fb09a9cd72', name: "error" })), h(GuxFormFieldHelp, { key: 'a3785fa725ce1ab00c3b285e6ed98014aeec85c3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd59dae2017a361cba7a429ef521ea8a30ce7aa58', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/esm/gux-form-field-radio-group-beta.entry.js

@@ -4,7 +4,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-form-field-legend-label{font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
 const GuxFormFieldRadioGroupBetaStyle0 = guxFormFieldRadioGroupCss;
@@ -68,10 +68,10 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '27afb9a6d9276abd37b5c68ce4747be7a890f6e3', labelPosition: "above" }, h(GuxFormFieldLegendLabel, { key: '80423b504cf7daed7c1e8e04120c01643e6488ca', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'ab56ce608357019c087c6e4e638294f7d4670532', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), h("slot", { key: 'e8cbcbb7bc62ca22f0d76b72df75149796fe3478' }), h(GuxFormFieldError, { key: 'de0d9249b65521238028acbf380842df2a511d70', show: this.hasGroupError }, h("slot", { key: 'bf0db1f80929a8058dd66b73b6888043446b46e8', name: "group-error" })), h(GuxFormFieldHelp, { key: '31fbd032ac3b195c2fb2a926fcb1d085a9b661a2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6c221afbdfa6103b12e76b74247380ba13b362e1', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c52620a843e56279c233ea956eab118209b1de76', labelPosition: "above" }, h(GuxFormFieldLegendLabel, { key: 'df748d43471935891c27956092b6c156da949b08', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'd5e72af0ca62ff94b984fa1e60d2cf4188eec4f6', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), h("slot", { key: '76b588f1a1d88c999475179292aec02918c8044c' }), h(GuxFormFieldError, { key: '104df403f74a4f090154a7ed35149c59835b6e88', show: this.hasGroupError }, h("slot", { key: 'bfccb965c27825e7dce5545a098a79a58f6dba61', name: "group-error" })), h(GuxFormFieldHelp, { key: '58dc5a9e65b19e514c9064cd029b09f01d96171a', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3e8d7dda7eb16049d454baeb2201ed160e1b68c8', name: "group-help" }))));
     }
     setLabel() {
-        this.label = this.root.querySelector('label[slot="label"]');
+        this.label = this.root.querySelector('label[slot="group-label"]');
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-form-field-radio.entry.js

@@ -5,7 +5,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '103e6558a905331341f5984522d62ce28a0e9977', class: {
+        return (h(Host, { key: 'b3bdb321adb2df6184a7b8e2518f250b6c3b4a70', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4ffd4e6a959cd95a775d039c6fd30c210ee67e62', class: "gux-form-field-container" }, h("div", { key: '486c5cc20301afe399a8019b8faa0ed7e8e91e92', class: "gux-input-label" }, h("div", { key: '384342b099a95c0c22de30676f610109a639c68b', class: "gux-input" }, h("slot", { key: '614bdc5b837453bf0b905515f75cbafbbcb52d6d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b31c7c52fd0342c54036e8923eddd45b0fbb86d8', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '00abf1d396a7c7d3e85ada03f3252beca0a605b3', name: "label" }), h(GuxFormFieldError, { key: 'f37943064f7a1affdca7415d19fa1aafa5980a06', show: this.hasError }, h("slot", { key: '22fb9f64a29aef17e7f2960a9cd6adc392674e59', name: "error" })), h(GuxFormFieldHelp, { key: '76710558d201dd9c0284438db53edd4d549d5852', show: !this.hasError && this.hasHelp }, h("slot", { key: '21d96cceefea2b18cb73333d6c9da8092f4651ea', name: "help" })))))));
+            } }, h("div", { key: '593ff429e5998fe9a9d5579eae21c1f5d5b4a6c7', class: "gux-form-field-container" }, h("div", { key: '5d2b47c3b1c045e80ff50d90eefc5370a2591da2', class: "gux-input-label" }, h("div", { key: 'e59a25c30b99564c2e432f30e564e00f1cf9895a', class: "gux-input" }, h("slot", { key: '56a0276b975cc21e0f3c8977524c9596f4480843', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f86c193274ad7ae2caeb507e348ecb1f53da9362', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '9050d15bbbcba270aef5d47e557fc755ce1b78b9', name: "label" }))), h("div", { key: '08ee94d23e2d203983a8b6e05586588491e79d81', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f9d0f3e44ee30657e024a0a3a0e58559c48460f1', show: this.hasError }, h("slot", { key: 'a2fff1638ae5f2ab11b3ae58d0d33669eabc0b17', name: "error" })), h(GuxFormFieldHelp, { key: '4fd527bd64df6b614ae1efd46b8bd71135276967', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b5ad1cc3502feb6014407011688765061bb1c1b', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/esm/gux-form-field-range.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -84,9 +84,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'ab911417f8987db8dae45169245281a517a2e0bc', class: {
+        return (h(Host, { key: '555a470f41986a6ab8731c8803b240b30cd4d65e', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '4fd8e66e4a8ce9b4d089f91ff858d376530ee311', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b216389853b2fc1159d08c6197642a962c32a6f2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f0e54cd4a3c8f5138718a1f5dfc0f2d25fa3606c', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '616c791c64a1f595a729f201a28efe3e2a816b20', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9c5a20f9fb423e34c0dd99e91aa40c994732ca54', show: this.hasError }, h("slot", { key: '6627e9d4bdf8e1f28add3de842b3305e4fda3f2f', name: "error" })), h(GuxFormFieldHelp, { key: '291c0dacc1116dc58eb41db4f54875bd3121c158', show: !this.hasError && this.hasHelp }, h("slot", { key: '97345b7e0f110c4ddd500f26848960d9c61d02d8', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '39f20232cd05020500ab0a9aa9be1fdaf1291619', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1bbfe067086bc8c7d7673b5cdc9c789052b08a86', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eaca0784721a3cd922dc07a5cd769fe18601aabd', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '23fc47b9206f15812a47dcef4f28825021619426', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '123775129952675ae780f24308deee4151d1c102', show: this.hasError }, h("slot", { key: '98bc664e228397f35fe3c9459d61543d33de50bc', name: "error" })), h(GuxFormFieldHelp, { key: '58bd604286dc20f3228eebe9796a92f1dae762d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '6570f867aa63fa8ef6d679b419419376565e4d78', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/gux-form-field-search.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -64,13 +64,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f00607cfa9dd0dd961ca87d93aadc86dada59955', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f97392a34ffd54d453e5fa8eab87af33a19aafee', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '40386b8ea847c417561968ce09cfef3218c2b779', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '1b40b3d66c8ee971240dbb79477eccab3262daae', class: "gux-input-and-error-container" }, h("div", { key: '48596cfe8e15b3647c3446309947ae3439a2aa61', class: {
+        return (h(GuxFormFieldContainer, { key: '5ed3aaeee90391b9a7b9a5dd162fe5901d5bba64', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6aba7a96cd2cfaed4078e7f27bbb7c35b10f565a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a1ba5413c0bdc64b35623b7c55acc4bdf73593fc', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5e1e1fbd4284e0693282c4ad81c301d866c92c24', class: "gux-input-and-error-container" }, h("div", { key: '64ec4e3f17fdc0fc90e8a502e02fcdb2471c6919', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f32239cdfa609f8637d70887364b1aa297431bc5', class: {
+            } }, h("div", { key: 'f3189f5fe549c8bacfc867684ac5b84a426aef06', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '2b7f2f102517c1fa52a1f68d32d559ebbe8f4c27', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'a05847665f136b0a8ab2fb3cf99ae82e38b503eb', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ae5562689221e73b608d14884c32a4685023dfc9', show: this.hasError }, h("slot", { key: '4d3d2a02059ca3f22961a20b651f30698d0bb837', name: "error" })), h(GuxFormFieldHelp, { key: 'bbee0d886b9dfe5bb468b17062188df7de70fc53', show: !this.hasError && this.hasHelp }, h("slot", { key: '913206b4f832954b7d8b2e63eb4f04af3a6fc116', name: "help" })))));
+            } }, h("gux-icon", { key: '57e4528eac359bb1580e145dad3651955fda1daf', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '4d4711e0186639fa96b535bc9eaec2ba9a7380d3', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1538996618a45b3f7029c6a64413782a4880b25d', show: this.hasError }, h("slot", { key: 'ca2785b35aa7791b17b7f8a5362229141af59b47', name: "error" })), h(GuxFormFieldHelp, { key: '24cb43bfc43dcebc9543d3353da8bebbe1d112f4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bae67ddb44efc1b45ddaf8254267115c86b72a4b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-select.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -55,13 +55,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f58fc0d759ccdbceb99dcf2a3ad807ed8c4221b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '30ff86898ffb5770b3cd632d84cf481f8d1355ff', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e4838ccd6ec174bae23902af8bc4446981503787', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '65d278d8549366d02759698b511d60abf1db3389', class: "gux-input-and-error-container" }, h("div", { key: '8a89344b263745ef9a1f39cc66f4577daabffe87', class: {
+        return (h(GuxFormFieldContainer, { key: '71560e52fd946884252bab335b9bd4d3c799fcd8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b3d111f96ea13f348bba62f9081fd49b4d38c842', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ae493203aa4f45506032269d6f4aeb17ac898c68', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fae6260a05a95d676d9d26be8ac8193e1ac48253', class: "gux-input-and-error-container" }, h("div", { key: '0affd627db23cee070538734c270edae97112516', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ba4bf085608671a1224a35fdb2c2227b04708c39', class: {
+            } }, h("div", { key: 'aa35c1b1e99ee28ec05ef4c357fb2f734766c453', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4d8338db3bdd45abc4aefeb31f5dd3aec53d8471', name: "input" }), h("gux-icon", { key: '07d9a44ba9e17cf33bf83959c61788e9af21741e', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'cccd81f08fbd22012613882dc29391dbe0cd87bb', show: this.hasError }, h("slot", { key: '6afa10449eb38f0323b6a6d0dbb15a9516eddb8e', name: "error" })), h(GuxFormFieldHelp, { key: '3ee2f5880ce92ebc8ee37e9697235a60dc37da3e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f78fa30b128f5b50a76635475131478559473a8c', name: "help" })))));
+            } }, h("slot", { key: 'e0b55eb8b19490eb6bd5ad167382cb1bb2af3c05', name: "input" }), h("gux-icon", { key: '7c218454fcd6448f674cfae5424043c20fce2d14', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '890a27ccc85e96f0e628dd9b905b3b4ed65050e4', show: this.hasError }, h("slot", { key: '6741388a2325f9c472ffae38a88eb58f34a15338', name: "error" })), h(GuxFormFieldHelp, { key: '36ad5cf7f4bbf0048abed1c3194cf852f18a93e4', show: !this.hasError && this.hasHelp }, h("slot", { key: '74a733da174b4687f88adf33ddadcad73560e0aa', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-text-like.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';

package/dist/esm/gux-form-field-textarea.entry.js

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -59,12 +59,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '30002bf2fd4403de6a812ee46ab0ba04420bd58a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5acc27c24af2cc259363a0a9e551946ffe951cf2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '605c33a9258b0a4b713454d59903256482e23d80', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'da821fd3c03fd7e815fcaf10d605c3218f542cc2', class: "gux-input-and-error-container" }, h("div", { key: '9c67ad442bcf103250fe0e517c4e12368efc51c8', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'c9f234ba85bd5c74f2055e0e92da75ffa2387f7b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b3a0ffa00cd263edbc3f324586482006c631c0f0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '653cb3c9e3951eb736124457ef8d61e576a16100', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'cc1db32ae61b2080033b01970162e2bc8d4407c5', class: "gux-input-and-error-container" }, h("div", { key: '1698d45688f8b70cce2707c39a5a064b6e6328d0', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '089685c1e8e4ad74a087bce1567cfaf9ea8cb0b0', name: "input" })), h(GuxFormFieldError, { key: 'b2dab4ad4c403f313704347847af60c1e3fd48a9', show: this.hasError }, h("slot", { key: '476b6baa6fd870cc9ed37e7dc2c0e6c5507513fe', name: "error" })), h(GuxFormFieldHelp, { key: '5cfcc2330057b42e5d8fabd3bd1fc834ee07fadd', show: !this.hasError && this.hasHelp }, h("slot", { key: '9899bd978401bf2ac9bfea2b98c3c1020971c3e4', name: "help" })))));
+            } }, h("slot", { key: '4a6ad15452fc7ddb08e80e6bbf72512096d67af4', name: "input" })), h(GuxFormFieldError, { key: '8ad3247396074f2901a03ef0e8b8730516665a06', show: this.hasError }, h("slot", { key: '51a86cb8c4c0aa7afcbfd6c21d4b7ce4a61503c2', name: "error" })), h(GuxFormFieldHelp, { key: 'f2e760497107c5d9f38e778898b2802de7d7598f', show: !this.hasError && this.hasHelp }, h("slot", { key: '953db9f931de9c98faa53ed05ac7aad23e9475f6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-time-picker.entry.js

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -69,13 +69,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f5154769059a9725983ef4d4d3b93002c102da02', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'd58497619db5f569c82bc9e876853271d577d7b9', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '753d15d89d8900991815ccc55afb738ec12ba1d3', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'ba3f292271b2cdcc6802830d5c3b1c176be107e7', class: "gux-input-and-error-container" }, h("div", { key: '380d8ebe10e0f54ef5c6b64f33c36069470d5b75', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '567e8415a3056f89a631927079a8853dfa3be29d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '885ad3676005e7ef8b42d4a57975a8106ede917c', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '19bd0809e858a22af995909e15304040f6a8d0ee', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'ba77f4248745a859c40fa02d576df03296ac740a', class: "gux-input-and-error-container" }, h("div", { key: '5d4482c64e9dd26b09d555c478c5bbb9ce05dcc1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7f84fd70ca81b1813063b1b8f3c5d42fc525af57', class: {
+            } }, h("div", { key: 'a42797e638481307999e2642017967c5d64a36c6', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '16e96b921b2fb64bd759bb5afb2dc0532fd8ae02' }))), h(GuxFormFieldError, { key: '0a0241f374fb75ff074d9c3c9cca3ab193307d78', show: this.hasError }, h("slot", { key: '0247e4a54be9d59103c5884dde53a129b156631b', name: "error" })), h(GuxFormFieldHelp, { key: 'b4c8f4b3c20edcea1c500f118671c239d75ce894', show: !this.hasError && this.hasHelp }, h("slot", { key: '0e669a3b49fa7c7520acdd3c08a27066e90bf167', name: "help" })))));
+            } }, h("slot", { key: 'a6377d5ccf68b6c71aad7f24d08e8e350b621ca2' }))), h(GuxFormFieldError, { key: '6e9d3e43724562991bee6e4e4460416409bb2120', show: this.hasError }, h("slot", { key: '84468b92e25b1d05c0f986f3843002c7cb9eaa78', name: "error" })), h(GuxFormFieldHelp, { key: 'ed2b787bb6a6cce1183f2da2760322de1b8c7ae1', show: !this.hasError && this.hasHelp }, h("slot", { key: '9e51298096553178c7ebef0fb56209db18cb7eed', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/esm/gux-form-field-time-zone-picker.entry.js

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -69,12 +69,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd450f811957fdc581b5889f22d70a56f96dfb139', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'ac18a55b69ea7ff65a3caa377cb1aa0e5afbd641', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '94b4dfc511929b5e3380c62c999ec44d1e7564c5', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '58cf1488239a1511bf870df57109a9f3011b06a6', class: "gux-input-and-error-container" }, h("div", { key: '62fa2d885f76d417e6e5e76fa47a213ba4f482ed', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '15ffed26b936f5d57f7839012009e29a5612b2ae', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '721b5ad0a2679aed79890808338c940b30d479c2', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '9906b0708f0361f70d92dac5a7da230afd851fa6', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '4e6870799ce3cfc28dc0009ad72486e1574f4bc6', class: "gux-input-and-error-container" }, h("div", { key: '2104167a9235bfeb76a5f8b893982c32501214f5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9bf1a71c5f329e6daa3981892cb3d1556841b945' })), h(GuxFormFieldError, { key: '1d59017b5a8194225e5773fb94c8cf0e76c8559d', show: this.hasError }, h("slot", { key: '0ba994d4492af9cb930e867be15104b030f2c036', name: "error" })), h(GuxFormFieldHelp, { key: '5014b949671c39767ee2d289c2f1d4f4abf59658', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eb50b5dd63bd44d33bc6c4506bf3dce893a80d91', name: "help" })))));
+            } }, h("slot", { key: 'b486aa93ebb8c1cefe20aa8e387717ba73ac4514' })), h(GuxFormFieldError, { key: '994796fc6a3b3e504d57ca44812638934b63e2ac', show: this.hasError }, h("slot", { key: '5adf48d91774ab8ab67b2606d05079d8ba186635', name: "error" })), h(GuxFormFieldHelp, { key: 'b5bd31ce326bfe81663c08cb341f0117b97cdc83', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a57644c2e2771833535ccd85c284442ffcf890a2', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/esm/gux-form-footer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;padding:var(--gse-semantic-forms-formFooter-verticalPadding) var(--gse-semantic-forms-margin);margin-top:var(--gse-semantic-forms-formBody-paddingBottom);border-top:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -539,7 +539,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '332c309ac3be268058f355c8ab77877533dd1e67', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'e90f51484c612750585d9ae375be50ea0f1b57ab', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

package/dist/esm/gux-inline-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'e95ad17689a44b33f8cbc5497e45e7ba5887234a', class: {
+        return (h("div", { key: '441d71a8c6cfe5e0c7c1dfe62b70d7a607503d32', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '078ccfcc6ff24ff01f694a9af4f7bc84520369f9', class: "gux-message-wrapper" }, h("gux-icon", { key: '39f55da6f333a292b921111eabd1e8ee694c5160', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'f8e04ba95cf07f4e35b63798a5c33fab5be484b6', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '2097b7e9cf9b21818b2f5ffb18c9307639cfe1d3', class: "gux-content" }, h("slot", { key: 'd32f93fbe9e146d93bb681f3614537a1809296a3', name: "content" }, h("slot", { key: 'b9030f479f208b77f40f1b9f3f1694efcf5cc623' }))))));
+            } }, h("div", { key: 'aec305145d4cc0c58fe7b3762a6cd77fb4551787', class: "gux-message-wrapper" }, h("gux-icon", { key: '636814087e9f5d3acb4228cccd1aa28f59ec2966', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '50a2b862dabc781d586b46e8ee8e3a2a5f39c114', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '89980c218894c919fc1577f1d330458b007df78b', class: "gux-content" }, h("slot", { key: 'd083d3e2d5cdabf5b19f4b92ff2202dadccc7cd2', name: "content" }, h("slot", { key: '76ce00860b2058b3993a759a30c92e40b944db54' }))))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;

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

@@ -3,7 +3,7 @@ import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOpt
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-loading-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '6456d7e19f794642cb4f5104c7d4e5b235ff78d5', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '5df0cb814ca9a6e73ec911f5c5f6f9aa3fec2f56', class: "gux-progress" }, h("slot", { key: '7564d594ffbd4703b6968350fdf788db677e75e5', name: "progress" })), h("div", { key: '84192e09f5375756b16d914e714a7981d0f4f80e', class: "gux-primary-message" }, h("slot", { key: '0b993daeb60f63c4b91a56e9af5c4574ebf5ed2d', name: "primary-message" })), h("div", { key: '34b79bd828d27da60fd6c95c89ffbc4c1a5bb946', class: "gux-additional-guidance" }, h("slot", { key: 'b6d49acaacf8ee3274299e27a1a97a115e77e216', name: "additional-guidance" }))));
+        return (h("div", { key: '33277af46593927d8973743ddcbded04e4b4783a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '68bbcba983f3ac24cf94fcc6605b6dc41dbf5b73', class: "gux-progress" }, h("slot", { key: 'e3f43dd8df60f685f870c62de67c615276cd52fc', name: "progress" })), h("div", { key: '0c8feb14ba005c1a3805bbf71167d7d7ab155ab1', class: "gux-primary-message" }, h("slot", { key: '083bbe256926363be8fc00f094ab8f31e048d717', name: "primary-message" })), h("div", { key: '2852d9fbc9623912ff43259a499d81a14d29bbef', class: "gux-additional-guidance" }, h("slot", { key: '3ba735caeb77b462151e71c1652fdfdc064c2a13', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-modal-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -65,7 +65,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '7d21671835c13c9103dfd3af13cfc3a3878c9dc9', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '53cad448d18354572a7b0278629c8d02a771a382', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '17e1783ceb145a72b0aa0de7a8410e34b0ec17e3', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'cfdbabe4b805c0edc0f971daf14172cf4fc75b47', class: "gux-modal-content" }, h("p", { key: '45bb9292f09d8e02362baf3ec51de1b2ecaa2a1d' }, h("slot", { key: 'a375e25b53af3cdbb257ba9862793f5be190d91f', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '66b7450c9c38cc5f603467019298f72b5d14e492', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e2e631b581883a894de6b346cc0f660bd1325f31', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'b37df71b42ac758cd0453d0a40d3c3830eaebf1c', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'd35158e367ab833f9aa69ebbb233a936cd917f07', class: "gux-modal-content" }, h("p", { key: 'a5a1d2c2323cfd0d4774e342dec073ea813e4dbc' }, h("slot", { key: 'd8254893056105c3fd6e5e480d580d3315e4e80d', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-picker-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';

package/dist/esm/gux-notification-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5fc809b7.js';
+import { t as trackComponent } from './usage-6f548116.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;