@gov-design-system-ce/components 4.1.3-BETA-9 → 4.2.0

package/dist/hydrate/index.js

@@ -135,12 +135,6 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/runtime/asset-path.ts
-var getAssetPath = (path) => {
-  const assetUrl = new URL(path, plt.$resourcesUrl$);
-  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
-};
-
 // src/utils/constants.ts
 var EMPTY_OBJ = {};
 
@@ -2209,12 +2203,6 @@ var registerHost = (elm, cmpMeta) => {
   elm["s-rc"] = [];
   return hostRefs.set(elm, hostRef);
 };
-var Build = {
-  isDev: false,
-  isBrowser: false,
-  isServer: true,
-  isTesting: false
-};
 var styles = /* @__PURE__ */ new Map();
 
 async function delay(miliseconds) {
@@ -2785,7 +2773,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 {
@@ -2877,6 +2865,117 @@ 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.accessibleLabel = undefined;
+        this.accessibleLabelledBy = undefined;
+        this.h = govHost(this.host);
+    }
+    validateSize(newValue) {
+        validateProp(BannerSizes, newValue, BannerClass.root);
+    }
+    componentWillLoad() {
+        this.validateSize(this.size);
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            tick(() => this.validateAccessibility());
+        }
+    }
+    render() {
+        return (hAsync(Host, Object.assign({ key: '2e74fec76a2919885f1ffcf0d5b5b43f4da9634f', class: this.h.classes(BannerClass.root), size: this.size }, (this.size !== "xl" ? { background: this.background, foreground: this.foreground } : { 'text-color': this.textColor })), hAsync("div", { key: 'e96d0155618a4d8703869f9d41a16e6dca148d8f' }, hAsync("div", { key: '1ca80fec0a9918753727bdbbde993c650f464e44', class: BannerClass.content }, hAsync("slot", { key: '6649fb9ad5c08b9cb7fe44a633fbdf8a7c1070cf', name: "headline" }), hAsync("slot", { key: '615031f7ca60d053f08822a497d59cb123103bae' })), this.h.hasSlot('button') && (hAsync("gov-button", { key: '256dcef6425d21dfd6ea47b2dc9dbcfe2bbc0a19', color: "secondary", type: "solid", size: "l" }, hAsync("slot", { key: '2553414cc5541ec8f4e8d22d4cd394d9d57f40ef', name: "button" })))), hAsync("slot", { key: 'b87320fc0d4ea2415f2c2e3565942fd8944c8f7c', name: "image" })));
+    }
+    /**
+     * Validate the accessibility attributes of the component
+     */
+    async validateAccessibility() {
+        validateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BannerClass.root, this.host);
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "size": ["validateSize"]
+    }; }
+    static get cmpMeta() { return {
+        "$flags$": 4,
+        "$tagName$": "gov-banner",
+        "$members$": {
+            "size": [513],
+            "background": [1],
+            "foreground": [1],
+            "textColor": [1, "text-color"],
+            "accessibleLabel": [1, "accessible-label"],
+            "accessibleLabelledBy": [1, "accessible-labelledby"],
+            "validateAccessibility": [64]
+        },
+        "$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: '2d6d6f8731e3cf3a7697b1e5c9cb9628b120a9c0', class: this.h.classes(BlockquoteClass.root), type: this.type }, hAsync("gov-icon", { key: 'a34dc43b0a8336830f7f8bd49a04f3fd36ccac5d', type: "components", name: "quote", size: "3xl" }), hAsync("blockquote", { key: '1f74006947ad7d8d90ea3425be7d8f66291dbfc5', cite: this.cite }, hAsync("slot", { key: '1e0413bfdcfec33d487998f88407b000d2cbd376' })), hAsync("slot", { key: '9c61d787603bf343546af51e25ac9b6ad47191e9', name: "image" }), hAsync("slot", { key: '7f7956a01aef3d1fe2ecc21428facc932e69ab03', 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',
 };
@@ -2919,7 +3018,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: '9a9134423e513fc148bbb68c20fac5bb97670db8', class: this.h.classes(BreadcrumbsClass.root), expanded: this.expanded }, hAsync("nav", { key: '0850db41c7ce8bbb329a9abd3a925f292ec26c66', "aria-label": this.accessibleLabel, "aria-labelledby": this.accessibleLabelledBy }, hAsync("slot", { key: '477ce7803f02dc150c9980cbbf967b2b3d6485a0' })), 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
@@ -3057,7 +3156,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);
@@ -3078,9 +3178,9 @@ class GovButton {
     render() {
         const Tag = this.href ? Tags$2.A : Tags$2.BUTTON;
         const nativeType = Tag === Tags$2.A ? undefined : this.nativeType;
-        return (hAsync(Host, { key: '4e5ef3fbf897b81b07452a9383985353d673fdd6', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: 'd0689b6c773257059fa9334d4bb1d003a0ec58c3', class: "element", ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.disabled ? "-1" : "0" }, this.inheritedAttributes, { "aria-disabled": toBoolAttrIfDefined(this.disabled) }), toBool(this.loading) && !this.h.hasSlot("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" }))));
+        return (hAsync(Host, { key: '526d8b276e9139e165d38c031adac59e9f1296f8', size: this.size, hydrated: this.hydrated, color: this.color, class: this.h.classes(ButtonClass.root), type: this.type }, hAsync(Tag, Object.assign({ key: '6db49c65c1b0d3c98d81cba6d86e9181ce32fc87', 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: '535bfdca505680012cdefe59c7fdf6776a9692f0', name: "loader", class: "gov-spin-animation", type: "components" }), this.h.hasSlot("icon-start") && hAsync("slot", { key: '26c813df831c8767ad019873572cc928c7475ca4', name: "icon-start" }), hAsync("slot", { key: 'c0cdb5257b7db1ec33e317c0c3009ea9de713036' }), this.h.hasSlot("icon-end") && hAsync("slot", { key: '238fabead4d6e40f754746866c8b83e0f517680a', name: "icon-end" }), toBool(this.loading) && this.h.hasSlot("icon-end") &&
+            hAsync("gov-icon", { key: 'cb8360aa13dd3e6ab1328bbd4a0a60a234f98bd5', name: "loader", class: "gov-spin-animation", type: "components" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3206,7 +3306,7 @@ 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" }))))));
+        return (hAsync(Host, { key: '734cecdc36d379c1d2d8c14ef136780eabff9d32', 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: '35fbd43458f8895ac32a49b2fb26301ef6c2f4cc', 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: '1d1d26a7d45bc7453cdfbb2ce2530e277ea7f1d6', class: CardClass.img }, hAsync("slot", { key: '43d62fec8982ac856afedfe30a4062253ab072d7', name: "img" }))), this.h.hasSlot('icon') && (hAsync("div", { key: 'ea26e422318e6a8753c47c5af2bcbfafe44bd053', class: CardClass.icon }, hAsync("slot", { key: '40cad4f8356f6ff1e640436f4b548581cb4b4bcf', name: "icon" }))), hAsync("div", { key: '17d86c58f5d4d1fec9af1b111a69e73629188b4a', class: CardClass.content }, hAsync("slot", { key: '34b718783966bda56624c883b85d965ba74041a5' })), this.h.hasSlot('footer') && (hAsync("div", { key: 'bdac20b7db8adabdba069df573e117ef1c9a79fc', class: CardClass.footer }, hAsync("slot", { key: 'e57ade83302bd2a7537236aff716d02a5a47ea0f', name: "footer" }))))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3312,7 +3412,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;
@@ -3326,11 +3427,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: '3873d567f8dd31d62e259751a9800bc2302380f8', 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: '6635ce7184fba0374e7f8035c3df38156ac69b24', 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: '3677ece9c89d8e9d59fb5d87fced0cdf4936342b', name: "left" }), hAsync("slot", { key: '0acc75cb17c45740380ceb6681d21b29475c6419', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'f95b1e5fc9e460177a98deb1a7cd324dcac5e57f', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: 'f0354863b6c661b99c26f5e94193b85a12affab9' }), hAsync("slot", { key: 'ee35b12933b95d96932890ede60fa5b91f51d6b5', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '50cd0f12c868cb1e674a3df0609c2c8ba5664556', type: iconEnd.type, name: iconEnd.name })), hAsync("slot", { key: '39ca7870c9423cd0a3f8ca6c91b4a0daed8ef07f', name: "right" }))));
     }
     onClickHandler(e) {
         e.stopPropagation();
@@ -3390,7 +3491,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: 'ad1f0a234ba94b59c7214c2ddba4208234355a47', class: this.h.classes(ContainerClass.root) }, hAsync("slot", { key: 'a7b877a4cf5d2f5ec1aa5908a2faf9976fa5591e' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3420,7 +3521,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: 'c52a55a92fd473dcec8806a693fa820a9557a8f3', class: this.h.classes(ControlGroupClass.root), color: this.color }, hAsync("slot", { key: '2c39e206b7a295212f4bda2a0552b1d10d19828b' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3454,7 +3555,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: '10c57cd4a06fe46e504309598788a95fc832493c', class: this.h.classes(CookieConsentClass.root) }, hAsync("div", { key: '877d252bf4889abadd06e50c125ec27e114353e5', class: CookieConsentClass.content }, hAsync("slot", { key: '817560e69ede6d998c27db262346e889167830fc', name: "headline" }), hAsync("slot", { key: '27395c4c03746c73eec66e75e16c7c6209a41298' })), (this.h.hasSlot('actions-primary') || this.h.hasSlot('actions-secondary')) && (hAsync("div", { key: '5d1395aa7039f6dc0bd84b47387b2d2b54c2359e', class: CookieConsentClass.actions }, this.h.hasSlot('actions-primary') && (hAsync("div", { key: '79e2932462ff78a186b3de70d5a7bab0ff9cdc7f', class: CookieConsentClass.actionsPrimary }, hAsync("slot", { key: '85cc159d24a21c8b8f4148a339038e2bdce5f246', name: "actions-primary" }))), this.h.hasSlot('actions-secondary') && (hAsync("div", { key: 'af86c4ad358e36356f1d4be9409c2f642faf7035', class: CookieConsentClass.actionsSecondary }, hAsync("slot", { key: '5495b26b5c31112a4c4bcd8dcbd21d54993bb6e1', name: "actions-secondary" })))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3527,7 +3628,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: '697a938c343fff3af9cb37c377ac9784e0728e0e', class: this.h.classes(DialogClass.root), open: this.open, hydrated: this.hydrated }, hAsync("dialog", { key: '9b641ef551f5f4eeb00890e822b6f5434421c38d', 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: '08da7bb9a7d3b942132410dc4dbf57c2b9d85363', class: DialogClass.inner }, hAsync("div", { key: '389a42468a93951f461024950ea84a80443bd366', class: DialogClass.header }, this.h.hasSlot("icon") && (hAsync("span", { key: '920649b3b276589a254cc8f47c777406d2adfdaf' }, hAsync("slot", { key: '7a6b86f61009015d5dbfa3aaa7aee9aad42185dd', name: "icon" }))), this.h.hasSlot('title') && (hAsync("span", { key: '8aa87028f1ed4c524291c3e0fed0a393fbb46db2', class: DialogClass.title, id: this.labelId }, hAsync("slot", { key: '70b360d2748edde6ea2f762c72cc3acfa67cde97', name: "title" }))), hAsync("gov-button", { key: '946ab0088d52affe4a31ecef5bdef84c1b231093', 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: 'b9874c2494a8b46c7b9f94f6989527b0acefc465', slot: "icon-start", name: "x-lg", type: "components" }))), hAsync("div", { key: '4f4b1815de42427edeb5bd9a7b88c96e27530472', class: DialogClass.content, id: this.contentId }, hAsync("slot", { key: '94ccdf29a3578f1ee8e52e505eed109cc6128f67' })), this.h.hasSlot('footer') && (hAsync("div", { key: '8b7f85195264f4045c1d7ab8dd6db9f6abfe4f9f', class: DialogClass.footer }, hAsync("slot", { key: '373cda2bd8b1cccf34acbbf859b4b8f608bc4a19', 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();
@@ -3685,7 +3786,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: '82ddf678be9e128e899f136598d923a9c62858b4', class: this.h.classes([DropdownClass.root]), open: this.open, position: this.position }, hAsync("slot", { key: '5de32c9654140fb67fff7f55ce8fba4fa7ef282f' }), hAsync("div", { key: '19bda970452623c7ddef45ff96b843698bb8cd1a', 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: 'd1429110f4e4bd054bf38d4a038946475d791323', name: "list" }))));
     }
     /**
      * Returns the current state of the dropdown
@@ -3738,7 +3839,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: '536c14b44e86e71ded94980cce96cfcef26c13d5', class: this.h.classes(EmptyClass.root), size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '11e8a26c901809dc67cc2db2ff1aff47257a8014', name: "icon" })), hAsync("div", { key: '4aac9fffa417df01fb668dab89aa19ed29469cc0', class: EmptyClass.content }, hAsync("slot", { key: '1b663ce7931eaf8cccd00342e0f1f9fec7abe2d3', name: "headline" }), hAsync("slot", { key: 'f1b1ad8a80fe12d01008da1efd335e14cee0a16d' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -3767,7 +3868,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: '3355f2c43f55001d6b12bae918220f858721279b', class: this.h.classes(ErrorCodeClass.root), align: "center" }, this.h.hasSlot('icon') && (hAsync("slot", { key: '721e74886d890b048bc268cadf9fb05979234ad6', name: "icon" })), hAsync("div", { key: '9a1e0ce9d1aa43eacd4967a2688123fcd9164d8f', class: ErrorCodeClass.content }, hAsync("slot", { key: '5193304f9720b28d12176e805436e7ebbee2f704', name: "headline" }), hAsync("slot", { key: '12d538e92472745e3613149a7c824e6cd345e776' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -3794,27 +3895,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: '082daf61e75a8b30f7faa2cbd6a44ad8a74b0442', class: this.h.classes(FlexClass.root) }, hAsync("slot", { key: '120882be8540480b11df18d006414dabbb00e1d0' })));
     }
     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"]]
     }; }
 }
 
@@ -3964,14 +4067,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: '9aab109be9dc6f21e88a2da79223866b1b39732a', class: FormAutocompleteClass.root, size: this.size }, hAsync("gov-form-input", Object.assign({ key: '62828ff7629c39a283925c24113f0db2c7558ca5', 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: 'd722dd5d3241853d45a5153f0197403a42872c4a', name: "validation-icon" }), hAsync("slot", { key: 'bb003098d072de7c33cb1f538470b2ba6a79d920', name: "icon-end" })), hAsync("ul", { key: '4d54077583a9eed5682501372cd75f655e635203', 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)));
@@ -4349,7 +4453,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);
@@ -4430,7 +4535,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";
@@ -4446,7 +4551,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 {
@@ -4503,7 +4608,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: '22f738e5251d68688b6d21c471a5c18ae2532a5a', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '8028ab95f42dc8c8dfb8f1ee1b70879c291db6d4' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4570,7 +4675,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: '2f6a44e96f79c5ec6fa6326fb01dba74d2f405cc', size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { key: '5b4ec1e274416aa4330f60727662f9f441cb5973', class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { key: '51738751699005e6642bdf855f6fafbea9af83f6', name: "top" }), hAsync("slot", { key: 'f765b4b014274832bbef5118312a0e8a70939cda' }), this.h.hasSlot("bottom") && (hAsync("div", { key: '048b08353a3bb6c6246e297bc183288cb9c78034', class: FormControlClass.bottom }, hAsync("slot", { key: '24e79aa1a2d87c12ac0ebefde129a8055f38525e', name: "bottom" }))))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4751,14 +4856,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: '57a2ec8520c058114c22a58cc666d74efccb9a96', class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { key: '6a31911301d1b3eaaeafe32f3167fc0a5893125a', class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", { key: 'feae9382b0223eec714593882ade1904d284e40d' }), hAsync("input", Object.assign({ key: 'b6a16d19ba27cdd878540b39bc440d11761a3ab5', 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);
@@ -4872,7 +4978,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: '23bc665133af4d63acae967405c379aef79f9125', gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", { key: '11d303816dae7149170180b450542c2cd1a322c6' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -4972,15 +5078,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: 'bdbab2105ea328155d7a023e2070c4ca22a5afba', class: FormInputClass.root, size: this.size, type: this.type }, this.h.hasSlot("prefix") && hAsync("slot", { key: '71be98f4ba1933c8a5affd3f41b496633528bcc8', name: "prefix" }), hAsync("span", { key: '820a6cc14d90fb52b3fa809858c9b7223d7dec21', class: "element" }, (this.h.hasSlot("icon-start") && !this.multiline) &&
+            hAsync("div", { key: '6c001fb96074d4f5b7779a14cbceee9169b4a70a', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, hAsync("slot", { key: '15da634518db7ac788de51911296d1a0ca87c993', name: "icon-start" })), hAsync(Tag, Object.assign({ key: 'f43777146426ddbe5d37408a734ca61aa51e0e69', 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: '716e004caf2077ce8d5ee5101bcb541fbdb45d38', class: FormInputClass.icons, onClick: () => this.inputRef.focus() }, this.success && !this.multiline &&
+                hAsync("gov-icon", { key: '96c5fcdad8332c08d3eaf9a5a6af573962a96744', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && !this.multiline &&
+                hAsync("gov-icon", { key: '4883e137f51052a2659f46a09270c656bc3347f7', class: "validation-icon", name: "exclamation-lg", type: "components" }), this.h.hasSlot("icon-end") && this.inputType !== 'password' && hAsync("slot", { key: 'a74b2df0932087834fc33de45aa341444c61042a', 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: '9d15adccc023a5501114982c4417df6db9a4d8c1', name: "sufix" })));
     }
     onFocusHandler(e) {
         e.stopPropagation();
@@ -5112,7 +5219,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: 'e06447dd79c3204d5641bc58ba823d0744373dd5', class: FormLabelClass.root, size: this.size }, hAsync(Tag, { key: '69dfe126eb3f26aae0360e8c5f831e61345d3dc2', class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", { key: '3005e820b094c191fc0422a8586264053a4c403f' }), this.required ? hAsync("span", { class: "gov-color--error-500" }, "\u00A0*") : null)));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5144,7 +5251,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: 'dbc990cf3a48496a4905a768b3a7c662d42cc3ad', class: this.h.classes(FormMessageClass.root), color: this.color, size: this.size }, this.h.hasSlot('icon') && (hAsync("slot", { key: '600a149b56204308139aa026aea04dc5d872a7fe', name: "icon" })), hAsync("span", { key: '61d47c46b469a1c070d2a0f7df3a47f8a878ba6f', id: this.messageId, class: FormMessageClass.content }, hAsync("slot", { key: 'ff74d2926ddb5c3c79349d28906ff41a2485fde5' }))));
     }
     /**
      * Returns unique identifier of message
@@ -5223,7 +5330,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);
@@ -5333,11 +5441,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: '702237c94a2454e2ee966fee0a4fb92e690b7ca3', class: FormMultiSelectClass.root, size: this.size }, hAsync("div", { key: '06644d9c3deb723effa4dd18207734ff4c9885cf', class: FormMultiSelectClass.wrap }, this.h.hasSlot('prefix') && hAsync("slot", { key: '7a000864224ecfe4fc333b2609f1d624b8cbad2c', name: "prefix" }), hAsync("gov-form-autocomplete", { key: '7ce180ba5e799af98869ab3a0eab7dc0b1cd28f8', 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: '8433d6631829ad487ea0d14f3a23ef955179ab72', slot: "validation-icon", class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '55076350c10d021f5e1c6882ca9c36ddcb3b8d96', slot: "validation-icon", class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '3671d42362ea1a7334b687d12d9fbe50d12a2e6b', slot: "icon-end", class: "arrow-icon", name: "chevron-down", type: "components" })), hAsync("select", Object.assign({ key: '9d9af70e3a94506e654bc4739dff88512f9a7027', 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: '121da88c22cb7aa89bddd017daaa3adf2d3cdba1' }), 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: '7a1392bc37a8ff68a2269b8aced6af13dc2d0155', 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)
@@ -5447,7 +5555,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: '5345be77d281075d14e4d846cc28b4ee80238d44', class: FormPasswordPowerClass.root }, hAsync("span", { key: '4d54a301ac65d9432e524906eb8d0626fcc6be63', class: FormPasswordPowerClass.bar }, hAsync("span", { key: '0590bdcda2ca777daa02b4ed078490120c0d76b9' }), hAsync("span", { key: 'd76531fc51948809e1c7577c06661fd320ccb68c' }), hAsync("span", { key: '48a13aa684e06289961bf7aaeb778c9340242e55' })), hAsync("span", { key: '683dab64032d38a9d94121c154085a5e4cb0f6f1', class: FormPasswordPowerClass.text }, hAsync("slot", { key: 'd55a6fdbd4bfb5504457d10c7e6ce194d0ff36c5' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 4,
@@ -5512,7 +5620,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);
@@ -5592,7 +5701,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 {
@@ -5639,7 +5748,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: 'f5d9641f18787c21c13898a8d80159326161e676', gap: this.gap, class: this.h.classes(FormGroupClass.root), value: this.value }, hAsync("slot", { key: '81b46ef337551d1f31b9b7f7d5bb32a620f0fb69' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -5674,7 +5783,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: '2a4e3dd63dd15981e25c952e3a6f1f5eabdae12a', class: FormSearchClass.root, color: this.color, size: this.size }, hAsync("slot", { key: '393fefd7c775341c8be8067900a29c36776d767c', name: "input" }), hAsync("slot", { key: 'bcb202961db1564bcd4a30ae58a6a686895ea6d4', name: "button-erase" }), hAsync("slot", { key: 'd82551286246b38fa1276bd181c18807e6fb4da8', name: "button" })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5738,7 +5847,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);
@@ -5766,10 +5876,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: '4273e7ee3d753e85da24fb9902f8943bc6ce958a', class: FormSelectClass.root, size: this.size }, this.h.hasSlot('prefix') && hAsync("slot", { key: '1d3da6186b0c3860ea253282386a327f10717d67', name: "prefix" }), hAsync("span", { key: '3a202fd20029deaa2757886cc8657355948c01a5', class: "element" }, hAsync("select", Object.assign({ key: '96804aaaa39be0d91160547ceeb9dde8246cdde6', 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: 'e16cf3fc5c639387be6a1b855a9481d91fdcae20' }), 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: '9f8ef18d02c3ecdf5b6db8c337aadd976de35694', class: "validation-icon", name: "check-lg", type: "components" }), this.invalid && hAsync("gov-icon", { key: '6c08e6df7892ab26493d90be19ad7d7bf3370d8d', class: "validation-icon", name: "exclamation-lg", type: "components" }), hAsync("gov-icon", { key: '54eae87e6c99c56a2c553db77567fdadc7eb25e5', class: "arrow-icon", name: "chevron-down", type: "components" })), this.h.hasSlot('sufix') && hAsync("slot", { key: '7657a8a108e9239ed697e7323d895fafd29cf19c', name: "sufix" })));
     }
     onFocusHandler(e) {
         this.focused = true;
@@ -5886,7 +5996,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);
@@ -5984,51 +6095,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: '7092dda416db17f4137ecd04bea2659dfe76b0e0', class: this.h.classes(GridClass.root), role: "list" }, hAsync("slot", { key: 'b05231f0b950cd8c6830ee96e3d16e798ed97835' })));
     }
     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: '58d1762c23639140ca76c43b99b6f00451531da9', class: this.h.classes(GridItemClass.root), role: "listitem" }, hAsync("slot", { key: '87b4642506246324607c1ff3c7ca71e98fe5dd0a' })));
     }
     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$": "-",
@@ -6060,7 +6184,7 @@ const IconClass = {
     holder: 'gov-icon__holder',
 };
 
-const version = "4.1.3-BETA-9";
+const version = "4.2.0";
 
 const dsVersion = () => {
     return version;
@@ -6073,20 +6197,14 @@ const iconUrl = (path, name, type) => {
     if (isExternalUrl(path)) {
         return `${path}/${type}/${name}.svg?v=${dsVersion()}`;
     }
-    return getAssetPath(`${path}/${type}/${name}.svg`) + `?v=${dsVersion()}`;
+    return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`;
 };
 async function fetchIcon({ name, type }) {
     const cacheKey = type + "-" + name;
-    console.log('cacheKey', cacheKey);
-    console.log('iconCache[cacheKey]', iconCache, iconCache[cacheKey]);
     if (iconCache[cacheKey]) {
         return iconCache[cacheKey];
     }
-    console.log('requestCache[cacheKey]', requestCache, requestCache[cacheKey]);
     if (!requestCache[cacheKey]) {
-        console.log('iconsPath()', iconsPath());
-        console.log('name, type', name, type);
-        console.log('iconUrl(iconsPath(), name, type)', iconUrl(iconsPath(), name, type));
         requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {
             if (resp.status === 200) {
                 return resp.text();
@@ -6155,7 +6273,6 @@ class GovIcon {
         this.type = "components";
         this.visible = false;
         this.error = false;
-        console.log('GovIcon');
         this.h = govHost(this.host);
     }
     validateSize(newValue) {
@@ -6164,21 +6281,12 @@ class GovIcon {
     validateColor(newValue) {
         validateProp(IconColors, newValue, IconClass.root);
     }
-    watchError(newValue) {
-        console.log('error', newValue);
-    }
     async loadIconPathData() {
-        const { name, visible } = this;
-        console.log('name, visible', name, visible);
-        console.log('Build.isBrowser', Build.isBrowser);
         {
-            console.log('return');
             return;
         }
     }
     connectedCallback() {
-        console.log('connectedCallback icon', this.name);
-        console.log('iconsLazyLoad()', iconsLazyLoad());
         if (iconsLazyLoad()) {
             this.visible = true;
             this.loadIconPathData().finally();
@@ -6191,14 +6299,12 @@ class GovIcon {
         }
     }
     disconnectedCallback() {
-        console.log('disconnectedCallback');
         if (this.intersectionObserver) {
             this.intersectionObserver.disconnect();
             this.intersectionObserver = null;
         }
     }
     async componentWillLoad() {
-        console.log('componentWillLoad');
         this.validateSize(this.size);
         this.validateColor(this.color);
         await this.loadIconPathData();
@@ -6212,14 +6318,11 @@ class GovIcon {
     async loadIcon() {
         try {
             const { name, type } = this;
-            console.log('loadIcon -> name, type', name, type);
             const data = await fetchIcon({ name, type });
             const isValid = isValidSVG(data);
             this.host.innerHTML = isValid ? data : null;
         }
         catch (e) {
-            console.log(e);
-            console.log(JSON.stringify(e));
             this.host.innerHTML = '';
             this.error = true;
         }
@@ -6235,7 +6338,6 @@ class GovIcon {
     static get watchers() { return {
         "size": ["validateSize"],
         "color": ["validateColor"],
-        "error": ["watchError"],
         "name": ["loadIconPathData"]
     }; }
     static get cmpMeta() { return {
@@ -6297,15 +6399,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: '86cbac93b6d258503af7dc3016aeb465b3573072', 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: '4c6b17d93c677e0ad25afc611cd64d42fb5a7d14', name: "x-lg", type: "components" })));
+        return (hAsync(Host, { key: '039cb25b798660d17a34e943d63099bdb09a424d', class: this.h.classes(InfobarClass.root), color: this.color, type: this.type }, hAsync("section", Object.assign({ key: '68b0cea9fd672762f677019f5762368e9bd97088', class: InfobarClass.section }, this.inheritedAttributes, { role: this.role }), this.h.hasSlot("icon") && (hAsync("span", { key: '6150ac778d70268e75c5c0f9195094ec38869025' }, hAsync("slot", { key: 'c9992923e5c53a6bcc03ab6bcb69b3aa4ea439b4', name: "icon" }))), hAsync("div", { key: 'b95e4a257672af49c273972de9ff41433d5e46f8', 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({
@@ -6374,7 +6477,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: '2683ce4af13c8862c4cb671735c30ed630c9b452', type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { key: '48f71de1a388997388849018cf93bb8e305d51f9', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", { key: 'f4955f6e169d0fbc55a74ae8759ab5e82dc24f71' }))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6397,7 +6500,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: 'd312c9ffd071d7f002ed74095279ac3c1c549c48', class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", { key: 'c57685e71dc20fb558a3b9c21ff2456906130b54' })));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -6443,7 +6546,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: '556587d121852458ea1bb0aefb93e370db14854c', identifier: this.uniqueId }, hAsync("span", { key: 'd61e27a4e6cff37986e9494576b58adca98bb755' }, "lifecycle ", this.uniqueId)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -6458,6 +6561,7 @@ class GovLifecycle {
 const LinkSizes = pick(Sizes, ['_S', '_M', '_L']);
 const LinkClass = {
     root: 'gov-link',
+    external: 'gov-link--external',
 };
 
 class GovLink {
@@ -6482,7 +6586,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: '7aef45575f952100a25a516df44a62337fbdf1e1', class: this.h.classes(LinkClass.root), size: this.size, href: this.href, external: this.external }, hAsync("a", Object.assign({ key: 'cba0aac863ce6dae404356cd960c6782e418d856', class: "element", href: this.href, target: this.external ? '_blank' : this.target, rel: this.external ? "noreferrer" : null }, this.inheritedAttributes), hAsync("slot", { key: 'b3379f496c8d5f163ffa9f6a58655666e1c23e54', name: "icon-start" }), hAsync("span", { key: '385c05b3c80e93678c5525609c477c7c157f9f44' }, hAsync("slot", { key: 'a67cbe6a79e0eafa287ca32984061c4000b19cf5' })), hAsync("slot", { key: '6696335405444439c32fb8b9817926a40fc7a48c', name: "icon-end" }), this.external && hAsync("gov-icon", { key: '4773079d84ca23e0000ae31fca59d09e95d1f45f', name: "box-arrow-up-right", type: "components", size: this.size, class: LinkClass.external }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6524,7 +6628,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: '94858803191375ac772236470c1db63c2823b74d', class: this.h.classes(LoadingClass.root), size: this.size }, hAsync("div", { key: '817f8ba4e3c9a6a37732c00480a10033b68ca360', class: LoadingClass.content }, hAsync("gov-icon", { key: '93496ec9365c67bd05d5561a5ffbee4e7384611c', class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader", type: "components" }), hAsync("slot", { key: 'ba4e09cc9bc1a26e9df6f852c5809a980e0bf3fd' })), hAsync("gov-backdrop", { key: '3cb83fca1624bd0593f92b46860b8160d0d1bbcf', inverse: true })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6564,7 +6668,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: '2592f0650b052d0612436c82b793abba16f91190', class: this.h.classes(MessageClass.root), color: this.color, type: this.type, role: "status" }, this.h.hasSlot("icon") && (hAsync("span", { key: 'bcafdfeb80e3fd8a3a765dbe1d534725d2e7920c' }, hAsync("slot", { key: '04f301600ba4e83d17c0615c30c807a226c7d14a', name: "icon" }))), hAsync("div", { key: '7fcaa833d295a29c966f80abea5978fe4ebb6b40', class: MessageClass.content }, hAsync("slot", { key: 'eef1fe939fd94144d03a14c02a2d7fc87cdc8662' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6706,7 +6810,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);
@@ -6865,7 +6970,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);
@@ -6888,7 +6994,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: '5f948f681fcb9e8edeba710b0bc9b44d4bd44c68', size: this.size, color: this.color, class: {
                 [SkeletonClass.root]: true,
                 circle: this.shape === "circle",
                 line: this.shape === "line",
@@ -6951,7 +7057,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: '4108672a0c9d849121d0274cdf5cb29564754eb5', class: this.h.classes(SpacerClass.root), size: this.size, breakpoint: this.breakpoint });
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -6980,7 +7086,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',
@@ -7013,7 +7121,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: 'ad86791a6b34280a775b8d07e1ec8da2d7644fcf', class: this.h.classes(StepperClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: '06f185f754181401b2031eee17c1309854900531' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7055,7 +7163,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: '08ccd5ea73c3269daa18fc8bba6dd18480ad7816', id: triggerId, class: this.h.classes(StepperItemClass.root), color: this.color, role: "listitem", hydrated: this.hydrated }, hAsync("div", { key: '35fdc536d55fff74470ad2a9a8402a5629fb86ec' }, hAsync("div", { key: '0b37d829fae45660196edc0509897c28d9e508ec', class: StepperItemClass.steps }, hAsync("span", { key: '2f8794f09a43b40063297dedd0995eb1f69fe2b3' }), hAsync("span", { key: 'e0a4ff933a1ce97d6831d47d2281f2158a7d234f', class: StepperItemClass.prefix }, hAsync("slot", { key: '237aed2bfa1229906fb09d36d65158569ecf58a9', name: "prefix" })), hAsync("span", { key: '023e70f587369773800f3ce963058d8a35700710' })), hAsync("div", { key: '75d13eabc53fc14e48e8ed21d19010ab4b2f4cb5', class: StepperItemClass.main }, hAsync("span", { key: '22aab53d261746e0dfc0cfe7815259430aa297dc', class: StepperItemClass.headline }, hAsync("slot", { key: 'f544727ea1c6516a567bb45cc8159c5d9f2657fd', name: "headline" })), hAsync("slot", { key: 'a017ee18733dcaa2499b40ad9c341d480a26b0a1', name: "annotation" }), this.h.hasSlot('content') && (hAsync("div", { key: '854112defb09e451c1748a35b566f785792e3418', class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { key: '2ba008423af0ad9db10874b1c3f87a27a252bb72', name: "content" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7135,7 +7243,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);
@@ -7206,7 +7315,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: '7bb6938fcf7bc4164675f8fefa28658a55d7f8db', 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: 'b0b13ba45a743dab4427d347d41552c529224c8e', class: TabsClass.tabs, role: "tablist" }, this.inheritedAttributes), hAsync("ul", { key: '079d04cff5d370351523653a04ddfc54956be6e3', 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: '59db7cbbeb5a5a0024ab356ec89146b737374ddb' })));
     }
     getCurrentTab() {
         return this.controllers.find(control => control.active) || null;
@@ -7339,7 +7448,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: '1cd671d422ff816437c778c22193c897d0755e8a', class: this.h.classes(TabsItemClass.root), default: this.default }, hAsync("div", { key: '2473a5ef26157b0f1c5853ba38642ae5e19e437e', 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: 'f0c3c0e8ade04a638a7cad9eda92249bb399fc3b' }))));
     }
     /**
      * Returns a unique tab content identifier
@@ -7427,7 +7536,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: '2666286a982e645f733c109a70f5463e002fe6ff', class: this.h.classes(TagClass.root), color: this.color, size: this.size, type: this.type }, hAsync("span", { key: 'e71f4041d2bbaa983948f44e6782c0dd33c5943a', class: "element" }, hAsync("slot", { key: 'c35c4b9b661a6aeed75e15dc96de454b53bbbece', name: "icon-start" }, iconStart && hAsync("gov-icon", { key: 'de5abfab508e4b5c684e9db5af2f9070244a5730', type: iconStart.type, name: iconStart.name })), hAsync("slot", { key: '745c8a357a058af3f0d897045219a057ccf0c4fc' }), hAsync("slot", { key: '4f9393a61fe22e3696ddfc194afced17cd95f673', name: "icon-end" }, iconEnd && hAsync("gov-icon", { key: '25701722d4cebce173fa354460ac7911c9f2a44b', type: iconEnd.type, name: iconEnd.name })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -7455,6 +7564,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',
 };
@@ -7529,7 +7639,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: '7c9fc2abd555e5254c86ff58fe3e70be5a30b83c', class: this.h.classes(ThemeSwitchClass.root), theme: isDark ? ThemeList.dark : ThemeList.light, size: this.size }, hAsync("button", { key: '1dc6ac1588fc2f2b48089400953c44e04d59e213', onClick: () => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark), "aria-current": this.theme, "aria-label": isDark ? this.ariaLabelDark : this.ariaLabelLight }, hAsync("span", { key: '59e19f4450ea2043edf7c037538bab5a0d605569' }, hAsync("span", { key: '34640deb4ff3215653f47d54b59ae6763a793333', class: ThemeSwitchClass.indicator }, ThemeList.light && hAsync("gov-icon", { key: 'e1583fe54eae0ab7eeb2eb4919b5dd144bb43aa3', name: "sun", class: ThemeSwitchClass.iconLight, type: "components" }), ThemeList.dark && hAsync("gov-icon", { key: 'cb63ce2aa41321bcb7c59d0c02f47f62b80fd104', 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 {
@@ -7576,7 +7686,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: 'c2b0a1596d12d921dfd934905e19f778826d3ffa', class: this.h.classes(TileClass.root), size: this.size, orientation: this.orientation, clickable: this.href ? true : null }, hAsync("slot", { key: 'dbd0b5222be8bd00f87c94f1054913e0f7ef203e', name: "icon" }), hAsync("div", { key: 'cbae639cc5c2d1a0837d8c3c18c9ff5b19ae861e', class: TileClass.content }, hAsync("div", { key: '5072ae5919ef7f61cbb0d43805b6198c081aa5cb', class: TileClass.text }, hAsync("div", { key: '825333bee20b729833fe7f66e9908c763048eddd', 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: '150177ba86ce79dac70ef8dc3ab93b5bd6468b03', class: `${TileClass.annotation} ${this.href ? `${TileClass.annotation}--padding` : ''}` }, hAsync("slot", { key: '85f73ae3797a9b490a7d0f94cbd87717059d0a38' }))), hAsync("slot", { key: 'e18f72da9af1e305b5a52d7328f509a670b806a0', name: "button" }))));
     }
     /**
      * Returns a clickable element instance
@@ -7602,32 +7712,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) {
@@ -7673,8 +7757,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);
@@ -7692,7 +7777,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: 'c5ff6e1b44b5bd6be76071fb1a06863d40fbafc4', 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: '12bed10d321d58f2a60624b40442cd1af7f5a148', class: ToastClass.icon }, hAsync("slot", { key: 'd190b0fa180d1d7fa7d7de31e57e6443d878ef8c', name: "icon" }))), hAsync("div", Object.assign({ key: '1d3b58d5e24a9c8de248d762fd86226b4d0734cd', class: ToastClass.content }, this.inheritedAttributes, { "aria-live": "polite", role: "status" }), hAsync("slot", { key: '9db11a8e04576242515cd043a500f0b8114f4210' })), hAsync("gov-button", { key: '781d407d84f718b11a2c5f809c4508e2c0da5499', 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: 'a73f8ec772d777df9b5a26cfa9f05fbeb82608ff', class: ToastClass.timer })));
     }
     onCloseHandler() {
         this.govClose.emit(this.toastId);
@@ -7949,11 +8034,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: '07a76faeb64a6487ab5d2fe50caf2af04be01365', id: this.tooltipId, class: this.h.classes(TooltipClass.root), position: this.position }, hAsync("span", { key: 'c38c8e9eef234298a424a5d3e55664e1fe9ebbbe', 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: '0ec9ab85c4242040aedfc1369946de4f1bea3e3a' }))));
     }
     /**
      * Showing the modal
@@ -8024,7 +8109,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: '28e778cbda440ea6026ed604d5713c451ed49f36', class: TooltipContentClass.root, role: "tooltip", hidden: !this.isVisible, "aria-hidden": !toBoolAttr(this.isVisible), "is-visible": this.isVisible }, hAsync("slot", { key: 'f7e08e2fb6029b4d5bca3f7fdce286f67c7f77d0' }), 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 {
@@ -8098,7 +8183,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: '1b9c171c02a8fc7526742f8270bc6459dd717621', class: this.h.classes(WizardClass.root), role: "list", size: this.size, hydrated: this.hydrated }, hAsync("slot", { key: 'b2f89e63d7572f9e0df90a326f8cb50598dca1cb' })));
     }
     /**
      * Validate the WCAG attributes of the component
@@ -8160,8 +8245,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: '3557f69ef4f08fa89200283444c12b36051ef5cd', class: WizardItemClass.prefix }, hAsync("slot", { key: '0847a8d5c4dbb458d712162842dc06ebb643ded4', name: "prefix" })));
+        return (hAsync(Host, { key: 'df368a1f27a0ed3b6cd0291cd8aeed3defbccdb8', 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: '72e83e2b44b458055a82e874e47078197e797db9', 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();
@@ -8225,6 +8310,8 @@ registerComponents([
   GovAttachments,
   GovAttachmentsItem,
   GovBackdrop,
+  GovBanner,
+  GovBlockquote,
   GovBreadcrumbs,
   GovButton,
   GovCard,
@@ -8273,7 +8360,6 @@ registerComponents([
   GovTag,
   GovThemeSwitch,
   GovTile,
-  GovTiles,
   GovToast,
   GovTooltip,
   GovTooltipContent,