@gov-design-system-ce/components 4.1.3-BETA-10 → 4.2.1

package/dist/hydrate/index.js

@@ -2691,6 +2691,7 @@ const hasOwnProperty = (obj, prop) => {
 };
 const isObject = (obj) => typeof obj === 'object';
 const isString = (input) => is(input) && typeof input === 'string';
+const isNumber = (input) => is(input) && typeof input === 'number';
 
 const validateWcagProp = (value, propName, component) => {
     if (value === undefined || String(value).length === 0) {
@@ -2773,7 +2774,7 @@ class GovAttachments {
     }; }
 }
 
-const govAttachmentsItemCss = "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 = "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-body-xs);line-height:150%;font-weight:400;color:var(--decor-color, var(--text-secondary))}";
 var GovAttachmentsItemStyle0 = govAttachmentsItemCss;
 
 class GovAttachmentsItem {
@@ -2865,6 +2866,119 @@ class GovBackdrop {
     }; }
 }
 
+const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL']);
+var BannerBackground;
+(function (BannerBackground) {
+    BannerBackground["SIMPLE"] = "simple";
+    BannerBackground["WAVES"] = "waves";
+    BannerBackground["STRIPES"] = "stripes";
+    BannerBackground["LINES"] = "lines";
+})(BannerBackground || (BannerBackground = {}));
+var BannerForeground;
+(function (BannerForeground) {
+    BannerForeground["IMAGE"] = "image";
+    BannerForeground["LOGO"] = "logo";
+    BannerForeground["ICON"] = "icon";
+})(BannerForeground || (BannerForeground = {}));
+var BannerTextColor;
+(function (BannerTextColor) {
+    BannerTextColor["LIGHT"] = "light";
+    BannerTextColor["DARK"] = "dark";
+})(BannerTextColor || (BannerTextColor = {}));
+const BannerClass = {
+    root: 'gov-banner',
+    content: 'gov-banner__content',
+};
+
+class GovBanner {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = BannerSizes._M;
+        this.background = BannerBackground.SIMPLE;
+        this.foreground = BannerForeground.LOGO;
+        this.textColor = BannerTextColor.LIGHT;
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(BannerSizes, newValue, BannerClass.root);
+    }
+    validateBackground(newValue) {
+        validateProp(BannerBackground, newValue, BannerClass.root);
+    }
+    validateForeground(newValue) {
+        validateProp(BannerForeground, newValue, BannerClass.root);
+    }
+    validateTextColor(newValue) {
+        validateProp(BannerTextColor, newValue, BannerClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.validateBackground(this.background);
+        this.validateForeground(this.foreground);
+        this.validateTextColor(this.textColor);
+    }
+    render() {
+        return (hAsync(Host, Object.assign({ key: '67c767ffc6ac1912bb691c8bb11158dac573e70f', class: this.h.classes(BannerClass.root), role: "region", size: this.size }, (this.size !== "xl" ? {
+            background: this.background,
+            foreground: this.foreground
+        } : { 'text-color': this.textColor })), hAsync("div", { key: '624b24b1e621ef7f7ad4666b56f48ffec9881aee' }, hAsync("div", { key: '90b322dca74ca90be13489d519534ebff0656593', class: BannerClass.content }, hAsync("slot", { key: '272f89cbe0649af7edfd7230861f6232272c8da4', name: "headline" }), hAsync("slot", { key: '1bfa7690842ba1a023af5b7da4edec5acb6c65fe' })), this.h.hasSlot('button') && (hAsync("slot", { key: '5d9611292a76aee4654b16429a89fd46ad610884', name: "button" }))), hAsync("slot", { key: '00000b185434b0d85112beaa2374c7f7b12c19b0', name: "image" })));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"],
+        "background": ["validateBackground"],
+        "foreground": ["validateForeground"],
+        "text-color": ["validateTextColor"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-banner",
+        "$members$": {
+            "size": [513],
+            "background": [1],
+            "foreground": [1],
+            "textColor": [1, "text-color"]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["size", "size"]]
+    }; }
+}
+
+var BlockquoteType;
+(function (BlockquoteType) {
+    BlockquoteType["PRIMARY"] = "primary";
+    BlockquoteType["SUBTLE"] = "subtle";
+    BlockquoteType["NEUTRAL"] = "neutral";
+})(BlockquoteType || (BlockquoteType = {}));
+const BlockquoteClass = {
+    root: 'gov-blockquote',
+};
+
+class GovBlockquote {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.type = BlockquoteType.SUBTLE;
+        this.cite = undefined;
+        this.h = govHost(this.host);
+    }
+    render() {
+        return (hAsync(Host, { key: '0d4b930791ee54ea55552b1a8ab9a2f248b5109e', class: this.h.classes(BlockquoteClass.root), type: this.type }, hAsync("gov-icon", { key: 'f27a6a5059203b000bede13c47aa7e5eb150e4cd', type: "components", name: "quote", size: "3xl" }), hAsync("blockquote", { key: '3206cd993309f5636920e5b552e3cd97be98b334', cite: this.cite }, hAsync("slot", { key: '16ac7ec3098d37e1c5b444fe18e47986a5afa915' })), hAsync("slot", { key: 'ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e', name: "image" }), hAsync("slot", { key: 'f43c96fef744f2d6147f8579fad0c808c064c81a', name: "author" })));
+    }
+    get host() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-blockquote",
+        "$members$": {
+            "type": [513],
+            "cite": [1]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["type", "type"]]
+    }; }
+}
+
 const BreadcrumbsClass = {
     root: 'gov-breadcrumbs',
 };
@@ -2907,7 +3021,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', type: "components" }))) : null));
+        return (hAsync(Host, { key: 'dadd8de710050476be68e3f6fa0b317d6ccedfc1', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: '468a3b605408c943421243024733b0381809f931', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '2c9f85b826c8c54340ab5abba51c1861282c9cb7' })), 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
@@ -2991,11 +3105,11 @@ function toBool(value) {
     }
 }
 
-var Tags$2;
+var Tags$3;
 (function (Tags) {
     Tags["A"] = "a";
     Tags["BUTTON"] = "button";
-})(Tags$2 || (Tags$2 = {}));
+})(Tags$3 || (Tags$3 = {}));
 class GovButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3045,7 +3159,8 @@ class GovButton {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     componentWillLoad() {
         this.validateColor(this.color);
@@ -3064,11 +3179,11 @@ class GovButton {
         this.hydrated = true;
     }
     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("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" }))));
