genesys-spark-components 4.122.0 → 4.124.0

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;
@@ -12,7 +12,7 @@ const GuxActionToast = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd2cbbef7ee8f3edd143aa67fece0e4bbc8f51c56' }, h("div", { key: '2ca80a32285708cf0b59cb8c6c850c935e461196', class: "gux-header" }, h("div", { key: 'da61377c2fdd266fdb59cd966d2d33c1cca7f19b', class: "gux-icon" }, h("slot", { key: '5e16db5142edd8abf940d170ad33b5986cc5e4cf', name: "icon" })), h("div", { key: '78bbabc18fc29746766f5db183eb251fbff0b6be', class: "gux-title" }, h("slot", { key: '78cf54e9406fa5957e987f65c10a9c2ea025e16b', name: "title" }))), h("div", { key: 'a5210c260ded0934d067072495dc3b7fd926093b', class: "gux-message" }, h("slot", { key: '5e840368bdfe33e8deefb1a27a06faf881033fdb', name: "message" })), h("div", { key: '5312f7bd09df29e32964668f2ccb1c554c2588d1', class: "gux-action-buttons" }, h("div", { key: '20cf4d0224a51716505cac1cef233fafe0f15e8b', class: "gux-positive-button" }, h("slot", { key: '3726c398d268a65a1cf9189ec9d68b9e60ad9f8d', name: "positive-button" })), h("div", { key: 'bd94b6a93b34ecdc584b9eaf75f5dd4a30feee26', class: "gux-negative-button" }, h("slot", { key: '66b5e17dd969da3ae79dbd5340117d77636928f5', name: "negative-button" })))));
+        return (h(Host, { key: '0180bddfa19067e03e2a87857a27aea31a9f6a8f' }, h("div", { key: '5c046bfa75b940290c65098dfb444131c0da52bc', class: "gux-header" }, h("div", { key: '6b6a42028760fe6c1733c7f0cf0348e30ba9d5bb', class: "gux-icon" }, h("slot", { key: 'a77bf654121756eeb2a1e559aa4d41f52e9033a3', name: "icon" })), h("div", { key: 'fabf04859072cd94d2e0b565f7f5623d5eb87276', class: "gux-title" }, h("slot", { key: 'ad10f9dc0dcb496deb47514b762347666b18538a', name: "title" }))), h("div", { key: '4d8fea88890be08e1bfda92f7d834c0f3a6c526b', class: "gux-message" }, h("slot", { key: 'e0d295d4dc1f66846023eb4f3137d092d7ee4670', name: "message" })), h("div", { key: '8a0fb0dcf21eaa53f17dd11af9448f7c5cb3de6d', class: "gux-action-buttons" }, h("div", { key: 'd3cf23b4c81306f7892b136fe7a278995863f91e', class: "gux-positive-button" }, h("slot", { key: '969087a593fb570a633b655577a8f533f7309d73', name: "positive-button" })), h("div", { key: '7b42d4b73f1d95e580143138886429af41ebf3af', class: "gux-negative-button" }, h("slot", { key: 'b9daa348ac3111b03d4a5247e036e6fdf7b6949a', name: "negative-button" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const searchAria = "Search";
@@ -79,9 +79,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '331a236f5949e4a195cac8157638c8e328ae4984', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd9d8d35ab3a063cd382a95d59e4eef2bf6d8430f', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '1b3debad9f21f422b0a4b2033b6ac9ad0be9cd56', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '0792c5cbd59aa1df3c978fae754c7ff60ba86565', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '21bc020832dacbee88fd04b173636b30bf577627', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '320ef8fff99fbef91c52027d762f200e328cec6c', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'c2943c1a220a9883e42797b8ff9131a7bd1f9ee5', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'f109832aa50c8e3c2993f0e0c46764fe08b0cbd5', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '7811a2bcfa3b3d1c4ec105b11551edb4f759bd62', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '142e57b274dd503e9bb79614cdb1cd68ee2c01cc', "label-position": "screenreader" }, h("label", { key: 'bd787abc4613f315ac4c6ae702bfe410fe9abb69', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bf208ea296a7c5fd9b6712743f6946c0659d3d97', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'c944093eb307f6a3355f865b815b12d3de080378', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c94b4d9436e4621bea33e06824aa6d930f13d907', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'a492105382407607813648edce5c9b6edc06b257', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '71c0e91daf846d825fea3be742bfd0ff9042a231', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '3e1e5a223fbcc5247cceebb6c8e9cec548a04659', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '52fc09c51f9401418bf5de14f14760f2af1cd343', class: "gux-icon-wrapper" }, h("gux-icon", { key: '183dd97e8f1adaa46a6309b3e0016c4f5bef58dc', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b111b6d8a3ea31dac3da91fd7c75e342c67f87c9', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c15b4d84749a404b0ecb37f3a1dfc725a85cf3dd', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4d01119df28a603467c9768b2c7925b328a5a448', "label-position": "screenreader" }, h("label", { key: '22e23e3c02f46badd679e2587face6070b031d57', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'b6952561bc2b3c3195c390cef80b8d99ffa8ae9e', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '7b6a99ae48c978db35c511aff18c7b68580dcfcb', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'd1bb91463b695b4beb875abb7902441b101ca786' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'db0ad6dc0d97e4aac0c72fe39a3c004a1df56cc5', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '33129990bdb0f547cd1b3ace89189e51b5c4b66c' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/esm/gux-all-row-select.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
@@ -28,7 +28,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '49baa73acc6c3f8dc5bc2f2223ad9d0eea8fdc0b', "label-position": "screenreader" }, h("input", { key: 'd9e203e2f117a368c3341a29f9a312d72f639663', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5024f6b71f93acdee18b996b30ed71e46b7f4f98', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b6c3a06e195f730e779ed82607b11c58de6dc382' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '788336919c945853b05e75e70975100ad0986a89', "label-position": "screenreader" }, h("input", { key: '3210e7311daca4a03bce2c0fe3c75dd507752629', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'd94843a11043ecbbf88e122c8480be02ca45344d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b704de7183526b50e5046e170b887e0f2baf0b29' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { h, r as registerInstance, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { g as generateInitials, a as getAvatarAccentClass } from './gux-avatar.service-43c1b4e1.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

package/dist/esm/gux-avatar-focusable-beta.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const GuxAvatarFocusable = class {

package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-17bec7ce.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-0e62fde4.js';
 import './get-closest-element-728b9f18.js';

package/dist/esm/gux-avatar-group-item-beta.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "badge with label: {label}, accent: info";
@@ -59,7 +59,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f58ba918787f055b239aca0f7076e3521be35053', class: {
+        return (h("div", { key: 'ea08be4080713b30a014ad3726a80d793ec87211', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxBlankStateCss = ":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  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
@@ -34,7 +34,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: 'cde6aa1089fd28a1fa3886dd55175bddf7438832', class: "gux-container" }, h("div", { key: 'e86169c91f616a9691b5e8ee43551743144cf92b', class: "gux-image" }, h("slot", { key: '7f51aa33d62dcf4e55da8a5468a8b5430f555e89', name: "image" })), h("div", { key: 'e828f67eafcd1973e1bdc894e027518c126827a3', class: "gux-message" }, h("slot", { key: '7ea4c7b68df6eaef26f15e332a1fc053e4315380', name: "primary-message" })), h("div", { key: 'd09a12632405ce6e54fd206668fc72fa7133a6a0', class: "gux-guidance" }, h("slot", { key: 'd3cfca7561ebd67960922d77fcc76faab5049769', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '35698c8da560149df181c3467e861a440c513d6c', class: "gux-container" }, h("div", { key: '334ac98587b5ffe56423a930fc3f4ce67a063ef3', class: "gux-image" }, h("slot", { key: 'e370ad5eae0d0e0c65baa6ad9ad20f38cddf81ee', name: "image" })), h("div", { key: 'bfafa2bb9299a9365e23706c1519d9e1e61b8474', class: "gux-message" }, h("slot", { key: 'f831a637f82d32b21257e5c922197d17e0c67bcb', name: "primary-message" })), h("div", { key: 'a35a64ca91ad73b3eef62b6f0a92d4d47ac68b8e', class: "gux-guidance" }, h("slot", { key: '5f676f8550d376b8c3309db69b80932d823050ed', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);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);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);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);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";
@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '11f7521a9667d09523e23b2e7afe4d81f2d0a6a4', role: "listitem" }, h("span", { key: 'da935c3713d500d0f9ad01ab60e7c68a74371ffa', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '46d9dc8487d2e53ca8d10290528859a42e904569', role: "listitem" }, h("span", { key: '811ef0f12364243d014a18cc2164d49f4ac5a440', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'ea6c25ebfd5858e0736fd427eb72422a187f293a', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '84863092e412993739e6a0af414b89d8445d8765' }, h("slot", { key: 'cc4495754bb42b94c3693a9e9ef3798fcad31d55', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '99c29e1402bc2c4cbfae39b1411725fa646b1692', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '2e8c77a45d7ab3d59f16fffcf3a0dafdc6c84f66' }, h("slot", { key: '59d5c55cc6036358273c58402fa4563f3d0f9e14', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -107,7 +107,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '12f5a802d4b2143b53d257d73ceab98a90784103', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b5d3c9255f69e79abcfcb7669e61f18f7dd6836a', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '665d22455bf0360dfcb8e06fb76d79747101dc1f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1e61fd22caff151322d5f66d1e3b2b7ee83b4fde', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '74124b9f00a560cb3f65112a266cdde878cb6065', name: "title" }), h("gux-icon", { key: '198fd2d236936afb5f31884cc77cea9d62faabca', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1b8a663f77bc6c15b6913649323ace481be05d2b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '62f318608a347e92b44b48f7f4defe71efed441d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bbe8d996414785303bd5b221aa33bc079ba554d1' })))));
+        return (h("gux-popup", { key: '0150ce34f146cbd02a853a1b7b664577d438e42e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '214f9626778f46aa1d81610f49ad888c3dc57eb2', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'ebb5ae83653799df0637ace95d15eecf9cb66b6d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'e4fcbb74249be8c736632b939fa8d754772785ef', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'a0e75116de34fc97a864dfce68c5f3cb33b2d55b', name: "title" }), h("gux-icon", { key: '68d9f87e413e0469a43db944164546430bb14feb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cf5bf0f5a2b9fc9d4e396b5bae66969070dd4154', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9ab31623cc322b614900d6c57d28b4be9dfd99', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd9a936937ce7e3f43cdee58931d2d56949bce8b5' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

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

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement, c as createEvent } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, g as getElement, c as createEvent } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
@@ -28,10 +28,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: 'abb493ee85bcfdc518784bf593b3afe7c3a15fce', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ed943237a31b0227d1d295e2f092083f24984862', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -247,10 +247,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'e59b939ea5345143047c3a2a326d2c95d7624b03', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '593e0d4dc00162d267c770e3d852e6f98cd09ec1', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '37fb3f3ef84513490436a943c703832d1f68d47b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '258664db187e6ef0fa438788e4884b420ad4d2fe', class: "gux-arrow-caret" })), h("div", { key: '5be4fb53d86fe167a2bcc489835997f7411abdcf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '50bb69a0ad8a52ddacc6f791f28983f1a16ac6c0', name: "title" }), this.renderDismissButton()), h("div", { key: 'f1f65d5c09431e4bce28c567e2a4d3e8fa30e452', class: "gux-popover-content" }, h("slot", { key: '3d96a3b8be65f5fb1bf3084cddbe273d616f8c4c' }))));
+            }, "data-placement": true }, h("div", { key: 'b5e9cfc95642b71717c554422179919793c3f93b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00d9c68141aee90aa2e059a03e798fc319e8316e', class: "gux-arrow-caret" })), h("div", { key: '08256b1de728e35a44eb3bf754f5896fcc9e0974', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ac6a177631f319bc3546c30ddcf128e5708972aa', name: "title" }), this.renderDismissButton()), h("div", { key: 'b4cb89cecfd37a147c42ffdeba785f73b9cfdac4', class: "gux-popover-content" }, h("slot", { key: 'd2de26578fc354c803a454ac52a2bdcfbc93d101' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
 import { f as fromIsoDate, a as asIsoDate } from './iso-dates-8d3f106d.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-6de381c6.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { g as getDesiredLocale, a as getStartOfWeek } from './index-5a5cba3c.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { g as getDesiredLocale, a as getStartOfWeek } from './index-6de381c6.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
@@ -383,7 +383,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '8eef32017815d3a9991df30f9367fe577a076724', class: "gux-calendar" }, h("div", { key: '9af530182f8a3f19626e227a03f69c75924d6d33', class: "gux-header" }, h("button", { key: 'b11bf4a64cf27093820606c4ad9eee1197fcfa9f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '526857a7a7423887067d385dacc786c66acffc23', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '6b73f9e4a29d00d3317023e84ce2b3446dca64a4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8814bbd30a56b7a00c9b0b8a323a565c35f15d75', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'abc9c3e39be6e7527fe361a3d9088f276e3fea16', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '87e73553fcc7c2282a180fba1cfe69e7ed0cc984', class: "gux-calendar" }, h("div", { key: 'fbe9fe152395145271013e078fbaac78baf3589e', class: "gux-header" }, h("button", { key: 'd924b0f9ac32b2144a4ab3cb3c838b72a2cc094e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '66d03f5493c79df81789b9975c6c52b75cdadbf2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '329d8bbe52c6847c48e2de89b122fa33b5076191', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '674e637d4d9f7eb7bb1c2dd35a9c225016388a0d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7479cc357b3a18d98125cc5cb961041a34bc4584', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '7960d166fb22cecbd69470b9a533a963496a70d8', class: {
+        return (h("div", { key: '719b7b2cc21e5d16f2143d49b5f9584fd2a8eed7', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e3d5e5aa8c1830855197b22c6a750b3bb9e01eeb' })));
+            } }, h("slot", { key: '5ad48940cad9d25f3969c63c6e650091ba38451c' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { c as getIndexInParent } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '2b847dce74096c35cc157d86227bfe2250453b7a', draggable: "true" }, h("div", { key: '7f1c45e045063f490cdce3a4c19d0a90aa9b8a92', class: {
+        return (h(Host, { key: '7f0eb000d20a905316cd68165eb66a334a174158', draggable: "true" }, h("div", { key: 'a0e134e68ddedaaf1afbab7a8da79ad482ab63bc', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '7c0634a4315fe5f34194ce368ee256e72acd6831', class: {
+            } }, h("button", { key: 'efa4ed1a77c1fa68f00df058652a0348765b92e5', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '0f8c101b730dd450c4796c5c8bd6005d773bd671', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'adaf9a439fb518cd0179bb2b79d88d893447827d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1e8254d24ca0e5080b396e8d8402510e2f52fd73', class: "gux-select" }, h("slot", { key: 'ca3ecfabe5939f5d624824febbebfdcbf40b9098', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '0cda2ec75c5f6ebaf14e7cdc67a5a55923be66e9', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '71530f7d9fc252f5635627c1a065584f41584f7f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c3c51447013b5d280bf367f1462f8f42e0e00771', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c1d1268c9790958286d4adc4069c1eaa4ced5fe4', class: "gux-select" }, h("slot", { key: '8dcae2468ecea9542c2240fdd5c4d4fe8a9feaf0', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'fd6859289326baae92ebcf8da6de591a785440ca', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '6d868fedc7cbcc175c27d99aed857be111b66383', class: "gux-container" }, h("div", { key: '4396666a70da06b166491e04ac6337f001453844', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2fb37b21ba764da3044828702beb75c1d2284e82', class: "gux-search" }, h("gux-content-search", { key: '20e9d4741f888b88fa47cc0bf507706ac88a121b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '0d85ca9bc4d5bf7701fd617ef2621394c25ac21f', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '494db5819be47cc0671ec21ec8a3af592078991a', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f4ec73eaba92d68037b69c28a0b078f0ede521d3' }, h("input", { key: '55ae9c76c5f8a3f24d96f8fee16ebbdec7fed385', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '27566d59de986d29833c8243e5e3b461d2a5d391', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '18f6969f6e8318e4a5f988759e07f700453816fd', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'cea1f7b82035c23208942e97a5b863ce7179df3e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '86b81887bca36d7b58c07bb12334412db47b3b81', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '83f8c56f7b40274f4c90a19ff85f56eb0b9f0c1b', class: "gux-container" }, h("div", { key: 'cd0a19859d0475b7e92b9bbc06d0889943c7802b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '092d37573ab5991e38db44f0c2a81e2c34806d3f', class: "gux-search" }, h("gux-content-search", { key: '7cab45a1358fbd2fe8646b90fd8afc4b29a973b5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3523482ff7a71159d0a651be41b8fda04c1485f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '50dd1066c38088bd7c457cfc355007c37d075602', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9a2bbaa79781ad1b416328970aa01676cef39cf0' }, h("input", { key: '9e3057496b6edeb25b33c5d96642e9dd83e5abc1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c79b45b9957847d59753bf51de17066850438489', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3690576a14aacca46bd638588b071b8e38e74c87', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '397e963311bb6d94231235625b8d9e65b9a1bd48', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '10cb64eeeb4a03e0e5d94d09b21103b1e3094654', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './get-closest-element-728b9f18.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '90297d9839ce2a2725f5f6000e12349e2f768021', class: {
+        return (h("div", { key: 'b1dce1f7aa5e42b1f72bc78a282edccf350d40b1', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2988d6010d9378ab73e2ffc4f7b61906f5f12750', class: "gux-search-icon" }, h("gux-icon", { key: 'b33de08d6a0be6caa610d27bcb73bd9fb50c0e9b', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'adf4ba4825e751f7af8a59aecc36a311bd79a5db' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '702e0c26122e5d518cd3884cfead0d86fee2e513', class: "gux-search-icon" }, h("gux-icon", { key: '596191bbf3977b96de332021c6b57a40af9ab6bd', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6483f37646aa35eb410195df959b7fa60f434cd8' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import './get-closest-element-728b9f18.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '3eb0557c9030580eb2438f733516cbb1531376e7' }, h("gux-popup", { key: 'aac6dd689c10acc91286136f375f185310357ed0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '9e2c3d5dda35d81b89543508c1482f597844c7d8', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5b6ad2c841351fb7702b5a98a034626a5a1d5f62', accent: "ghost" }, h("button", { key: 'da286e8b0b9398548f28b855cd5431853fc35500', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '1acc9584468d2f72cb5fcf5fe814334fa28fec05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '632c9205c311d3643d28577109a9813ae959ca5b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7fd46369b3736c76d0be4e84dbec5c379be609c9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9fbd52e44827fb653604c60364e3e4c0190870ac' }))))));
+        return (h(Host, { key: '707229019c12c10652cdfc34a433a3b43e4769b5' }, h("gux-popup", { key: '8951e4d5bb390f8c6286ee3dc5c88b3752218a54', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1efe6466297b12dd808515b48a6b9568f65dfdeb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '9758cd30423c8c591bf59b476c74f1646d3faa76', accent: "ghost" }, h("button", { key: 'e01f3224547a9ae4d3cc6273df599aa40e2a7c75', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'a7743dd2c6ae301665259bf70415268e41902e34', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'fc04961270a3a8931cd94929b71c1c8931f4f10a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '488f7571e7832496150cd4d40d7d961c6d3ccb98', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4a6c881c12188ad1e546c0f1a41b4e26314a0919' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-bcb279ed.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const clickToCopy = "Click to Copy";
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'e326b6c909136bf5e09cf286da6e8849f5af9a54', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'afbce6a3de1f413af4f534036a6f9f250c2ec357', class: "gux-copy-content" }, h("slot", { key: 'b9120459d62af3d29454afd38af25d81028fcf52', name: "content" }), h("gux-icon", { key: '869fc9434a8cfe2d2617fec0d3ed698f7e6d16ca', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '616be04f124067f824a7b6a03e3fc617fd6e7599', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'd0dd3e636ffd72a9be5853cc03788c8afe37fb2c', class: "gux-copy-content" }, h("slot", { key: '795079745fdba8d5aa7d48b73ce8e885fac2d19d', name: "content" }), h("gux-icon", { key: '75ce4aa82603b90725c91630d799af4a887f35ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-91950719.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -10,7 +10,7 @@ const translationResources = {
 	createOption: createOption
 };
 
-const guxCreateOptionCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host:host(.gux-hovered:not([disabled])){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(.gux-filtered){display:none}:host gux-icon{inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height);padding-inline-end:var(--gse-ui-menu-option-gap)}:host .gux-option{display:inline-flex}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxCreateOptionCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host:host(.gux-hovered:not([disabled])){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(.gux-filtered){display:none}:host gux-icon{padding-inline-end:var(--gse-ui-menu-option-gap)}:host .gux-option{display:inline-flex}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxCreateOptionStyle0 = guxCreateOptionCss;
 
 const GuxCreateOption = class {
@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'd4dcd0f50a117ecb427426bfec898bfac63a4200', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '8050d0a2a3038915ebdd3adeb809b5690904d82c', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '4a45a9beee199884feb1a03743b981af392c12fe', class: "gux-option" }, h("gux-icon", { key: '7a84162561b989ec562bd6e198338498e82cccbc', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'f0101e170122a5e8d07591a7ed95ebbf77c3b64e', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'edeca4eee776ba323719997c31c16e07ba1afa36', class: "gux-option" }, h("gux-icon", { key: '2115a8f400dd67b02f050878b1eb94f1cf670f9e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '79bc35c18e20d332a3a1e74dd7577ab5614d9de5', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }