@gov-design-system-ce/components 4.1.0-rc04 → 4.1.0

package/dist/hydrate/index.mjs

@@ -2328,15 +2328,6 @@ const prepareClasses = (classes) => {
         .join(' ')
         .trim();
 };
-const slottedChildren = (host) => {
-    const slotted = host.querySelector('slot');
-    if (slotted) {
-        return slotted.assignedNodes().filter(node => {
-            return node.nodeName !== '#text';
-        });
-    }
-    return [];
-};
 const booleanString = (value) => {
     return value ? 'true' : 'false';
 };
@@ -2385,15 +2376,6 @@ const govHost = (host) => {
                 this.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name));
             }
         },
-        get slottedChildren() {
-            const slotted = this.hostElement.shadowRoot.querySelector('slot');
-            if (slotted) {
-                return slotted.assignedNodes().filter(node => {
-                    return node.nodeName !== '#text';
-                });
-            }
-            return [];
-        },
         classes(classes) {
             const clearClasses = Array.isArray(classes) ? classes.join(' ') : classes;
             if (this.hostElement) {
@@ -2635,7 +2617,7 @@ class GovAccordionItem {
                 e.preventDefault();
                 !this.disabled && this.toggle().finally();
             }, class: AccordionItemClass.summary, tabIndex: this.disabled ? -1 : 0, "aria-expanded": booleanString(this.open) }, this.inheritedAttributes), this.h.hasSlot('icon') &&
-            hAsync("span", { key: '19254947c22fa2b1a2fa4e26eacb22c0c89b40c9', class: AccordionItemClass.icon }, hAsync("slot", { key: '262be1640f250fabf9918f4162c071bb68dc4fb3', name: "icon" })), hAsync("span", { key: 'ebb5ef762ef51921b68a8063fd09c979d7d0d32d', class: AccordionItemClass.title }, hAsync("slot", { key: '75783345d2276f06e53c401761cb4e57d241e5e0', name: "label" }), hAsync("slot", { key: 'f2d9cdff693edbcae6293921fde7996d1b1251b6', name: "annotation" })), hAsync("span", { key: 'f7e28ea54455756c7d146c7b88be7001e80b07a8', class: AccordionItemClass.right }, hAsync("slot", { key: 'e76b31bf1c349a8a86d4b91ec1cfa650a75edf60', name: "suffix" }), hAsync("span", { key: '87ea99c9862deb3ff9820fa383cec52956b4655a', class: AccordionItemClass.arrow }, hAsync("slot", { key: 'c8b64a90455a731f359e12550664ba5aa905abbc', name: "toggle-icon" }, hAsync("gov-icon", { key: '5e1024ed8c001dcdef87e5615d787091b1a3e9c6', name: "chevron-down" }))))), hAsync("div", { key: '49651d2a78afe9318464aead657a0e544e2e2d4e', class: AccordionItemClass.content }, hAsync("slot", { key: '4f3d3af2d6f3c357663d0a3c1e1433b55d7814bc' })))));
+            hAsync("span", { key: '19254947c22fa2b1a2fa4e26eacb22c0c89b40c9', class: AccordionItemClass.icon }, hAsync("slot", { key: '262be1640f250fabf9918f4162c071bb68dc4fb3', name: "icon" })), hAsync("span", { key: 'ebb5ef762ef51921b68a8063fd09c979d7d0d32d', class: AccordionItemClass.title }, hAsync("slot", { key: '75783345d2276f06e53c401761cb4e57d241e5e0', name: "label" }), hAsync("slot", { key: 'f2d9cdff693edbcae6293921fde7996d1b1251b6', name: "annotation" })), hAsync("span", { key: 'f7e28ea54455756c7d146c7b88be7001e80b07a8', class: AccordionItemClass.right }, hAsync("slot", { key: 'e76b31bf1c349a8a86d4b91ec1cfa650a75edf60', name: "suffix" }), hAsync("span", { key: '87ea99c9862deb3ff9820fa383cec52956b4655a', class: AccordionItemClass.arrow }, hAsync("slot", { key: 'c8b64a90455a731f359e12550664ba5aa905abbc', name: "toggle-icon" }, hAsync("gov-icon", { key: '867406c5634d6446683529f5f647492b9b289a31', name: "chevron-down", type: "components" }))))), hAsync("div", { key: '2adf7441dd470ae1b32a08fb374cd1d9e2d1f789', class: AccordionItemClass.content }, hAsync("slot", { key: '8eb27d0b33689933b6e71850324c35c89d71c4c0' })))));
     }
     /**
      * Accordion switch
@@ -2793,7 +2775,7 @@ class GovAttachments {
     }; }
 }
 
-const govAttachmentsItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-xs);line-height:var(--height-line-xs);letter-spacing:0.0125rem;font-weight:400;color:var(--decor-color, var(--text-secondary))}";
+const govAttachmentsItemCss = ":root{--roboto:Roboto, sans-serif}gov-attachments-item,.gov-attachments-item{position:relative;display:flex;width:100%;gap:var(--spacing-s)}gov-attachments-item__messages>*:last-child,.gov-attachments-item__messages>*:last-child{margin-bottom:0 !important}gov-attachments-item__file,.gov-attachments-item__file{display:flex;gap:var(--spacing-s)}gov-attachments-item__name,.gov-attachments-item__name{display:flex;gap:var(--spacing-s);flex-wrap:wrap;align-items:center;margin:0;color:var(--name-color, var(--text-primary))}gov-attachments-item__name span,.gov-attachments-item__name span{font-size:var(--font-size-xs);line-height:var(--height-line-xs);letter-spacing:0.0125rem;font-weight:400;color:var(--decor-color, var(--text-secondary))}";
 var GovAttachmentsItemStyle0 = govAttachmentsItemCss;
 
 class GovAttachmentsItem {
@@ -2811,7 +2793,7 @@ class GovAttachmentsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'a8fffc03fb890c1aaae5a1d63240747f5fcb013e', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, hAsync("div", { key: '0aa555d1c5b3bdf089cf020db1271e40389522f9', class: AttachmentsItemClass.file }, hAsync("p", { key: '46014b9e9d9a46fea6f813ef271815be6ab6dfc4', class: AttachmentsItemClass.name }, hAsync("slot", { key: '806f9dc2b2ee44248f7fe613e8362d92ed938ba8' }), hAsync("slot", { key: '97d69e72afd5063f41ea7b41e50012893ee5027c', name: "info" })), hAsync("gov-button", { key: '6c40ff9ae6be99cde30fde276db287a3d14dccd1', color: "primary", type: "base", size: "s", "aria-label": this.accessibleRemoveLabel, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, hAsync("gov-icon", { key: '5a5107c516953ff7f7b6989aaee0679b3867c663', slot: "left-icon", name: "x-lg" }))), this.h.hasSlot('message') && (hAsync("div", { key: '81a17d690a175affeec4207443c7bb64d1a19606', class: AttachmentsItemClass.messages }, hAsync("slot", { key: '72d39130e0e6bc60079b480f4e1c94e8bc7d6ab7', name: "message" })))));
+        return (hAsync(Host, { key: 'a8fffc03fb890c1aaae5a1d63240747f5fcb013e', class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, hAsync("div", { key: '0aa555d1c5b3bdf089cf020db1271e40389522f9', class: AttachmentsItemClass.file }, hAsync("p", { key: '46014b9e9d9a46fea6f813ef271815be6ab6dfc4', class: AttachmentsItemClass.name }, hAsync("slot", { key: '806f9dc2b2ee44248f7fe613e8362d92ed938ba8' }), hAsync("slot", { key: '97d69e72afd5063f41ea7b41e50012893ee5027c', name: "info" })), hAsync("gov-button", { key: '6c40ff9ae6be99cde30fde276db287a3d14dccd1', color: "primary", type: "base", size: "s", "aria-label": this.accessibleRemoveLabel, "aria-labelledby": this.accessibleRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, hAsync("gov-icon", { key: '24871273b10ca807811acd15dabb49c6a45d76d1', slot: "icon-start", name: "x-lg", type: "components" }))), this.h.hasSlot('message') && (hAsync("div", { key: '7683c6c6bfd1ca4b9660ee56ec190472970d0ac8', class: AttachmentsItemClass.messages }, hAsync("slot", { key: '20b46c868809d19f9c67105a4c4774df9688a2c1', name: "message" })))));
     }
     /**
      * Validate the accessible attributes of the component
@@ -2927,7 +2909,7 @@ class GovBreadcrumbs {
         this.toggleOption = sumOfWidths > hostWidth;
     }
     render() {
-        return (hAsync(Host, { key: '81d7a8e273e1ce4740ee35ebe4a570ee8c5e73a4', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: 'dc37fa314f5d84c6c517f64229ef601b256f3ad5', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '4ead548352e642c0994360d74a98123782790a04' })), this.toggleOption ? (hAsync("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, hAsync("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down' }))) : null));
+        return (hAsync(Host, { key: '81d7a8e273e1ce4740ee35ebe4a570ee8c5e73a4', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: 'dc37fa314f5d84c6c517f64229ef601b256f3ad5', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '4ead548352e642c0994360d74a98123782790a04' })), this.toggleOption ? (hAsync("gov-button", { size: 'xs', color: 'primary', type: 'base', "aria-label": this.accessibleToggleLabel, "aria-pressed": this.expanded, "aria-expanded": this.expanded, "on-gov-click": () => this.expanded = !this.expanded }, hAsync("gov-icon", { name: this.expanded ? 'chevron-up' : 'chevron-down', type: "components" }))) : null));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -2958,18 +2940,16 @@ class GovBreadcrumbs {
 
 var Colors;
 (function (Colors) {
-    Colors["PRIMARY"] = "primary";
     Colors["DEFAULT"] = "default";
-    Colors["DISABLED"] = "disabled";
-    Colors["ERROR"] = "error";
-    Colors["NEUTRAL"] = "neutral";
+    Colors["PRIMARY"] = "primary";
     Colors["SECONDARY"] = "secondary";
+    Colors["NEUTRAL"] = "neutral";
+    Colors["ERROR"] = "error";
     Colors["SUCCESS"] = "success";
     Colors["WARNING"] = "warning";
-    Colors["ON_BOLD_WHITE"] = "on-bold-white";
-    Colors["ON_BOLD_BLACK"] = "on-bold-black";
-    Colors["ON_SUBTLE"] = "on-subtle";
-    Colors["WHITE_FIXED"] = "white-fixed";
+    Colors["DISABLED"] = "disabled";
+    Colors["BLACK"] = "black";
+    Colors["WHITE"] = "white";
     Colors["CUSTOM"] = "custom";
 })(Colors || (Colors = {}));
 
@@ -3088,9 +3068,9 @@ class GovButton {
     render() {
         const Tag = this.href ? Tags$2.A : Tags$2.BUTTON;
         const nativeType = Tag === Tags$2.A ? undefined : this.nativeType;
-        return (hAsync(Host, { key: '4e5ef3fbf897b81b07452a9383985353d673fdd6', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: 'd0689b6c773257059fa9334d4bb1d003a0ec58c3', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("right-icon") &&
-            hAsync("gov-icon", { key: 'be89312696bdc6842d2717df100d5b790e20694f', name: "loader", class: "gov-spin-animation" }), this.h.hasSlot("left-icon") && hAsync("slot", { key: '6ccce190fa47027c603e008e37717c927dabd0b6', name: "left-icon" }), hAsync("slot", { key: 'd6eb7343fc7ad6f389743d7bbae3b0ab8d2f8e93' }), this.h.hasSlot("right-icon") && hAsync("slot", { key: '74736acdc5bec2f315c9cea45009b1d1b6ab6c8b', name: "right-icon" }), toBool(this.loading) && this.h.hasSlot("right-icon") &&
-            hAsync("gov-icon", { key: '885f29b2d141823731e56ca50c6c89661c014322', name: "loader", class: "gov-spin-animation" }))));
+        return (hAsync(Host, { key: '4e5ef3fbf897b81b07452a9383985353d673fdd6', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: 'd0689b6c773257059fa9334d4bb1d003a0ec58c3', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: '16a969ee29897508924e61d70b40589d0410f649', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: '7d208cc950fedd5b6bbf376152a0c641d8885846', name: "icon-start" }), hAsync("slot", { key: '7c43309c657363dbcc1df14ae3c21d977ec3eb20' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: 'd90b7831900331fe8482757f33847295207f73d2', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: 'd23e2000e5bf5b78a81e78d6c3e30aa0e1f3f42c', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3213,7 +3193,7 @@ class GovCard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: 'c7dd00e1eee01b7005b98b39ddfccf784dc2808e', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), promotion: this.promotion, hydrated: this.hydrated }, this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync("slot", { name: "headline" }), hAsync("gov-icon", { class: CardClass.arrow, name: "chevron-down" }))) : this.h.hasSlot("headline") ? (hAsync("div", { class: CardClass.header }, hAsync("slot", { name: "headline" }))) : null, hAsync("div", { key: 'dae87fe02926ed1772c4164c19e7e6f540510bec', class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot('img') && (hAsync("p", { key: '7ef4bcc939fa3d84fb1a6dedc0e62c0d2612f8ec', class: CardClass.img }, hAsync("slot", { key: '4f05366b5bc0c2e6117ed8cfcb17cf107fec6499', name: "img" }))), hAsync("div", { key: '4a25ad0d3002079fa4a35b5f7af10a05e3f5b45f', class: CardClass.main }, this.h.hasSlot('icon') && this.promotion && (hAsync("div", { key: '6b16961ed892fed347a69d18d5482bccf0247f12', class: CardClass.icon }, hAsync("slot", { key: '5720427d2bbea01f6d24911d4d208e743ec453ce', name: "icon" }))), hAsync("slot", { key: '6f2efa36533f9d06365ad828766cb7956daf7e90' }), this.h.hasSlot('btn') && this.promotion && (hAsync("div", { key: '5b79f8832d6cc39f709fb0d656eec383261971ce', class: CardClass.btns }, hAsync("slot", { key: '93486120fcc840a0812325c881538d4174bedd84', name: "btn" })))), this.h.hasSlot('footer') && (hAsync("div", { key: 'efaa342aa2d43418b33492296c8b6c2928004af9', class: CardClass.footer }, hAsync("slot", { key: '502c7c7609d28290e601ef6c71eb050f12380f8b', name: "footer" }))))));
+        return (hAsync(Host, { key: 'c7dd00e1eee01b7005b98b39ddfccf784dc2808e', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), promotion: this.promotion, hydrated: this.hydrated }, this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.accessibleTriggerLabel, "aria-labelledby": this.accessibleTriggerLabelledBy, "aria-expanded": booleanString(this.open), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync("slot", { name: "headline" }), hAsync("gov-icon", { class: CardClass.arrow, name: "chevron-down", type: "components" }))) : this.h.hasSlot("headline") ? (hAsync("div", { class: CardClass.header }, hAsync("slot", { name: "headline" }))) : null, hAsync("div", { key: '369364ba24e3d93c1ac78a584dd1fd48c44b892b', class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot('img') && (hAsync("p", { key: '813afe326da050fc90039355853617f267505fab', class: CardClass.img }, hAsync("slot", { key: '5817f673e65eeb32c5740c7524518d726a98364c', name: "img" }))), hAsync("div", { key: 'd47df9920b2ce96f2c535bb0bfd3723c2a7b7a9e', class: CardClass.main }, this.h.hasSlot('icon') && this.promotion && (hAsync("div", { key: 'c2649f05b9e7c25b7d77a02f692d45f0e30caa60', class: CardClass.icon }, hAsync("slot", { key: '9c5c54d2bf6c4a83bd6490b2ad7ef7a1ca9d53d5', name: "icon" }))), hAsync("slot", { key: '49608def955a9fa5f5c1ed957ca63bc698b9aeab' }), this.h.hasSlot('btn') && this.promotion && (hAsync("div", { key: '2bfc4a6c551fe33c4da625f800a796eb619746d3', class: CardClass.btns }, hAsync("slot", { key: '050552b970e6d16586f57ed3dab46e6fcff9d95b', name: "btn" })))), this.h.hasSlot('footer') && (hAsync("div", { key: '364cdbd90941b2e93cecc9742ff08479f82d0c14', class: CardClass.footer }, hAsync("slot", { key: '0352680a92293ddfe93c055b1d7e5555967f870b', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3289,8 +3269,8 @@ class GovChip {
         this.disabled = false;
         this.href = undefined;
         this.target = undefined;
-        this.iconLeft = undefined;
-        this.iconRight = undefined;
+        this.iconStart = undefined;
+        this.iconEnd = undefined;
         this.size = ChipSizes._M;
         this.tag = "span";
         this.color = ButtonColors.PRIMARY;
@@ -3331,13 +3311,13 @@ class GovChip {
     render() {
         const Tag = this.href ? NativeType.A : this.tag;
         const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
-        const iconLeft = prepareIconFormat(this.iconLeft);
-        const iconRight = prepareIconFormat(this.iconRight);
-        return (hAsync(Host, { key: '6d7c550b0c74460712d632060727626489abe3c0', class: this.h.classes([
+        const iconStart = prepareIconFormat(this.iconStart);
+        const iconEnd = prepareIconFormat(this.iconEnd);
+        return (hAsync(Host, { key: 'cb016dddaaadd7de70e72707d7ad44e87a597a34', class: this.h.classes([
                 ChipClass.root,
                 this.h.hasSlot("right") ? ChipClass.hasRight : undefined,
                 this.h.hasSlot("left") ? ChipClass.hasLeft : undefined,
-            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, hAsync(Tag, Object.assign({ key: '9dc30627e2111c76067c6f2da2427e81c05413e3', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled) && !this.focusable ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), hAsync("slot", { key: '67cc0b4cfaf3b45e8fb333231681f9b5cfa90996', name: "left" }), hAsync("slot", { key: '83eeb5cb5194903b8139ff8443bf5d024b1cb00d', name: "left-icon" }, iconLeft && hAsync("gov-icon", { key: '7f90ee50fc4fce6375dc77a01980116cfd6136d0', type: iconLeft.type, name: iconLeft.name })), hAsync("slot", { key: '4a089b176703b5c600d2a519f90be655397d5f27' }), hAsync("slot", { key: 'ace71d5eae682f25c3ce4fd9dd825ae919286b35', name: "right-icon" }, iconRight && hAsync("gov-icon", { key: '5baaf84b70cb4bbb8e70ef35aa81d893ca7cc143', type: iconRight.type, name: iconRight.name })), hAsync("slot", { key: '7c51003d4890f14c0af817614fcbbb24446f4ef5', name: "right" }))));
+            ]), disabled: this.disabled, href: this.href, color: this.color, type: this.type, size: this.size, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON, hydrated: this.hydrated }, hAsync(Tag, Object.assign({ key: 'd34d8a67eeb4b6d3f1b79118224a50f394e31003', class: "element", href: this.href, target: this.target, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), tabindex: (this.h.hasSlot("left") || this.h.hasSlot("right") || this.disabled) && !this.focusable ? "-1" : "0", id: this.identifier || this.chipId, type: nativeType }, this.inheritedAttributes, { "aria-disabled": this.disabled }), hAsync("slot", { key: '1927da9845f36a47d30d7aef2e5292b0fd14a9e9', name: "left" }), hAsync("slot", { key: 'c8334498b94e4d3caa6f7db5e7ec638bbce52cbc', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '310fb65c135105ee26cc6d58f810768843700b0a', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '4a089b176703b5c600d2a519f90be655397d5f27' }), hAsync("slot", { key: '0dfede9f85605499bdbd09f43b642a1cee68fcf2', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'beb20c5691f2ed1a6cb556d440d72a86de280a73', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: '92e05b922fe474e259e18301eba6c13586794a1e', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3369,8 +3349,8 @@ class GovChip {
             "disabled": [516],
             "href": [1],
             "target": [1],
-            "iconLeft": [1, "icon-left"],
-            "iconRight": [1, "icon-right"],
+            "iconStart": [1, "icon-start"],
+            "iconEnd": [1, "icon-end"],
             "size": [1],
             "tag": [1],
             "color": [1],
@@ -3397,23 +3377,13 @@ class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '0c61adb532c5810dedd0b43f21b5843bfc3d9c53', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: 'df9ee5f718d72be4a2e1bbc4dd8ae6e9883c922f' })));
-    }
-    /**
-     * Returns slotted children
-     *
-     * @return {Promise<Node[]>}
-     */
-    async slottedChildren() {
-        return Promise.resolve(slottedChildren(this.host));
+        return (hAsync(Host, { key: '72c32b930fe5a024a469c2d8170a7597e990e659', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: 'a4ad5247d403cd17ba46529cc204c936b82dd97d' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "gov-container",
-        "$members$": {
-            "slottedChildren": [64]
-        },
+        "$members$": undefined,
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
@@ -3544,7 +3514,7 @@ class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (hAsync(Host, { key: 'fe34cd83c969ab539a47c4f851231085f34b21f6', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: 'd013f87f499635ed0d0f1cc016cc1e84410154b4', class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: '6018f61d5a335583dc05a0f8cdef6c4562977558', class: DialogClass.inner }, hAsync("div", { key: '9ab56eb94d92f67291b783ec8310fec2c3da9d33', class: DialogClass.header }, hAsync("slot", { key: 'b2248113ca181acbd9e0c960c4e7b13c3e114ae3', name: "icon" }), this.h.hasSlot('title') && (hAsync("span", { key: 'fce7d93f476553e3cc53c8dc987d65cb64538552', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: 'b151367fda2f5f87d6de3cabbf46cacc9d427f0f', name: "title" }))), hAsync("gov-button", { key: 'e3622dc8601452c2d52a5d17a611d27cd0d17e97', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: '0e69007580b5780ccd5a85984149a21218845ef1', slot: "left-icon", name: "x-lg" }))), hAsync("div", { key: '7183e62b1d751e8aa8101c8665470ae4677d16f9', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: '9adebaeb5be26f67d1d8078636a5bfc7d29ba4db' })), this.h.hasSlot('footer') && (hAsync("div", { key: '37332d00f9951e5f14dad617e49167d5429d9572', class: DialogClass.footer }, hAsync("slot", { key: 'd56ee64f624b01e30345c44f0bbe932fb59624f6', name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+        return (hAsync(Host, { key: 'fe34cd83c969ab539a47c4f851231085f34b21f6', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: 'd013f87f499635ed0d0f1cc016cc1e84410154b4', class: DialogClass.dialog, hidden: !this.open, tabindex: boolToFocusValue(this.open), open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.accessibleLabelledBy || this.labelId, "aria-describedby": this.accessibleDescribedBy || this.contentId, role: this.role }, hAsync("div", { key: '6018f61d5a335583dc05a0f8cdef6c4562977558', class: DialogClass.inner }, hAsync("div", { key: '9ab56eb94d92f67291b783ec8310fec2c3da9d33', class: DialogClass.header }, hAsync("slot", { key: 'b2248113ca181acbd9e0c960c4e7b13c3e114ae3', name: "icon" }), this.h.hasSlot('title') && (hAsync("span", { key: 'fce7d93f476553e3cc53c8dc987d65cb64538552', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: 'b151367fda2f5f87d6de3cabbf46cacc9d427f0f', name: "title" }))), hAsync("gov-button", { key: 'e3622dc8601452c2d52a5d17a611d27cd0d17e97', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: 'aa75b37c5aa82566d2e9f6b49351dba0550052de', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '608ac5fe732219559583cfb512d14b9221619a6b', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'cd93b5061448c1d4c4d2dece9a349a8fa11f6c28' })), this.h.hasSlot('footer') && (hAsync("div", { key: '759319b3fb204e9f8f869d3839fc3f91f42b494f', class: DialogClass.footer }, hAsync("slot", { key: '5937ba641d297c61645f6216d63656cd883e5280', name: "footer" }))))), this.open ? (hAsync("gov-backdrop", { disabled: this.blockBackdropClose, "aria-label": this.accessibleCloseLabel, "aria-labelled-by": this.accessibleCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
     }
     onCloseHandler(e) {
         e.stopPropagation();
@@ -3902,7 +3872,6 @@ class GovFormAutocomplete {
         this.maxlength = undefined;
         this.throttleTime = 200;
         this.messageEmpty = 'Nebyly nalezeny žádné výsledky';
-        this.messageLoading = 'Načítám...';
         this.focused = undefined;
         this.processing = false;
         this.arrowCounter = -1;
@@ -3987,7 +3956,7 @@ class GovFormAutocomplete {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '4c1ca728a4fcbb5a3b39d219a166896fb6e41c5c', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '34c6ec7581edd63d5aab4f8aba0a3e1e074ca0d9', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), hAsync("slot", { key: '6fa5e8463b84faa2053047c1544c2097359f268e', name: "right-icon" })), hAsync("ul", { key: '1ed5e02694c8af1981a320ed7e91c81784032dae', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (hAsync("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (hAsync("li", { class: FormAutocompleteClass.loading }, hAsync("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
+        return (hAsync(Host, { key: 'd5ddd1d65a70f4a9839262831b6207a0fe8ae726', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: 'd656134c3a756de2c4178dcfcdd703f301d6c890', placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, required: this.required, invalid: this.invalid, success: this.success, role: 'searchbox', value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), this.throttleTime), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-keydown": this.onKeyDownHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this) }, this.inheritedAttributes, { "aria-autocomplete": 'list', "aria-owns": [this.listBoxId, this.inheritedAttributes['aria-owns']].join(' '), "aria-expanded": booleanString(this.list.length && this.focused ? true : false), ref: el => (this.inputRef = el) }), hAsync("slot", { key: '1d697820c14669a9e6c81f844f15e20743593f97', name: "validation-icon" }), hAsync("slot", { key: '297ccc852764688a34102363beb428ab81d6de26', name: "icon-end" })), hAsync("ul", { key: '3ed420a696852fad4183d16ef31a2db1dcb8f572', class: FormAutocompleteClass.list, role: 'listbox', "aria-hidden": toBoolAttr(!this.focused), hidden: !this.focused, id: this.listBoxId, ref: el => (this.listRef = el) }, this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (hAsync("li", { class: FormAutocompleteClass.empty }, this.messageEmpty)) : null, this.focused && this.processing === true && this.isValueAccepted ? (hAsync("li", { class: FormAutocompleteClass.loading }, hAsync("gov-skeleton", { size: "m" }))) : null, this.focused ? this.list.map((item, index) => {
             const isSelected = this.arrowCounter === index;
             return (hAsync("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: 'option', "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onTouchStart: (e) => this.onSelectHandler(e, index), onMouseDown: (e) => this.onSelectHandler(e, index), "aria-selected": toBoolAttr(isSelected) }, hAsync("slot", { name: "list-item-left" }), hAsync("slot", { name: "list-item-right" })));
         }) : null)));
@@ -4144,7 +4113,6 @@ class GovFormAutocomplete {
             "maxlength": [2],
             "throttleTime": [2, "throttle-time"],
             "messageEmpty": [1, "message-empty"],
-            "messageLoading": [1, "message-loading"],
             "focused": [32],
             "processing": [32],
             "arrowCounter": [32],
@@ -4202,6 +4170,7 @@ var Type;
 })(Type || (Type = {}));
 const FormInputClass = {
     root: 'gov-form-input',
+    icons: 'gov-form-input__icons',
 };
 
 const FormSelectSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
@@ -4218,7 +4187,7 @@ const FormMultiSelectClass = {
     item: 'gov-form-multi-select__item',
 };
 
-const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
+const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
 const FormSwitchClass = {
     root: 'gov-form-switch',
     holder: 'gov-form-switch__holder',
@@ -4378,7 +4347,7 @@ class GovFormCheckbox {
             }
             return children;
         };
-        return (hAsync(Host, { class: FormCheckboxClass.root, hydrated: this.hydrated, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", Object.assign({ id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, ref: el => (this.inputRef = el) }, this.inheritedAttributes, { "aria-checked": toBoolAttr(this.checked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check-lg" }), hAsync("gov-icon", { class: FormCheckboxClass.indeterminate, name: "dash-lg" }))))));
+        return (hAsync(Host, { class: FormCheckboxClass.root, hydrated: this.hydrated, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", Object.assign({ id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, ref: el => (this.inputRef = el) }, this.inheritedAttributes, { "aria-checked": toBoolAttr(this.checked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check-lg", type: "components" }), hAsync("gov-icon", { class: FormCheckboxClass.indeterminate, name: "dash-lg", type: "components" }))))));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -4462,7 +4431,7 @@ const FormCheckboxGroupClass = {
     root: 'gov-form-checkbox-group',
 };
 
-const govFormGroupCss$1 = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";
+const govFormGroupCss$1 = ":root{--roboto:Roboto, sans-serif}gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0 !important;margin-bottom:0 !important;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";
 var GovFormCheckboxGroupStyle0 = govFormGroupCss$1;
 
 class GovFormCheckboxGroup {
@@ -4519,7 +4488,7 @@ class GovFormCheckboxGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4db534d7f8775aaac6fecb7550037d0830763543', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '836498262409058cdbb62066e482897ba0f0ec1c' })));
+        return (hAsync(Host, { key: '9f0b69dea278df308a3ad5dacf989d4a89687b2a', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '14abf79a5ef9bc899b2732f6ae159781afa51fe2' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4586,7 +4555,7 @@ class GovFormControl {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (hAsync(Host, { key: '81635a0efe09a262be2b2359355dac108e542726', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '5251c4b5fba8f699c9a017e310932b85c8fb3abf', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '8f6695209e018ad74a8b7e32945cc51ead47dc2d', name: "top" }), hAsync("slot", { key: '380304f4a8c70e9db2f1f062761ece479a0b6ca8' }), this.h.hasSlot("bottom") && (hAsync("div", { key: '3f37cb4c4165cdf80e8e3fc081d8503c1f975230', class: FormControlClass.bottom }, hAsync("slot", { key: 'b6be21c67739f3f50d15bf3ca69aa1e71ca96e4c', name: "bottom" }))))));
+        return (hAsync(Host, { key: '5d1b7313e297a68d4349290d98190e7a0e3039b2', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: 'd4af40d1dcd012c374e0cd43a6d6777945b8e7d7', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: 'd46ee92af80770af49c075387f534b9d538a7e39', name: "top" }), hAsync("slot", { key: 'ce46e5d88ca4a1069436d702b27ad0c5051e63b5' }), this.h.hasSlot("bottom") && (hAsync("div", { key: 'b9da32bf3ad735b0c8bc187fb32528c710e3383c', class: FormControlClass.bottom }, hAsync("slot", { key: '06f43763e2e0a88a2919e33d730898dd2048dcd0', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4662,7 +4631,6 @@ class GovFormFile {
         this.invalid = undefined;
         this.errorSize = "Soubor je větší než povolená velikost {FILE_SIZE}";
         this.errorAccept = "Soubor tohoto typu není povolen";
-        this.attachmentsLabel = "Přílohy";
         this.accessibleRemoveLabel = "Odebrat soubor {FILE_NAME}";
         this.accessibleAttachmentsLabel = "Přílohy";
         this.files = [];
@@ -4776,7 +4744,7 @@ class GovFormFile {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '1f69ad55f386a3e0429a0616020c04dbaadc8025', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: '0927e067de4a7fa12fe73b9eb3ac48af1a930092', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '810a669af48af7306884a3a32b81aaf3a8498c41' }), hAsync("input", Object.assign({ key: 'c7c5e6f71ee55c154348503693d83f022f73c346', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) }))), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
+        return (hAsync(Host, { key: 'fda855fd13b98ed5ec1cfca65467a076a88a5fa0', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'b1045cecb8e17259cd01b8856987da468e0e9396', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '0d06955bac8c995f95078f706988058a50b72e55' }), hAsync("input", Object.assign({ key: 'ec52abcad54909f6c0af0b7957765b8cadb26a10', class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, multiple: this.multiple, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) }))), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.accessibleAttachmentsLabel, "accessible-label": this.accessibleAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "accessible-remove-labelledby": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: "sr-only", id: item.id }, this.accessibleRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", color: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill", type: "components" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
     }
     onRemoveFileHandler(file) {
         const index = this.files.findIndex(item => item.id === file.id);
@@ -4854,7 +4822,6 @@ class GovFormFile {
             "invalid": [4],
             "errorSize": [1, "error-size"],
             "errorAccept": [1, "error-accept"],
-            "attachmentsLabel": [1, "attachments-label"],
             "accessibleRemoveLabel": [1, "accessible-remove-label"],
             "accessibleAttachmentsLabel": [1, "accessible-attachments-label"],
             "files": [32],
@@ -4891,7 +4858,7 @@ class GovFormGroup {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (hAsync(Host, { key: '6fd3c85b2114ff4eb9176cb12dd4ea60db5d205c', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: 'f55fd159742c7b988fed38a8e425ec850443c0da' })));
+        return (hAsync(Host, { key: 'a6b2a022f3c8573fb1bb7424d6a5ac2dc54b101b', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: 'e1b5f38d87e9f46f555e2fc3d247a9c3c10b5872' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4995,9 +4962,11 @@ class GovFormInput {
     }
     render() {
         const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
-        return (hAsync(Host, { key: '940cdf78dbeff2e66654d5b79ebe6c88cca4d767', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '68158bacaf2d4a63c9c5b87ab734b1aed58bc5c7', name: "prefix" }), hAsync("span", { key: '9677512f5d6c3410443d2a9f958bdfda78ee590c', class: "element" }, this.h.hasSlot("left-icon") && hAsync("slot", { key: 'ff9434b0680ba90e27578db2f2ffecdfd6e1a511', name: "left-icon" }), this.h.hasSlot("right-icon") && this.inputType !== 'password' && hAsync("slot", { key: '92a3d61e8f92c0218e93a8e97ad15d0c532c9cd2', name: "right-icon" }), this.success && !this.multiline &&
-            hAsync("gov-icon", { key: '822e179c3c97491ad64d95d54dc366e66f557ff1', slot: "validation-icon", class: "icon-validation", name: "check-lg" }), this.invalid && !this.multiline &&
-            hAsync("gov-icon", { key: '7583571aef50ff442c529a882a9518b41e4d11b9', slot: "validation-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync(Tag, Object.assign({ key: 'bf1826c520a0f3032b51e8d069cdf3fe953c700e', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.inputType === 'password' ? (hAsync("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, hAsync("gov-icon", { slot: "left-icon", name: "eye", type: "basic" }))) : null), this.h.hasSlot("sufix") && hAsync("slot", { key: '33b38abd971a46a31177035da5f8b42df16c09c2', name: "sufix" })));
+        return (hAsync(Host, { key: '5210373fd88e2b80df5a4206c5b25b5695f2894b', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '9215c45132a4b9dc8fd0da79ef8d082dcce0789b', name: "prefix" }), hAsync("span", { key: 'e58ab94aa7926dbd8488ce8323b6c8dbec9ce765', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            hAsync("div", { key: '8e67ba10cfb47232f6c0d817df292668c2a4a7e8', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: 'a186f1fbe47936219f6a6a26cb2d0c2b0dbe08f8', name: "icon-start" })), hAsync(Tag, Object.assign({ key: '1090f6e6705365ffc83b5397ad669638d996f5bd', type: this.inputType === 'password' && this.showPassword ? 'text' : this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), onKeyDown: this.onKeyDownHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, spellcheck: toBoolAttrIfDefined(this.spellcheck), lang: this.inputLang, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, min: this.min, max: this.max, required: this.required, rows: this.rows, cols: this.cols, role: this.role, value: this.value }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), ((this.success || this.invalid || this.h.hasSlot("icon-end") || this.inputType === 'password') && !this.multiline) &&
+            hAsync("div", { key: '49cb072b3448735677c47883d851557f107dd6cb', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                hAsync("gov-icon", { key: 'f00df3e88ba3a0d695bf9f33ddb51af7a8fb4a96', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                hAsync("gov-icon", { key: '523966e75d3f3d49eff396226673c3c96cf6de60', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'b707c094fe32bf5864c66e40a95a22f2b27d79b3', name: "icon-end" }), this.inputType === 'password' ? (hAsync("gov-button", { color: 'primary', type: 'base', size: this.size, "aria-label": this.showPassword ? this.accessibleHidePasswordLabel : this.accessibleShowPasswordLabel, "on-gov-click": () => this.showPassword = !this.showPassword }, hAsync("gov-icon", { slot: "icon-start", name: "eye", type: "components" }))) : null)), this.h.hasSlot("sufix") && hAsync("slot", { key: '945df71d1a6c3edd76769ae3310bdd33df694d2b', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -5129,7 +5098,7 @@ class GovFormLabel {
     }
     render() {
         const Tag = this.legend ? 'legend' : 'label';
-        return (hAsync(Host, { key: 'ac9d7c5fec0d4f4f84ee47eec6e0582db69c97b7', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '65875d3fdf94ec2ec6d668f2c710754924e88a05', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: 'f9c9b17037b93b01e2510fbf0bae1764660f20cc' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
+        return (hAsync(Host, { key: '3e02eaa899126807c31fac8d3b6f352a07a73a9d', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: 'a1213cf879e26565c4c84d31ab6a46dac2a9ee4e', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: '46a6a39821d6f3f786b843c037b0b423ba2445ae' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5161,7 +5130,7 @@ class GovFormMessage {
         this.validateColor(this.color);
     }
     render() {
-        return (hAsync(Host, { key: '4fcfd955e1c76eb390db59b2894cd3b08ac47c1c', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '549c4073e26a05492212b546c92789bdf9f25575', name: "icon" })), hAsync("span", { key: '9758bf8ce3f0c48ddca72b57eadc1f4e38da5d93', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '6e3be2fbc214c31be072fd09c81bbf5bf7c24564' }))));
+        return (hAsync(Host, { key: '0fc757895a58267edf28d9139e460a14e664de04', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'bca8235bbaebcd7066efb8e8e3fdbff7ba8e011c', name: "icon" })), hAsync("span", { key: 'a0e46336d6a661bf6d6f2ee8f0cb89c967f5321d', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '2e0e474f9f9d35fc5cda1db690d2b7b4e2addb68' }))));
     }
     /**
      * Returns unique identifier of message
@@ -5350,16 +5319,16 @@ class GovFormMultiSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '8cb5cbe79c9378e32f5537960096c384e6cb643a', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '193d2d861e2ecafea9b52b047a7a5de8c1046bad', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'db33f0b629d8facae56c6715eaaa0409495c897e', name: "prefix" }), hAsync("gov-form-autocomplete", { key: 'a983456f11895fc88dee9a94704335fe9e9cbf4b', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, hAsync("gov-icon", { key: '52be0800564d9bb479235bcfd43bb13305aa7ac9', slot: "right-icon", class: "icon-arrow", name: "chevron-down" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { key: '719e0ea5e79f92f956a79590143e2016ff0b06bb', name: "right-icon" })), hAsync("select", Object.assign({ key: '2f720548567ab1e69b4338f67b720831dba1279a', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: 'd8706ed9c91bc3b503d510d6fba9f735dc701201' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: '8c36a19951ed5931adea3e023209e8c6b271a98f', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '97ed4682166e9f9261bdde9f8e9261eb350f2a85', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'e49357d489985785acb2fd4917ec0eea02e420e4', name: "prefix" }), hAsync("gov-form-autocomplete", { key: '9aba6a6e6208107e62e916505e30f56a03707cf1', value: this.valueState, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, invalid: this.invalid, success: this.success, size: this.size, placeholder: this.placeholder, "message-empty": this.messageEmpty, "message-loading": this.messageLoading, ref: el => (this.autocompleteRef = el), minlength: 0, "aria-owns": this.listId }, this.success && hAsync("gov-icon", { key: '0ecf17afa6bef85ac0666e206b0d84bc63cdde2f', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '7573420027300e8951adb1bafe934dbafe5be4a4', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '461f2108ddd524153d5f684b0fea218913410737', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: '61aad9d04d5ce5778f66c794d447e45f8d605492', hidden: true, class: 'hidden-select-list', "aria-hidden": toBoolAttr(true), multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: '6dda21eb97bab4a943d51f3f4d0593f7580740ed' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             const selectedOption = this.selectedValueIndex(option.value);
             return (hAsync("option", { value: option.value, selected: selectedOption > -1, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'e7f7095a074c94cc914507b297c3438b92e61109', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
+        })), this.h.hasSlot('sufix') && hAsync("slot", { key: '91c91489ce3167f9e0e9eda66e1fab3553750472', name: "sufix" })), this.hideSelectedList === false ? (hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, Array.isArray(this.selectedOptionsState) && this.selectedOptionsState.map(selected => {
             var _a, _b;
             const option = this.getOption(selected);
             if (!option)
                 return null;
-            return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value, hAsync("gov-button", { "aria-label": (_b = 'Odebrat vybranou položku ' + option.label) !== null && _b !== void 0 ? _b : option.value, color: "primary", type: "base", size: this.size, "on-gov-click": () => this.onTagRemove(selected) }, hAsync("gov-icon", { name: "x-lg" }))));
+            return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value, hAsync("gov-button", { "aria-label": (_b = 'Odebrat vybranou položku ' + option.label) !== null && _b !== void 0 ? _b : option.value, color: "primary", type: "base", size: this.size, "on-gov-click": () => this.onTagRemove(selected) }, hAsync("gov-icon", { name: "x-lg", type: "components" }))));
         }))) : null));
     }
     onFocusHandler(e) {
@@ -5433,7 +5402,7 @@ class GovFormMultiSelect {
             "hideSelectedList": [4, "hide-selected-list"],
             "required": [4],
             "disabled": [4],
-            "invalid": [4],
+            "invalid": [516],
             "success": [4],
             "messageEmpty": [1, "message-empty"],
             "messageLoading": [1, "message-loading"],
@@ -5448,7 +5417,7 @@ class GovFormMultiSelect {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["value", "value"], ["options", "options"]]
+        "$attrsToReflect$": [["value", "value"], ["options", "options"], ["invalid", "invalid"]]
     }; }
 }
 
@@ -5464,7 +5433,7 @@ class GovFormPasswordPower {
         this.power = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '47ec3fec069cf454df63db947100fd7427377345', class: FormPasswordPowerClass.root }, hAsync("span", { key: '66cbb7214a5d7a0c42b238b00118570bddb5a133', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '8ebb64daf1f7dc03d21703fcf81e78d82ab7dd91' }), hAsync("span", { key: '45e94fe48cf152982558f8729b6dfac4f07d2f81' }), hAsync("span", { key: '85d205def5affb8d9cb04cf9a06222263d25ef56' })), hAsync("span", { key: '64e74e3e63456f303ef94d7893c71a32200f5d29', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '244d847ae3bddb07f33f3fc0b8d5133ede98c542' }))));
+        return (hAsync(Host, { key: '9125566cb99bfc49e2e61edb5af71b5b052d6790', class: FormPasswordPowerClass.root }, hAsync("span", { key: 'b293292f3b8faca38bbbd6cb03fdd49d8601aab3', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '20995fbc87342a8e0db8031b0ff23a9cb01b4068' }), hAsync("span", { key: '4fec375a3f27cc35025c165badbff731c8fb26ab' }), hAsync("span", { key: '426f641b8b8e179e25e8a1006a0afd0394615058' })), hAsync("span", { key: '7aeaf7222b484ad59084bb20fcbff4660cdcb1db', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '57c3415c9b2dfc688ec5762c33cdad473b8110bd' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5609,7 +5578,7 @@ class GovFormRadio {
     }; }
 }
 
-const govFormGroupCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";
+const govFormGroupCss = ":root{--roboto:Roboto, sans-serif}gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0 !important;margin-bottom:0 !important;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-s-nudge))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-m-nudge))}";
 var GovFormRadioGroupStyle0 = govFormGroupCss;
 
 class GovFormRadioGroup {
@@ -5656,7 +5625,7 @@ class GovFormRadioGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '73fa5685f9e9d6d7a55c8aa98a52134b6854cc38', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '61f973d47a8c215aebff11a16c9a17fdb86210cf' })));
+        return (hAsync(Host, { key: '5a9b1bd507ef9c0a57cdb25fb200ab6c9fb46604', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '34b587d61d716b51729431c52879b6fcd0285fee' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5691,7 +5660,7 @@ class GovFormSearch {
         this.color = 'neutral';
     }
     render() {
-        return (hAsync(Host, { key: '4a7e93e514a5077f4291761e23ca40b6de049838', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: 'e15e0767f55d8c16b9e4328786cd12f6a6c8e733', name: "input" }), hAsync("slot", { key: 'adeef445bedb5d1ff0c88619081e098bcd582078', name: "button-erase" }), hAsync("slot", { key: '5d56bcd4ed0fd8b35c997157dc68c92208b52bdf', name: "button" })));
+        return (hAsync(Host, { key: '9d628d34bd6f19132ea398437faf9023a322bdcf', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: 'aa70625f5e6b754a18b36ad87634fe5be1a34fb7', name: "input" }), hAsync("slot", { key: 'd098e011406c85877131ee57c04bc9a3f05ded18', name: "button-erase" }), hAsync("slot", { key: '6a5226ae29cf22f4ec33ecf5604db44d8154d2fa', name: "button" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5783,10 +5752,10 @@ class GovFormSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'c0ecdadf5c1d3e4782078250d57e5fa08c44c3ad', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'c71e30f520a8416e9e7919cfb88cfaaae968de53', name: "prefix" }), hAsync("span", { key: '65d66fb26ba9fb6b81f05bde3e3aa2ca3f556206', class: "element" }, hAsync("gov-icon", { key: 'e70a2a24f8e6cec8547b563265d9cbef115e3c49', slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { key: 'efdf84d1516056398cf910e0a67c974aec91afa6', name: "right-icon" }), this.success && hAsync("gov-icon", { key: '1400a24fce62f26c5e654a3765642f0486d67773', slot: "validation-icon", name: "check-lg" }), this.invalid && hAsync("gov-icon", { key: 'c45ff7215faf1c50da2b07a2d5544f16fb9cd0c9', slot: "validation-icon", name: "exclamation-lg" }), hAsync("select", Object.assign({ key: '69dfdb382acb18345b8d5dd2f69428a5a976b7ce', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: '9eaea24e76a03a7a627df7de2ce9938c50615a5b' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: '2eaa50cdab69d7ea87e86b33a69728b735f24e89', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'ef57fa4df7417a583738b7863af7b8903dc92ced', name: "prefix" }), hAsync("span", { key: 'f7c8e78bab4ddfe8315ec641b99077d963c3023f', class: "element" }, hAsync("select", Object.assign({ key: '1e7502585fc0c59ad024ad6607ae8f8b4461e1ea', id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el) }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid) }), hAsync("slot", { key: '2d657c57207d93d0054f410f274a6b9e163c6a79' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
             var _a;
             return (hAsync("option", { value: option.value, selected: option.value === this.value, disabled: option === null || option === void 0 ? void 0 : option.disabled }, (_a = option.label) !== null && _a !== void 0 ? _a : option.value));
-        }))), this.h.hasSlot('sufix') && hAsync("slot", { key: '6587428974991c9caeb14913a0f08fa17367e3df', name: "sufix" })));
+        })), this.success && hAsync("gov-icon", { key: 'cec630f5f88b883d6873d3f8fd4157d56af540ca', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: 'd079d76edc2e8db801d8ff840af595a67c9db8e5', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '349bc31354f24d96a279ea9f0967b416b8357af9', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: '3d45a1c71ce49f8a207144b8d72401d593f7d712', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -5924,7 +5893,7 @@ class GovFormSwitch {
             }
             return children;
         };
-        return (hAsync(Host, { class: this.h.classes(FormSwitchClass.root), hydrated: this.hydrated, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", Object.assign({ class: FormSwitchClass.input, id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, disabled: this.disabled, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), ref: el => (this.inputRef = el), required: this.required }, this.inheritedAttributes, { "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("span", null, hAsync("span", { class: FormSwitchClass.indicator }, this.checked && hAsync("gov-icon", { type: "basic", name: "check-lg" })), hAsync("slot", { name: "label" }))))));
+        return (hAsync(Host, { class: this.h.classes(FormSwitchClass.root), hydrated: this.hydrated, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", Object.assign({ class: FormSwitchClass.input, id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, disabled: this.disabled, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), ref: el => (this.inputRef = el), required: this.required }, this.inheritedAttributes, { "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("span", null, hAsync("span", { class: FormSwitchClass.indicator }, this.checked && hAsync("gov-icon", { name: "check-lg", type: "components" })), hAsync("slot", { name: "label" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -6007,7 +5976,7 @@ class GovGrid {
     }
     // vertical / horizontal align
     render() {
-        return (hAsync(Host, { key: '0b77c477c260c74b5953f9a170da4aee66a8a73a', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, hAsync("slot", { key: '98d0f2a4fadf05fc42ed313b69ad034af2a45705' })));
+        return (hAsync(Host, { key: '81e96a065c6472ae76e4768cf2b8373b94f0d0a4', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, hAsync("slot", { key: 'c3965bafe6a5870352a7cded3fc96adfbeb41724' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6034,7 +6003,7 @@ class GovGridItem {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '67fe774dc5344926db8dbfef6f761a305326b82c', class: this.h.classes(GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, hAsync("slot", { key: 'b26c3ac972e728a3cbc8713e3c284834d2413ca4' })));
+        return (hAsync(Host, { key: 'd830b7cb16e1ad4a07b5b5348c05434eb31a1f9e', class: this.h.classes(GridItemClass.root), role: "listitem", size: this.size, "size-sm": this.sizeSm, "size-md": this.sizeMd, "size-lg": this.sizeLg, "size-xl": this.sizeXl }, hAsync("slot", { key: '235bd47e47d94457cdbbf1d4530cf2e0bcddc4a3' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6053,18 +6022,18 @@ class GovGridItem {
     }; }
 }
 
+pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL']);
 const IconColors = pick(Colors, [
     'DEFAULT',
-    'DISABLED',
-    'ERROR',
-    'NEUTRAL',
+    'PRIMARY',
     'SECONDARY',
+    'NEUTRAL',
+    'ERROR',
     'SUCCESS',
     'WARNING',
-    'ON_BOLD_WHITE',
-    'ON_BOLD_BLACK',
-    'ON_SUBTLE',
-    'WHITE_FIXED'
+    'DISABLED',
+    'WHITE',
+    'BLACK',
 ]);
 var Types;
 (function (Types) {
@@ -6077,7 +6046,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.1.0-rc04";
+const version = "4.1.0";
 
 const dsVersion = () => {
     return version;
@@ -6115,13 +6084,17 @@ async function fetchIcon({ name, type }) {
 class GovIcon {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.size = undefined;
         this.color = undefined;
         this.name = null;
-        this.type = "basic";
+        this.type = "components";
         this.visible = false;
         this.error = false;
         this.h = govHost(this.host);
     }
+    validateSize(newValue) {
+        validateProp(Sizes, newValue, IconClass.root);
+    }
     validateColor(newValue) {
         validateProp(IconColors, newValue, IconClass.root);
     }
@@ -6149,6 +6122,7 @@ class GovIcon {
         }
     }
     async componentWillLoad() {
+        this.validateSize(this.size);
         this.validateColor(this.color);
         await this.loadIconPathData();
     }
@@ -6174,11 +6148,12 @@ class GovIcon {
         if (this.error) {
             return null;
         }
-        return (hAsync(Host, { class: this.h.classes(IconClass.root), color: this.color }));
+        return (hAsync(Host, { class: this.h.classes(IconClass.root), size: this.size, color: this.color }));
     }
     static get assetsDirs() { return ["assets"]; }
     get host() { return getElement(this); }
     static get watchers() { return {
+        "size": ["validateSize"],
         "color": ["validateColor"],
         "name": ["loadIconPathData"]
     }; }
@@ -6186,6 +6161,7 @@ class GovIcon {
         "$flags$": 0,
         "$tagName$": "gov-icon",
         "$members$": {
+            "size": [513],
             "color": [513],
             "name": [513],
             "type": [513],
@@ -6194,7 +6170,7 @@ class GovIcon {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["color", "color"], ["name", "name"], ["type", "type"]]
+        "$attrsToReflect$": [["size", "size"], ["color", "color"], ["name", "name"], ["type", "type"]]
     }; }
 }
 
@@ -6247,8 +6223,8 @@ class GovInfobar {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '6d4f29f3bc1399f97833680692a69c4a1a2584b5', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, hAsync("gov-icon", { key: 'c1ae2403b5cbbf93aa248ed410882423b60f9915', name: "x-lg" })));
-        return (hAsync(Host, { key: '356c03e3e65b07704a677ce6fab744f97b499d92', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: 'cb599860defaae413b1c90c3bbdb83bfc22c3bfc', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: '3f57ba1936c854f7889ab966a87493193d2ef42a', name: "icon" }), hAsync("div", { key: 'cd283d13c928691e6fd2d3a5f5fb47deaa7b6ffb', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down' }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
+        const closeButton = (hAsync("gov-button", { key: '4569d98296984f33ff83947f92a95a0a3bf0d3e3', size: "s", "aria-label": this.accessibleCloseLabel, type: "base", color: this.isBold ? this.color : "neutral", "on-gov-click": this.onCloseHandler.bind(this), class: InfobarClass.close }, hAsync("gov-icon", { key: 'aafcdbde7ca0e13d9e733036da6cc6085143966d', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: '9b558a0c786862d032ed6fb5d274fc0c3cdae617', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '9bded4750afdfef6ace0e5a39be2d6283b30d725', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: '011f9d52f9f971a560fd0220be40b5a221a5f4b3', name: "icon" }), hAsync("div", { key: 'd613d4ab22f89da935fe60b866ea262802c5d18f', class: InfobarClass.content }, this.h.hasSlot('headline') ? (hAsync(Fragment, null, hAsync("div", { class: InfobarClass.headline }, hAsync("slot", { name: "headline" }), hAsync("gov-button", { size: "s", type: "base", color: this.isBold ? this.color : "neutral", "aria-label": this.accessibleToggleLabel, "on-gov-click": () => (this.toggleContent = !this.toggleContent) }, hAsync("gov-icon", { name: this.toggleContent ? 'chevron-up' : 'chevron-down', type: "components" }))), hAsync("div", { hidden: !this.toggleContent, "aria-hidden": toBoolAttr(this.toggleContent) }, hAsync("slot", null)))) : (hAsync("slot", null))), this.closable && closeButton)));
     }
     onCloseHandler(e) {
         this.govClose.emit({
@@ -6317,7 +6293,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: '8fb6469e60ee22db59a32f94911e5bd559284438', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'ef0b2eb7cf294ad4c54585ce329283f34b88c371', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '9dd0552d1146df7a89aeae135979f572dfc09204' }))));
+        return (hAsync(Host, { key: 'ba8fc53df2f13fcf8b87f25f073d0284b68b0a3a', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'f645a9b32495c4fc1c0c86a0078c78c4bc00a1e8', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '5b0d1a3a137a8fe3bb90ae5dff2dbc179575af56' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6340,7 +6316,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'df54ae33d7014e4ac0dfa79ffcc9c4c1ad92dffb', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: '7dfb2ebdcf8974ae17ca181017f2fee58776df9c' })));
+        return (hAsync(Host, { key: '8566cc892984b1ce728c679107e228d8320f3048', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'e3a085ef568fa75ef813b775344adbd6f4ef2773' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6386,7 +6362,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '9571f893e056c8fa159479cb06da8c06e8724600', identifier: this.uniqueId }, hAsync("span", { key: '98894ab03591844c115b94a43ee170585295ddcf' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '7bd4b9b30b6fe4e1732232fa4e70d66756c2139d', identifier: this.uniqueId }, hAsync("span", { key: '70d6b8d178133ee89b795c4018687c7afb2576f0' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6398,6 +6374,55 @@ class GovLifecycle {
     }; }
 }
 
+const LinkSizes = pick(Sizes, ['_S', '_M', '_L']);
+const LinkClass = {
+    root: 'gov-link',
+};
+
+class GovLink {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = 'm';
+        this.external = false;
+        this.href = undefined;
+        this.target = undefined;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(LinkSizes, newValue, LinkClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    render() {
+        return (hAsync(Host, { key: '8723fc6fc0cf3faf4a0fb48b38ad2f0d0a21704b', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '1bfe7837dab38690789ec818f6134a50a93d1e4e', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: '96d6ce9e164a8fa5b6d5c115d52988bdfff3eceb', name: "icon-start" }), hAsync("slot", { key: 'bcc373fec9e7e159c6b31a2ad846dd929d189d1e' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-link",
+        "$members$": {
+            "size": [1],
+            "external": [4],
+            "href": [1],
+            "target": [1],
+            "inheritedAttributes": [32]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const LoadingSizes = pick(Sizes, ['_S', '_M', '_L']);
 const LoadingClass = {
     root: 'gov-loading',
@@ -6418,7 +6443,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '513f13c80fc2af7545772534af1cc04ded202ec3', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: 'f4c66ec827f34cd2498c69b44d8dbbfba69aa3c7', class: LoadingClass.content }, hAsync("gov-icon", { key: 'fceceebd341d720f4d1d38b234ff5770110392d8', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader" }), hAsync("slot", { key: '85e34ce7d618a4b73668d80e3419a98e14ec524b' })), hAsync("gov-backdrop", { key: 'a240f9f8b15dbc422adeda6674e019f6b118dc6a', inverse: true })));
+        return (hAsync(Host, { key: '3f7cec1f98aa0c68f42eb3049ae8d34270e17258', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '9ad1ca86b0221f2668f47eb72c080e9ecd05ed68', class: LoadingClass.content }, hAsync("gov-icon", { key: '5d75c634386c8226c553b787355b29b0581601c5', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '99ff7f6f1c8bd8135959ea36bc484eab6c9a4b6b' })), hAsync("gov-backdrop", { key: 'dcaa2ab6dbcca347d5934df52e0f4989701c0259', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6458,7 +6483,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: '9379d874b17b448a37771cf06fde7ac8a87ea7c7', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: '4ff98ecd6b2b9e97d8083e9e907265e6bb265f79', name: "icon" })), hAsync("div", { key: '2be09cb7021a713e90008ac8180c153361620a65', class: MessageClass.content }, hAsync("slot", { key: '54f7fe2ade82698f072eae27eb58cf4ade008553' }))));
+        return (hAsync(Host, { key: 'e9250a61d94bf14a9d32eef5a69a9347df89a1e2', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: '00a69ab91656245790d88c02cbaa14d365f48140', name: "icon" })), hAsync("div", { key: 'c95cb839c2f24f744aff2a9580c44c18102d1fc9', class: MessageClass.content }, hAsync("slot", { key: '71d8d21cff90b5498940d99947d62fec1f400f1e' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6637,7 +6662,7 @@ class GovPagination {
             const ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
             return (hAsync("gov-button", { href: this.prepareLinkUrl(page), color: this.color, size: this.size, type: "base", disabled: isDisabled, "on-gov-click": (e) => this.onClickHandler(e, page), "aria-label": description ? description : page > -1 ? `${this.accessiblePageLabel} ${page}` : undefined, "aria-current": ariaCurrent, class: PaginationClass.inner, focusable: true }, content));
         };
-        return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, color: this.color, size: this.size }, hAsync("nav", Object.assign({}, this.inheritedAttributes), hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left" }), this.labelStart)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left" }), this.labelPrev)), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), hAsync("gov-form-select", { size: this.size, color: this.color, identifier: this.selectIdentifier || this.selectId, "aria-labelledby": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page, '')))), this.pagination.totalPages ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), hAsync("gov-form-select", { size: this.size, color: this.color, identifier: this.selectIdentifier || this.selectId, "aria-labelledby": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, hAsync("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: false }, page))))))) : null)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-right" }), this.labelNext)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right" }), this.labelEnd))))));
+        return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, color: this.color, size: this.size }, hAsync("nav", Object.assign({}, this.inheritedAttributes), hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left", type: "components" }), this.labelStart)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left", type: "components" }), this.labelPrev)), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), hAsync("gov-form-select", { size: this.size, color: this.color, identifier: this.selectIdentifier || this.selectId, "aria-labelledby": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page, '')))), this.pagination.totalPages ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.accessibleSelectLabel), hAsync("gov-form-select", { size: this.size, color: this.color, identifier: this.selectIdentifier || this.selectId, "aria-labelledby": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, hAsync("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: false }, page))))))) : null)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-right", type: "components" }), this.labelNext)), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right", type: "components" }), this.labelEnd))))));
     }
     onClickHandler(e, page) {
         e.stopPropagation();
@@ -6782,7 +6807,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '6927d3fcc9546be5b4934f4f04d41049847d04f2', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: '9e026075a3ee04f09546bb686ec04309374da466', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6845,7 +6870,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '392e2cf96739ff4bf0b7b9a27fb5730aa0160689', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: '49415f0b2a4bfb25ececcd115bd1e8bfad250938', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6907,7 +6932,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '885b23b98b9b669e3cea12183ba42354c763316b', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '1f90bbd052f015f8b5ed7afeb49f8585a016f3da' })));
+        return (hAsync(Host, { key: '208bca5b06fce13b8f87f0cc4497860c01d2d56b', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'a0ec9b8b5e03062e4b9547cb9fbfc73fddaa0519' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6949,7 +6974,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: '59f5a619a9f304b4803a337f1f4152b3e1e782f0', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '0a618406f8e04faaddc8b02d3b277a0e2e388847', class: StepperItemClass.prefix }, hAsync("slot", { key: '2371e91f2f48450117f9c2b473139330d2cceaef', name: "prefix" }))), hAsync("div", { key: '0fbbc509c202a02192020dd6d6873b74c523038f' }, hAsync("span", { key: '1489ceb7a1557fcdb08d95c105ee6019946fbe84', class: StepperItemClass.headline }, hAsync("slot", { key: '629b41afb4f3d1944e0345df1968239992e26b3a', name: "headline" })), hAsync("slot", { key: '6ba1168f9080cde7d67e5a80187a44c530f53ea0', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '4886f8d72a15405d70c8012947c5132a44a0b0b9', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '20f8e29aa50aa7d2240aa27d266a8d9364c89ab2', name: "content" }))))));
+        return (hAsync(Host, { key: 'f722a022748d8fcb4ca0a27108a7e2e2980a1602', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: 'eed745cace26ca1d31c6441dd7be76d3dfa6bd4c', class: StepperItemClass.prefix }, hAsync("slot", { key: 'd5cab6411231cd082468bcc5c244ee75e0dba147', name: "prefix" }))), hAsync("div", { key: 'c13c92aa7890f8406eb5870caa93d186801c0a75' }, hAsync("span", { key: 'ad456eb4699a3d32dfa2d5d477bd346cb1814473', class: StepperItemClass.headline }, hAsync("slot", { key: '0dfdb036dcc108943be0795269e7e0b5f8ac0a29', name: "headline" })), hAsync("slot", { key: '24220b19c2f3c6af35407da423bb1900dc363db8', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '2bdd3feeaeafdcf73534bfadb5ff29d90eb9e037', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'f2f70633c3c2adcc7bd407a23863e0a6fba5ec89', name: "content" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7100,7 +7125,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '70bfa4d8f60de5da1821018592afe44611cb0195', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", Object.assign({ key: 'f81df06e4fd9deb6c282b7d0036e45eaedd10e7f', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '603f06fc099271e5133b0d803696a36576df100b', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "left-icon" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "right-icon" })) : null))))))), hAsync("slot", { key: 'e6abc783cb893d3b630d585fc30c2b3abb340d3a' })));
+        return (hAsync(Host, { key: '75a6dc2d1bb8afb13e3d63b44bdd00e230a49fe6', class: this.h.classes(TabsClass.root), size: this.size, color: this.color, type: this.type, direction: this.direction, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", Object.assign({ key: '1fc7ff9eafaaab713727787a1bb0c7364ad3cf4e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '82a67f585c9a394175bb64be57e669d886b3d4f6', class: TabsClass.list }, this.controllers.map(control => (hAsync("li", { class: TabsClass.item }, this.type == "text" ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control), disabled: control.disabled, "aria-disabled": toBoolAttr(control.disabled), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active && !control.disabled ? 0 : -1, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type })) : null)) : (hAsync("gov-chip", { role: "tab", tag: 'button', identifier: control.triggerIdentifier, "aria-selected": booleanString(control.active), "aria-controls": control.contentIdentifier, focusable: control.active, disabled: control.disabled, color: this.color, size: this.size === "xs" ? "xs" : (this.size === "s" ? "s" : "m"), type: control.active ? "solid" : "outlined", ref: el => (this.triggerRefs[control.triggerIdentifier] = el), "on-gov-click": () => this.onSelectHandler(control) }, control.iconStart ? (hAsync("gov-icon", { name: control.iconStart.name, type: control.iconStart.type, slot: "icon-start" })) : null, control.label, control.iconEnd ? (hAsync("gov-icon", { name: control.iconEnd.name, type: control.iconEnd.type, slot: "icon-end" })) : null))))))), hAsync("slot", { key: '8af7e27c0410ba9a4c0f79a1c44275e5811e9463' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7233,7 +7258,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b26a20e7a512debcb5215528f453b1dc66ffa938', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '4b5eef881f0c9b57860f4f28aa3ea9df030d3500', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", { key: '3bd8840a7abecb46565d7333c281a90524838db1' }))));
+        return (hAsync(Host, { key: '7cf18cf8a10a4c03dd51922e31e18dac86aa217d', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '3a707d9494c5055c3763f4cdf840522fae5e7a2a', class: TabsItemClass.inner, role: "tabpanel", id: this.identifier || this.contentId, hidden: !this.isActive, "aria-labelledby": this.triggerIdentifier || this.triggerId, "aria-hidden": toBoolAttrIfDefined(!this.isActive) }, hAsync("slot", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7300,8 +7325,8 @@ const TagClass = {
 class GovTag {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.iconLeft = undefined;
-        this.iconRight = undefined;
+        this.iconStart = undefined;
+        this.iconEnd = undefined;
         this.size = TagSizes._S;
         this.color = ButtonColors.PRIMARY;
         this.type = undefined;
@@ -7318,9 +7343,9 @@ class GovTag {
         this.validateSize(this.size);
     }
     render() {
-        const iconLeft = prepareIconFormat(this.iconLeft);
-        const iconRight = prepareIconFormat(this.iconRight);
-        return (hAsync(Host, { key: '9dede4ae44585315490e2ebad775381cd77a86c4', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '84529d30dcf3f26a59b9320234dc05d4bfb1ac8c', class: "element" }, hAsync("slot", { key: '07e19e9e805572c5efa3e5138d6dc97255c58c3f', name: "left-icon" }, iconLeft && hAsync("gov-icon", { key: '14aee821e6e2f75d0fe178dcc9680633ec15de57', type: iconLeft.type, name: iconLeft.name })), hAsync("slot", { key: '973d6bcd03d962830b061d6b98acbc2ff8eb099b' }), hAsync("slot", { key: '74def1aa50e02199d3160cbb90bd219fbf5863e6', name: "right-icon" }, iconRight && hAsync("gov-icon", { key: '7a72370126731b4bb285e8d557c3fd7cd84b2499', type: iconRight.type, name: iconRight.name })))));
+        const iconStart = prepareIconFormat(this.iconStart);
+        const iconEnd = prepareIconFormat(this.iconEnd);
+        return (hAsync(Host, { key: 'c883cf9721b32aa8c06609bf09272ef196456e18', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '614f39f6f1004d6c3ee1d0f13990a4e52dee66bc', class: "element" }, hAsync("slot", { key: 'f7d4dc9576768e917a363bc7cafa86567213ea82', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '8d57b52a0314e8d76461872116b4ce04e546c180', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '4cd134377c3ea7843aa899b0a2962aa19f5d569e' }), hAsync("slot", { key: '4dc1cccaced24ef26bb15e648788590a4b7d1838', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '7946e18900c98bdff4c610813b2422bf75b30049', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7331,8 +7356,8 @@ class GovTag {
         "$flags$": 4,
         "$tagName$": "gov-tag",
         "$members$": {
-            "iconLeft": [1, "icon-left"],
-            "iconRight": [1, "icon-right"],
+            "iconStart": [1, "icon-start"],
+            "iconEnd": [1, "icon-end"],
             "size": [513],
             "color": [513],
             "type": [513]
@@ -7343,8 +7368,14 @@ class GovTag {
     }; }
 }
 
+const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
 const ThemeSwitchClass = {
-    root: 'gov-theme-switch'
+    root: 'gov-theme-switch',
+    indicator: 'gov-theme-switch__indicator',
+    iconLight: 'gov-theme-switch__icon-light',
+    iconDark: 'gov-theme-switch__icon-dark',
+    labelLight: 'gov-theme-switch__label-light',
+    labelDark: 'gov-theme-switch__label-dark',
 };
 const ATTRIBUTE_THEME_NAME = 'data-theme';
 
@@ -7355,13 +7386,38 @@ var ThemeList;
     ThemeList["dark"] = "dark";
 })(ThemeList || (ThemeList = {}));
 
+const setCookie = (name, value, days) => {
+    if (!isWindow) {
+        return;
+    }
+    let expires = "";
+    if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
+};
+const getCookie = (name) => {
+    if (!isWindow) {
+        return null;
+    }
+    const nameEQ = name + "=";
+    const cookies = document.cookie.split(';');
+    for (let i = 0; i < cookies.length; i++) {
+        let cookie = cookies[i].trim();
+        if (cookie.startsWith(nameEQ)) {
+            return decodeURIComponent(cookie.substring(nameEQ.length));
+        }
+    }
+    return null;
+};
+
 class GovThemeSwitch {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.govChange = createEvent(this, "gov-change", 7);
         this.setThemeState = (state) => {
-            this.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, state);
-            localStorage.setItem(ATTRIBUTE_THEME_NAME, state);
             this.theme = state;
             this.govChange.emit({
                 component: ThemeSwitchClass.root,
@@ -7369,43 +7425,71 @@ class GovThemeSwitch {
                 ref: this.host
             });
         };
+        this.size = "m";
+        this.ariaLabelLight = undefined;
+        this.ariaLabelDark = undefined;
+        this.labelLight = undefined;
+        this.labelDark = undefined;
         this.theme = ThemeList.auto;
         this.h = govHost(this.host);
     }
-    get localStorageValue() {
-        return isWindow ? localStorage.getItem(ATTRIBUTE_THEME_NAME) : null;
+    validateSize(newValue) {
+        validateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root);
+    }
+    watchTheme(newValue) {
+        this.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);
+        this.htmlElement.classList.remove(...Object.keys(ThemeList));
+        this.htmlElement.classList.add(newValue);
+        setCookie(ATTRIBUTE_THEME_NAME, newValue);
+    }
+    get storageValue() {
+        return getCookie(ATTRIBUTE_THEME_NAME);
     }
     get htmlElement() {
         return document.documentElement;
     }
+    get isSystemPrefersColorDark() {
+        return isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
     componentWillLoad() {
         this.initDefaultState();
+        this.validateSize(this.size);
     }
     initDefaultState() {
         const options = Object.keys(ThemeList);
-        let currentState = this.localStorageValue;
+        let currentState = this.storageValue;
         const htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME);
         if (currentState && options.includes(currentState)) {
-            this.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, currentState);
             this.theme = currentState;
         }
         else if (htmlState && options.includes(htmlState)) {
-            localStorage.setItem(ATTRIBUTE_THEME_NAME, htmlState);
             this.theme = htmlState;
         }
         else {
-            localStorage.setItem(ATTRIBUTE_THEME_NAME, ThemeList.auto);
             this.theme = ThemeList.auto;
         }
     }
     render() {
-        return (hAsync(Host, { key: '139c85bffa33cbcbe42cc9e62be6e31683fd107b', class: this.h.classes(ThemeSwitchClass.root) }, hAsync("button", { key: '81f2ff7e246341d67d422ea39f405f1071a0b733', onClick: () => this.setThemeState(ThemeList.light) }, "light"), hAsync("button", { key: '32559e57bde0843bc75512bd89398ec3e4aa5147', onClick: () => this.setThemeState(ThemeList.dark) }, "dark")));
+        let isDark = this.theme === ThemeList.dark;
+        if (this.theme === ThemeList.auto) {
+            isDark = this.isSystemPrefersColorDark;
+        }
+        return (hAsync(Host, { key: 'a83f030f54527f8e8a2d23c3769f3f1b41c4af4f', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '54f8337d911cf64f24c8db089b9092b806c3a926', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-label": isDark ? this.ariaLabelLight : this.ariaLabelDark }, hAsync("span", { key: '483310b54df8e8de42c087f04b7e0758067c22b8' }, hAsync("span", { key: '88b822cac4b5dc3897fa19252b5b1e1a559b8d6d', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'f6f162cda66facba8940ba55f7f3283e7796d157', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: 'b36b009c1787e37a3fd5108618c6bb5993f97a23', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), hAsync("gov-form-label", { key: 'dff2b2b454a87faa1d7e471d2a271c333c983aad', class: ThemeSwitchClass.labelLight, size: this.size }, this.labelLight), hAsync("gov-form-label", { key: '1b682ccaff92cc4cfe8462ff2a59507fd61b114b', class: ThemeSwitchClass.labelDark, size: this.size }, this.labelDark)))));
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "theme": ["watchTheme"]
+    }; }
     static get cmpMeta() { return {
         "$flags$": 0,
         "$tagName$": "gov-theme-switch",
         "$members$": {
+            "size": [1],
+            "ariaLabelLight": [1, "aria-label-light"],
+            "ariaLabelDark": [1, "aria-label-dark"],
+            "labelLight": [1, "label-light"],
+            "labelDark": [1, "label-dark"],
             "theme": [32]
         },
         "$listeners$": undefined,
@@ -7436,7 +7520,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '423d9bc7b52a7408c4b9513612cdbac6c5a7df9c', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'b56ff3ed2dc8fd6f4de661e7892fe1513202da5e', name: "icon" }), hAsync("div", { key: 'e35827cda3520c1532de79be0a2d8fca8b952617', class: TileClass.content }, hAsync("div", { key: '79c97706744f088c671b0cebf6969425226341d0', class: TileClass.text }, hAsync("div", { key: 'f5799184ba8a0040a74638fa4a37759c35a4cdec', class: TileClass.title }, this.href ? (hAsync(Fragment$1, null, hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, hAsync("slot", { name: "title" })), hAsync("span", { class: TileClass.icon }, hAsync("gov-icon", { name: "chevron-right" })))) : (hAsync("slot", { name: "title" }))), hAsync("div", { key: 'eba9d4e70c1a295834adf26577ee965db054fbb2', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'ce4b626ae9551d82c3ff614f50379e6c1100dd07' }))), hAsync("slot", { key: 'c5ac0203d657d60469c64ea2afc1469f08cc867f', name: "button" }))));
+        return (hAsync(Host, { key: '3fd4f5bb8f7cdcdb5a6bbed610ed4ab6ec2837f5', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '97179af17c8f8b16de49ca36a7c548d20e53cbdf', name: "icon" }), hAsync("div", { key: 'a60a8e60effd1337cc11c5afb347ab395673d724', class: TileClass.content }, hAsync("div", { key: 'b27682c73305417442d9ebfd27e02cc80d10034c', class: TileClass.text }, hAsync("div", { key: '0c891f670607dde529d5ef6b1c86a843b7600a30', class: TileClass.title }, this.href ? (hAsync(Fragment$1, null, hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, hAsync("slot", { name: "title" })), hAsync("span", { class: TileClass.icon }, hAsync("gov-icon", { name: "chevron-right", type: "components" })))) : (hAsync("slot", { name: "title" }))), hAsync("div", { key: 'dcb5f3be57fa6ebaa507c12c9394f1b12837856e', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'c3b7fe9ef111769219f1d915929112fe083927c8' }))), hAsync("slot", { key: '98173ea276fedd176720b79e5a55b3b2d5272536', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7473,7 +7557,7 @@ class GovTiles {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '98fc98abea209d53790a2a06b1ce6e1feda7c53d', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: 'e074660d6ed9b773e68ef5f0523ab7b8bd57ea9e' })));
+        return (hAsync(Host, { key: 'edb08ecaceb976d51978baf7ba3779d7e4e333cc', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: 'a4aa065a8e108b9ceb692c264dec8c4fc559f80e' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -7498,6 +7582,7 @@ const ToastClass = {
     root: 'gov-toast',
     hidden: 'gov-toast--hidden',
     content: 'gov-toast__content',
+    icon: 'gov-toast__icon',
     close: 'gov-toast__close',
     timer: 'gov-toast__timer',
 };
@@ -7551,7 +7636,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: '595478e5b0bc6df5256332f59eb1fb8c5a186d47', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'd515d7be4fcad971f825b953a7ee6354cb7a36c8', name: "icon" })), hAsync("div", Object.assign({ key: '9e9e2895921e6309de75acba2c8340a1073ae243', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'd373fbf45bd63a84e116614971b8d6ccacc041e5' })), hAsync("gov-button", { key: '0e3cc61c61632f5e3f2a9056299e86453a4cac3f', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg" })), hAsync("div", { key: '90ff65de7a67d968bbfb2726a5642052d7c125ce', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '897da92a579e5854078657783d54c4fcca1f0311', class: this.h.classes(ToastClass.root), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, color: this.color, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("span", { key: '50b2dde54f6e566f95c81bbd5dd6c27870338a70', class: ToastClass.icon }, hAsync("slot", { key: 'f47d01268f3098f56b064fc41dc18bab64771073', name: "icon" }))), hAsync("div", Object.assign({ key: '4e508603bd41bc5375ecf2d84e5a1df239fcc6c4', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'ff7e107c1486319621a1832bdcc0387f56dc56db' })), hAsync("gov-button", { key: 'dfe2964f40d66df0335219b9bc66f5a316ecf8ca', size: "s", "aria-label": this.accessibleCloseLabel, color: this.isBold ? this.color : "neutral", type: "base", "on-gov-click": this.onCloseHandler.bind(this), class: ToastClass.close }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg", type: "components" })), hAsync("div", { key: '5f0c872a74f8cac07431903519ecc191322d4397', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7808,11 +7893,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '062963ab589de44e81d5b8c99e60e52caed85373', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '2e9be2bc7a907ff709b4e7468f590d44a2936352', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: 'bc4cfa206b2e4060ca6070f0d4796df1a5df1bfc', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '8ce3bf37e9ab13190c476db7cf47b7d0319719fe', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
                 if (this.persist === false) {
                     this.hideTooltip();
                 }
-            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: 'e8c852804d1e84f31ca4bc6a8f9454c8ce98e6a6' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: 'c622fcd797a2c0dd303395d2d6391fbc747e4d18' }))));
     }
     /**
      * Showing the modal
@@ -7883,7 +7968,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'f57a1f6fb8d74271b6fc993838115ab419d9b429', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '921baaaaa6286be7365cefaaaea8ecc20c16bebf' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, hAsync("gov-icon", { slot: "left-icon", name: "x-lg", type: "basic" }))) : null));
+        return (hAsync(Host, { key: '9775080ab420c435e879ee1516f16bd7fb35f18d', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'b5a4adc4ff5ce735d2c1d3688a031e08cb8a97a1' }), this.persist ? (hAsync("gov-button", { "on-gov-click": this.hideContent.bind(this), color: this.color, size: this.size, type: "base" }, hAsync("gov-icon", { slot: "icon-start", name: "x-lg", type: "components" }))) : null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7957,7 +8042,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: 'b31f7b2d27605da982cb379036be995ec9ef98ab', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '4ccb835a27be7fed0be15809854bf33dbc7e48a3' })));
+        return (hAsync(Host, { key: '3aa896212e044cc3952da66a72b1ca7a708ea0b3', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'aeb21d97bb87dd3c9b5cd01abe2482c39e2ba8cf' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8019,12 +8104,12 @@ class GovWizardItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-        const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { key: '89a426f07ecb1d1b32fbdb39052a2ac7d8049c2a', class: WizardItemClass.prefix }, hAsync("slot", { key: '26e071baf3858a37ce9bda6cf9f09947abd21db0', name: "prefix" })));
-        return (hAsync(Host, { key: 'e8e377730b03812ee75737606565ddd968e209fd', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, hAsync("div", { key: '4ea2d580649e6183df0aafdef2de7262bffbe7c0', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (hAsync(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
+        const prefixSlot = this.h.hasSlot("prefix") && (hAsync("span", { key: '5b4e2b9c66285827959d4df9801cef2b8de29764', class: WizardItemClass.prefix }, hAsync("slot", { key: '6ffa576fe3be8febb899186208d8aa7ae1fecd96', name: "prefix" })));
+        return (hAsync(Host, { key: '60fd0ec72cb212f73dddeec698c2003117b1fc02', class: this.h.classes(WizardItemClass.root), "is-expanded": this.isExpanded, color: this.color, size: this.size, role: "listitem", collapsible: this.collapsible, hydrated: this.hydrated }, hAsync("div", { key: '02e7e16d0d559a3fd3f88a85b23d6263dfb3eeb8', class: WizardItemClass.header }, prefixSlot, this.collapsible ? (hAsync(Tag, { id: triggerId, class: this.h.classes(WizardItemClass.label), "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle();
-            } }, hAsync("span", { class: WizardItemClass.headline }, hAsync("slot", { name: "headline" }), this.collapsible && hAsync("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down" })), hAsync("slot", { name: "annotation" }))) : (hAsync(Tag, { class: this.h.classes(WizardItemClass.label) }, hAsync("span", { class: WizardItemClass.headline }, hAsync("slot", { name: "headline" }), this.collapsible && hAsync("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down" })), hAsync("slot", { name: "annotation" })))), this.collapsible ? (hAsync("div", { class: WizardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, hAsync("slot", null)))));
+            } }, hAsync("span", { class: WizardItemClass.headline }, hAsync("slot", { name: "headline" }), this.collapsible && hAsync("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down", type: "components" })), hAsync("slot", { name: "annotation" }))) : (hAsync(Tag, { class: this.h.classes(WizardItemClass.label) }, hAsync("span", { class: WizardItemClass.headline }, hAsync("slot", { name: "headline" }), this.collapsible && hAsync("gov-icon", { class: WizardItemClass.chevron, name: "chevron-down", type: "components" })), hAsync("slot", { name: "annotation" })))), this.collapsible ? (hAsync("div", { class: WizardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, hAsync("slot", null)))));
     }
     /**
      * Opening the Wizard
@@ -8119,6 +8204,7 @@ registerComponents([
   GovLayout,
   GovLayoutColumn,
   GovLifecycle,
+  GovLink,
   GovLoading,
   GovMessage,
   GovPagination,