genesys-spark-components 4.98.1 → 4.100.0

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -95,13 +95,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
+        return (h(GuxFormFieldContainer, { key: '65aa4e1ab94a3d9fed3fc240cf3664058acfffce', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '336a275ef7e20c14417b7de5d159033d74fc4bee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3acb487508298f5e5e6c666891c05c71cea9cc64', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b3d5b19fa0a658a8e1b30805d930a76ca1284b8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fa19f7918ba300988a3c9f0b5e8a1fb18cec1385', name: "label-info" })), h("div", { key: 'ee5bbbb211d1f5909313719c7f7753eb558e0bd7', class: "gux-input-and-error-container" }, h("div", { key: '7c4f85d077b2c637e16b86bdc996745e0377e1b5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
+            } }, h("div", { key: 'd3768122c095620a9c687cd07a488a3b67912bd5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), h(GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ebdbe8731ed31bd70f2f60bc9e62c54ce63cf87a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '153414f1ae2b76357f02082bccff9c67887f8118', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ae71b160a99c9c65c1b5adbb98d569cd2253016f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '7e33136b448c7167791b64d1867189c18ca66b4d', show: this.hasError }, h("slot", { key: 'bf916379078fdab74b6feac63fff9d49ccf3a1c5', name: "error" })), h(GuxFormFieldHelp, { key: '0a90444179f5d545ab07cdf42353ea396820ee41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f8d1dca7098a652b9443a36d60dd01df9613a464', 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 { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -85,13 +85,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
+        return (h(GuxFormFieldContainer, { key: '9b6b114954e536d97e4c40a8707d146a27a48458', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'aa0d5cb56a5bf5a0cdb11e1c342bbc5e1ce1093e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b586c527a481174be577c771e8bad2afd11e0664', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '09d52ad2400ff3d05183c0ea6fe381577ec25502', variant: this.indicatorMark, required: this.required }), h("slot", { key: '87dbe98122b35a654c0169ceaa1328e6796a0c53', name: "label-info" })), h("div", { key: '7a04c5cd1cb25215b8752d1a114b009897558387', class: "gux-input-and-error-container" }, h("div", { key: '9299d7922a8ca6cde9c643e7458aa8b0ac596c21', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
+            } }, h("div", { key: '324d14ad223bec3df290f7aaa2a06bac829ae37b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), h(GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
+            } }, h("slot", { key: '55bbd6b35f40cc5400d1331be763c3dfd2f337ad', name: "input" }), h("gux-icon", { key: 'b0d2ed0c699ae59185510e33047316cea00ce670', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '4b8bdddb2b0f78f7ae6d5bef69a1284e6e94ba16', show: this.hasError }, h("slot", { key: 'ee7e8bb94696c7f496d0bd4830407eb5caa0efb3', name: "error" })), h(GuxFormFieldHelp, { key: 'e4467ada462c0a0d5aa2da4e1afbdf10f4dca247', show: !this.hasError && this.hasHelp }, h("slot", { key: '754fcaa2b279977654e09a6c5891a88d2eeb4d06', 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 { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.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-986d3f3f.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -111,15 +111,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
+        return (h(GuxFormFieldContainer, { key: '4d2e69548a09606670ed9368393495a08d0a90fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0439c70fb68fa89aaa86d96459d360bb2660aea7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3c08f1c433aec02b50aa3d00a412b73e705a26f0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2a9190d7a5145f8393d54c1606d7838a4080781', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e0c464608b97b7be178656b162f5fd574e1550e6', name: "label-info" })), h("div", { key: 'e27c3b2ad205e393223996c0f196c18725892d85', class: "gux-input-and-error-container" }, h("div", { key: 'b0b53abe87ec11858723e6963a2d5bf93f4e6511', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', class: {
+            } }, h("div", { key: 'acfd7e700b08be1a70d38c2f5efb735f73d868b3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), h(GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '572e1b3a011ccd1c9394a44ef37be39e1a0004ea', name: "prefix" }), h("slot", { key: '7e04478ace2c88c4e14ecc4997cb7123921dd321', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3a0b7bed3f5df00f2734204a3f363dd6d1ed14c2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ee93db1a6f1a61c38bef1b1ed458c315099b2fdc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '06f55ee7a78d63598b4f1f7773a3432042498253', show: this.hasError }, h("slot", { key: '02281ba74b7a44981b054a33238dfd82a6ce588f', name: "error" })), h(GuxFormFieldHelp, { key: '1cc41032e01847e7bb4b9b56457d5193f3bf8657', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f82d722c50650a2caebe692586e82ef1ef8aefe0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -89,12 +89,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '53ca13b6428df3c18ff4c4cdf808c31b555f9f15', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c31b9901354642a4b0b48704a10809e10011c1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a62c1cc862ae9bf4645f1611d076423bbc967461', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c799a352b271837004065a8e2c20bac0c70e1f6a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a14c6eea226ffcd367a166cf32142d4af9108119', name: "label-info" })), h("div", { key: '28c05101abaf3b27c372f69091486ef0d89dd0cd', class: "gux-input-and-error-container" }, h("div", { key: '04db30121d579c2bd50b59e84aa6ad64a72a23a5', 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: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), h(GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), h(GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
+            } }, h("slot", { key: '2871157843b702efc74e895bdd447731d642f0af', name: "input" })), h(GuxFormFieldError, { key: '806a984e974573d72b2604be4faeb8e254b90227', show: this.hasError }, h("slot", { key: '9175d2407d6dd950daf3830420c06e5f14d9c276', name: "error" })), h(GuxFormFieldHelp, { key: 'b96e82218628fc36e09dc550cfca3b0dd059de5f', show: !this.hasError && this.hasHelp }, h("slot", { key: '342e0ade32e2536e26b3c6ea03075919ba219e7d', 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 { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-e742b324.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -100,14 +100,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e23af5068443266522090bdd8f56a367df5cc1e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '91fcfb41f275a7ece8e048b53a190dea484e37cb' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '3481b9ac6539c8e0e9be0f0331bd843285185cad', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd504abf2e84f0193b11ec2baafce5a5beae10f26', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49e8d2f6b9d0d7c055a717515adfaff06e2585a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4adc5736e73a04202f46d1c6776dfef08737faa4', name: "label-info" })), h("div", { key: '735245fb2c3da94b6a8edf1a5c544328b3adcd99', class: "gux-input-and-error-container" }, h("div", { key: '6080535a23371f874fcd49783617b564c4931a9c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
+            } }, h("div", { key: '3feb72cba6d0e2a7ec5e52369026c3a9711dd80e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), h(GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), h(GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', name: "help" })))));
+            } }, h("slot", { key: '59358806b129d9fb7b2f413270986332cff4b455' }))), h(GuxFormFieldError, { key: '88cf26143e9a12b8857629a63f339d1e9fa22669', show: this.hasError }, h("slot", { key: '5569413cb6acb425554ae583662b95799aa85d72', name: "error" })), h(GuxFormFieldHelp, { key: '9b1d996159719e4e8dca452c64fbddb8e895a7db', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a4e2a0d43eaea42ae29f09090d3b2c35e0667974', name: "help" })))));
     }
     renderText(text, condition = false) {
         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 { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-e742b324.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -101,13 +101,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '0af85925b029fecde3aa6970eac0ffaf163c2b8e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2fd3ae6666cca7da1d6f398f85c557b58d65b0c8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '6f5febf7c7d4eb269186c71ba84ab07dd1ef92ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a4513266715e15bbe5fa8a135d9b9a096b54b294', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96b7d8f0224a97dd29c1cd5bbe31fb2bdc12823d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '856371eddb543a914eded57b77492895f9a0d3bf', name: "label-info" })), h("slot", { key: '340462e5233453f5ca8bba5d483bc334a363779c', name: "label-info" }), h("div", { key: 'c08a96d8687fad8f47409a93f24079961f91023d', class: "gux-input-and-error-container" }, h("div", { key: 'efab2ff7a7f2a5539c2b69def65c85a01a0527ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), h(GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), h(GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', name: "help" })))));
+            } }, h("slot", { key: 'cae6fd4465ba89460a0fbb77408bd3d0dc0df11c' })), h(GuxFormFieldError, { key: '7afdc4538ef3c373c617f5a8fa295c6e280189c4', show: this.hasError }, h("slot", { key: 'fddebabad461cc1ac0fb3df84bc28cfe5e490f10', name: "error" })), h(GuxFormFieldHelp, { key: '0765d2f5c11f8f85964eb378880160655e5c9bf8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e5e2f6fab5eeea9d4524d9fc0d8deee4c5efda34', name: "help" })))));
     }
     renderText(text, condition = false) {
         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-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start: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-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) 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-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) 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-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -545,7 +545,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '331d5e5042089530faa81ff7c4a5cb9511a982bd', 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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.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: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