+        const Tag = this.href ? Tags$3.A : Tags$3.BUTTON;
+        const nativeType = Tag === Tags$3.A ? undefined : this.nativeType;
+        return (hAsync(Host, { key: 'cd3d644c54ac882be5adf1645391a873d426e549', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: '39c76efc161144865f6bde8cf50e2808d0566415', 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: 'b75ed857aacc2b914810fbdbb3c0d39ede423639', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: '838152233ab4f51b36217ae0b4077a3f3efc3ecf', name: "icon-start" }), hAsync("slot", { key: '0dbfd16b6de4ea9c0bb92a97297262f10b9a335c' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: '8854b0bced36cabfe85988e22d10d49f9761a910', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: '607c848e0a9e4abf1c4232658a38922ade4accf9', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3170,6 +3285,11 @@ const CardClass = {
     footer: 'gov-card__footer',
 };
 
+var Tags$2;
+(function (Tags) {
+    Tags["A"] = "a";
+    Tags["DIV"] = "div";
+})(Tags$2 || (Tags$2 = {}));
 class GovCard {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3178,6 +3298,8 @@ class GovCard {
         this.direction = "vertical";
         this.collapsible = false;
         this.open = true;
+        this.href = undefined;
+        this.target = undefined;
         this.accessibleTriggerLabel = undefined;
         this.accessibleTriggerLabelledBy = undefined;
         this.h = govHost(this.host);
@@ -3194,7 +3316,8 @@ class GovCard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '16ef4ffbb0a84bb231008f4f52a4ffe1f2f809d8', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), direction: this.direction, 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: '749f6e4b624f4cdda53d2e3433b451d56c742667', 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("div", { key: 'f4b953ddf9b4f59bc111b512bb3de3510b28af7f', class: CardClass.img }, hAsync("slot", { key: '2867a29e49e67aff041ac0705527c5f76f4a019e', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: '8c8e55d3faff7cfbd6abe698cd8801f7fc41dbad', class: CardClass.icon }, hAsync("slot", { key: '4d9eaeb0b3af65e4bf5de75090f9346942069e86', name: "icon" }))), hAsync("div", { key: '77a9a065fb2803b5f39f1b5716d9810c04b6971b', class: CardClass.content }, hAsync("slot", { key: 'acec7d3d4b6ac5533e5df218fe38e26147c440d8' })), this.h.hasSlot('footer') && (hAsync("div", { key: '1e63a0811f487e18cbbef8b045651c0e5b745f37', class: CardClass.footer }, hAsync("slot", { key: '4bffc12bffb3e29527aad38b6edbe8c00527a843', name: "footer" }))))));
+        const Tag = this.href ? Tags$2.A : Tags$2.DIV;
+        return (hAsync(Host, { key: '3a11dfeface1fa81d0c27f4ee3644c1c3b3a0191', class: this.h.classes(CardClass.root), open: this.open, collapsible: booleanString(this.collapsible), clickable: this.href ? true : null, direction: this.direction, 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(Tag, { key: 'bdf47c610db6c937ebe9f6fa45124b5df8e2847f', href: this.href, target: this.target, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.open) : undefined, hidden: this.collapsible ? !this.open : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined, class: CardClass.inner }, this.h.hasSlot('img') && (hAsync("div", { key: '11ed1b55fe67d05382d538c903726ffd84fb7d48', class: CardClass.img }, hAsync("slot", { key: 'b1c362609163af2748256ecd1370bd074b8cd396', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: '70b848927a86419442be3a84ee060c27a87fa12b', class: CardClass.icon }, hAsync("slot", { key: '357b5dffa7c0970495ed167ca9a5db0b8d67c721', name: "icon" }))), hAsync("div", { key: '0bec7d7dc66dda27ba05e9041caeca8f20def8c4', class: CardClass.content }, hAsync("slot", { key: 'e3b08eb1097e0d788df4a45f78711bd0a5f02656' })), this.h.hasSlot('footer') && (hAsync("div", { key: '0f4ef687f88e18a935d8f651bb7d2a9ea2c3df97', class: CardClass.footer }, hAsync("slot", { key: 'd645292f3ee9f007d9aeffdefcf2c26a1e5415b1', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3219,13 +3342,15 @@ class GovCard {
             "direction": [1],
             "collapsible": [4],
             "open": [1540],
+            "href": [513],
+            "target": [1],
             "accessibleTriggerLabel": [1, "accessible-label"],
             "accessibleTriggerLabelledBy": [1, "accessible-labelledby"],
             "validateAccessibility": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["open", "open"]]
+        "$attrsToReflect$": [["open", "open"], ["href", "href"]]
     }; }
 }
 
@@ -3300,7 +3425,8 @@ class GovChip {
         this.attributeObserver.startObserving(ariaAttributes);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     connectedCallback() {
         this.hydrated = true;
@@ -3314,11 +3440,11 @@ class GovChip {
         const nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined;
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '35148b293a6ae608eb1c4e0db06bbfff8b9fdca7', class: this.h.classes([
+        return (hAsync(Host, { key: '6891a65866779d31691de4842180ae22767c4268', 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: '01ba70f91c8be428f91ca4744d093e408dd5acbe', 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: '28acde76889a8b529dae69b1e55f5f3db51b8e25', name: "left" }), hAsync("slot", { key: '1c8fc171656757933a0bb0568a335ee11c09ce6f', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'b2e91ec6724f3ad50433c10597c44f50826dfcfe', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '0a37763084f9a0b7269efe6cc6ebd71161890861' }), hAsync("slot", { key: '5b37c8b8350ed2ead0a85d81ed0ba22295b3679e', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '22dfae0ca565fddaa10e6179dc7d0ef38839764f', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: 'fe177d273f38e81cc9ffc686c62e05bd466c1fe8', 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: '32a2696de42de539438caa0842d0fefa31804b77', 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: '93a5178477cbd4e0e09789c3ff0941e0972943f3', name: "left" }), hAsync("slot", { key: '7d019aa4f2e543a8cb22e7d694c6994656e92065', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '6077e90d13e1fe7945c43abf142e308fa88b10b9', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '8c2fbc69cade5187c4dc3805e2eb9b2639620687' }), hAsync("slot", { key: 'ba590e6f48cf44ceb293917dbdecf34472db28ad', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '030988484d52eb2a47b192888a8e4a1e8773bd74', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: 'b62f2b1359a70b2aba874686d33f3dd5b7d0c8a2', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3378,7 +3504,7 @@ class GovContainer {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '0844c86e0eacd5f89bcfcad2b60e56da0097b506', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: '5cd801a016968be5968a3598d3efa3b222953120' })));
+        return (hAsync(Host, { key: '82f7c451b4196138a062e9e807c0b264b5f8e1fe', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: '04a40aeafe57c99f4a148d04320bf390e3444ea8' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3408,7 +3534,7 @@ class GovControlGroup {
         validateProp(Colors, newValue, ControlGroupClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'bee513bb064b3a276eaede7f93ed12b97edb7adb', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: 'adba55ccd38d432ae11fa4967996d8bcaf552427' })));
+        return (hAsync(Host, { key: '74d339e88105be80b3f335aa2af1155ab23099c8', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: 'e3af09285370470ad4e1ca9e6b225ca98708cebc' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3442,7 +3568,7 @@ class GovCookiebar {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '311f0da16d86ab548e90e8f7be69d23d88a71ae4', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: 'f371e0bfa5ad8b2195aec2fd0c02f86fb81d58ff', class: CookieConsentClass.content }, hAsync("slot", { key: '96433ca7228d4bf61bfc6dc041bc519c83f56109', name: "headline" }), hAsync("slot", { key: '4fa8e397eba029f55329d0ca6d24044ae7c9a513' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: 'a1d5e5d03d8d89bceb65f45f75d7dc3d446d1b62', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: '4ee2b3b82b91bdfb3d87a7bc34e9b0d4e2fc4f33', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '7c0cbf9c5f334cffa4a4eb3f2af9a05bfc8af208', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'e40a9f403e994584f53df9e0d84e27aa08c849e2', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: '5a2bc741413334a0f08bf2d17b94d1c51b5c3f69', name: "actions-secondary" })))))));
+        return (hAsync(Host, { key: 'ad50c5414cb7d3dc0c5b2d378e2484dea094b1de', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: 'aeedb06244acdb5bf57f11c37132d7fec2871cc5', class: CookieConsentClass.content }, hAsync("slot", { key: '90ac710208833ac2c6349792a02f13c4e80741c4', name: "headline" }), hAsync("slot", { key: '67c6c377aa6255bd31fefa8d20b55bfa3c90b489' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: 'aa9b2f1162adcd6d9a2d81da2262046ec8886f50', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: 'b152aebaef3031dc48fe569fef4f1f8119dbaf6b', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '16b3e328ddc88528d877052b445855dc909605d4', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'a825b255261a36cfd192d8936de9eb2b78d5d941', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: 'f651dfbf6756682711b2c4415df6acf4a2c9a479', name: "actions-secondary" })))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3515,7 +3641,7 @@ class GovDialog {
         document.body.classList.remove(DialogClass.bodyFix);
     }
     render() {
-        return (hAsync(Host, { key: 'c3b65521da7837b81972262ecf614d3c12f14bb3', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '98b6d6db6fc9bd35760c03586548cc8a2470752a', 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: 'a8517c656ef3d3e3cf17bc9914e268a20b0e0e4b', class: DialogClass.inner }, hAsync("div", { key: '3ba16e3bafe7936f0c0a999d45d5efdd64291ec3', class: DialogClass.header }, hAsync("slot", { key: '736a0a11d601e9f522e69369ffa0f276c9673803', name: "icon" }), this.h.hasSlot('title') && (hAsync("span", { key: '5505a53174c82c1faf73ed500c5672f2dc8ea83b', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '391dd6236c23c14e62c8c97a94c5733409939c32', name: "title" }))), hAsync("gov-button", { key: '867505a691e69da09808350fc7eefb51974005ba', 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: '6fe742ccf5aca7f27cac627373a338d46bbccfda', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '9d9d6a45d79215ba5415512405ce7577d6a1dc26', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'f9b32ee565586b3741c166a0aa14ca1d1c55f032' })), this.h.hasSlot('footer') && (hAsync("div", { key: '8628b46f0196f38f7d2f273f0860a7c6cee62655', class: DialogClass.footer }, hAsync("slot", { key: '0742967012eab82c36f9dfe0f3b43213be8bcd47', 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: 'd4185a1b611db509ebf08509afa23b6e1682fe6f', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '6a9624025826c1bd0eb7e83739112cf7b2d56dbc', 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: '1f93dc885aad9898151e00ca4717c8dd8eeea1ff', class: DialogClass.inner }, hAsync("div", { key: '4455c3f5f5e6aa9e6ec84ce400ead24a3e526374', class: DialogClass.header }, this.h.hasSlot("icon") && (hAsync("span", { key: '40bd7dba7f121d87e00b48b5c4f3ed0c01f5d4a0' }, hAsync("slot", { key: '911f36f5199cde0f6561da2385934bb88e668c68', name: "icon" }))), this.h.hasSlot('title') && (hAsync("span", { key: '1e45df978ffc0f360d242d24e826b4df41188196', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '920d60a3305db5b2b7963e6e0c795dbe49101f40', name: "title" }))), hAsync("gov-button", { key: '42a64cd1706ba71362bc0bc0b8d69e9867ec5fb1', ref: el => (this.closeCtaRef = el), disabled: this.blockClose, class: DialogClass.close, color: "primary", "aria-label": this.accessibleCloseLabel, "aria-labelledby": this.accessibleCloseLabelledBy, type: "base", size: "m", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { key: '480265e99c21126cbb755df8e6c6f482f69fb92b', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: 'dc16ca442fbb779b8d0c127253324d2894e1b1e5', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: 'a721e2e66951a436c2a7c946648e15cd1043a7c1' })), this.h.hasSlot('footer') && (hAsync("div", { key: 'ea53d2a6284285c3b33a346784f783e69cc6ff4a', class: DialogClass.footer }, hAsync("slot", { key: '1693aec930d48ffd79505638b4b03df4e50529f5', 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();
@@ -3673,7 +3799,7 @@ class GovDropdown {
         });
     }
     render() {
-        return (hAsync(Host, { key: '43c2a03dcb27ebe54f8dd00ca1120b848cac957c', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '732c956fe37283578a95c843cf94ad590cd16402' }), hAsync("div", { key: 'c3934a0f7c8303950a5c7898574fcea2e14e1890', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { key: 'cb685039c57f9d32ae7c238fcb7457fe72b4c9c4', name: "list" }))));
+        return (hAsync(Host, { key: 'ed9beb8952cacb4b76fc73ab31345bbe8c5d206d', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '49d4da21a53be27e687622d17e21474c7cedb26d' }), hAsync("div", { key: '941b05aab703a6bfd981d912763f4576899fd617', ref: el => registerClickOutside(this, el, () => this.open = false), class: DropdownClass.list, id: this.listId, "aria-labelledby": this.controlId, "aria-hidden": toBoolAttr(!this.open), hidden: !this.open }, hAsync("slot", { key: 'cd0c1f28b7d717efd0fe8faa964df78dfbeca49f', name: "list" }))));
     }
     /**
      * Returns the current state of the dropdown
@@ -3726,7 +3852,7 @@ class GovEmpty {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '3346bc91e4af67ca885ec89364d3caed0553f87c', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '6ae5bf19e792bc94fedaa9fe3a56cafa103356f4', name: "icon" })), hAsync("div", { key: '3cb5595ef6de22c590844902d5fe59a2066b0bf7', class: EmptyClass.content }, hAsync("slot", { key: 'dedf42aac4d7a4304a0eeeae7e5a7e1be8e4aac5', name: "headline" }), hAsync("slot", { key: '0d061d5b70d90c3bf6446ff78618e6506446bde2' }))));
+        return (hAsync(Host, { key: '93155f92af0574538fd919e52f312b0f02d07e21', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'e9504c9396c9743ea7e454bb2df5d0f2a046aabe', name: "icon" })), hAsync("div", { key: '78f2d30f570c6123a58d2ac93db58b4e471796b3', class: EmptyClass.content }, hAsync("slot", { key: '7b5e1121dbfccf6d647e168e80c60cad4a1ca136', name: "headline" }), hAsync("slot", { key: 'd435390c88c0304f9ee129b268c454b2147fddb0' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3755,7 +3881,7 @@ class GovErrorCode {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'c47e051194598ee060955a36959d11340b66dadc', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '510cdd27231b580403e76154d263af37877bd7b3', name: "icon" })), hAsync("div", { key: '1b65726c29093652b1f2b6470669cedb5b951c7b', class: ErrorCodeClass.content }, hAsync("slot", { key: 'd5fb45bfdfd4cc096e9f4ed213f0b50baaf225e6', name: "headline" }), hAsync("slot", { key: '1950c6c8b034319c3d499b3470b4a2e0e1c7855a' }))));
+        return (hAsync(Host, { key: 'b253a0e9141dca1662d4d2b792f4c9d25f869a38', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '4ca7e5788170cdf49d969d1a6ed3e12a0f368914', name: "icon" })), hAsync("div", { key: '1822320601777bba88b698375f8ccfc55e33567e', class: ErrorCodeClass.content }, hAsync("slot", { key: 'f3b7e46e878f7ff87291bae34a043d5e228dac4c', name: "headline" }), hAsync("slot", { key: 'f63ac6838e3397bd6828853f96f476454a0bcda7' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3782,27 +3908,29 @@ class GovFlex {
         this.alignContent = undefined;
         this.alignSelf = undefined;
         this.gap = undefined;
+        this.responsive = "true";
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '08c1591134f0b5c95a18ac9e1d3723c12d9bc47b', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: 'b66fb8ffa35b0fb98eed3440a55a92a1bd97eb76' })));
+        return (hAsync(Host, { key: '71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: 'b86bd5e8abbf157f2476cad87134ff9eedd307cc' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "gov-flex",
         "$members$": {
-            "direction": [1],
+            "direction": [513],
             "justifyContent": [513, "justify-content"],
             "alignItems": [513, "align-items"],
             "wrap": [513],
             "alignContent": [513, "align-content"],
             "alignSelf": [513, "align-self"],
-            "gap": [513]
+            "gap": [513],
+            "responsive": [513]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["justifyContent", "justify-content"], ["alignItems", "align-items"], ["wrap", "wrap"], ["alignContent", "align-content"], ["alignSelf", "align-self"], ["gap", "gap"]]
+        "$attrsToReflect$": [["direction", "direction"], ["justifyContent", "justify-content"], ["alignItems", "align-items"], ["wrap", "wrap"], ["alignContent", "align-content"], ["alignSelf", "align-self"], ["gap", "gap"], ["responsive", "responsive"]]
     }; }
 }
 
@@ -3952,14 +4080,15 @@ class GovFormAutocomplete {
         this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: 'a8bf269f28c969a01b9d6fd884b5e6dd253905f6', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '13797f47506657569fe824ecb8d82f54cdd7f62e', 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: 'aa60e7afc9f03418525f40f54989c56ac817a08a', name: "validation-icon" }), hAsync("slot", { key: 'fd1aa38d3f92793689e7238c4cc7b11fdb6d7c83', name: "icon-end" })), hAsync("ul", { key: 'f721a4bebd03c2837604e42d4ece440f2668e4db', 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: '22d9a81f648404e942ee680acddda83165af4dc2', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '4b60cfea2591a4bde6c97dee3c11b75461db3c5d', 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: '739722e49f8062d3ebec84dc2a1f840413439c7c', name: "validation-icon" }), hAsync("slot", { key: '6f3b3c7695a5c7d56276fbc41f854b9afff3800e', name: "icon-end" })), hAsync("ul", { key: '52b34c8501d976b438350104594b02137d40a386', 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)));
@@ -4337,7 +4466,8 @@ class GovFormCheckbox {
         this.hydrated = true;
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -4418,7 +4548,7 @@ class GovFormCheckbox {
     }; }
 }
 
-const FormGroupSizes = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L']);
+const FormGroupSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_2XL']);
 var FormGroupOrientation;
 (function (FormGroupOrientation) {
     FormGroupOrientation["HORIZONTAL"] = "horizontal";
@@ -4434,7 +4564,7 @@ const FormCheckboxGroupClass = {
     root: 'gov-form-checkbox-group',
 };
 
-const govFormGroupCss$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 = "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-m))}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-l))}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-xl))}";
 var GovFormCheckboxGroupStyle0 = govFormGroupCss$1;
 
 class GovFormCheckboxGroup {
@@ -4491,7 +4621,7 @@ class GovFormCheckboxGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '7f71876a9b72b688bb354a1477153bd8d1b5ad05', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '2b3ce2b04ab3a2e55128a6d8c00a1d41217061f6' })));
+        return (hAsync(Host, { key: '332a7e45344ebd6bafbcf20813ab7a06a99aae7e', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: 'd00028b250fa309ee22d25bd07f0f940fec0590e' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4558,7 +4688,7 @@ class GovFormControl {
     }
     render() {
         const Tag = this.fieldset ? "fieldset" : "div";
-        return (hAsync(Host, { key: 'ca3d81a16858cbe4b2c06580cb2e9523a77191be', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '4b2bdfbc3c227b910660596d5815c70ef8fa22dd', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '21e1b5d8e989e6e4ecf9795a2d9d3ccd6dc29543', name: "top" }), hAsync("slot", { key: 'd2acefce44c05404f9d1ce224f7f259361423d82' }), this.h.hasSlot("bottom") && (hAsync("div", { key: 'e5c095ee40f41623e9f6a871e29724be42a8be8f', class: FormControlClass.bottom }, hAsync("slot", { key: '941873ca1268fca177d3ff92b10a205dea0faad3', name: "bottom" }))))));
+        return (hAsync(Host, { key: '1502fcaa64e9c9839e7393573f10aa7a98161f8a', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: 'ea3147966c1e34366293c19228793679f5065d53', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '803c63b94d671bdcd30eeb2bf4a9ab9f23633358', name: "top" }), hAsync("slot", { key: 'c46d8faf4cea51bc15e6f57e0f2e9bea895b4454' }), this.h.hasSlot("bottom") && (hAsync("div", { key: '78fcf2aa671f3741f6d38f0519cd8983be5d6082', class: FormControlClass.bottom }, hAsync("slot", { key: '0d25b0c2d06a1f5612c2bf85dc428715e2a8f97a', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4739,14 +4869,15 @@ class GovFormFile {
         this.registerListeners();
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '92ee90aa5d8d28d310c0229ce513be88edafd68d', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'ada51c64168a7cb4dcb4f123e7f74fe401b63c82', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '77a4e7096f1949c8c284b0d6607ffd96567669ef' }), hAsync("input", Object.assign({ key: '63382d1ccfc1254b9073923713677af25ed0fed3', 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));
+        return (hAsync(Host, { key: '6fe6eb71a8275871bb0aeebae9531d846123ae06', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: 'cd7ab5a0c223214f5d825c8695993e8c64b9ea78', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: '6197c08c6a50725a261da65069159f75e3e47834' }), hAsync("input", Object.assign({ key: 'f6897d875af8c47268118ef5d7dd9c19cec6e9a1', 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);
@@ -4860,7 +4991,7 @@ class GovFormGroup {
         this.validateOrientation(this.orientation);
     }
     render() {
-        return (hAsync(Host, { key: 'b7a379997ac1f4080471c42c23cad6f0ed055fd7', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: 'a36809822e81913ec6c8cabdee9eaf64c9f9f471' })));
+        return (hAsync(Host, { key: 'a16a99205899fe2a9e49702708c8f879c363b111', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: '871900cb0682f57fa0856d90b38a683a005240dd' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4960,15 +5091,16 @@ class GovFormInput {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     render() {
         const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
-        return (hAsync(Host, { key: '8b60864f0792fe1946d4b7cb6489cff0ffc767e1', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '4d5d0bb755acbb42033f572633e4969c8e6e8b36', name: "prefix" }), hAsync("span", { key: 'eaac4a690052077ca631ae1e9c69a65518a1902f', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
-            hAsync("div", { key: 'e8be567c923c023bce7d0ebf0cccff592ac15c5a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: '4c76013e8a7db99b43e7b8f426f3907d89708b5a', name: "icon-start" })), hAsync(Tag, Object.assign({ key: '22e1714e66085290e7fe984a4672512324143397', 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: '19ab7fe83fcecde7a506f21611fae64126464b88', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
-                hAsync("gov-icon", { key: '9dd7b8413b351d957a63f7df09aee8b6e3e0ac53', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
-                hAsync("gov-icon", { key: '06540c7f7cf3c0fbdab8b5a63aba35cf7a78df3a', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: '8cb1103f101fa9bd5719f1657ae1a404fc3882f4', 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: '78308cfef71f34839d86af88df5dadb28c01adf1', name: "sufix" })));
+        return (hAsync(Host, { key: 'f2b0e3a105b6a3904d59821bc68e13bfa01acea9', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '13ff8da008e08322cd0eb241600751f8e896416b', name: "prefix" }), hAsync("span", { key: '22c1467190afaf1a2c8e98d0cd4500f123494885', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            hAsync("div", { key: '1ab85a6556b44fd92959c0311b57028a8e3b8d74', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: 'dcc9f5a1da1245bd4eccc0a919b08b73a556efe7', name: "icon-start" })), hAsync(Tag, Object.assign({ key: 'f05f59a1ad7d28acfd005942fdd22e7ba04e2d73', 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: 'ab940283ca797a54590c73881aabe6e4032d4a77', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                hAsync("gov-icon", { key: 'af0b7c6e3c815eb74318052f490db2241f246707', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                hAsync("gov-icon", { key: '4feef0479c061b9b073dea6c04e2bc428464a9de', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'fa3f4ac957a08d066706c273b008edef401f0a2b', 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: 'ce4b50ff45632098c4457339538bac4a5a685df8', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -5100,7 +5232,7 @@ class GovFormLabel {
     }
     render() {
         const Tag = this.legend ? 'legend' : 'label';
-        return (hAsync(Host, { key: '3f52c93a7721a458d430874b447421f7a5d30a41', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: 'c122a9bce9b9a98b0c8c336190b70bc4bf5389cf', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: 'de892d47334dbd3448a33d18586c77248b08b036' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
+        return (hAsync(Host, { key: '5227d00ebe3e8923687d4e8d0f3a74bad0da82b3', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '981d363fdf7435a0b242b9610a7dd68e11d4f05e', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: 'bdf282178e200fa69d9f871354786ecbd024fa90' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5132,7 +5264,7 @@ class GovFormMessage {
         this.validateColor(this.color);
     }
     render() {
-        return (hAsync(Host, { key: '86a59a0001123abc4ff9350657f71e4e4ac1b0c5', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '94f919d5d79ab453be3cccab92e695c9a9a79276', name: "icon" })), hAsync("span", { key: 'e112ca627b1d4deef23eb1567bcbb014a82388d9', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '1733f5e338c14f5d353a77266359033b42469eff' }))));
+        return (hAsync(Host, { key: 'd9acfd066e2f1c0445cfee56131f4717668a25b9', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: 'd09fb037cf1b719bf5b23638e5660f60efc045e2', name: "icon" })), hAsync("span", { key: '8168614d9f47c5d48282c9d11c74745a307cddf6', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: '3dbb35561437881e2f58235d9472fb9abe1684b9' }))));
     }
     /**
      * Returns unique identifier of message
@@ -5211,7 +5343,8 @@ class GovFormMultiSelect {
         this.selectedOptionsState = propsValueToArray(this.value);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -5321,11 +5454,11 @@ class GovFormMultiSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'e112f9d20d170e70616fd4f089b93dd040e737fa', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: 'ffc5af48051e7d24559e0c77a595b48e287771f5', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '3c22442cfbcb010f240a014ba7c9c48ec4522555', name: "prefix" }), hAsync("gov-form-autocomplete", { key: 'c02857a7ea06c203aa94b317837ea2c7c921b505', 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: '2b06057b6343fce21d08731f5a6675ffccfa3f6e', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '6f33cb3764c0df058b0743ba617c950cf7909cdc', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '05be66ee199dee177d0b18a7a6a59e25a724571f', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: 'd50fe47c2c859561b8aba62e6d6dedd7bceed6ae', 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: 'cf2ebfd8dc2cdf49c3581ba0ba3fff959a50a221' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'efc41cd22f35a7c326f8321f11c875a6ee6d44fe', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '229b01f0a9b0cb35e59cda5ce5a78c14309ab1ee', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '48cefdbe753f57acca0aa5fc74bc7cc6f902e4b7', name: "prefix" }), hAsync("gov-form-autocomplete", { key: 'a4a3e0f0fb0f9e3d9ec0ce8d24b390a169f0749a', 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: '8a43c6c12f16773956b669b7cd08608d6aeb3bb9', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '6eaee1ebf4ac9c337e22b071edf77fbeec012a3c', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: 'c9f7f2f83f37abdab373bfb2aa43c36ec08dfede', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: 'd4623e47694c6b28b5e201f083e6d73fa6a331aa', 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: 'f5e03e3e33a1bb97b00c544765332b67812c5fd5' }), 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: 'dddc8a99daeb345be9d778ade22622ae9ed35769', 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: 'aa9c37047083aa68a9ccaf8066a62a2eb9a3797f', 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)
@@ -5435,7 +5568,7 @@ class GovFormPasswordPower {
         this.power = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'ca17606a7f29175d97da93daed3005a27b38d607', class: FormPasswordPowerClass.root }, hAsync("span", { key: 'b2b80382c10034b88adb971db02c7e3f901453ee', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '0c0de35b5c257c175281792765d3fec89f5ee498' }), hAsync("span", { key: '92847bc51174d38543a2e0f9a1a7c3ba37fec6f4' }), hAsync("span", { key: '7cc7a9cbda4c54c4d1269874a1f8d2b91e533bad' })), hAsync("span", { key: 'de62cf845c51d870e4fa1b1b6156348be8460d6b', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '8132df44d6ce3f83f89d1d45b34c182850663571' }))));
+        return (hAsync(Host, { key: 'db698558cba39d591c1119a07d6aafd66880a478', class: FormPasswordPowerClass.root }, hAsync("span", { key: '24b61cba713d7ba1d56ea385889f89d40c181b9b', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '01b941d9082565c4673cc5a5f24c083500d216fc' }), hAsync("span", { key: '8c87f443b4571a9a98cbf88c7adaa39b663cda5d' }), hAsync("span", { key: 'ab9d769c365e6c9ed09bca718b5ef226a0e5c456' })), hAsync("span", { key: '5cd85486880615d0732c65bb40b89ccf3b1c381e', class: FormPasswordPowerClass.text }, hAsync("slot", { key: '11fd5c8d7584ac5a129b4f4a64304ceb05aa498f' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5500,7 +5633,8 @@ class GovFormRadio {
         this.hydrated = true;
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -5580,7 +5714,7 @@ class GovFormRadio {
     }; }
 }
 
-const govFormGroupCss = "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 = "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-m))}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-l))}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-xl))}";
 var GovFormRadioGroupStyle0 = govFormGroupCss;
 
 class GovFormRadioGroup {
@@ -5627,7 +5761,7 @@ class GovFormRadioGroup {
         });
     }
     render() {
-        return (hAsync(Host, { key: '0526062e74e480edc22bdbbdf8c1f82a91ff463d', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: 'f11696b75d4f0c4bc72da3ca70d3111825edd36a' })));
+        return (hAsync(Host, { key: '332ec3c5c0582167e5543304daa8508cc354ecc5', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '7bfbcec04a7f39226709c9546dbd0f121678d075' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5649,6 +5783,217 @@ class GovFormRadioGroup {
     }; }
 }
 
+const FormRangeSizes = pick(Sizes, ['_S', '_M', '_L']);
+const FormRangeClass = {
+    root: 'gov-form-range',
+    fill: 'gov-form-range--fill',
+    input: 'gov-form-range--input',
+};
+
+class GovFormRange {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.govFocus = createEvent(this, "gov-focus", 7);
+        this.govBlur = createEvent(this, "gov-blur", 7);
+        this.govInput = createEvent(this, "gov-input", 7);
+        this.size = "m";
+        this.value = undefined;
+        this.identifier = undefined;
+        this.name = undefined;
+        this.min = undefined;
+        this.max = undefined;
+        this.step = undefined;
+        this.tooltip = false;
+        this.input = false;
+        this.listIdentifier = undefined;
+        this.required = false;
+        this.success = undefined;
+        this.invalid = undefined;
+        this.disabled = false;
+        this.inheritedAttributes = {};
+        this.h = govHost(this.host);
+        this.f = govForm(this.h);
+        this.inputId = createID("GovInput");
+    }
+    validateSize(newValue) {
+        validateProp(FormRangeSizes, newValue, FormRangeClass.root);
+    }
+    watchValue() {
+        this.controlOutputPosition();
+    }
+    watchControlAttrs() {
+        this.passControlAttrs();
+    }
+    passControlAttrs() {
+        this.f.passAttrToControl("size", this.size);
+        this.f.passAttrToControl("success", toBoolAttr(this.success));
+        this.f.passAttrToControl("disabled", toBoolAttr(this.disabled));
+        this.f.passAttrToControl("invalid", toBoolAttr(this.invalid));
+    }
+    get getThumbWidth() {
+        const styles = window.getComputedStyle(this.inputRef);
+        return parseFloat(styles.getPropertyValue('--thumb-size')) || 1;
+    }
+    controlOutputPosition() {
+        const valueInt = +this.value;
+        const min = +this.inputRef.min;
+        const max = +this.inputRef.max;
+        const thumbWidth = (this.getThumbWidth * 16);
+        const rangeWidth = this.inputRef.offsetWidth;
+        const percentage = ((valueInt - min) / (max - min)) * 100;
+        let tooltipOffset = ((percentage / 100) * (rangeWidth - thumbWidth)) + (thumbWidth / 2);
+        if (this.outputRef) {
+            this.outputRef.textContent = this.value;
+            const outputWidth = this.outputRef.offsetWidth / 2;
+            this.outputRef.style.left = `${tooltipOffset - outputWidth}px`;
+        }
+        if (this.fillRef) {
+            this.fillRef.style.width = `${tooltipOffset}px`;
+        }
+    }
+    componentDidLoad() {
+        this.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {
+            this.onAriaAttributeChange(attributeName, newValue);
+        });
+        this.attributeObserver.startObserving(ariaAttributes);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+        this.inheritedAttributes = inheritAriaAttributes(this.host);
+    }
+    componentDidRender() {
+        this.passControlAttrs();
+        this.f.passAttrToLabel("required", String(this.required));
+        tick(this.controlOutputPosition.bind(this));
+    }
+    onAriaAttributeChange(attributeName, newValue) {
+        this.host.removeAttribute(attributeName);
+        this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
+    }
+    render() {
+        return (hAsync(Host, { key: '87236e8cdb0534dbefc72286517c353d41860260', class: FormRangeClass.root, size: this.size }, this.h.hasSlot("prefix") && hAsync("slot", { key: '83f2b5ff50d7638d1e13de9e0f4774d747a8e374', name: "prefix" }), hAsync("span", { key: '7cef4eac6144ee71dd6b3ffcdc2e992f33f97740', class: "element" }, hAsync("input", Object.assign({ key: '1c2fda25454dc11bdfab17065f07bb38959a2941', type: "range", ref: el => (this.inputRef = el), onInput: this.onInputHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), id: this.identifier || this.inputId, name: this.name, min: this.min, max: this.max, step: this.step, list: this.listIdentifier, value: this.value, required: this.required, disabled: this.disabled }, this.inheritedAttributes, { "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled) })), hAsync("div", { key: 'bdece1cc0cad1614eb090e9183d9dd96389b7568', class: FormRangeClass.fill, ref: el => (this.fillRef = el) }), this.tooltip ?
+            hAsync("output", { htmlFor: this.name, ref: el => (this.outputRef = el) }, this.value)
+            : null, hAsync("slot", { key: '4e346163e119d7508942a31bc35b28acd807bdb3', name: "datalist" })), this.h.hasSlot("sufix") && hAsync("slot", { key: '3faaf9ba94069c9a7f3a147e9a6ecfec7a38edc7', name: "sufix" }), this.input ?
+            hAsync("gov-form-input", Object.assign({ "on-gov-input": this.onCustomInputHandler.bind(this), class: FormRangeClass.input, size: this.size, value: this.value, disabled: this.disabled }, this.inheritedAttributes))
+            : null));
+    }
+    onCustomInputHandler(e) {
+        const value = e.target.value;
+        if (this.step && isNumber(+this.step)) {
+            const numValue = +value;
+            const numMin = +this.min;
+            const numMax = +this.max;
+            const numStep = +this.step;
+            if (isNaN(numValue)) {
+                return false;
+            }
+            if (numValue < numMin || numValue > numMax) {
+                return false;
+            }
+            const diff = numValue - numMin;
+            if (diff % numStep !== 0) {
+                return false;
+            }
+            this.value = value;
+            this.govInput.emit({
+                component: FormRangeClass.root,
+                value: this.value,
+                originalEvent: e,
+            });
+        }
+    }
+    onInputHandler(e) {
+        this.value = e.target.value;
+        e.stopPropagation();
+        this.govInput.emit({
+            component: FormRangeClass.root,
+            value: this.value,
+            originalEvent: e,
+        });
+    }
+    onFocusHandler(e) {
+        e.stopPropagation();
+        this.govFocus.emit({
+            component: FormRangeClass.root,
+            value: this.value,
+            originalEvent: e,
+        });
+    }
+    onBlurHandler(e) {
+        e.stopPropagation();
+        this.govBlur.emit({
+            component: FormRangeClass.root,
+            value: this.value,
+            originalEvent: e,
+        });
+    }
+    /**
+     * Returns the current state of the component
+     */
+    async setFocus(options) {
+        return this.inputRef.focus(options);
+    }
+    /**
+     * Sets the ordered value of the element
+     */
+    async setValue(value) {
+        this.value = value;
+    }
+    /**
+     * Clears input value
+     */
+    async clearValue() {
+        this.value = "";
+        this.inputRef.value = "";
+    }
+    /**
+     * Returns an instance of the native html input element
+     */
+    async getRef() {
+        return this.inputRef;
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize", "watchControlAttrs"],
+        "value": ["watchValue"],
+        "disabled": ["watchControlAttrs"],
+        "invalid": ["watchControlAttrs"],
+        "success": ["watchControlAttrs"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-form-range",
+        "$members$": {
+            "size": [1],
+            "value": [1537],
+            "identifier": [1],
+            "name": [1],
+            "min": [8],
+            "max": [8],
+            "step": [8],
+            "tooltip": [4],
+            "input": [4],
+            "listIdentifier": [1, "list-identifier"],
+            "required": [516],
+            "success": [516],
+            "invalid": [516],
+            "disabled": [516],
+            "inheritedAttributes": [32],
+            "setFocus": [64],
+            "setValue": [64],
+            "clearValue": [64],
+            "getRef": [64]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["value", "value"], ["required", "required"], ["success", "success"], ["invalid", "invalid"], ["disabled", "disabled"]]
+    }; }
+}
+
 pick(Sizes, ['_S', '_M', '_L']);
 pick(Colors, ['PRIMARY', 'NEUTRAL']);
 const FormSearchClass = {
@@ -5662,7 +6007,7 @@ class GovFormSearch {
         this.color = 'neutral';
     }
     render() {
-        return (hAsync(Host, { key: '05f033c30dffd615b36b181535329704d46665ae', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '7c7fb4e2d90ace38aef4b63454e1f9513903977c', name: "input" }), hAsync("slot", { key: '92484cbbbae29ba45bb963f80da8237d9406a91b', name: "button-erase" }), hAsync("slot", { key: '92ebb818ee922d790534ffb7816be400ff4a1f98', name: "button" })));
+        return (hAsync(Host, { key: 'aac69369eafa76eee7e1117601008ac8d34b5417', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '7f20815a61d662cbfde7f85f40e45277c5494315', name: "input" }), hAsync("slot", { key: 'd2db24dda8aad0577f8d84ea39377df3dd1b9b19', name: "button-erase" }), hAsync("slot", { key: 'd7f38530eb623e1f230e0ec42db0a68f775eec8e', name: "button" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5726,7 +6071,8 @@ class GovFormSelect {
         this.attributeObserver.startObserving(ariaAttributes);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     componentWillLoad() {
         this.validateSize(this.size);
@@ -5754,10 +6100,10 @@ class GovFormSelect {
         });
     }
     render() {
-        return (hAsync(Host, { key: '1c2fb05a5cff0e1b1208130cc11568423f5a78a0', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: '3dadb5773f1a2abe0c54f6ee45bb3a404fc99a5b', name: "prefix" }), hAsync("span", { key: '82bc3345147debd858c5f0eb4dd9c58faf168d5d', class: "element" }, hAsync("select", Object.assign({ key: 'ee77d1768a549faa0e94025eb5b08390c49d2d32', 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: '2c6e5a91381a7a9819b92aa7844a8d512aed9577' }), Array.isArray(this.optionsState) && this.optionsState.map((option) => {
+        return (hAsync(Host, { key: 'ece22604354a3bc7b27aebb52b767e720c470fb2', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: 'fdff42c0ad6111e691b8246a8cbe3d77cbb9ab94', name: "prefix" }), hAsync("span", { key: '726341bdd8a76bb6dde8af330505d97273007bb3', class: "element" }, hAsync("select", Object.assign({ key: 'cb51afcb898b91f87236cdfd416cd26013e01fc7', 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: '8a81f952601ac949f68047eca18cd7aab61f5ffa' }), 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.success && hAsync("gov-icon", { key: 'b08abba818740a7250956bf03962fb86eade55c2', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '5b9c0a3e7f7b6b678880b2e17e43ae702fff023b', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '8b9afa5ebf08b1dd680aac751f8a0559b83132fc', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: '9178ca16301992f32c30f3609a388a2251d3bf85', name: "sufix" })));
+        })), this.success && hAsync("gov-icon", { key: '4567f0e75b9f9b9eba7a2a624107699ee531c580', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '818e5fe59f78b86280abdf117cb9b786e9ac103a', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '9705a3e034da03543a074eb206224f3e63236b7c', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: 'dd8fcce83d933ce39a8195d288472d013f708870', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -5874,7 +6220,8 @@ class GovFormSwitch {
         this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     async componentDidRender() {
         this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
@@ -5972,51 +6319,64 @@ const GridItemClass = {
 class GovGrid {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.alignX = undefined;
-        this.alignY = undefined;
+        this.columns = "12";
+        this.alignItems = undefined;
+        this.justifyItems = undefined;
+        this.gap = undefined;
         this.h = govHost(this.host);
     }
-    // vertical / horizontal align
     render() {
-        return (hAsync(Host, { key: 'd2f4e42a186e0d8020abc96ef3ca0956e1492d05', class: this.h.classes(GridClass.root), "align-x": this.alignX, "align-y": this.alignY, role: "list" }, hAsync("slot", { key: '46c60ccdda81ce271aeaca46bead1bf33e22c041' })));
+        return (hAsync(Host, { key: 'e5ca7f6e3554f0e3bd52731a81c3ae4cc809a8dd', class: this.h.classes(GridClass.root), role: "list" }, hAsync("slot", { key: 'e99880d69919891b5b22c0eab933069fbcb4852c' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "gov-grid",
         "$members$": {
-            "alignX": [1, "align-x"],
-            "alignY": [1, "align-y"]
+            "columns": [513],
+            "alignItems": [513, "align-items"],
+            "justifyItems": [513, "justify-items"],
+            "gap": [513]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
+        "$attrsToReflect$": [["columns", "columns"], ["alignItems", "align-items"], ["justifyItems", "justify-items"], ["gap", "gap"]]
     }; }
 }
 
 class GovGridItem {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.size = '12/12';
-        this.sizeSm = undefined;
-        this.sizeMd = undefined;
-        this.sizeLg = undefined;
-        this.sizeXl = undefined;
+        this.column = "12";
+        this.columnSm = undefined;
+        this.columnMd = undefined;
+        this.columnLg = undefined;
+        this.columnXl = undefined;
+        this.row = "1";
+        this.rowSm = undefined;
+        this.rowMd = undefined;
+        this.rowLg = undefined;
+        this.rowXl = undefined;
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'e1dc6e3517618361ab3b5e3ad499a5bbbaae3d6a', 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: '53780db95fa728f252302cb86923ad9e9fcd9b66' })));
+        return (hAsync(Host, { key: '30f35aa2a7d4c2456164b6f0001a915796a07b9c', class: this.h.classes(GridItemClass.root), role: "listitem" }, hAsync("slot", { key: '25e3d4f401f56697a3f90abd01b9add8fa1d238b' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
         "$flags$": 4,
         "$tagName$": "gov-grid-item",
         "$members$": {
-            "size": [1],
-            "sizeSm": [1, "size-sm"],
-            "sizeMd": [1, "size-md"],
-            "sizeLg": [1, "size-lg"],
-            "sizeXl": [1, "size-xl"]
+            "column": [1, "col-span"],
+            "columnSm": [1, "col-span-sm"],
+            "columnMd": [1, "col-span-md"],
+            "columnLg": [1, "col-span-lg"],
+            "columnXl": [1, "col-span-xl"],
+            "row": [1, "row-span"],
+            "rowSm": [1, "row-span-sm"],
+            "rowMd": [1, "row-span-md"],
+            "rowLg": [1, "row-span-lg"],
+            "rowXl": [1, "row-span-xl"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -6048,7 +6408,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.1.3-BETA-10";
+const version = "4.2.1";
 
 const dsVersion = () => {
     return version;
@@ -6187,8 +6547,6 @@ class GovIcon {
             this.host.innerHTML = isValid ? data : null;
         }
         catch (e) {
-            console.log(e);
-            console.log(JSON.stringify(e));
             this.host.innerHTML = '';
             this.error = true;
         }
@@ -6265,15 +6623,16 @@ class GovInfobar {
         this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        const closeButton = (hAsync("gov-button", { key: '2d0597a56f6edb97e7feff654ba98885fa48033a', 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: 'c17ba542b02a4910a136eec6cb4556d1857dffb2', name: "x-lg", type: "components" })));
-        return (hAsync(Host, { key: 'd71d1b8ffe158de90f3fb520bd996a8246988d3d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '12cce82faa13fa39135fe92b0ab61bc2b01fa083', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), hAsync("slot", { key: 'bc48d4e5dfad03cd9c54054225a4c3db0ec09cd9', name: "icon" }), hAsync("div", { key: '70422e59cb69504d1aca5d45b9f9700b35b344f0', 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)));
+        const closeButton = (hAsync("gov-button", { key: 'bf4dbf4e33374f5827d51c7fab56ce1de0e86103', 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: 'c85cebe33a0b06adc79c0adb97d9cabe3d648651', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: '82fe497b7f6d4f3aba3bcad0295bb626587952c1', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: 'd2b1a013623206d9662c252f189a5b9edeff009d', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (hAsync("span", { key: '18efd7eecd6eeb683ba2982f9abb2cfc09e90dab' }, hAsync("slot", { key: 'cc093214b7fd417c1baec6918e5613f843a7bb55', name: "icon" }))), hAsync("div", { key: '07d2db35c654390b08318273dbd76456b75ae5e4', 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({
@@ -6342,7 +6701,7 @@ class GovLayout {
         return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
     }
     render() {
-        return (hAsync(Host, { key: 'c35fc39e07229363bdf36be5856165e7e8eb7985', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'dc50cf9cba8bd4e879291fddfbd41955f2d10330', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '017a329c119529d3893e187b6a8bbccfbbc76679' }))));
+        return (hAsync(Host, { key: 'f22ec016a02ac1c97f570f167ac14fbcd1a82f21', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: 'b6e46bbe21ac021b63f6afa1f96f2195afd9d456', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: '789e8b9c425651966356c485a140dfa7fd549e50' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6365,7 +6724,7 @@ class GovLayoutColumn {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'ebef4ca76b1308a566c862b5a49eecf1eb3fce99', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'aaeefeb1a56b294d91b1327fd52eb16486cfb918' })));
+        return (hAsync(Host, { key: '48f578ba8365e6f3748a4ac6766784a4062846e1', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'd5aca194eda1174fa71401f66d17743d1f260a50' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6411,7 +6770,7 @@ class GovLifecycle {
         console.log('componentDidUpdate', this.uniqueId);
     }
     render() {
-        return (hAsync(Host, { key: '506eabaae01ae888fa838c10572e55bbe6fb7015', identifier: this.uniqueId }, hAsync("span", { key: '7604a29214fdffb1a470d83d7db37a583e5072ed' }, "lifecycle ", this.uniqueId)));
+        return (hAsync(Host, { key: '8c519b9d20ae1a95fc4ac207fe447916219deaf4', identifier: this.uniqueId }, hAsync("span", { key: 'd034bb091344d475bbb1a420d35e88dd1291ba45' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6426,6 +6785,7 @@ class GovLifecycle {
 const LinkSizes = pick(Sizes, ['_S', '_M', '_L']);
 const LinkClass = {
     root: 'gov-link',
+    external: 'gov-link--external',
 };
 
 class GovLink {
@@ -6433,6 +6793,7 @@ class GovLink {
         registerInstance(this, hostRef);
         this.size = 'm';
         this.external = false;
+        this.truncate = false;
         this.href = undefined;
         this.target = undefined;
         this.inheritedAttributes = {};
@@ -6450,7 +6811,7 @@ class GovLink {
         this.inheritedAttributes = Object.assign(Object.assign({}, this.inheritedAttributes), { [attributeName]: newValue });
     }
     render() {
-        return (hAsync(Host, { key: '233af48c179501fe03ee2e5931806e1955913b59', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: '679067805205d76500979620b1ef4405139bb339', class: "element", href: this.href, target: this.target }, this.inheritedAttributes), hAsync("slot", { key: 'd24c4ab99451f317a453c8131bd0506606322553', name: "icon-start" }), hAsync("slot", { key: '276923f48cdc13985115e8d4e8860a2fb0c692e2' }), this.external ? hAsync("gov-icon", { name: "box-arrow-up-right", type: "components" }) : hAsync("slot", { name: "icon-end" }))));
+        return (hAsync(Host, { key: '1e7fe110dd7ffc47364765cd01d17adf78db675c', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external, truncate: this.truncate }, hAsync("a", Object.assign({ key: '4a9148c0adfd79bc7cb0953768929b702530c298', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), hAsync("slot", { key: 'ca80033f0525c11e0f16bb9cb93c746816144e54', name: "icon-start" }), hAsync("span", { key: '0338222112b926d141ff42538489d7d019997560' }, hAsync("slot", { key: 'a492aed90aed29892e4522f602858d8a84c5f010' })), hAsync("slot", { key: 'f9f60c054849df9980b26ca09804218476d3b4ed', name: "icon-end" }), this.external && hAsync("gov-icon", { key: 'fbe4cd9d42ae1bcc1f3666271f49ee96ff49d112', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6462,6 +6823,7 @@ class GovLink {
         "$members$": {
             "size": [1],
             "external": [4],
+            "truncate": [4],
             "href": [1],
             "target": [1],
             "inheritedAttributes": [32]
@@ -6492,7 +6854,7 @@ class GovLoading {
         this.validateSize(this.size);
     }
     render() {
-        return (hAsync(Host, { key: '4c33339523674f2f2415dfb326131858de9eecf9', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '8c25628dd3072fd89665ccfedb9596383181b13d', class: LoadingClass.content }, hAsync("gov-icon", { key: 'a9969874350b5316c61a94b12d41a0130eeded0f', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: '14c716ecc352a0d947a6e3d932d2ab9075dedb97' })), hAsync("gov-backdrop", { key: '507610e5a61b34be2166fb4a30539a134dc1b262', inverse: true })));
+        return (hAsync(Host, { key: '84c4d73523ef359fc224441d2b3ee700b9d563b3', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: 'e8e9bda9cb6d86fdec2022b8a9b3fba9f5ee423a', class: LoadingClass.content }, hAsync("gov-icon", { key: '7adafe593b0c37da48dc3da5eb43bc25c504e9a4', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: 'e4b8461f84f519b70eea2a1bb10cf86e9e3d14ca' })), hAsync("gov-backdrop", { key: '0c044675ab012d028dcc7772c2ad0dfb0aa08de2', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6532,7 +6894,7 @@ class GovMessage {
         validateProp(Colors, newValue, MessageClass.root);
     }
     render() {
-        return (hAsync(Host, { key: 'b9e06c8f94940edf9d2c60119c35ec32baa23fc9', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("slot", { key: 'd478f414de8eaa276cc867ae5bb325c1090b08ac', name: "icon" })), hAsync("div", { key: 'd5a113ca4061b445c583fb1b4f22fff594570b1e', class: MessageClass.content }, hAsync("slot", { key: 'e9be2f4ff3603c5f77d46e042455174e6ccfb7be' }))));
+        return (hAsync(Host, { key: '6cdca867db0d3576076bba0518cbfc844762aa9e', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("span", { key: 'b28876f005e857aaddaf2afb6372745978abb926' }, hAsync("slot", { key: 'b88920a480dfdd18ddcdcc013ff36a81d6de1707', name: "icon" }))), hAsync("div", { key: 'ad9e4ef4894877d53f0b7c598035c0c35e317054', class: MessageClass.content }, hAsync("slot", { key: '78f8e1a9ee32eddaeb7b78e029476a525975ee6d' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6674,7 +7036,8 @@ class GovPagination {
         this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -6833,7 +7196,8 @@ class GovSkeleton {
         this.init();
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -6856,7 +7220,7 @@ class GovSkeleton {
         return Object.assign({}, dimenssionsStyles);
     }
     render() {
-        return (hAsync(Host, Object.assign({ key: '175dad78f57ee2e44fe3097e0595f59254e1003b', size: this.size, color: this.color, class: {
+        return (hAsync(Host, Object.assign({ key: 'fa43a5bc92210a51bb681449542c6f5c2863e3ad', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6919,7 +7283,7 @@ class GovSpacer {
         this.validateBreakpoint(this.breakpoint);
     }
     render() {
-        return hAsync(Host, { key: '23aedb7f3b112a356319aba076eedf9a4743e25b', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
+        return hAsync(Host, { key: 'f4c81a7820625de045b36a5bee9ced0eebe8e433', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6948,7 +7312,9 @@ const StepperItemClass = {
     root: 'gov-stepper-item',
     header: 'gov-stepper-item__header',
     label: 'gov-stepper-item__label',
+    steps: 'gov-stepper-item__steps',
     prefix: 'gov-stepper-item__prefix',
+    main: 'gov-stepper-item__main',
     headline: 'gov-stepper-item__headline',
     annotation: 'gov-stepper-item__annotation',
     content: 'gov-stepper-item__content',
@@ -6981,7 +7347,7 @@ class GovStepper {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: '0815470dbe86e888ab922139e6f02347f89f4700', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '2585c79a48236a8c2d333a437beb4d7f1d9d9d6c' })));
+        return (hAsync(Host, { key: 'bd6e7b6f72fd48d41b692c92beb9446cf1e5e943', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '81ca63a0aa077cbcfe944c22aed8e3d6cb05af83' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7023,7 +7389,7 @@ class GovStepperItem {
     render() {
         const triggerId = this.identifier || this.triggerId;
         const contentId = this.contentId;
-        return (hAsync(Host, { key: 'c24400b8ee5917005e6e3a21f47024c7ebad2960', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, this.h.hasSlot('prefix') && (hAsync("span", { key: '010401daa60b44eed322de007fdd6e4ca035ff8d', class: StepperItemClass.prefix }, hAsync("slot", { key: '27287e54365c7e72e01dd21f8d07f7144dc03f3c', name: "prefix" }))), hAsync("div", { key: 'b50e23ee80b270bb5bb781c46e2cf2de73cad1bb' }, hAsync("span", { key: '84500822ca2e529bff5e5cf4eb7ac7c9f0fc9d97', class: StepperItemClass.headline }, hAsync("slot", { key: '18410e07be87715a96540789a82403bfab45e55c', name: "headline" })), hAsync("slot", { key: 'dd2c20b9f07d2bcbf4223eca8de0d7592d178e86', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'cd34d17b5a14816dd91ee84f91a14217952bcfe5', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: 'c90f411f8d63c6381f55a0e6ac819369a9bfd2e5', name: "content" }))))));
+        return (hAsync(Host, { key: 'ef017294b38b6fda6da1bceb8a85185a4f088270', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, hAsync("div", { key: '37ebc08427d94722ff4127b6aa39b4f28e2844f5' }, hAsync("div", { key: '0f74091afd24d44a77249cadcfc51a3618985632', class: StepperItemClass.steps }, hAsync("span", { key: '397c1a50f02498ff849d0b93dbca66cae076761e' }), hAsync("span", { key: '5b70a1ada896d1f3092acf345eae2d6265513cc5', class: StepperItemClass.prefix }, hAsync("slot", { key: 'e6b30945934e11db11d0ee035224b1969bb3808d', name: "prefix" })), hAsync("span", { key: 'd0ab63fc8038726b39ca41a79f8d73c5cad9b670' })), hAsync("div", { key: '76366242f47074a4e5f18062d7cc0a5ad54c22aa', class: StepperItemClass.main }, hAsync("span", { key: 'f28fcf03b8abe71de585c41d378d4a9a8fda4f5a', class: StepperItemClass.headline }, hAsync("slot", { key: '41dac89031060fbb12d36ba2ca1d0d65f0bfc372', name: "headline" })), hAsync("slot", { key: 'c4ce96cb0625d66244887874de84981101014d39', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: 'd45cd14c4e1b8cfd48cb73673be3d7da76a662e6', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '3a2896b00d01c76ecb0346d601801c538ab9ba8f', name: "content" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7103,7 +7469,8 @@ class GovTabs {
         this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     disconnectedCallback() {
-        this.attributeObserver.stopObserving();
+        var _a;
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -7174,7 +7541,7 @@ class GovTabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4efcbedcc355a74456cc899bc48c7aaf8c604c12', 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: 'a64d1a7cadd5950ebc687c3f3d741ea0a59a3684', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: 'adab5148c97b041e11f3e7d11a4d87492df5320a', 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: '2a3720ce9449d62ecd1d58bac806bf356d37375a' })));
+        return (hAsync(Host, { key: '38d228c9ed6d09ab8d3b49dd3c51f6573b1d991b', 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: 'f88f5af844c12ce180507ca5b1ffff72885440d1', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '0a0ef5e51d29fcdbba61a0139ae51eb0cf96cf04', 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: '031978d82e01e604b306c6e37948dc67ce9ed89a' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7307,7 +7674,7 @@ class GovTabsItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '89b01b0d025a89f89085dba24db6b8fadcd97e68', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '8868371d0da63c1727c8b3a55b930a4d0ce30a3c', 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: '0d47bea8c416b1c57aac006f9eea9101ade9427d' }))));
+        return (hAsync(Host, { key: 'e82ff844f1965fe51e3ac002c266c5598b986942', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: 'e76bdcd16fc36489d53657075b9a55f7864578c9', 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: '8fbe8e26b722c3d6a2cdbb1f7f5003c85f71227e' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7395,7 +7762,7 @@ class GovTag {
     render() {
         const iconStart = prepareIconFormat(this.iconStart);
         const iconEnd = prepareIconFormat(this.iconEnd);
-        return (hAsync(Host, { key: '8865709f2568a754160000138f413f352409e248', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: '4ae6dc1d60a207510de61c2391af9eb268dd3588', class: "element" }, hAsync("slot", { key: 'f08057eb346b918d1be45ad7561a71bac54237aa', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '37554fce04335c45bb724efeb5e7701513336b7b', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'b66970bf42b9fd9217cb2e3a03c2f47c608b14a5' }), hAsync("slot", { key: '85bf0010dac55b808bba5a442d977e8538f93d3a', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '70bf541bac6a69871618cb520c7008099aa6f341', type: iconEnd.type, name: iconEnd.name })))));
+        return (hAsync(Host, { key: 'df3988a7cb0dbf8e7ee418918e9f65e7cca6ba87', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'bcb9b024178012722badffe0b0faaf79e2e8a933', class: "element" }, hAsync("slot", { key: '2651a7dbce1b7a893dfc703e1393235286353e4b', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: '111e55c5ee1edaf6b578af8f37667e18c4d2487c', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'fb60c7f3f3f25168f062134a93c4c4bb039fc29b' }), hAsync("slot", { key: '20e64ee3addb1e45de10d486d25d7f024725626e', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: 'e11b23de2ce9b35a27367c7ba7bb1b907bded75b', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7423,6 +7790,7 @@ const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
 const ThemeSwitchClass = {
     root: 'gov-theme-switch',
     indicator: 'gov-theme-switch__indicator',
+    label: 'gov-theme-switch__label',
     iconLight: 'gov-theme-switch__icon-light',
     iconDark: 'gov-theme-switch__icon-dark',
 };
@@ -7497,7 +7865,7 @@ class GovThemeSwitch {
         if (this.theme === ThemeList.auto) {
             isDark = this.isSystemPrefersColorDark;
         }
-        return (hAsync(Host, { key: '784ed0513ea1436bb754dc82691646422789783b', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: 'd4abc155a8ae8f07d0a49c378e295c3ab57318d4', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '7f713875d5618acc919702cdc60e9db58dfb9db5' }, hAsync("span", { key: '0b57c0153047ef292b6bdc43b49e5a1a9cdc17e1', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'ae2c751435a2bc9c1e9f8dfa4ca52e13943ada9b', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '7a4ee602a37742ab94dcee47a7c4970d5dce5bb6', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel && (isDark ? this.labelDark : this.labelLight)))));
+        return (hAsync(Host, { key: '492cf756810462ba0764668a134b2ecd5133d562', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '02b94994619dd3fbb998acdcc16c907c69ea6723', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '0beb069c94ed4337a6c2de4d8ee8640123bc3bc5' }, hAsync("span", { key: '57d9fc00520b8cf98108d9b5a9710d6066861157', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: '3cd1693dcf28658943146386c97b834e5cf4534a', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: '139adcafc399eed5482c15273a37331598bbe179', name: "moon", class: ThemeSwitchClass.iconDark, type: "components" })), this.displayLabel ? (hAsync("span", { class: ThemeSwitchClass.label }, isDark ? this.labelDark : this.labelLight)) : null))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7544,7 +7912,7 @@ class GovTile {
         this.h = govHost(this.host);
     }
     render() {
-        return (hAsync(Host, { key: 'c766f3d54f15e5a49a877fa2e67593d084f487f7', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'd07b106d781fead65a124c82d11ebe991fddfece', name: "icon" }), hAsync("div", { key: 'eeee0397b4384a473f3782750d1e04f0c8c7894d', class: TileClass.content }, hAsync("div", { key: 'f4081902e55b964b1ebbdd43f7b189f83dce8690', class: TileClass.text }, hAsync("div", { key: '3bf8cf35db6f667de7c278786787e38b1392a5b2', 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: '088f60531285a1457277352a011766f809d9280d', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '8d4a612e3aff054a60ec1030eb5a28903595ea6a' }))), hAsync("slot", { key: 'f7610d06a6d951b3a24f2e129342bb82c5e9d767', name: "button" }))));
+        return (hAsync(Host, { key: 'ab52fb23f84579e2b32b063e45f7bf23605011d6', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: '6a2bf399f6767b74a29e2372d84025bd5046377f', name: "icon" }), hAsync("div", { key: '64b519f3b42dc5c9f51d4564a083aa95448c61b3', class: TileClass.content }, hAsync("div", { key: '56b85285dd5151ca428889fe78888289a1ce75bb', class: TileClass.text }, hAsync("div", { key: '2f26093e140f3db65d5fdb08daf834686b0b5743', 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: '25d8abd31e31062bd2da487c0ff9946b1893278c', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: 'bebce043085e0440e2eca20c3af4abee18b292e4' }))), hAsync("slot", { key: 'e34513bbd6c59b113f6c8f39d6ebfaf61696d2fe', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7570,32 +7938,6 @@ class GovTile {
     }; }
 }
 
-const TilesClass = {
-    root: 'gov-tiles',
-};
-
-class GovTiles {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.columns = 4;
-        this.h = govHost(this.host);
-    }
-    render() {
-        return (hAsync(Host, { key: '18eb380e2fe62b54a90c5c758c62c985107c98d4', class: this.h.classes(TilesClass.root) }, hAsync("slot", { key: '9746ede80d0daa8776208afb5cef44b7adb0d7fc' })));
-    }
-    get host() { return getElement(this); }
-    static get cmpMeta() { return {
-        "$flags$": 4,
-        "$tagName$": "gov-tiles",
-        "$members$": {
-            "columns": [514]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["columns", "columns"]]
-    }; }
-}
-
 const ToastColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING']);
 var ToastType;
 (function (ToastType) {
@@ -7641,8 +7983,9 @@ class GovToast {
         this.inheritedAttributes = inheritAriaAttributes(this.host);
     }
     disconnectedCallback() {
+        var _a;
         clearTimeout(this.timeout);
-        this.attributeObserver.stopObserving();
+        (_a = this.attributeObserver) === null || _a === void 0 ? void 0 : _a.stopObserving();
     }
     onAriaAttributeChange(attributeName, newValue) {
         this.host.removeAttribute(attributeName);
@@ -7660,7 +8003,7 @@ class GovToast {
         }
     }
     render() {
-        return (hAsync(Host, { key: '632972ed59aac0d696428d6f32e6c99615ccf687', 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: 'da93a05f1976eeb4e356160fd0daea409b836a05', class: ToastClass.icon }, hAsync("slot", { key: 'd374f5dea570b27643d960e65d0d5b2c710cb2b4', name: "icon" }))), hAsync("div", Object.assign({ key: '1680aff627c809348ae7812ab72a34dbad33a368', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '8208b697e9fbefd964a17c6bfdb06d3a5ff9d2f2' })), hAsync("gov-button", { key: '9f05e19a672f66c2203a5556370e12e2ce7819f7', 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: 'a954d22ce3a0e06e2d17aa14903dae7264d9e03c', class: ToastClass.timer })));
+        return (hAsync(Host, { key: '1e6e189eb820b1d3cc2b8404ad449ad91d0d81cb', 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: 'e55556b89b1e667e3eded15cc0293afad61a55b5', class: ToastClass.icon }, hAsync("slot", { key: '918cd31f3e80f36ea346ad1be27d093baab60eef', name: "icon" }))), hAsync("div", Object.assign({ key: '6232d63367c11301b626620211b8a7cc30f171cf', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: 'bfd4174fae30924135ca10b1a1f2a2338179de24' })), hAsync("gov-button", { key: 'd1f68ef7ed4933bd15987843df78d142c9d4e588', 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: 'f863b0cb33027641fff15771b051a091d4fdf782', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7917,11 +8260,11 @@ class GovTooltip {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2e96da1a9d7afd70abb4ffd2e979210cc179680e', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: '9c9c06d716556faa56f5ba9a952ea867c5533b2b', role: 'button', tabindex: 0, onKeyPress: () => this.showTooltip(), onBlur: () => {
+        return (hAsync(Host, { key: '8bb512960020b0945a8f54f5c6bd52062b426a26', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: 'd47065c5bef5f580101322a95e18905ec489ce29', 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: '29549049c0bfbe311980aa6a630ff9eff8e35f40' }))));
+            }, "aria-describedby": (_a = this.identifier) !== null && _a !== void 0 ? _a : this.tooltipContentId }, hAsync("slot", { key: 'a206caa511be168a6df2a34110b2aeeffe732354' }))));
     }
     /**
      * Showing the modal
@@ -7992,7 +8335,7 @@ class GovTooltipContent {
         }
     }
     render() {
-        return (hAsync(Host, { key: '965998f4788ddd5dffd01b53073a001023cd9037', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'fe9d1ee13a11077947492341836f8f25c1f8881f' }), 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));
+        return (hAsync(Host, { key: 'f147a718b5c556b3314f48a86edfd9ee4db6d93e', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: '4cde158814765edfb1fc6ab1e8cce6ad1d98e175' }), 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 {
@@ -8066,7 +8409,7 @@ class GovWizard {
         this.hydrated = true;
     }
     render() {
-        return (hAsync(Host, { key: 'd75ce2d5499cef41ac6b316f313b0c5c446d0b55', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'ea151639d058fa4e50427a893fa167969a453d39' })));
+        return (hAsync(Host, { key: '139efd57338b63026c56d3feea4aea70de7e0784', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '7ac5d8219bea45ef32ded0785cb94c052a001f35' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8128,8 +8471,8 @@ 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: 'abdd15cfa834f393b29335ea2bda28cd1dfeef46', class: WizardItemClass.prefix }, hAsync("slot", { key: '123c495809091879ab3d985b9bcb4a22005e4b75', name: "prefix" })));
-        return (hAsync(Host, { key: '463384ea408a20992bf6f30f142fce7146fabf53', 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: '0b60621607cd8c48fe05fd1755f9f7b8514d425d', 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: '394a8843e47dd540dd1b22ba6cec699f73d55870', class: WizardItemClass.prefix }, hAsync("slot", { key: '811680c41b1729b689a0679e16e3aba4455d4d17', name: "prefix" })));
+        return (hAsync(Host, { key: 'e99661de092cfa2f0476faf5fb9c266e52bb3b0b', 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: 'a2a2218a1b036da0c9a6edb7b0c0ce1be5a214ff', 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();
@@ -8193,6 +8536,8 @@ registerComponents([
   GovAttachments,
   GovAttachmentsItem,
   GovBackdrop,
+  GovBanner,
+  GovBlockquote,
   GovBreadcrumbs,
   GovButton,
   GovCard,
@@ -8218,6 +8563,7 @@ registerComponents([
   GovFormPasswordPower,
   GovFormRadio,
   GovFormRadioGroup,
+  GovFormRange,
   GovFormSearch,
   GovFormSelect,
   GovFormSwitch,
@@ -8241,7 +8587,6 @@ registerComponents([
   GovTag,
   GovThemeSwitch,
   GovTile,
-  GovTiles,
   GovToast,
   GovTooltip,
   GovTooltipContent,