genesys-spark-components 4.105.5 → 4.107.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { h as hasSlot } from './has-slot-f24a46a6.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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: 'f936ffae3f60e73be80d38619f3f807a10c01608', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ad113a922888ab988f140010d1fd30f12a73b0d8' }, (_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: '6e6cbc8d01882e7af9b5c0fa6328646ef4e09275', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7fa065328697fa68b0bb515a4d11f8835d8917d2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7bc5dc1e6799a2f237adcf16c31c63aed1667042', variant: this.indicatorMark, required: this.required }), h("slot", { key: '18e062a78f92e3659263aec36f24e18197d706d7', name: "label-info" })), h("slot", { key: '761f4f6e3bd872a0939cb596557fdf52b8bc20f0', name: "label-info" }), h("div", { key: '22d06b09b84436b3acb22d7951f04b0e93e01b26', class: "gux-input-and-error-container" }, h("div", { key: '61520325d521cbdf85b679219098589a1613ecd4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '42f7ebc381db15071fa8e6faad227a5f02393d3f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '51c7f93eb094716bcc457a1eaf7f3bb7d7d3287b' }, (_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: 'ad28ec82848231933e86796157bd789cb9dbf5dd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7609740404e43588769075e27e7754e3d1408c38', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '459ffa4c5f903d951a92b408d1ebd006a5958ad1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2f1806a66fa82be3129499f11b956ba18bbdcd70', name: "label-info" })), h("slot", { key: '89eedb5f9d37f38b8f7d8cb363c88c5f30a49705', name: "label-info" }), h("div", { key: 'b6b72691ea2882e3c305e083e1381063b92756fe', class: "gux-input-and-error-container" }, h("div", { key: '3d389c68f5307b677f76ddeda7c4b2031f3285a2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3929284fce8c68f48ea93b2923a892b407ebbe1f' })), h(GuxFormFieldError, { key: '8fb5a1d15740309f810efc0fe87e47a9675202b7', show: this.hasError }, h("slot", { key: '39d7a26b1b943934463c0e68b52cf1f6329f0511', name: "error" })), h(GuxFormFieldHelp, { key: '1c0e29ee10ffba4260ec33a844e364ef1fa4c6b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '13ccb2f4fda97ef0f9091ac4a742a66215d7bfc2', name: "help" })))));
+            } }, h("slot", { key: 'f201693077d200cbea7c323454a6bced4368f01a' })), h(GuxFormFieldError, { key: '2180d2e795377b53b65c7fdc23eb6562747c2a96', show: this.hasError }, h("slot", { key: 'c6be8739f12fd2fb7c2aa206d459044cf4b40e36', name: "error" })), h(GuxFormFieldHelp, { key: '7df6b7566d1396b6771096cfeecc0826b7477bdd', show: !this.hasError && this.hasHelp }, h("slot", { key: '8da0b676330cdc738214557bdceaadacea88f7e6', 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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: '809c02a03fc5ea0700b87b89568d3201f7aa28c2', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '87ff7772eeec1a4b2de860e8891731fcf01b71f2', 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-94c6ba30.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
+import { t as trackComponent } from './usage-49b5f083.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: '2f0523ce7f4d20a0fe43df892f35c008de7c1134', class: {
+        return (h("div", { key: '4ccd88a94449d5394908da79c06d3fcb7614585f', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '9e2d4d208fb807eb5f2e97d7aefac5bbfc6b4f19', class: "gux-message-wrapper" }, h("gux-icon", { key: '6719dda9c9cd9142090e4f1adc2a3aba6e7dc1ee', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0ed8669259dd444152720f26515fe8206a633601', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '41095fd413afdbd5b8f84f5b97be6b5355be9fed', class: "gux-content" }, h("slot", { key: '97d128b16d89350b50e96b6588653f1eea932d9a', name: "content" }, h("slot", { key: 'f077fa4b12a0bf1b649bb0eab4409640f4e179dc' }))))));
+            } }, h("div", { key: '113c82495c8e3bc9a25620b1dbcc17d108667965', class: "gux-message-wrapper" }, h("gux-icon", { key: '9f157bceae2bc633046e4bb5b21b68c76a5dee43', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '07403449af71e9b847e28e7c5b8e2f83ee5e24c5', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '30cb77eb7e132a27f9a57774eac7d9366ef38d10', class: "gux-content" }, h("slot", { key: '82a486b03b896127b95d9a8ded8605eac182ca6f', name: "content" }, h("slot", { key: 'd765e6ea05a585574527b3bfe4de2cbab86ad684' }))))));
     }
     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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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}";

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
+import { t as trackComponent } from './usage-49b5f083.js';
+import { g as getClosestElement } from './get-closest-element-728b9f18.js';
+
+const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
+const GuxLinkBetaStyle0 = guxLinkCss;
+
+const GuxLink = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = 'medium';
+        this.standalone = false;
+    }
+    componentWillLoad() {
+        trackComponent(this.root, {
+            variant: this.size + (this.standalone ? '-standalone' : '')
+        });
+    }
+    checkBreadcrumbParent() {
+        return !!getClosestElement('.gux-breadcrumb-generation', this.root);
+    }
+    render() {
+        return (h(Host, { key: 'ff833826e421c0388207abc54ae059a5d703303c', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1987d0a30c61e2061882070faf0ee92078f786d3' })));
+    }
+    get root() { return getElement(this); }
+};
+GuxLink.style = GuxLinkBetaStyle0;
+
+export { GuxLink as gux_link_beta };

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

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '62cb4c846f693ac1c424d238e41d936b55e76c3c', role: "presentation" }));
+        return (h(Host, { key: 'a46b63152eea2e7c5d771b2fb751eacffb9bf27d', 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: 'cb8ae8d2ce0c34f8a4c562728dd5165911a6bdc3', role: "listitem" }, h("button", { key: '33c2c3849bdbfabbc7f2e409cfd5665e93a057b5', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'b8a77addb549f33091b052e9074d21359ec7f49b' }))));
+        return (h(Host, { key: '640b7b741d24ae8e3aed710c60844d1016bb48af', role: "listitem" }, h("button", { key: '9bf043cd5c07e4d37cc61e50080992697bdaaaa0', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '4431356fff2ea50b0858abbca178673c32557f4c' }))));
     }
     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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: '88907889b939ce642ff32e7e49a64e55588cb6a3', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'c476d045ce9fbee866fb834064ee064fb27e6d1f' })));
+        return (h(Host, { key: '1ded5bf94c9eb48b4d9ed2e9a088ffd018ed392e', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0da0b7d786344469976279f6790a4209f7b9be16' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: '875bfb677ca143fa5a95de8eaf491fc3638b8246', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '83cbb7b48b21f7a7f4af9a774633d862ed276f35', class: "gux-progress" }, h("slot", { key: 'dd03641751d6ac315a4e1416c683c4d6e54185ef', name: "progress" })), h("div", { key: '91963b1e6fa9f59bfa88d4c1a553dbb80ea79b18', class: "gux-primary-message" }, h("slot", { key: 'e6367c6beb4f9e7a87aa6a6daf595da6d52140a6', name: "primary-message" })), h("div", { key: '4102e148e147336ef78655c2e19b3747da169698', class: "gux-additional-guidance" }, h("slot", { key: 'b84f73db23d1ba18cc5de5ed5ab92113d860d323', name: "additional-guidance" }))));
+        return (h("div", { key: 'b2b1c3969bd049a683850dc05296a95a47b173b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '59d4b760d81e731a8803a4d34792027a37e6c12f', class: "gux-progress" }, h("slot", { key: '64e1df37cdf6af5da4ddccd7786cc6ef9c7510d6', name: "progress" })), h("div", { key: '49442100c2247f61933e995faf4571d72695507c', class: "gux-primary-message" }, h("slot", { key: '4076e26f5b5c6ccf9063a3185ab21f3bbf03ffa2', name: "primary-message" })), h("div", { key: '3a07cf4d57a5e05e042a38356f0481ea6dc359a6', class: "gux-additional-guidance" }, h("slot", { key: '7dfe32c0ad70138c8459c1f50caea7c189b81ffd', 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: '2e52fa99bda1e8f36a98912b9bdbd163f5c71ebd', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '686bfb87087f9724f6392f4baf5cf762751a00a2', class: "gux-menu-option-button-text" }, h("slot", { key: 'f44322c5ff7c4f269ef1a0932437a846bbd22b76' }))));
+        return (h("button", { key: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
     }
     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: '5601f1b2d378a742ffa1008dd4ff5b80f3a16e92', role: "menu" }, h("slot", { key: '1bc149fc20a308903962de2e11631b5a23807db4' })));
+        return (h(Host, { key: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
     }
 };
 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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: '8131ebff5ca91165e921f126e7c33baa0bd5e4fe', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '84673ad7905960184b2052d2ad65f0b578fb1d24', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'd1d28f2a3b913dc883eef1b66d9f639023dd3980', class: "gux-modal-header", id: titleID }, h("slot", { key: '0925c387697025dea83893fbd10884148c954bb6', name: "title" }))), h("gux-dismiss-button", { key: '22e15b96062d765e0305874edcf942717c62337a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '9086b3bbff6220cc2c663595cb4fb9f78d21a13d', class: {
+        return (h("div", { key: 'fcb5c9825a80078a9bedb17241205d713a1c1518', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5e27267cb945432824ec55af62f34d797251000d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '1f228f537574196b590c93c7827e34bc4b0349a6', class: "gux-modal-header", id: titleID }, h("slot", { key: '16529cf4bcc18842f35c0685dbba801d9fbc651d', name: "title" }))), h("gux-dismiss-button", { key: 'ed3d9a9875699383dcec3dc0ef3a665acc95d47d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '5e58352aeae39a7df42069a120b19ee0b4d30c42', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '99829f5c3adb21a0924a3f470f1a84f259614713' }, h("slot", { key: '1947d582974957af7b7b19c64e9c00063a607a8e', name: "content" }))), hasFooterButtons && (h("div", { key: '361c98808ef1b974f5eaf4c22fe139b81f5c2268', class: "gux-button-footer" }, h("div", { key: '9dbfac91d614f194661cbf18bfab2065fd488cec', class: "gux-left-align-buttons" }, h("slot", { key: 'b2513d2ea2433178b9c2b654b5f1bef8b8203d22', name: "left-align-buttons" })), h("div", { key: '2b306aabe6c6c4c848170c036c78e2bc4898e0aa', class: "gux-right-align-buttons" }, h("slot", { key: '1f302b2a7b311c45499c59ae8ddfd7e9bc0a57bb', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '6f843e6ba16704d67215260e170fad8af74f4d7e' }, h("slot", { key: '31239c69e4b06313f81e8c1439801723969f1693', name: "content" }))), hasFooterButtons && (h("div", { key: 'a47c6992faf31e19b1ecaadaec3970803e050028', class: "gux-button-footer" }, h("div", { key: '9d53a6d0464f6f06e8fd9603281a0d35de0e29ad', class: "gux-left-align-buttons" }, h("slot", { key: '642e3ab4adf79b9bfa90c972ed1dd0d18e102ee0', name: "left-align-buttons" })), h("div", { key: '53a4a8e4f2d826c68f6dc0994fe9b8081dac8cd7', class: "gux-right-align-buttons" }, h("slot", { key: '19bacae31bd9230d7babd550ed22874c2546a572', 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-side-panel-beta.entry.js

@@ -1,7 +1,7 @@
 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 { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -46,7 +46,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '8f79c2b869b7a2123134635bc91d65bff7fc0135', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: 'd90f4ac9c5cb49de67a437bfbf6fc9bd330084c2', size: this.size }, h("div", { key: '391c93e5cb2332946a03a9505303a9138c3a2655', slot: "heading", id: titleID }, h("slot", { key: 'bc80c7adf65537d0af02c1d3610a925ebb68c097', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '38e37b49d4198e9e49716d483e57086919f26570', slot: "description" }, h("slot", { key: '54c6c8a3fc20f555c1ef55afad732e275eb33c47', name: "description" }))), h("div", { key: 'ae5a604b3fc4d7cff1d62a085a5c4674b853a540', slot: "content" }, h("slot", { key: '1febb658c1a4269a67ff8b3498eb6a5819e8312d', name: "content" })), h("div", { key: 'd3fa093a57aadbdd6d93bad564031fd6513e05c9', slot: "footer" }, h("slot", { key: 'ffcd30d1d2c0ebfed9131a682a443e54e100feef', name: "footer" })))));
+        return (h("dialog", { key: 'c992d49593c00ce7335f19954d13ab66338d315d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '7dfc2eeb59dbc0c45878805586319a58e88599a4', size: this.size }, h("div", { key: 'e7427a86193c56d0f1200df4cc48d7c326e7dd3e', slot: "heading", id: titleID }, h("slot", { key: 'af4c30fec90f887da6f834d3573126e0990645b8', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'b4296be7e5b393872c5d17db83d9cea3ae0f53c0', slot: "description" }, h("slot", { key: '5817ef5d3c7b0dbaafae7159ec5f8f38e8d682fb', name: "description" }))), h("div", { key: '716cdbaf3f5cf43b4b965a44aceecb69a050d41f', slot: "content" }, h("slot", { key: 'e22c441441f5ece23b3dde8548b4523382370aa9', name: "content" })), h("div", { key: 'f36f2f216e59539333f3026aeeb781742e333c8a', slot: "footer" }, h("slot", { key: '6811443efe597acf31b78e739c94be88e8ea3614', name: "footer" })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: '62ce228cb99fe52b4f9d1b108da11c59bf494084', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7986092a5aa4d908f3f22cb57a17fa5852b825b8', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'c26391c43c7f7777cea2e611b2f13c1a2c9057f4', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'be85d8c105aa1b367411503ee5ea5a802068e7f2', class: "gux-modal-content" }, h("p", { key: '96caa7e29cfae1cf98ab5a54a21c44f422c25298' }, h("slot", { key: 'cc23b697d36fe06e954ab8f49514223338bbb266', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'c0501cff8f424b5a55410df00c8aaf3253245fd6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '94802cf3554b266ef2f6ab2cf71fbe9c849cbd7e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f165b887e117fd1820a4903328f71ab136b1702e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'f580cbc123e426631f443d20fcdd4341fc7e9f10', class: "gux-modal-content" }, h("p", { key: '1278d1b719a81de1ccbdefffe7b46f6231392d68' }, h("slot", { key: 'ffa4eba5ba0d6365ac77bbf81e82b57ff1c208a3', 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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-44765751.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-2b16ce44.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -175,7 +175,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '9caf15653919c98d027292a800265c18ad663ed6', class: {
+        return (h("div", { key: '483d249a808cbd5d6e073ba12f0650cb5597f734', 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: '73337930f8168b2cf3ea19e758840c4d73ede824', role: "list" }, h("slot", { key: '4cb56de3a3999f681f8706eecf1a8311d9aca3f0' })));
+        return (h(Host, { key: 'c134a4b9abc1d870e010a86857f9933012216737', role: "list" }, h("slot", { key: '343ffdf8fd2978166a9ef2a13748534fa5aaf1a9' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -76,7 +76,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '83c6451801cc01f11916968c5a7fbf8268e7fdaa', role: "listitem", value: this.value }, h("div", { key: 'd60137a28ca16e4cbb4750d7e4352da99645b146', class: "gux-container" }, h("button", { key: '2087bf628ae2c59cf72b4507ce1bba3deaf5484b', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '2271fc3159882a272ca830df30ec18b521867b11' })))));
+        return (h(Host, { key: '9926fc852f8d9d32a5870cce6531d79c65886f33', role: "listitem", value: this.value }, h("div", { key: '554da394b223e1940ec31c22cc2a0f1640c4b1dc', class: "gux-container" }, h("button", { key: '7b7147ed8676d54702728769eb83bcbaf6d766dc', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '59592a31eaef4f03df031cc655209d3c570021ca' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-44765751.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-2b16ce44.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.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: '3e874f28af6bae4dd53e4f805751401fa48b2fb3', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '974641d1f4e0867788a64f41fc72a76688260f37', 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-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.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: 'f297c56319dfc9f4895fdf5a1b08b4065c721db5' }, h("div", { key: '40c8c0f65cb3bfd8f5c916e75702f74f74abedec', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '46134600bb228490827cfecc90dfbcefb86e33eb', name: "icon" })), h("div", { key: 'a2deeaf2e36d6fd5e5971ff3ef46e9ae285d90a0', class: "gux-content" }, h("gux-truncate", { key: '89317a1a0b8b9f86f5868c0531c98db64c28d0eb', class: "gux-title", "max-lines": 1 }, h("slot", { key: '3d4e934f981ffbf8a75ece185586a64e1000da6d', name: "title" })), h("gux-truncate", { key: '088e5d0ea116c418cdaae85335d0511d3b3971b1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9d01e51a12423b8bb0b155aaf9093377b49283e1', name: "message" }))), h("gux-dismiss-button", { key: '5e2eeffd5093411d30ffc5d704fc12a3145ef979', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '31d0c5d681802c64a1e749b9cc949295d68afd51' }, h("div", { key: '389db0e03b54d217b56bdc4cd3a48958d426b835', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '145296993a81312a71ca52cea0c3147c57bcc8fa', name: "icon" })), h("div", { key: 'fc891d72f38af203b80e58203fcf64fab30b6ee0', class: "gux-content" }, h("gux-truncate", { key: 'ccdfb33c8b032c1677145c549776cedd2ca893a8', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a0348791c2dca5229c3f3ea4e24bd1e4ebca4638', name: "title" })), h("gux-truncate", { key: '04ae61deae7908e60c509ee0b4e338666a9e9230', class: "gux-message", "max-lines": 2 }, h("slot", { key: '89656871688dbf65aec6d9099630e44fa8c123dd', name: "message" }))), h("gux-dismiss-button", { key: '3ee8b89c9f091f33454d18880c0a3006e4e94dce', 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: 'ee295b806a4b4684d07ddb8050ac68078e7081fb', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c5d2e233f9fa85e8298d021d63c901d29c27e1dd', class: "gux-option-group" }, h("div", { key: 'd687f2ee801f05322e619fc7b88395bea4c5c1ca', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '8b9eb79c0f9b416686b9a6a8fb14697ff531c5a2', role: "group" }, h("slot", { key: '1dc003e175f8235226e4201bd7aa39223f1f0ff1' })), this.renderDivider())));
+        return (h(Host, { key: 'bca647e58d74e7467e9079fde409ea578117d0bb', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'f3075e33f5c57b4cad8ba65c816e45ef2b09130b', class: "gux-option-group" }, h("div", { key: '90c311310df4a3dc3310aa6cfebfc7e54aa33981', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'dbba07f02aac560f8b7be7a10e1de9f78f5ee294', role: "group" }, h("slot", { key: '55ab3a740365629cb415ec87f1342a4a86320977' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -59,14 +59,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'd06bcea5d7c70c36774f03a7cd66306daac39d49', role: "option", class: {
+        return (h(Host, { key: '10add6d7002533d2591f3efdb374dd43c3c46b31', role: "option", class: {
                 'gux-active': this.active,
                 '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: '90a2eb77040c87448eaffe2be2d936a19ae619cb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '5cbfba15082263285e391cf0832146f932badd59', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4865d9da21aa19a6ea2e45b2f7aee3489f2f2bef', ref: el => (this.truncateElement = el) }, h("slot", { key: '15241b89cbdfc0c812f6470a6e65316f13087fcc' })), h("slot", { key: '2988840ddb55c9d627f27950b1fcddb828f327a0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c024e6235da12b00e1d9f56c5043401e34402215', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'e9260a4251577ee13044172fcc4af748e0339a91', class: "gux-option-wrapper" }, h("gux-truncate", { key: '00c4117867cdd9277b0e9bc0ec3c6957b8b060b7', ref: el => (this.truncateElement = el) }, h("slot", { key: '7fe997952d9a9f65b18cb6415f5f96d12c8bba44' })), h("slot", { key: '36451668502b06f3cd717ce65a9d852ba5c6a9e2', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, 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 { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a12903f7963e118b818b089eac34ff2afe62b64b', role: "option", class: {
+        return (h(Host, { key: '6d5378c2e2a1e2721f1b3f822aab1e450b8eea6f', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '23a592975ef957bc82279cf04259592e0d0dab06', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ab6704ea332207891eaf9d31710be7eb9067cc7a', ref: el => (this.truncateElement = el) }, h("slot", { key: '922a520a910f020647830866a1700fd555e76c5b' })), h("slot", { key: 'a35588c66a83e614b92601a5887b5f95e50f8de3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '2265d61a2894633e19f1d3c874263de9899cb87f', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'aae2b70f061dfe4a6fea45d2c284b9faaa32b29d', ref: el => (this.truncateElement = el) }, h("slot", { key: '926f3d5753c64cb5fcb3b275b9bb7c3bd7ff755c' })), h("slot", { key: '4f05856cd8645779f5863ad9286c7b2cf7b1a3c9', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
+import { t as trackComponent } from './usage-49b5f083.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'a5a26b54bd335539a6b99e34033aff3eb631e9ae', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '297fc377b0080a63bce840dd932082caed920800', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons-legacy_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import './get-closest-element-728b9f18.js';
 
 const page = "Page";
@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: '1e5c5b2a72af2944a3a14745fc9082f333f5e517', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f934bdb6eb50eff65da1b9de484240d58594c698', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '17e58810c4484a3f7e3afdf3f3e6bc9e4069b92b', accent: "ghost" }, h("button", { key: '1de61001603db04572b8de8fb836104da4a85554', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e358f879cb0fc61b650b7190a1cadaaa9db47ea7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a3b5ce6dc1ff697fdc2271a9b606680f8c765fd8', accent: "ghost" }, h("button", { key: 'c8fa9837a13a2c73884639603516362ca5c59b22', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '02d4c4184a2754eaaf322b118adfadd6b3f3b162', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '3732720aa26a1e936f1459888c5e94d82511a1ad', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb18de93354b00b15d65b6a77eeec34a557608e5', accent: "ghost" }, h("button", { key: '06b5906d24f4cd38586328fbe539fea6f7924bf6', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b411ffc0d8d516dd896f1df83bb596d308f93dfd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'ca15f46d8d5fbd55a3461b59560ee680b70645a5', accent: "ghost" }, h("button", { key: '4ad0e3b8e8e150c8965b0ee8271b7f7386437d34', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5ce7805f596be04c4e9bc40c161d359e42f91a52', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f39f10361d66d9c309d32ac2aba1fb4e2fd1b134', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '76edc2ee36e9de7b2cd4103adb16bd25df871cca', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '696021251277e5b6ec456584bf32d605c1857d9d', accent: "ghost" }, h("button", { key: 'cbbeeb85657534e2043e146e8783e36b75235fd5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ef8b8b9f5024ecc51e96d35ec394aaf229fbd991', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '09e05fa8ceadea0989a04ad2d2bdf67dbab1e832', accent: "ghost" }, h("button", { key: 'cca3029ee096aaeac52fa9fc977f93369b835e7f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b2559b6704da0832e8f7b2cf89806c08de9e825e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '92a011f46c811e0f3a726418107a16dbe61ef58a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '024d52a8f859fa2ed2782449bae1130cffe6f018', accent: "ghost" }, h("button", { key: '2a5783cadf131fc80a7bc21dc9b259f5afd73539', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93b6f2791dc5756fd3ab8dd5d98315223a001b8c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '13d38a876115838e1d081873b7abfba4c1cc75b9', accent: "ghost" }, h("button", { key: '7cfc10702afa3f3e1ef6e5d70a06f4657e0e41f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '46849c18e990d1464e0f98190e287466c1aa4b09', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: '53604aed7721b62395e6eee2a3658b750cd6080c', class: "gux-pagination-item-counts-container" }, h("span", { key: '0b498502bcf3a6e3271d47fc0c4c3a04f29e60e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'c52b058ab08122ef54db772c215b1df4a29c6d4a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '57cc57dd92345cfc43dbe46a349777e31dac5c3a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'ca34a03a34faabaa54abd545cbf16febe1f95331', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '50199ccd3c887fd695433a71476deed2fa7e9bfa', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'c57046ad9ddf63bc4b209806380f369d83df316c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a07d5c6aaba0c862859b58ceebb9b2eef208275a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4465c707fb1f8474941671de84f09fd4ccd47cbe', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '72b66db1cbc26688e815dc782b0b5a28b759879d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '17bc0dc108aa05afac2c3050e45017bc1fc69cbd', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '969ca6e7227dae0669d99fea285fbf375492b02f', accent: "ghost", "icon-only": true }, h("button", { key: '3662f442b719187fc86446016b27cafb22ce494c', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6e03327be2a73b32ca6c544b1b3b246a3f161ea1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f3d9835f8aa4b3fa68f246736370c72d1b390a1a', accent: "ghost", "icon-only": true }, h("button", { key: '4ea8c4df47a919397b4b1373e7651a28bc5e6378', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'bd86ff2eac3caf867bcd1b8c3f005a363c6bad1a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '35ba6f5915d4370c89111e74e8eeba70b0c4ea03', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2b0e96ba9184c98f8330f4bac7bba3be60a760b1', accent: "ghost", "icon-only": true }, h("button", { key: '934b6d5ea44d4379d5c11d54f93a1837155b6ab8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'f4b31131e7a6a9b8fa7f784125625f75651b2a0a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'fec4b9d51505922b372590d1a662ccbd77ab29fb', accent: "ghost", "icon-only": true }, h("button", { key: '6977753e1fa976906af6165ef1f512c5bc3b92a8', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8de80526c818f209fc6fe42aa74d363e1ed60aed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '14e2cb197b8f3a1703d6333eeb7ff8417bcefab3', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ae06b3ef2b3bb4a750707ada7b2b006e2da08f84', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4acc6a849ec328f1ee87d46904e81131fde51ae7', accent: "ghost", "icon-only": true }, h("button", { key: '20d2a336f9c6b41806dd408b1ccae46f2ec320be', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '025c7fb0362a36a399d4adbe99c4b5c39b3b0067', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0d132964ff31001ddd3e4f20083ec7ba359b3b65', accent: "ghost", "icon-only": true }, h("button", { key: '30217658c71785063f1eeaf91c8b6871671b84c0', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '63492bebd681d7511522d9364f5544d46d03de96', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '1ada7b9ad943d2bbb738f0ebbdddfad4b2920b8d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3c683c3d73a07f7cbdb4db057512b07f8aa8ff61', accent: "ghost", "icon-only": true }, h("button", { key: '4e34b6fe95628a03cc820279ac4702d1f75a0ba5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b8864e980129846584356d13739743378f32e0f3', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8a7f66ddae73f9ddfa09f90da9cdffefc856729a', accent: "ghost", "icon-only": true }, h("button", { key: 'f9194a9b13674a987ca2b95f80a2c4e185366792', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ee3943f6e5cc0da3d9e8a45db4e050789ec9af63', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '3074bfecfee49de818823df5699d7ea4043c0a2a', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd8335788be0aacfe6461a2f8af1e7fd5130b2653', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '044293b0a682f391853ae27c5e9f9e8ffbd21707', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b69fddec13c6e23301a27e740fff918a3f22d6d5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9457155bbf26b5def8c1533e8361bbddcca761f7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '689cc9a803488c967bee5009be885fdfd847c357', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-94c6ba30.js';
-import { b as buildI18nForComponent } from './index-44765751.js';
+import { t as trackComponent } from './usage-49b5f083.js';
+import { b as buildI18nForComponent } from './index-2b16ce44.js';
 import './get-closest-element-728b9f18.js';
 
 const previous = "Previous";