+        return (h("div", { key: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
+            } }, h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-label-info-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";
@@ -32,7 +32,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: 'eb66887ffe2972faee641cccfb3f935f92bfc854', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '230b736eb28544139150b2fa3a29fad3ff4d224d' }, h("slot", { key: '23bb9fabdaca0e99f780f96ecd140b112b295340', name: "content" })), h("gux-icon", { key: '46914c27de93ccc63db4b3305c75311444aec20f', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '727cabe31dc2691201e159dc6a6877a7eb8246a6', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("div", { key: 'e0cf603e0d7c4aa87957a3de9ff7bd10af774acd', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+        return (h("div", { key: '002dd520b8963ca31fe898198c1bc461186c5418', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: 'c3dc8f9f95e6d8c0cf72ae06700dea0433f61dbd' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: 'fbd08623e72a315950a3d3664c14850fba79e08c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'cc8a5475fd40d8e21add82f1b689251831134fc1', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'b84d0f31945c0e924e023694a85c53872004f57f', name: "content" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '713909a50fffe7ac054da956484525f0c871aeee', role: "presentation" }));
+        return (h(Host, { key: '56e33e66317185680fcea7741c574989875dac63', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -25,7 +25,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
+        return (h(Host, { key: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
     }
     static get delegatesFocus() { return true; }
     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-b6ca2adc.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-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.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;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
+        return (h(Host, { key: '8dda1596a60cfa1ffc6317c924da116372a774a4', role: "list" }, this.renderFocusTarget(), h("slot", { key: '80b5c8de70335c1c1c473045124c42792b392eeb' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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-44765751.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-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 
@@ -29,6 +29,7 @@ const GuxListboxMulti = class {
         this.textInput = '';
         this.filterType = 'none';
         this.emptyMessage = undefined;
+        this.disabled = false;
         this.listboxOptions = [];
         this.allListboxOptionsFiltered = undefined;
         this.hasExactMatch = false;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.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-inline-size: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', name: "additional-guidance" }))));
+        return (h("div", { key: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
+        return (h("button", { key: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const GuxMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
+        return (h(Host, { key: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) 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{padding:0 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);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);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;padding:0 var(--gse-ui-modal-padding)}@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;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '4c560129d4704e0cf2b39a77ea8494c4f943b0e4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4f26f1702ced1b770035eb3f993b47653d6077ec', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '84835e5f39c707d9fb03cb125d099cdec501c781', class: "gux-modal-header", id: titleID }, h("slot", { key: 'bd2f8bc2f6e25c833477df36a27db71f9e2f9488', name: "title" }))), h("gux-dismiss-button", { key: '26b54923c42ce83c65dc3b9d818baa53fb41b776', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'e8d57caaea18ba43763d1a49ff718a6f76909de3', class: {
+        return (h("div", { key: '0b7bf1803a27712de1d2ce1e2864dc9c49e9004f', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ab479c087a1af922272b5c7a6ed333c4b880e904', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '187bccef5bd926618c5674c18c2b33de87612de3', class: "gux-modal-header", id: titleID }, h("slot", { key: '8a35d0336b0df7cbfa1f3965594ff9c00e7332b3', name: "title" }))), h("gux-dismiss-button", { key: 'ccfcb15e7380b3838f602e30aabca386c5203b8b', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'f2d4711d6492ece45af28c3d25a4d470dba54152', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '5cf41c10982266dd5e137a9554b95b23da8e5d0f' }, h("slot", { key: 'fc063519fb7e6998c5848ac3deca4f44b295a66e', name: "content" }))), hasFooterButtons && (h("div", { key: '5dfe62a195dc5331bbf35f312c8159336f19badc', class: "gux-button-footer" }, h("div", { key: '440facd07400b3c353ce21d11c527d9df2e3810c', class: "gux-left-align-buttons" }, h("slot", { key: 'b110a10e475e0a96ad2042361e05010ba894c017', name: "left-align-buttons" })), h("div", { key: '387237bac3ede031f328a4336fc0d8d777a38277', class: "gux-right-align-buttons" }, h("slot", { key: '6dc5dda704f6000272135c2a405fe1db11b6b1e6', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'a53a92c0acaa5b9c561961937d40ed36da098c12' }, h("slot", { key: 'bd56c58ad6bf1ced890577ea660de3375f0f50ec', name: "content" }))), hasFooterButtons && (h("div", { key: '6b4ba6636c4ec443e02bcf1af00783ea20523ea5', class: "gux-button-footer" }, h("div", { key: '42ff0cdd27d1c25a6fdba0d90f440a474ad26c0c', class: "gux-left-align-buttons" }, h("slot", { key: '21c3373d83ecd0325643f482337c3d4e95c5aea4', name: "left-align-buttons" })), h("div", { key: 'da00f46b200b01eaf88cbc6674a5b24e12e82e2c', class: "gux-right-align-buttons" }, h("slot", { key: 'd58bf5c5f8ee524acaa366c2b8fec817257124bc', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-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;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) 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}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline: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-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@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{inline-size:100%;block-size:100%}}";
@@ -74,7 +74,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

@@ -175,7 +175,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '677921c9dde412710726338267e591ad25860551', class: {
+        return (h("div", { key: '1bf08b790a5cdb3279809536c22f21f25febdbc0', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/esm/gux-month-list_2.entry.js

@@ -43,7 +43,7 @@ const GuxMonthList = class {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'a547b8cb470a7954273b8bb225c1fbbc0d6068fe', role: "list" }, h("slot", { key: '184656f93c75eb43590a0db3086960e2a020d9b5' })));
+        return (h(Host, { key: 'e166432f0a713540f4c1d23e48e0d843adb7161d', role: "list" }, h("slot", { key: 'a378cb4ca462756dccb95f15c991c215d8d436d0' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -76,7 +76,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '81219ec153e7c466b7a2b9ebe614d691c576595c', role: "listitem", value: this.value }, h("div", { key: 'eccb4ec0999c329e1c70561930e629f362c1a064', class: "gux-container" }, h("button", { key: 'cf8e11ed5f104a44796877a19964969d5e74bbd5', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '06ac363b8ecc1d20445af10bae4fc176a48e0aa7' })))));
+        return (h(Host, { key: '0c1de73e9c85b6f2fc0bdd201a7c488d9be4e012', role: "listitem", value: this.value }, h("div", { key: 'c04537773800e63a7968b7f7d64da46a2c3da07e', class: "gux-container" }, h("button", { key: '4caac77c98d9d7aefb2262b2c5d365fe763fca08', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ccb35f53997ac2d353df127d8dd6208ab2d07727' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-44765751.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
@@ -215,7 +215,7 @@ const GuxMonthPicker = class {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: 'dbb99af69d5607c7b3110919c0da6ca433dd6abf', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '6d0e344fb180a8d62bc065e373629c47dc097ae5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.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-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'dafa40dd0c1a58eefa2dec3b6f18ba91269973b4' }, h("div", { key: '79cdf572f7b5f7dbab218f604890c72ea33c5d4e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7a354b86a39b9099f924e2bbff4a9d75978544ed', name: "icon" })), h("div", { key: '586c1df3f9d74e6888d388ac66fe8432715a78b4', class: "gux-content" }, h("gux-truncate", { key: '306b9ec4f9199b632386550eacd61b91a38278ec', class: "gux-title", "max-lines": 1 }, h("slot", { key: '0ef6f4e5c0330134888cffac11383a470435037d', name: "title" })), h("gux-truncate", { key: '3702f19ebe1e30724cf58db7c447ec4191bfd53d', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5156b07eec3d3dab083f927dd7e4cd48215425dc', name: "message" }))), h("gux-dismiss-button", { key: '7f1ba59b46646d79a9f619fd166edc6221099f53', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '81e1f0e6f5c908fc2f34d79870e3d0a968de4bf6' }, h("div", { key: '3bb0a7e11448c7d33a918cc90ef2e090a1b69687', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '26a5be9802c834fc3a51dcbfda55c0edaac82a94', name: "icon" })), h("div", { key: 'fc94a9cc95a742eed4954281081ee4874c4639e0', class: "gux-content" }, h("gux-truncate", { key: '716c86b33f2370dc82ad5be6e80950fdf5d216ac', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'eaaaace3c7e6817286c09ec79f3610f72204c991', name: "title" })), h("gux-truncate", { key: '3049cf588bd4a5885f2dbe15a60dcb2eddcf89c1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1ba40d062fa1dc59fd67d067dba56cf3c7d6bc77', name: "message" }))), h("gux-dismiss-button", { key: '57ab0ad1ee764784351e6cad120c6b0482b8c194', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-option-group-beta.entry.js

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), this.renderDivider())));
+        return (h(Host, { key: 'aa6e6565419c297413e489334421d1045cead446', class: { 'gux-filtered': this.filtered } }, h("div", { key: '1c419e41f09f6d14e9cc789814b5e042615366a6', class: "gux-option-group" }, h("div", { key: '6a58d51aa59eb5177d86bdfc6ccd444545fc8be9', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'f5c4a08cce966b2899770da946f6f7fbb011e72a', role: "group" }, h("slot", { key: 'db2b1678a96ee679fe030f04f9da55b18c56648b' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
+import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
@@ -47,6 +48,10 @@ const GuxOptionIcon = class {
         }
         return this.selected ? 'true' : 'false';
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement('gux-listbox', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     render() {
         let iconStyle = null;
         // If the icon color is set and we don't have a background highlight that
@@ -54,14 +59,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', role: "option", class: {
+        return (h(Host, { key: '169d8b4b1d8ff0825e35bc1034f3736a8922b3e7', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '94269ea0062a823033701e115718f89d68350727', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'acd2951fe5ac321d36b1c88421f4bd785f4032d2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '84da6e0dd5c5c73c55b810506a58a2bdea8400bb', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73a1654897b5fd7c00b1ba0dc1fc473bcdbab28' })), h("slot", { key: '10a9ee373b0b0e61db82e03b60b78feadd70e38c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {