@gov-design-system-ce/components 0.0.5 → 0.0.6

package/dist/hydrate/index.js

@@ -5732,16 +5732,16 @@ const govErrorLog = (message) => {
   govLog(message, ERROR_COLORS);
 };
 
-const validateProp = (values, value, component) => {
-  if (Array.isArray(values) === false)
-    return;
+// @TODO: deal with optional values
+const validateProp = (valueEnum, value, component) => {
+  const values = Object.values(valueEnum);
   const isValid = values.indexOf(value) > -1;
   if (!isValid) {
     govWarningLog(`[${component}]: Bad parameter with value (${value}). Available parameters are (${values.join(', ')}).`);
   }
 };
 
-var Sizes$3;
+var Sizes;
 (function (Sizes) {
   Sizes["_2XS"] = "2xs";
   Sizes["_XS"] = "xs";
@@ -5754,9 +5754,9 @@ var Sizes$3;
   Sizes["_4XL"] = "4xl";
   Sizes["_5XL"] = "6xl";
   Sizes["_6XL"] = "6xl";
-})(Sizes$3 || (Sizes$3 = {}));
+})(Sizes || (Sizes = {}));
 
-var Variants$6;
+var Variants;
 (function (Variants) {
   Variants["PRIMARY"] = "primary";
   Variants["SECONDARY"] = "secondary";
@@ -5764,14 +5764,47 @@ var Variants$6;
   Variants["ERROR"] = "error";
   Variants["WARNING"] = "warning";
   Variants["CUSTOM"] = "custom";
-})(Variants$6 || (Variants$6 = {}));
-var Types$3;
+})(Variants || (Variants = {}));
+var Types$1;
 (function (Types) {
   Types["CLASSIC"] = "classic";
   Types["SOLID"] = "solid";
-})(Types$3 || (Types$3 = {}));
+})(Types$1 || (Types$1 = {}));
+
+async function delay(miliseconds) {
+  return new Promise(resolve => setTimeout(resolve, miliseconds));
+}
+function throttle(f, delay) {
+  let timer = 0;
+  return function (...args) {
+    clearTimeout(timer);
+    timer = setTimeout(() => f.apply(this, args), delay);
+  };
+}
+/**
+ * Checks if object has that property
+ *
+ * @param {K} prop
+ * @param {T} obj
+ * @return {obj is T & Record<K, V>}
+ */
+const has = (prop, obj) => {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+};
+/**
+ * Returns property of given Object
+ *
+ * @param {K} name
+ * @param {T} object
+ * @return {(T & Record<K, unknown>)[K]}
+ */
+const property = (name, object) => {
+  return has(name, object) ? object[name] : undefined;
+};
+const pick = (obj, keys) => Object.fromEntries(Object.entries(obj).filter(([key]) => keys.includes(key)));
 
-const Sizes$2 = [Sizes$3._S, Sizes$3._M, Sizes$3._L, undefined];
+const AccordionSizes = pick(Sizes, ['_S', '_M', '_L']);
+const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM']);
 const AccordionClass = {
   root: 'gov-accordion',
 };
@@ -5805,43 +5838,12 @@ function splitByWhitespace(string) {
   return string.split(/(\s+)/);
 }
 
-async function delay(miliseconds) {
-  return new Promise(resolve => setTimeout(resolve, miliseconds));
-}
-function throttle(f, delay) {
-  let timer = 0;
-  return function (...args) {
-    clearTimeout(timer);
-    timer = setTimeout(() => f.apply(this, args), delay);
-  };
-}
-/**
- * Checks if object has that property
- *
- * @param {K} prop
- * @param {T} obj
- * @return {obj is T & Record<K, V>}
- */
-const has = (prop, obj) => {
-  return Object.prototype.hasOwnProperty.call(obj, prop);
-};
-/**
- * Returns property of given Object
- *
- * @param {K} name
- * @param {T} object
- * @return {(T & Record<K, unknown>)[K]}
- */
-const property = (name, object) => {
-  return has(name, object) ? object[name] : undefined;
-};
-
 const getWindowProperty = (name) => window && property(name, window);
 const config = () => {
   const defaultConfig = {
     canValidateWcagOnRender: false,
     iconsPath: './assets/icons',
-    documentNode: document ? document : null
+    documentNode: document ? document : null,
   };
   const windowProperty = getWindowProperty('GOV_DS_CONFIG');
   if (windowProperty) {
@@ -6023,17 +6025,17 @@ class GovAccordion {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
-    this.size = Sizes$3._M;
-    this.variant = Variants$6.PRIMARY;
+    this.size = 'm';
+    this.variant = 'primary';
     this.wcagLabel = undefined;
     this.wcagLabelledBy = undefined;
     this.h = govHost(this.host);
   }
   validateSize(newValue) {
-    validateProp(Sizes$2, newValue, AccordionClass.root);
+    validateProp(AccordionSizes, newValue, AccordionClass.root);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, AccordionClass.root);
+    validateProp(Variants, newValue, AccordionClass.root);
   }
   componentWillLoad() {
     this.validateSize(this.size);
@@ -6074,8 +6076,8 @@ class GovAccordion {
     "$flags$": 4,
     "$tagName$": "gov-accordion",
     "$members$": {
-      "size": [8],
-      "variant": [8],
+      "size": [1],
+      "variant": [1],
       "wcagLabel": [1, "wcag-label"],
       "wcagLabelledBy": [1, "wcag-labelled-by"],
       "validateWcag": [64]
@@ -6093,7 +6095,7 @@ class GovAccordionItem {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
     this.isExpandedState = undefined;
-    this.variant = Variants$6.PRIMARY;
+    this.variant = 'primary';
     this.identifier = undefined;
     this.size = undefined;
     this.label = undefined;
@@ -6119,10 +6121,10 @@ class GovAccordionItem {
     }
   }
   validateSize(newValue) {
-    validateProp(Sizes$2, newValue, AccordionItemClass.root);
+    validateProp(AccordionSizes, newValue, AccordionItemClass.root);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, AccordionItemClass.root);
+    validateProp(AccordionVariants, newValue, AccordionItemClass.root);
   }
   emmitChange() {
     this.govChange.emit({ open: this.isExpandedState, element: this.host });
@@ -6139,8 +6141,7 @@ class GovAccordionItem {
     const contentId = this.contentId;
     const { isExpandedState, label } = this;
     const TriggerTag = this.triggerTag;
-    return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(isExpandedState), "aria-controls": contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => this.toggle() }, hAsync(TriggerTag, { class: AccordionItemClass.title }, this.h.hasSlot('icon') && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.name }, hAsync("span", { class: AccordionItemClass.label }, label), this.annotation &&
-      hAsync("span", { class: AccordionItemClass.annot }, this.annotation)), this.h.hasSlot('suffix') && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" })))), hAsync("gov-icon", { class: AccordionItemClass.arrow, name: "arrow-down" })), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!isExpandedState), hidden: !isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))));
+    return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(isExpandedState), "aria-controls": contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => this.toggle() }, hAsync(TriggerTag, { class: AccordionItemClass.title }, this.h.hasSlot('icon') && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.name }, hAsync("span", { class: AccordionItemClass.label }, label), this.annotation && hAsync("span", { class: AccordionItemClass.annot }, this.annotation)), this.h.hasSlot('suffix') && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" })))), hAsync("gov-icon", { class: AccordionItemClass.arrow, name: "arrow-down" })), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!isExpandedState), hidden: !isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))));
   }
   /**
    * Opening the accordion
@@ -6181,9 +6182,9 @@ class GovAccordionItem {
     "$flags$": 4,
     "$tagName$": "gov-accordion-item",
     "$members$": {
-      "variant": [8],
+      "variant": [1],
       "identifier": [1],
-      "size": [8],
+      "size": [1],
       "label": [1],
       "annotation": [1],
       "disabled": [4],
@@ -6201,6 +6202,7 @@ class GovAccordionItem {
   }; }
 }
 
+const AlertVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS']);
 const AlertClass = {
   root: 'gov-alert',
   section: 'gov-alert__section',
@@ -6215,14 +6217,14 @@ class GovAlert {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govClose = createEvent(this, "gov-close", 7);
-    this.variant = Variants$6.PRIMARY;
+    this.variant = 'primary';
     this.inverse = false;
     this.wcagCloseLabel = undefined;
     this.closable = false;
     this.h = govHost(this.host);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, AlertClass.root);
+    validateProp(AlertVariants, newValue, AlertClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -6246,7 +6248,7 @@ class GovAlert {
     "$flags$": 4,
     "$tagName$": "gov-alert",
     "$members$": {
-      "variant": [8],
+      "variant": [1],
       "inverse": [4],
       "wcagCloseLabel": [1, "wcag-close-label"],
       "closable": [4]
@@ -11872,6 +11874,7 @@ class FormsPage extends HTMLElement {
 				<gov-form-label size="s" slot="top">Label of input</gov-form-label>
 				<gov-form-group>
 					<gov-form-input id="kapr" name="test-me" placeholder="Placeholder">
+						<gov-icon slot="right-icon" name="info"></gov-icon>
 					</gov-form-input>
 				</gov-form-group>
 			</gov-form-control>
@@ -12006,7 +12009,6 @@ class FormsPage extends HTMLElement {
 					</gov-form-switch>
 				</gov-form-group>
 			</gov-form-control>
-			
 			<gov-form-control size="l">
 				<gov-form-group>
 					<gov-form-switch name="test-me" value="me" checked>
@@ -12372,55 +12374,85 @@ class LayoutPage extends HTMLElement {
 		<h2>Layout</h2>
 
 		<gov-container>
-			<gov-layout>
-				<gov-layout-content>
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
-				<gov-layout-aside position="right">
-					<p><b>Aside</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla malesuada ut urna sit amet egestas. Ut hendrerit tellus non purus porta, sit amet convallis lacus pellentesque. Sed ultricies metus in tempor viverra. Sed vehicula libero ipsum, non fringilla nulla dapibus ac. Etiam a feugiat mauris. Aenean ultrices at nisi nec dapibus. In hac habitasse platea dictumst. Pellentesque sit amet aliquet nibh.</p>
-				</gov-layout-aside>
+			<gov-layout type="stretch">
+				<gov-layout-column>
+					<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
 			<gov-layout>
-				<gov-layout-aside position="left">
-					<p><b>Aside</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla malesuada ut urna sit amet egestas. Ut hendrerit tellus non purus porta, sit amet convallis lacus pellentesque. Sed ultricies metus in tempor viverra. Sed vehicula libero ipsum, non fringilla nulla dapibus ac. Etiam a feugiat mauris. Aenean ultrices at nisi nec dapibus. In hac habitasse platea dictumst. Pellentesque sit amet aliquet nibh.</p>
-				</gov-layout-aside>
-				<gov-layout-content>
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
+				<gov-layout-column>
+					<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
 			<gov-layout>
-				<gov-layout-aside position="right">
-					<p><b>Aside</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla malesuada ut urna sit amet egestas. Ut hendrerit tellus non purus porta, sit amet convallis lacus pellentesque. Sed ultricies metus in tempor viverra. Sed vehicula libero ipsum, non fringilla nulla dapibus ac. Etiam a feugiat mauris. Aenean ultrices at nisi nec dapibus. In hac habitasse platea dictumst. Pellentesque sit amet aliquet nibh.</p>
-				</gov-layout-aside>
-				<gov-layout-content>
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
+				<gov-layout-column>
+					<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
-			<gov-layout>
-				<gov-layout-content>
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
+			<gov-layout type="aside" variant="right">
+				<gov-layout-column>
+					<p><b>Aside right</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Aside right</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
-			<gov-layout>
-				<gov-layout-content align="left">
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
+			<gov-layout type="aside" variant="left">
+				<gov-layout-column>
+					<p><b>Aside left</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Aside left</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
-			<gov-layout>
-				<gov-layout-content align="center">
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
+			<gov-layout type="aside" variant="right" inverse>
+				<gov-layout-column>
+					<p><b>Aside right inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Aside right inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
-			<gov-layout>
-				<gov-layout-content align="right">
-					<p><b>Content</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
-				</gov-layout-content>
+			<gov-layout type="aside" variant="left" inverse>
+				<gov-layout-column>
+					<p><b>Aside left inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>
+				</gov-layout-column>
+				<gov-layout-column>
+					<p><b>Aside left inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+			</gov-layout>
+			<br>
+			<gov-layout type="text" variant="left">
+				<gov-layout-column>
+					<p><b>Text left</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+			</gov-layout>
+			<br>
+			<gov-layout type="text">
+				<gov-layout-column>
+					<p><b>Text</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
+			</gov-layout>
+			<br>
+			<gov-layout type="text" variant="right">
+				<gov-layout-column>
+					<p><b>Text right</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>
+				</gov-layout-column>
 			</gov-layout>
 			<br>
 		</gov-container>
@@ -12600,7 +12632,7 @@ class LoadingPage extends HTMLElement {
 			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
 			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
 			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
-			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>		
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
 			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
 			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
 			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
@@ -12623,8 +12655,8 @@ class LoadingPage extends HTMLElement {
 		`;
   }
 }
-if (customElements.get("loading-page") === undefined) {
-  customElements.define("loading-page", LoadingPage);
+if (customElements.get('loading-page') === undefined) {
+  customElements.define('loading-page', LoadingPage);
 }
 
 class NavPage extends HTMLElement {
@@ -13382,6 +13414,96 @@ class TabsPage extends HTMLElement {
 						(např. opakování „asdf asdf asdf…“).</p>
 				</gov-tabs-item>
 			</gov-tabs>
+
+			<h2>Vertical tabs</h2>
+			<gov-tabs id="po" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
+				<gov-tabs-item label="TAB #1">
+					<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
+						designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
+						návrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum
+						tak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového
+						návrhu vložen smysluplný obsah.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="TAB #2" default>
+					<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou
+						strukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný
+						text, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně
+						atd.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="TAB #3">
+					<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“).</p>
+				</gov-tabs-item>
+			</gov-tabs>
+			<gov-tabs id="po" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
+				<gov-tabs-item label="Muj super tab">
+					<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
+						designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
+						návrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum
+						tak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového
+						návrhu vložen smysluplný obsah.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="Dalsi super tab s dlouhým popisem" default>
+					<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou
+						strukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný
+						text, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně
+						atd.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije">
+					<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“).</p>
+				</gov-tabs-item>
+			</gov-tabs>
+			<gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
+				<gov-tabs-item label="TAB #1">
+					<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
+						designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
+						návrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum
+						tak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového
+						návrhu vložen smysluplný obsah.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="TAB #2" default>
+					<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou
+						strukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný
+						text, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně
+						atd.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="TAB #3">
+					<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“).</p>
+				</gov-tabs-item>
+			</gov-tabs>
+			<gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
+				<gov-tabs-item label="Muj super tab">
+					<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
+						designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
+						návrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum
+						tak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového
+						návrhu vložen smysluplný obsah.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="Dalsi super tab s dlouhým popisem" default>
+					<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou
+						strukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný
+						text, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně
+						atd.</p>
+				</gov-tabs-item>
+				<gov-tabs-item label="Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije">
+					<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se
+						pozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text
+						(např. opakování „asdf asdf asdf…“).</p>
+				</gov-tabs-item>
+			</gov-tabs>
 		`;
   }
 }
@@ -13799,7 +13921,7 @@ class WizzardPage extends HTMLElement {
 						<span slot="prefix">4</span>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</gov-wizzard-item>
-					<gov-wizzard-item label="Zřizované organizace" variant="warning" collapsible="false">
+					<gov-wizzard-item label="Zřizované organizace" variant="warning" is-expanded>
 						<span slot="prefix">5</span>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</gov-wizzard-item>
@@ -13808,12 +13930,12 @@ class WizzardPage extends HTMLElement {
 				<br><br>
 
 				<gov-wizzard size="s">
-					<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.">
+					<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus." collapsible>
 						<gov-icon slot="prefix" name="check"></gov-icon>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 							<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</gov-wizzard-item>
-					<gov-wizzard-item label="Kontaktní osoby" variant="primary">
+					<gov-wizzard-item label="Kontaktní osoby" variant="primary" is-expanded>
 						<span slot="prefix">2</span>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</gov-wizzard-item>
@@ -13833,12 +13955,12 @@ class WizzardPage extends HTMLElement {
 				<br><br>
 	
 				<gov-wizzard size="xs">
-					<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.">
+					<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus." collapsible>
 						<gov-icon slot="prefix" name="check"></gov-icon>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 							<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</gov-wizzard-item>
-					<gov-wizzard-item label="Kontaktní osoby" variant="primary">
+					<gov-wizzard-item label="Kontaktní osoby" variant="primary" is-expanded>
 						<span slot="prefix">2</span>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					</gov-wizzard-item>
@@ -13891,7 +14013,7 @@ class GovApp {
       { path: '/form-message', component: 'form-message-page' },
       { path: '/form-label', component: 'form-label-page' },
       { path: '/grid', component: 'grid-page' },
-      { path: "/loading", component: "loading-page" },
+      { path: '/loading', component: 'loading-page' },
       { path: '/modal', component: 'modal-page' },
       { path: '/nav', component: 'nav-page' },
       { path: '/spacer', component: 'spacer-page' },
@@ -13959,7 +14081,7 @@ class GovAttachments {
    * Validate the WCAG attributes of the component
    */
   async validateWcag() {
-    validateWcagProp(this.wcagLabel, "wcag-label", AttachmentsClass.root);
+    validateWcagProp(this.wcagLabel, 'wcag-label', AttachmentsClass.root);
   }
   get host() { return getElement(this); }
   static get style() { return govAttachmentsCss; }
@@ -14044,7 +14166,7 @@ class GovBackdrop {
   render() {
     if (!this.visible)
       return null;
-    return (hAsync(Host, { class: this.h.classes(BackdropClass.root), inverse: booleanString(this.inverse) }, hAsync("div", { role: "button", "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onClick: (e) => this.govClick.emit(e), class: BackdropClass.bg })));
+    return (hAsync(Host, { class: this.h.classes(BackdropClass.root), inverse: booleanString(this.inverse) }, hAsync("div", { role: 'button', "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onClick: e => this.govClick.emit(e), class: BackdropClass.bg })));
   }
   /**
    * Validate the WCAG attributes of the component
@@ -14080,22 +14202,26 @@ const BadgeClass = {
   inner: 'gov-badge__inner',
 };
 
-const Variants$5 = [
-  undefined,
-  Variants$6.PRIMARY,
-  Variants$6.SECONDARY,
-  Variants$6.SUCCESS,
-  Variants$6.ERROR,
-  Variants$6.WARNING,
-];
-const Types$2 = [undefined, 'solid', 'outlined', 'base'];
+const ButtonSizes = pick(Sizes, ['_S', '_M', '_L', '_XL']);
+const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
+var Type$1;
+(function (Type) {
+  Type["SOLID"] = "solid";
+  Type["OUTLINED"] = "outlined";
+  Type["BASE"] = "base";
+})(Type$1 || (Type$1 = {}));
 var NativeType;
 (function (NativeType) {
   NativeType["SUBMIT"] = "submit";
   NativeType["BUTTON"] = "button";
   NativeType["RESET"] = "reset";
 })(NativeType || (NativeType = {}));
-const NativeTypes = [undefined, NativeType.SUBMIT, NativeType.BUTTON, NativeType.RESET];
+var ButtonTarget;
+(function (ButtonTarget) {
+  ButtonTarget["BLANK"] = "_blank";
+  ButtonTarget["SELF"] = "_self";
+  ButtonTarget["NEW"] = "_new";
+})(ButtonTarget || (ButtonTarget = {}));
 const ButtonClass = {
   root: 'gov-button',
   rootWithIcon: 'gov-button--w-icon',
@@ -14117,22 +14243,22 @@ class GovBadge {
     this.disabled = false;
     this.href = undefined;
     this.target = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.type = 'solid';
     this.tag = 'span';
-    this.nativeType = NativeType$1.SPAN;
-    this.variant = Variants$6.PRIMARY;
+    this.nativeType = 'span';
+    this.variant = 'primary';
     this.wcagLabel = undefined;
     this.h = govHost(this.host);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, BadgeClass.root);
+    validateProp(ButtonVariants, newValue, BadgeClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, BadgeClass.root);
+    validateProp(ButtonSizes, newValue, BadgeClass.root);
   }
   validateType(newValue) {
-    validateProp(Types$2, newValue, BadgeClass.root);
+    validateProp(Type$1, newValue, BadgeClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -14165,11 +14291,11 @@ class GovBadge {
       "disabled": [4],
       "href": [1],
       "target": [1],
-      "size": [8],
-      "type": [8],
+      "size": [1],
+      "type": [1],
       "tag": [1],
-      "nativeType": [8, "native-type"],
-      "variant": [8],
+      "nativeType": [1, "native-type"],
+      "variant": [1],
       "wcagLabel": [1, "wcag-label"]
     },
     "$listeners$": undefined,
@@ -14210,8 +14336,7 @@ class GovBreadcrumbs {
   }
   render() {
     const { isExpandedState } = this;
-    return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root), collapsible: this.collapsible }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: BreadcrumbsClass.list }, hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Dom\u016F"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "arrow-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Kam d\u00E1l"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "arrow-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "\u010Cesk\u00FD eGovernment"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "arrow-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("strong", null, "Czech POINT")))), this.collapsible &&
-      hAsync("gov-button", { "aria-expanded": booleanString(isExpandedState), class: BreadcrumbsClass.button, variant: "primary", size: "s", inverse: true }, hAsync("gov-icon", { slot: "left-icon", name: "arrow-down", onClick: () => this.toggle() }))));
+    return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root), collapsible: this.collapsible }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: BreadcrumbsClass.list }, hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Dom\u016F"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "arrow-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Kam d\u00E1l"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "arrow-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "\u010Cesk\u00FD eGovernment"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "arrow-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("strong", null, "Czech POINT")))), this.collapsible && (hAsync("gov-button", { "aria-expanded": booleanString(isExpandedState), class: BreadcrumbsClass.button, variant: "primary", size: "s", inverse: true }, hAsync("gov-icon", { slot: "left-icon", name: "arrow-down", onClick: () => this.toggle() })))));
   }
   /**
    * Opening the Breadcrumbs
@@ -14291,13 +14416,13 @@ class GovButton {
     this.govFocus = createEvent(this, "gov-focus", 7);
     this.govBlur = createEvent(this, "gov-blur", 7);
     this.variant = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.type = 'solid';
     this.expanded = false;
     this.inverse = false;
     this.name = undefined;
     this.disabled = false;
-    this.nativeType = NativeType.BUTTON;
+    this.nativeType = 'button';
     this.href = undefined;
     this.target = undefined;
     this.download = undefined;
@@ -14323,16 +14448,16 @@ class GovButton {
     this.h = govHost(this.host);
   }
   validateVariant(newValue) {
-    validateProp(Variants$5, newValue, ButtonClass.root);
+    validateProp(ButtonVariants, newValue, ButtonClass.root);
   }
   validateType(newValue) {
-    validateProp(Types$2, newValue, ButtonClass.root);
+    validateProp(Type$1, newValue, ButtonClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, ButtonClass.root);
+    validateProp(Sizes, newValue, ButtonClass.root);
   }
   validateNativeType(newValue) {
-    validateProp(NativeTypes, newValue, ButtonClass.root);
+    validateProp(NativeType, newValue, ButtonClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -14353,25 +14478,14 @@ 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, { hoverable: true, size: this.size, variant: this.variant, class: this.h.classes(this.classNames), type: this.type, inverse: this.inverse }, hAsync(Tag, { class: "element", ref: el => (this.buttonRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onMouseDown: () => (this.isPressed = true), onMouseUp: () => (this.isPressed = false), 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.focusable ? '0' : '-1', "aria-activedescendant": this.wcagActiveDescendant, "aria-describedby": this.wcagActiveDescendant, "aria-description": this.wcagDescription, "aria-controls": this.wcagControls, "aria-details": this.wcagDetails, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-haspopup": toBoolAttrIfDefined(this.wcagHasPopup), "aria-pressed": toBoolAttr(this.isPressed), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-current": this.wcagCurrent }, toBool(this.loading) && !this.h.hasSlot('right-icon') && hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }), this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot('right-icon') && hAsync("slot", { name: "right-icon" }), toBool(this.loading) && this.h.hasSlot('right-icon') && hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }))));
+    return (hAsync(Host, { hoverable: true, size: this.size, variant: this.variant, class: this.h.classes(this.classNames), type: this.type, inverse: this.inverse }, hAsync(Tag, { class: "element", ref: el => (this.buttonRef = el), onClick: this.onClickHandler.bind(this), onFocus: () => this.govFocus.emit(), onBlur: () => this.govBlur.emit(), onMouseDown: () => (this.isPressed = true), onMouseUp: () => (this.isPressed = false), 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.focusable ? '0' : '-1', "aria-activedescendant": this.wcagActiveDescendant, "aria-describedby": this.wcagActiveDescendant, "aria-description": this.wcagDescription, "aria-controls": this.wcagControls, "aria-details": this.wcagDetails, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-haspopup": toBoolAttrIfDefined(this.wcagHasPopup), "aria-pressed": toBoolAttr(this.isPressed), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-current": this.wcagCurrent }, toBool(this.loading) && !this.h.hasSlot('right-icon') && hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }), this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot('right-icon') && hAsync("slot", { name: "right-icon" }), toBool(this.loading) && this.h.hasSlot('right-icon') && hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }))));
   }
   onClickHandler(e) {
     e.stopPropagation();
-    e.preventDefault();
     if (this.disabled === false) {
       this.govClick.emit(e);
     }
   }
-  onFocusHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    this.govFocus.emit(e);
-  }
-  onBlurHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
-    this.govBlur.emit(e);
-  }
   /**
    * Focus button element
    */
@@ -14403,14 +14517,14 @@ class GovButton {
     "$flags$": 4,
     "$tagName$": "gov-button",
     "$members$": {
-      "variant": [8],
-      "size": [8],
-      "type": [8],
+      "variant": [1],
+      "size": [1],
+      "type": [1],
       "expanded": [4],
       "inverse": [4],
       "name": [1],
       "disabled": [4],
-      "nativeType": [8, "native-type"],
+      "nativeType": [1, "native-type"],
       "href": [1],
       "target": [1],
       "download": [4],
@@ -14684,8 +14798,8 @@ class GovErrorCode {
   }; }
 }
 
-const Sizes$1 = [undefined, Sizes$3._M, Sizes$3._L, Sizes$3._XL];
-const Variants$4 = [undefined, Variants$6.PRIMARY, Variants$6.SECONDARY];
+const FormAutocompleteSizes = pick(Sizes, ['_M', '_L', '_XL']);
+const FormAutocompleteVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
 const FormAutocompleteClass = {
   root: 'gov-form-autocomplete',
   list: 'gov-form-autocomplete__list',
@@ -14706,7 +14820,7 @@ class GovFormAutocomplete {
     this.identifier = undefined;
     this.variant = undefined;
     this.success = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.nameKey = 'name';
     this.name = undefined;
     this.required = false;
@@ -14726,10 +14840,10 @@ class GovFormAutocomplete {
     this.listBoxId = createID('GovListBox');
   }
   validateVariant(newValue) {
-    validateProp(Variants$4, newValue, FormAutocompleteClass.root);
+    validateProp(FormAutocompleteVariants, newValue, FormAutocompleteClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes$1, newValue, FormAutocompleteClass.root);
+    validateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root);
   }
   onArrowUp() {
     if (this.arrowCounter > 0) {
@@ -14856,9 +14970,9 @@ class GovFormAutocomplete {
     "$members$": {
       "value": [1537],
       "identifier": [1],
-      "variant": [8],
+      "variant": [1],
       "success": [4],
-      "size": [8],
+      "size": [1],
       "nameKey": [1, "name-key"],
       "name": [1],
       "required": [4],
@@ -14886,29 +15000,54 @@ class GovFormAutocomplete {
   }; }
 }
 
+const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
 const FormCheckboxClass = {
   root: 'gov-form-checkbox',
   check: 'gov-form-checkbox__check',
 };
 
+pick(Sizes, ['_M', '_L', '_XL']);
 const FormControlClass = {
   root: 'gov-form-control',
   holder: 'gov-form-control__holder',
   bottom: 'gov-form-control__bottom',
 };
 
-const Variants$3 = [undefined, Variants$6.PRIMARY, Variants$6.SECONDARY];
+const FormInputSizes = pick(Sizes, ['_M', '_L', '_XL']);
+const FormInputVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
+var InputTypes;
+(function (InputTypes) {
+  InputTypes["COLOR"] = "color";
+  InputTypes["DATE"] = "date";
+  InputTypes["DATETIME_LOCAL"] = "datetime-local";
+  InputTypes["EMAIL"] = "email";
+  InputTypes["MONTH"] = "month";
+  InputTypes["NUMBER"] = "number";
+  InputTypes["PASSWORD"] = "password";
+  InputTypes["SEARCH"] = "search";
+  InputTypes["TEL"] = "tel";
+  InputTypes["TEXT"] = "text";
+  InputTypes["TIME"] = "time";
+  InputTypes["URL"] = "url";
+  InputTypes["WEEK"] = "week";
+})(InputTypes || (InputTypes = {}));
+var Type;
+(function (Type) {
+  Type["RESET"] = "reset";
+})(Type || (Type = {}));
 const FormInputClass = {
   root: 'gov-form-input',
 };
 
-const Variants$2 = [undefined, Variants$6.PRIMARY, Variants$6.SECONDARY];
+const FormSelectSizes = pick(Sizes, ['_M', '_L', '_XL']);
+const FormSelectVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
 const FormSelectClass = {
   root: 'gov-form-select',
   icon: 'gov-form-select__icon',
 };
 
-const Variants$1 = [undefined, Variants$6.PRIMARY, Variants$6.SECONDARY];
+const FormMultiselectSizes = pick(Sizes, ['_M', '_L', '_XL']);
+const FormMultiselectVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
 const FormMultiSelectClass = {
   root: 'gov-form-multi-select',
   wrap: 'gov-form-multi-select__wrap',
@@ -14916,6 +15055,7 @@ const FormMultiSelectClass = {
   item: 'gov-form-multi-select__item',
 };
 
+const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
 const FormSwitchClass = {
   root: 'gov-form-switch',
   holder: 'gov-form-switch__holder',
@@ -14923,6 +15063,7 @@ const FormSwitchClass = {
   indicator: 'gov-form-switch__indicator',
 };
 
+const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L']);
 const FormRadioClass = {
   root: 'gov-form-radio',
   holder: 'gov-form-radio__holder',
@@ -14930,7 +15071,7 @@ const FormRadioClass = {
   indicator: 'gov-form-radio__indicator',
 };
 
-const Variants = [undefined, Variants$6.SECONDARY, Variants$6.SUCCESS, Variants$6.ERROR, Variants$6.WARNING];
+const FormMessageVariants = pick(Variants, ['SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
 const FormMessageClass = {
   root: 'gov-form-message',
   content: 'gov-form-message__content',
@@ -15002,7 +15143,7 @@ class GovFormCheckbox {
     this.required = false;
     this.disabled = undefined;
     this.name = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.identifier = undefined;
     this.invalid = undefined;
     this.wcagDescribedBy = undefined;
@@ -15020,7 +15161,7 @@ class GovFormCheckbox {
     });
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, FormCheckboxClass.root);
+    validateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root);
   }
   componentWillLoad() {
     this.isChecked = this.checked;
@@ -15035,26 +15176,17 @@ class GovFormCheckbox {
   }
   render() {
     const { isChecked } = this;
-    return (hAsync(Host, { class: FormCheckboxClass.root, "is-checked": isChecked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("input", { id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.isChecked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": toBoolAttr(this.isChecked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check" }))));
+    return (hAsync(Host, { class: FormCheckboxClass.root, "is-checked": isChecked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("input", { id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.isChecked, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": toBoolAttr(this.isChecked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check" }))));
   }
   onFocusHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
     this.govFocus.emit(e);
   }
   onBlurHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
     this.govBlur.emit(e);
   }
-  onClickHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
-  }
   onChangeHandler(e) {
     this.isChecked = e.target.checked;
     e.stopPropagation();
-    e.preventDefault();
     this.govChange.emit({
       checked: this.isChecked,
       value: this.value,
@@ -15083,7 +15215,7 @@ class GovFormCheckbox {
       "required": [4],
       "disabled": [4],
       "name": [1],
-      "size": [8],
+      "size": [1],
       "identifier": [1],
       "invalid": [4],
       "wcagDescribedBy": [1, "wcag-described-by"],
@@ -15102,16 +15234,16 @@ const govFormControlCss = ".gov-spin-animation,.gov-pseudo-spin-animation::befor
 class GovFormControl {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.gap = false;
+    this.gap = undefined;
     this.identifier = undefined;
     this.invalid = false;
     this.disabled = false;
     this.success = false;
     this.fieldset = false;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.h = govHost(this.host);
     this.f = govForm(this.h);
-    this.controlId = createID("GovFormControl");
+    this.controlId = createID('GovFormControl');
   }
   watchInvalid() {
     this.passChildAttrs();
@@ -15127,25 +15259,25 @@ class GovFormControl {
   }
   passChildAttrs() {
     const formElements = [
-      "gov-form-select",
-      "gov-form-input",
-      "gov-form-switch",
-      "gov-form-checkbox",
-      "gov-form-radio",
-      "gov-form-multi-select",
-      "gov-form-file",
-      "gov-form-search",
+      'gov-form-select',
+      'gov-form-input',
+      'gov-form-switch',
+      'gov-form-checkbox',
+      'gov-form-radio',
+      'gov-form-multi-select',
+      'gov-form-file',
+      'gov-form-search',
     ];
-    this.h.passChildAttr(formElements, "size", this.size);
-    this.h.passChildAttr(formElements, "invalid", this.invalid);
-    this.h.passChildAttr(formElements, "disabled", this.disabled);
-    this.h.passChildAttr(formElements, "success", this.success);
+    this.h.passChildAttr(formElements, 'size', this.size);
+    this.h.passChildAttr(formElements, 'invalid', this.invalid);
+    this.h.passChildAttr(formElements, 'disabled', this.disabled);
+    this.h.passChildAttr(formElements, 'success', this.success);
     if (this.f.hasGroupChildren === false) {
-      this.h.passChildAttr([...formElements, "gov-form-label"], "identifier", this.identifier || this.controlId);
+      this.h.passChildAttr([...formElements, 'gov-form-label'], 'identifier', this.identifier || this.controlId);
     }
   }
   formElementDescriptionControl() {
-    const bottomSlot = this.host.querySelector("." + FormControlClass.bottom);
+    const bottomSlot = this.host.querySelector('.' + FormControlClass.bottom);
     if (!bottomSlot)
       return;
     this.observer = new MutationObserver(function () {
@@ -15156,20 +15288,20 @@ class GovFormControl {
   syncControlMessages() {
     Promise.all(this.f.messageElements.map((message) => message.identifier())).then((ids) => {
       this.f.mainElementsInControl.forEach((element) => {
-        const currentValue = splitByWhitespace(element.getAttribute("wcag-described-by"));
-        element.removeAttribute("wcag-described-by");
+        const currentValue = splitByWhitespace(element.getAttribute('wcag-described-by'));
+        element.removeAttribute('wcag-described-by');
         if (Array.isArray(currentValue)) {
-          currentValue.forEach(id => (id.indexOf("GovFormMessage") === -1 ? ids.push(id) : null));
+          currentValue.forEach(id => (id.indexOf('GovFormMessage') === -1 ? ids.push(id) : null));
         }
         if (ids.length) {
-          element.setAttribute("wcag-described-by", ids.join(" "));
+          element.setAttribute('wcag-described-by', ids.join(' '));
         }
       });
     });
   }
   render() {
-    const Tag = this.fieldset ? "fieldset" : "div";
-    return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot("top") && hAsync("slot", { name: "top" }), hAsync("slot", null), this.h.hasSlot("bottom") && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
+    const Tag = this.fieldset ? 'fieldset' : 'div';
+    return (hAsync(Host, { size: this.size, class: this.h.classes(FormControlClass.root) }, hAsync(Tag, { class: FormControlClass.holder }, this.h.hasSlot('top') && hAsync("slot", { name: "top" }), hAsync("slot", null), this.h.hasSlot('bottom') && (hAsync("div", { class: FormControlClass.bottom }, hAsync("slot", { name: "bottom" }))))));
   }
   get host() { return getElement(this); }
   static get watchers() { return {
@@ -15180,13 +15312,13 @@ class GovFormControl {
     "$flags$": 4,
     "$tagName$": "gov-form-control",
     "$members$": {
-      "gap": [8],
+      "gap": [1],
       "identifier": [1],
       "invalid": [4],
       "disabled": [4],
       "success": [4],
       "fieldset": [4],
-      "size": [8]
+      "size": [1]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -15424,7 +15556,7 @@ class GovFormInput {
     this.identifier = undefined;
     this.variant = undefined;
     this.success = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.name = undefined;
     this.multiline = undefined;
     this.rows = undefined;
@@ -15452,10 +15584,10 @@ class GovFormInput {
     this.f = govForm(govHost(this.host));
   }
   validateVariant(newValue) {
-    validateProp(Variants$3, newValue, FormInputClass.root);
+    validateProp(FormInputVariants, newValue, FormInputClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, FormInputClass.root);
+    validateProp(FormInputSizes, newValue, FormInputClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -15473,26 +15605,20 @@ class GovFormInput {
     return (hAsync(Host, { class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check" }), this.invalid && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation" }), hAsync(Tag, { type: 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), ref: el => (this.inputRef = el), placeholder: this.placeholder, value: this.value, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, required: this.required, rows: this.rows, cols: this.cols, role: this.role, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-autocomplete": this.wcagAutocomplete })), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
   }
   onFocusHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
     this.focused = true;
     this.govFocus.emit(e);
   }
   onBlurHandler(e) {
-    e.stopPropagation();
-    e.preventDefault();
     this.focused = false;
     this.govBlur.emit(e);
   }
   onKeyUpHandler(e) {
     e.stopPropagation();
-    e.preventDefault();
     this.govKeyUp.emit(e);
   }
   onInputHandler(e) {
     this.value = e.target.value;
     e.stopPropagation();
-    e.preventDefault();
     this.govInput.emit(e);
   }
   /**
@@ -15541,9 +15667,9 @@ class GovFormInput {
     "$members$": {
       "value": [1537],
       "identifier": [1],
-      "variant": [8],
+      "variant": [1],
       "success": [4],
-      "size": [8],
+      "size": [1],
       "name": [1],
       "multiline": [4],
       "rows": [2],
@@ -15556,8 +15682,8 @@ class GovFormInput {
       "maxlength": [2],
       "autocomplete": [4],
       "autocorrect": [4],
-      "type": [8],
-      "inputType": [8, "input-type"],
+      "type": [1],
+      "inputType": [1, "input-type"],
       "role": [1],
       "invalid": [4],
       "wcagDescribedBy": [1, "wcag-described-by"],
@@ -15610,12 +15736,12 @@ const govFormMessageCss = ".gov-spin-animation,.gov-pseudo-spin-animation::befor
 class GovFormMessage {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.variant = Variants$6.SECONDARY;
+    this.variant = 'secondary';
     this.h = govHost(this.host);
     this.messageId = createID('GovFormMessage');
   }
   validateVariant(newValue) {
-    validateProp(Variants, newValue, FormMessageClass.root);
+    validateProp(FormMessageVariants, newValue, FormMessageClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -15638,7 +15764,7 @@ class GovFormMessage {
     "$flags$": 4,
     "$tagName$": "gov-form-message",
     "$members$": {
-      "variant": [8],
+      "variant": [1],
       "identifier": [64]
     },
     "$listeners$": undefined,
@@ -15658,7 +15784,7 @@ class GovFormMultiSelect {
     this.identifier = undefined;
     this.placeholder = undefined;
     this.variant = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.name = undefined;
     this.required = false;
     this.disabled = undefined;
@@ -15673,10 +15799,10 @@ class GovFormMultiSelect {
     this.listId = createID('GovMultiList');
   }
   validateVariant(newValue) {
-    validateProp(Variants$1, newValue, FormMultiSelectClass.root);
+    validateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, FormMultiSelectClass.root);
+    validateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root);
   }
   emitChange(newValue) {
     this.govChange.emit(newValue);
@@ -15821,8 +15947,8 @@ class GovFormMultiSelect {
     "$members$": {
       "identifier": [1],
       "placeholder": [1],
-      "variant": [8],
-      "size": [8],
+      "variant": [1],
+      "size": [1],
       "name": [1],
       "required": [4],
       "disabled": [4],
@@ -15857,7 +15983,7 @@ class GovFormRadio {
     this.required = false;
     this.disabled = undefined;
     this.name = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.identifier = undefined;
     this.invalid = undefined;
     this.wcagDescribedBy = undefined;
@@ -15875,7 +16001,7 @@ class GovFormRadio {
     });
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, FormRadioClass.root);
+    validateProp(FormRadioSizes, newValue, FormRadioClass.root);
   }
   componentWillLoad() {
     this.isChecked = this.checked;
@@ -15929,7 +16055,7 @@ class GovFormRadio {
       "required": [4],
       "disabled": [4],
       "name": [1],
-      "size": [8],
+      "size": [1],
       "identifier": [1],
       "invalid": [4],
       "wcagDescribedBy": [1, "wcag-described-by"],
@@ -15981,7 +16107,7 @@ class GovFormSelect {
     this.value = undefined;
     this.identifier = undefined;
     this.variant = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.name = undefined;
     this.required = false;
     this.disabled = undefined;
@@ -15997,10 +16123,10 @@ class GovFormSelect {
     this.f = govForm(govHost(this.host));
   }
   validateVariant(newValue) {
-    validateProp(Variants$2, newValue, FormSelectClass.root);
+    validateProp(FormSelectVariants, newValue, FormSelectClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, FormSelectClass.root);
+    validateProp(FormSelectSizes, newValue, FormSelectClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -16074,8 +16200,8 @@ class GovFormSelect {
     "$members$": {
       "value": [1537],
       "identifier": [1],
-      "variant": [8],
-      "size": [8],
+      "variant": [1],
+      "size": [1],
       "name": [1],
       "required": [4],
       "disabled": [4],
@@ -16110,7 +16236,7 @@ class GovFormSwitch {
     this.required = false;
     this.disabled = undefined;
     this.name = undefined;
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.identifier = undefined;
     this.invalid = undefined;
     this.wcagDescribedBy = undefined;
@@ -16128,7 +16254,7 @@ class GovFormSwitch {
     });
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, FormSwitchClass.root);
+    validateProp(FormSwitchSizes, newValue, FormSwitchClass.root);
   }
   componentWillLoad() {
     this.isChecked = this.checked;
@@ -16182,7 +16308,7 @@ class GovFormSwitch {
       "required": [4],
       "disabled": [4],
       "name": [1],
-      "size": [8],
+      "size": [1],
       "identifier": [1],
       "invalid": [4],
       "wcagDescribedBy": [1, "wcag-described-by"],
@@ -16236,7 +16362,7 @@ const govGridItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{a
 class GovGridItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.size = "12/12";
+    this.size = '12/12';
     this.sizeSm = undefined;
     this.sizeMd = undefined;
     this.sizeLg = undefined;
@@ -16264,6 +16390,12 @@ class GovGridItem {
   }; }
 }
 
+var Types;
+(function (Types) {
+  Types["BASIC"] = "basic";
+  Types["COMPLEX"] = "complex";
+  Types["COLORED"] = "colored";
+})(Types || (Types = {}));
 const IconClass = {
   root: 'gov-icon',
   holder: 'gov-icon__holder',
@@ -16338,56 +16470,50 @@ class GovIcon {
 const LayoutClass = {
   root: 'gov-layout',
   section: 'gov-layout__section',
-  content: 'gov-layout__content',
-  aside: 'gov-layout__aside',
-};
-const LayoutAsideClass = {
-  root: 'gov-layout-aside',
 };
-const LayoutContentClass = {
-  root: 'gov-layout-content',
+var LayoutTypes;
+(function (LayoutTypes) {
+  LayoutTypes["STRETCH"] = "stretch";
+  LayoutTypes["ASIDE"] = "aside";
+  LayoutTypes["TEXT"] = "text";
+})(LayoutTypes || (LayoutTypes = {}));
+var LayoutVariant;
+(function (LayoutVariant) {
+  LayoutVariant["LEFT"] = "left";
+  LayoutVariant["RIGHT"] = "right";
+})(LayoutVariant || (LayoutVariant = {}));
+const LayoutColumnClass = {
+  root: 'gov-layout-column',
 };
 
-const govLayoutCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-layout{position:relative;display:block;width:100%}.gov-layout__section{display:flex;gap:var(--gov-layout-gap, 1.375rem);flex-direction:column}@media (min-width: 64em){.gov-layout__section{flex-direction:row}}";
+const govLayoutCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-layout{position:relative;display:block;width:100%}.gov-layout__section{display:flex;gap:var(--gov-layout-gap, 1.375rem);flex-direction:column}@media (min-width: 64em){.gov-layout__section{flex-direction:row}.gov-layout__section-aside-right .gov-layout-column:first-child,.gov-layout__section-aside .gov-layout-column:first-child{flex:1 1 auto;width:auto}.gov-layout__section-aside-right .gov-layout-column:last-child,.gov-layout__section-aside .gov-layout-column:last-child{flex:0 0 auto;width:calc(var(--gov-container-width, 73.75rem) / 3 - var(--gov-layout-gap, 1.375rem))}.gov-layout__section-aside-left .gov-layout-column:first-child{flex:0 0 auto;width:calc(var(--gov-container-width, 73.75rem) / 3 - var(--gov-layout-gap, 1.375rem))}.gov-layout__section-aside-left .gov-layout-column:last-child{flex:1 1 auto;width:auto}.gov-layout__section-aside-right-inverse .gov-layout-column:first-child{order:1}.gov-layout__section-aside-left-inverse .gov-layout-column:first-child{order:2}.gov-layout__section-text{width:var(--gov-layout-content-width, 48.75rem);margin-right:auto;margin-left:auto}.gov-layout__section-text-left{width:var(--gov-layout-content-width, 48.75rem);margin-right:auto}.gov-layout__section-text-right{width:var(--gov-layout-content-width, 48.75rem);margin-left:auto}}";
 
 class GovLayout {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.type = 'stretch';
+    this.variant = undefined;
+    this.inverse = false;
     this.h = govHost(this.host);
   }
+  typeClass(originalClass, type, variant, inverse) {
+    const isType = type ? '-' + type : '';
+    const isVariant = variant ? '-' + variant : '';
+    const isInverse = inverse ? '-inverse' : '';
+    return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
+  }
   render() {
-    return (hAsync(Host, { class: this.h.classes(LayoutClass.root) }, hAsync("section", { class: LayoutClass.section }, hAsync("slot", null))));
+    return (hAsync(Host, { type: this.type, class: this.h.classes(LayoutClass.root) }, hAsync("section", { class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, hAsync("slot", null))));
   }
   get host() { return getElement(this); }
   static get style() { return govLayoutCss; }
   static get cmpMeta() { return {
     "$flags$": 4,
     "$tagName$": "gov-layout",
-    "$members$": undefined,
-    "$listeners$": undefined,
-    "$lazyBundleId$": "-",
-    "$attrsToReflect$": []
-  }; }
-}
-
-const govLayoutAsideCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@media (min-width: 64em){.gov-layout-aside{flex:0 0 auto;order:2;width:calc(var(--gov-container-width, 73.75rem) - var(--gov-layout-content-width, 48.75rem) - var(--gov-layout-gap, 1.375rem))}.gov-layout-aside[position=left i]{order:1}.gov-layout-aside[position=right i]{order:3}}";
-
-class GovLayoutAside {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.position = null;
-    this.h = govHost(this.host);
-  }
-  render() {
-    return (hAsync(Host, { class: this.h.classes(LayoutAsideClass.root), position: this.position }, hAsync("slot", null)));
-  }
-  get host() { return getElement(this); }
-  static get style() { return govLayoutAsideCss; }
-  static get cmpMeta() { return {
-    "$flags$": 4,
-    "$tagName$": "gov-layout-aside",
     "$members$": {
-      "position": [1]
+      "type": [1],
+      "variant": [1],
+      "inverse": [4]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -16395,25 +16521,22 @@ class GovLayoutAside {
   }; }
 }
 
-const govLayoutContentCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-layout-content{position:relative;display:block;text-align:inherit}@media (min-width: 64em){.gov-layout-content{flex:0 0 auto;order:2;width:var(--gov-layout-content-width, 48.75rem)}.gov-layout-content[align=stretch i]{flex:1 1 auto;width:auto}.gov-layout-content[align=left i]{margin-right:auto}.gov-layout-content[align=center i]{margin-right:auto;margin-left:auto}.gov-layout-content[align=right i]{margin-left:auto}}";
+const govLayoutColumnCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-layout-column{position:relative;display:block}";
 
-class GovLayoutContent {
+class GovLayoutColumn {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.align = "stretch";
     this.h = govHost(this.host);
   }
   render() {
-    return (hAsync(Host, { class: this.h.classes(LayoutContentClass.root), align: this.align }, hAsync("slot", null)));
+    return (hAsync(Host, { class: this.h.classes(LayoutColumnClass.root) }, hAsync("slot", null)));
   }
   get host() { return getElement(this); }
-  static get style() { return govLayoutContentCss; }
+  static get style() { return govLayoutColumnCss; }
   static get cmpMeta() { return {
     "$flags$": 4,
-    "$tagName$": "gov-layout-content",
-    "$members$": {
-      "align": [1]
-    },
+    "$tagName$": "gov-layout-column",
+    "$members$": undefined,
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
     "$attrsToReflect$": []
@@ -16435,7 +16558,7 @@ class GovLoading {
     this.h = govHost(this.host);
   }
   render() {
-    return (hAsync(Host, { class: this.h.classes(LoadingClass.root), loading: this.loading }, hAsync("div", { class: LoadingClass.content }, hAsync("gov-icon", { class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader" }), hAsync("slot", null)), hAsync("gov-backdrop", { visible: this.loading, inverse: true })));
+    return (hAsync(Host, { class: this.h.classes(LoadingClass.root), loading: this.loading }, hAsync("div", { class: LoadingClass.content }, hAsync("gov-icon", { class: prepareClasses([LoadingClass.icon, 'gov-spin-animation']), name: "loader" }), hAsync("slot", null)), hAsync("gov-backdrop", { visible: this.loading, inverse: true })));
   }
   get host() { return getElement(this); }
   static get style() { return govLoadingCss; }
@@ -16451,6 +16574,7 @@ class GovLoading {
   }; }
 }
 
+pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS']);
 const MessageClass = {
   root: 'gov-message',
   icon: 'gov-message__icon',
@@ -16463,11 +16587,11 @@ const govMessageCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{an
 class GovMessage {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.variant = Variants$6.PRIMARY;
+    this.variant = Variants.PRIMARY;
     this.h = govHost(this.host);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, MessageClass.root);
+    validateProp(Variants, newValue, MessageClass.root);
   }
   render() {
     return (hAsync(Host, { class: this.h.classes(MessageClass.root), variant: this.variant, role: "alert" }, this.h.hasSlot('icon') && (hAsync("span", { class: MessageClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: MessageClass.content }, hAsync("slot", null))));
@@ -16481,7 +16605,7 @@ class GovMessage {
     "$flags$": 4,
     "$tagName$": "gov-message",
     "$members$": {
-      "variant": [8]
+      "variant": [1]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -16693,8 +16817,13 @@ class GovNavItem {
 
 var Fragment = (_, children) => [...children];
 
-const Sizes = [Sizes$3._S, Sizes$3._M, undefined];
-const Types$1 = [undefined, 'button', 'select'];
+const PaginationSizes = pick(Sizes, ['_S', '_M']);
+const PaginationVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
+var PaginationTypes;
+(function (PaginationTypes) {
+  PaginationTypes["BUTTON"] = "button";
+  PaginationTypes["SELECT"] = "select";
+})(PaginationTypes || (PaginationTypes = {}));
 const PaginationClass = {
   root: 'gov-pagination',
   list: 'gov-pagination__list',
@@ -16761,7 +16890,7 @@ function paginate(totalItems, currentPage = 1, pageSize = 10, maxPages = 10) {
   };
 }
 
-const govPaginationCss = ".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;color:var(--gov-pagination-color, var(--gov-color-primary));text-decoration:none}.gov-pagination button.gov-pagination__inner,.gov-pagination a.gov-pagination__inner{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color 150ms, color 150ms}.gov-pagination button.gov-pagination__inner:focus,.gov-pagination a.gov-pagination__inner:focus{outline:none}@media not all and (pointer: coarse){.gov-pagination button.gov-pagination__inner:hover,.gov-pagination a.gov-pagination__inner:hover{background-color:var(--gov-pagination-bg-active, var(--gov-color-primary-100));color:var(--gov-pagination-color-active, var(--gov-color-secondary))}}.gov-pagination[size=s] .gov-pagination__inner{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);font-weight:inherit}.gov-pagination[size=s] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-s-button-size, 2rem)}@media (min-width: 48em){.gov-pagination[size=s] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-s-button-size-md, 2rem)}}.gov-pagination[size=m] .gov-pagination__inner{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);font-weight:inherit}.gov-pagination[size=m] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-m-button-size, 2rem)}@media (min-width: 48em){.gov-pagination[size=m] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-s-button-size-md, 2.5rem)}}";
+const govPaginationCss = ".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__item .gov-button .element{width:var(--gov-pagination-button-size, 2rem)}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;color:var(--gov-pagination-color, var(--gov-color-primary));text-decoration:none}.gov-pagination button.gov-pagination__inner,.gov-pagination a.gov-pagination__inner{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color 150ms, color 150ms}.gov-pagination button.gov-pagination__inner:focus,.gov-pagination a.gov-pagination__inner:focus{outline:none}@media not all and (pointer: coarse){.gov-pagination button.gov-pagination__inner:hover,.gov-pagination a.gov-pagination__inner:hover{background-color:var(--gov-pagination-bg-active, var(--gov-color-primary-100));color:var(--gov-pagination-color-active, var(--gov-color-secondary))}}.gov-pagination[size=s] .gov-pagination__inner{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);font-weight:inherit}@media (min-width: 48em){.gov-pagination[size=s] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-s-button-size, 2rem)}}.gov-pagination[size=m] .gov-pagination__inner{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);font-weight:inherit}@media (min-width: 48em){.gov-pagination[size=m] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-m-button-size, 2.5rem)}}";
 
 class GovPagination {
   constructor(hostRef) {
@@ -16771,27 +16900,27 @@ class GovPagination {
     this.current = 1;
     this.total = undefined;
     this.inverse = undefined;
-    this.size = Sizes$3._M;
-    this.variant = Variants$6.PRIMARY;
+    this.size = 'm';
+    this.variant = 'primary';
     this.pageSize = 10;
     this.maxPages = 5;
     this.link = undefined;
     this.wcagLabel = undefined;
     this.wcagLabelledBy = undefined;
-    this.wcagSelectLabel = "Vybrat stranu";
-    this.wcagPageLabel = "Strana";
+    this.wcagSelectLabel = 'Vybrat stranu';
+    this.wcagPageLabel = 'Strana';
     this.pagination = undefined;
     this.h = govHost(this.host);
-    this.pageSelectId = createID("GovPageSelect");
+    this.pageSelectId = createID('GovPageSelect');
   }
   validateType(newValue) {
-    validateProp(Types$1, newValue, PaginationClass.root);
+    validateProp(PaginationTypes, newValue, PaginationClass.root);
   }
   validateSize(newValue) {
-    validateProp(Sizes, newValue, PaginationClass.root);
+    validateProp(PaginationSizes, newValue, PaginationClass.root);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, PaginationClass.root);
+    validateProp(PaginationVariants, newValue, PaginationClass.root);
   }
   componentWillLoad() {
     this.recalculatePagination(this.current);
@@ -16809,7 +16938,7 @@ class GovPagination {
   }
   isActivePageClass(originalClass, page) {
     if (this.pagination.currentPage === page) {
-      return originalClass + " is-active";
+      return originalClass + ' is-active';
     }
     else {
       return originalClass;
@@ -16819,8 +16948,8 @@ class GovPagination {
     const pageResolver = (page, content) => {
       const isDisabled = page === -1;
       const ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
-      const buttonType = this.pagination.currentPage === page ? "solid" : "base";
-      return (hAsync("gov-button", { variant: this.variant, size: this.size, type: buttonType, inverse: this.pagination.currentPage === page ? true : false, disabled: isDisabled, "gov-click": () => this.onClickHandler(page), "wcag-label": this.wcagPageLabel + " " + page, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
+      const buttonType = this.pagination.currentPage === page ? 'solid' : 'base';
+      return (hAsync("gov-button", { variant: this.variant, size: this.size, type: buttonType, inverse: this.pagination.currentPage === page ? true : false, disabled: isDisabled, "gov-click": () => this.onClickHandler(page), "wcag-label": this.wcagPageLabel + ' ' + page, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
     };
     return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "double-arrow-left" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "arrow-left" }))), this.type == 'select' ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", "wcag-labelled-by": this.pageSelectId }, this.pagination.pages.map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page)))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", "wcag-labelled-by": this.pageSelectId }, hAsync("option", { value: "..." }, "..."), this.pagination.pages.map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page)))))))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "arrow-right" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "double-arrow-right" })))))));
   }
@@ -16832,8 +16961,8 @@ class GovPagination {
    * Validate the WCAG attributes of the component
    */
   async validateWcag() {
-    validateWcagProp(this.wcagPageLabel, "wcag-page-label", PaginationClass.root);
-    validateWcagProp(this.wcagSelectLabel, "wcag-select-label", PaginationClass.root);
+    validateWcagProp(this.wcagPageLabel, 'wcag-page-label', PaginationClass.root);
+    validateWcagProp(this.wcagSelectLabel, 'wcag-select-label', PaginationClass.root);
     validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, PaginationClass.root);
   }
   get host() { return getElement(this); }
@@ -16847,12 +16976,12 @@ class GovPagination {
     "$flags$": 0,
     "$tagName$": "gov-pagination",
     "$members$": {
-      "type": [8],
+      "type": [1],
       "current": [2],
       "total": [2],
       "inverse": [4],
-      "size": [8],
-      "variant": [8],
+      "size": [1],
+      "variant": [1],
       "pageSize": [2, "page-size"],
       "maxPages": [2, "max-pages"],
       "link": [1],
@@ -17079,7 +17208,7 @@ class GovSideNavItem {
     const { isExpandedState, label } = this;
     // TODO: správný počet zanořených childů
     const hasChilds = this.host.children.length > 1;
-    return (hAsync(Host, { class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.badge }, hAsync("gov-badge", { variant: "secondary", size: "xs", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "arrow-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "arrow-down" })))))), hasChilds && (hAsync("div", { class: SideNavItemClass.content }, hAsync("slot", null)))));
+    return (hAsync(Host, { class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.badge }, hAsync("gov-badge", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "arrow-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "arrow-down" })))))), hasChilds && (hAsync("div", { class: SideNavItemClass.content }, hAsync("slot", null)))));
   }
   /**
    * Opening the sidenav
@@ -17137,18 +17266,15 @@ class GovSideNavItem {
   }; }
 }
 
-const BreakpointTable = {
-  none: '0em',
-  sm: '30em',
-  md: '48em',
-  lg: '64em',
-  xl: '75em',
-};
-const BreakpointNames = Object.keys(BreakpointTable);
-
-BreakpointNames.push(undefined);
-const SpacerSize = [undefined, Sizes$3._2XS, Sizes$3._XS, Sizes$3._S, Sizes$3._M, Sizes$3._L, Sizes$3._XL, Sizes$3._2XL, Sizes$3._3XL, Sizes$3._5XL];
-const SpacerBreakpoints = BreakpointNames;
+const SpacerSize = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_5XL']);
+var SpacerBreakpoints;
+(function (SpacerBreakpoints) {
+  SpacerBreakpoints["NONE"] = "none";
+  SpacerBreakpoints["SM"] = "sm";
+  SpacerBreakpoints["MD"] = "md";
+  SpacerBreakpoints["LG"] = "lg";
+  SpacerBreakpoints["XL"] = "xl";
+})(SpacerBreakpoints || (SpacerBreakpoints = {}));
 const SpacerClass = {
   root: 'gov-spacer',
 };
@@ -17185,7 +17311,7 @@ class GovSpacer {
     "$flags$": 0,
     "$tagName$": "gov-spacer",
     "$members$": {
-      "size": [8],
+      "size": [1],
       "breakpoint": [1]
     },
     "$listeners$": undefined,
@@ -17194,8 +17320,11 @@ class GovSpacer {
   }; }
 }
 
-const StatsBarIconPosition = [undefined, 'left'];
-const StatsBarVariant = [undefined, 'primary', 'secondary'];
+var StatsBarIconPosition;
+(function (StatsBarIconPosition) {
+  StatsBarIconPosition["LEFT"] = "left";
+})(StatsBarIconPosition || (StatsBarIconPosition = {}));
+const StatsBarVariant = pick(Variants, ['PRIMARY', 'SECONDARY']);
 const StatsBarClass = {
   root: 'gov-statsbar',
   section: 'gov-statsbar__section',
@@ -17213,7 +17342,7 @@ class GovStatsbar {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.iconPosition = undefined;
-    this.variant = Variants$6.PRIMARY;
+    this.variant = 'primary';
     this.h = govHost(this.host);
   }
   validateIconPosition(newValue) {
@@ -17228,8 +17357,8 @@ class GovStatsbar {
   }
   componentDidLoad() {
     this.host.querySelectorAll(StatsBarItemClass.root).forEach((node) => {
-      if (this.iconPosition === "left") {
-        node.setAttribute("icon-position", "left");
+      if (this.iconPosition === 'left') {
+        node.setAttribute('icon-position', 'left');
       }
     });
   }
@@ -17246,8 +17375,8 @@ class GovStatsbar {
     "$flags$": 4,
     "$tagName$": "gov-statsbar",
     "$members$": {
-      "iconPosition": [8, "icon-position"],
-      "variant": [8]
+      "iconPosition": [1, "icon-position"],
+      "variant": [1]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -17281,7 +17410,7 @@ class GovStatsbarItem {
     "$flags$": 4,
     "$tagName$": "gov-statsbar-item",
     "$members$": {
-      "iconPosition": [8, "icon-position"]
+      "iconPosition": [1, "icon-position"]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -17289,6 +17418,8 @@ class GovStatsbarItem {
   }; }
 }
 
+const StepperVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS']);
+const StepperSizes = pick(Sizes, ['_XS', '_S', '_M']);
 const StepperClass = {
   root: 'gov-stepper',
 };
@@ -17311,19 +17442,19 @@ class GovStepper {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.h = govHost(this.host);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, StepperClass.root);
+    validateProp(StepperSizes, newValue, StepperClass.root);
   }
   componentWillLoad() {
     this.validateSize(this.size);
   }
   componentDidLoad() {
     this.host.querySelectorAll(StepperItemClass.root).forEach((child) => {
-      child.setAttribute("size", this.size);
-      child.addEventListener("gov-change", (e) => {
+      child.setAttribute('size', this.size);
+      child.addEventListener('gov-change', (e) => {
         e.stopPropagation();
         this.govChange.emit(e.detail);
       });
@@ -17341,7 +17472,7 @@ class GovStepper {
     "$flags$": 4,
     "$tagName$": "gov-stepper",
     "$members$": {
-      "size": [8]
+      "size": [1]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -17356,8 +17487,8 @@ class GovStepperItem {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
     this.isExpandedState = undefined;
-    this.variant = Variants$6.PRIMARY;
-    this.size = Sizes$3._M;
+    this.variant = 'primary';
+    this.size = 'm';
     this.identifier = undefined;
     this.label = undefined;
     this.annotation = undefined;
@@ -17380,7 +17511,7 @@ class GovStepperItem {
     }
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, StepperItemClass.root);
+    validateProp(StepperVariants, newValue, StepperItemClass.root);
   }
   componentWillLoad() {
     this.validateLabel(this.label);
@@ -17392,8 +17523,7 @@ class GovStepperItem {
     const contentId = this.contentId;
     const { label } = this;
     const TriggerTag = this.triggerTag;
-    return (hAsync(Host, { class: prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot]), variant: this.variant }, hAsync("div", { id: triggerId, class: StepperItemClass.header, role: "listitem" }, hAsync(TriggerTag, { class: StepperItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: StepperItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: StepperItemClass.name }, hAsync("span", { class: StepperItemClass.label }, label), this.annotation &&
-      hAsync("span", { class: StepperItemClass.annot }, this.annotation)))), this.h.hasSlot('content') && (hAsync("div", { class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { name: "content" })))));
+    return (hAsync(Host, { class: prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot]), variant: this.variant }, hAsync("div", { id: triggerId, class: StepperItemClass.header, role: "listitem" }, hAsync(TriggerTag, { class: StepperItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: StepperItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: StepperItemClass.name }, hAsync("span", { class: StepperItemClass.label }, label), this.annotation && hAsync("span", { class: StepperItemClass.annot }, this.annotation)))), this.h.hasSlot('content') && (hAsync("div", { class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, hAsync("slot", { name: "content" })))));
   }
   /**
    * Returns the current state of the component
@@ -17412,8 +17542,8 @@ class GovStepperItem {
     "$flags$": 4,
     "$tagName$": "gov-stepper-item",
     "$members$": {
-      "variant": [8],
-      "size": [8],
+      "variant": [1],
+      "size": [1],
       "identifier": [1],
       "label": [1],
       "annotation": [1],
@@ -17427,7 +17557,17 @@ class GovStepperItem {
   }; }
 }
 
-const Types = [undefined, 'text', 'badge'];
+const TabVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
+var TabTypes;
+(function (TabTypes) {
+  TabTypes["TEXT"] = "text";
+  TabTypes["BADGE"] = "badge";
+})(TabTypes || (TabTypes = {}));
+var TabOrientation;
+(function (TabOrientation) {
+  TabOrientation["HORIZONTAL"] = "horizontal";
+  TabOrientation["VERTICAL"] = "vertical";
+})(TabOrientation || (TabOrientation = {}));
 const TabsClass = {
   root: 'gov-tabs',
   tabs: 'gov-tabs__tabs',
@@ -17440,7 +17580,7 @@ const TabsItemClass = {
   inner: 'gov-tabs-item__inner',
 };
 
-const govTabsCss = ".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.4375rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;text-transform:uppercase;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=badge] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn{color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800));color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn{color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900));color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn{color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-success-color-active, var(--gov-color-success-700));color:cmake-var(tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn{color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700));color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn{color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-error-color-active, var(--gov-color-error-600));color:cmake-var(tabs-error-color-active, var(--gov-color-error-600))}";
+const govTabsCss = ".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;text-transform:uppercase;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=badge] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn{color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800));color:cmake-var(tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn{color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900));color:cmake-var(tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn{color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-success-color-active, var(--gov-color-success-700));color:cmake-var(tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn{color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700));color:cmake-var(tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn{color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:cmake-var(tabs-error-color-active, var(--gov-color-error-600));color:cmake-var(tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";
 
 class GovTabs {
   constructor(hostRef) {
@@ -17451,7 +17591,8 @@ class GovTabs {
     this.focusIndex = 0;
     this.compactControls = false;
     this.type = 'text';
-    this.variant = Variants$6.PRIMARY;
+    this.variant = 'primary';
+    this.orientation = 'horizontal';
     this.wcagLabel = undefined;
     this.wcagSelectLabel = undefined;
     this.wcagLabelledBy = undefined;
@@ -17459,10 +17600,10 @@ class GovTabs {
     this.formSelectId = createID('GovForSelect');
   }
   validateType(newValue) {
-    validateProp(Types, newValue, TabsClass.root);
+    validateProp(TabTypes, newValue, TabsClass.root);
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, TabsClass.root);
+    validateProp(TabVariants, newValue, TabsClass.root);
   }
   componentWillLoad() {
     this.prepareDataSource();
@@ -17612,8 +17753,9 @@ class GovTabs {
     "$flags$": 4,
     "$tagName$": "gov-tabs",
     "$members$": {
-      "type": [8],
-      "variant": [8],
+      "type": [1],
+      "variant": [1],
+      "orientation": [1],
       "wcagLabel": [1, "wcag-label"],
       "wcagSelectLabel": [1, "wcag-select-label"],
       "wcagLabelledBy": [1, "wcag-labelled-by"],
@@ -17750,7 +17892,7 @@ class GovTiles {
     this.h = govHost(this.host);
   }
   get classNames() {
-    return prepareClasses([TilesClass.root, this.columns && TilesClass.root + "--x" + this.columns]);
+    return prepareClasses([TilesClass.root, this.columns && TilesClass.root + '--x' + this.columns]);
   }
   render() {
     return (hAsync(Host, { class: this.h.classes(this.classNames) }, hAsync("slot", null)));
@@ -17769,13 +17911,15 @@ class GovTiles {
   }; }
 }
 
+const ToastVariants = pick(Variants, ['SUCCESS', 'WARNING', 'ERROR', 'SECONDARY', 'PRIMARY']);
+pick(Types$1, ['CLASSIC', 'SOLID']);
 const ToastClass = {
-  root: "gov-toast",
-  hidden: "gov-toast--hidden",
-  icon: "gov-toast__icon",
-  content: "gov-toast__content",
-  close: "gov-toast__close",
-  timer: "gov-toast__timer",
+  root: 'gov-toast',
+  hidden: 'gov-toast--hidden',
+  icon: 'gov-toast__icon',
+  content: 'gov-toast__content',
+  close: 'gov-toast__close',
+  timer: 'gov-toast__timer',
 };
 
 const govToastCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white));z-index:201;position:relative;position:fixed;max-width:23.4375rem;padding-right:3.125rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content>*:last-child{margin-bottom:0}.gov-toast__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.5rem;right:0.75rem}.gov-toast__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[type=solid i]{border:none;border-radius:0.25rem;overflow:hidden;box-shadow:none}.gov-toast[type=solid i].is-initialized .gov-toast__timer{transform-origin:left;animation:countdown linear forwards var(--toast-duration, 0)}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning][type=solid i]{background-color:var(--gov-toast-warning-background, var(--gov-color-warning));color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-warning-timer-background, rgba(var(--gov-color-warning-500-rgb), 0.3))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error][type=solid i]{background-color:var(--gov-toast-error-background, var(--gov-color-error));color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-error-timer-background, rgba(var(--gov-color-error-500-rgb), 0.5))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success][type=solid i]{background-color:var(--gov-toast-success-background, var(--gov-color-success-500));color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-success-timer-background, rgba(var(--gov-color-success-600-rgb), 0.5))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary][type=solid i]{background-color:var(--gov-toast-primary-background, var(--gov-color-primary));color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-primary-timer-background, rgba(var(--gov-color-primary-700-rgb), 0.5))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary][type=solid i]{background-color:var(--gov-toast-secondary-background, var(--gov-color-secondary));color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-secondary-timer-background, rgba(var(--gov-color-secondary-900-rgb), 0.5))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";
@@ -17784,18 +17928,18 @@ class GovToast {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govClose = createEvent(this, "gov-close", 7);
-    this.variant = Variants$6.PRIMARY;
-    this.gravity = "top";
-    this.position = "right";
-    this.type = "classic";
+    this.variant = 'primary';
+    this.gravity = 'top';
+    this.position = 'right';
+    this.type = 'classic';
     this.time = 0;
     this.closeLabel = undefined;
     this.wcagCloseLabel = undefined;
     this.h = govHost(this.host);
-    this.toastId = createID("GovToast");
+    this.toastId = createID('GovToast');
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, ToastClass.root);
+    validateProp(ToastVariants, newValue, ToastClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -17812,7 +17956,7 @@ class GovToast {
   }
   runTimer() {
     if (this.isSolid) {
-      this.host.classList.add("is-initialized");
+      this.host.classList.add('is-initialized');
     }
     if (this.isTimer) {
       this.timeout = setTimeout(() => {
@@ -17822,7 +17966,7 @@ class GovToast {
     }
   }
   render() {
-    return (hAsync(Host, { class: this.h.classes([ToastClass.root, "gov-box-shadow--m"]), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant, type: this.type, style: { "--toast-duration": this.time + "ms" } }, this.h.hasSlot("icon") && (hAsync("span", { class: ToastClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: ToastClass.content, "aria-live": "polite", role: "status" }, hAsync("slot", null)), hAsync("div", { class: ToastClass.close }, hAsync("gov-button", { size: "s", "wcag-label": this.wcagCloseLabel, variant: this.isSolid ? this.variant : "secondary", inverse: this.isSolid, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, this.closeLabel ? (this.closeLabel) : (hAsync("gov-icon", { name: "cross" })))), hAsync("div", { class: ToastClass.timer })));
+    return (hAsync(Host, { class: this.h.classes([ToastClass.root, 'gov-box-shadow--m']), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant, type: this.type, style: { '--toast-duration': this.time + 'ms' } }, this.h.hasSlot('icon') && (hAsync("span", { class: ToastClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: ToastClass.content, "aria-live": "polite", role: "status" }, hAsync("slot", null)), hAsync("div", { class: ToastClass.close }, hAsync("gov-button", { size: "s", "wcag-label": this.wcagCloseLabel, variant: this.isSolid ? this.variant : 'secondary', inverse: this.isSolid, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "cross" }))), hAsync("div", { class: ToastClass.timer })));
   }
   onCloseHandler() {
     this.destroy()
@@ -17830,7 +17974,7 @@ class GovToast {
       .catch();
   }
   get isSolid() {
-    return this.type === "solid";
+    return this.type === 'solid';
   }
   get isTimer() {
     return Number.isInteger(this.time) && this.time > 0;
@@ -17843,7 +17987,7 @@ class GovToast {
     const toast = document.querySelector(`[data-toast-id="${this.toastId}"]`);
     if (toast) {
       toast.classList.add(ToastClass.hidden);
-      if (typeof toast.remove === "function") {
+      if (typeof toast.remove === 'function') {
         toast.remove();
       }
     }
@@ -17857,7 +18001,7 @@ class GovToast {
     "$flags$": 4,
     "$tagName$": "gov-toast",
     "$members$": {
-      "variant": [8],
+      "variant": [1],
       "gravity": [1],
       "position": [1],
       "type": [1],
@@ -17872,16 +18016,15 @@ class GovToast {
   }; }
 }
 
-const Variant = [undefined, Variants$6.PRIMARY, Variants$6.SECONDARY];
-const Size = [undefined, Sizes$3._S, Sizes$3._M, Sizes$3._L];
-var Positions;
-(function (Positions) {
-  Positions["TOP"] = "top";
-  Positions["RIGHT"] = "right";
-  Positions["BOTTOM"] = "bottom";
-  Positions["LEFT"] = "left";
-})(Positions || (Positions = {}));
-const Position = [Positions.TOP, Positions.RIGHT, Positions.BOTTOM, Positions.LEFT];
+const TooltipVariant = pick(Variants, ['PRIMARY', 'SECONDARY']);
+const TooltipSize = pick(Sizes, ['_S', '_M', '_L']);
+var TooltipPosition;
+(function (TooltipPosition) {
+  TooltipPosition["TOP"] = "top";
+  TooltipPosition["RIGHT"] = "right";
+  TooltipPosition["BOTTOM"] = "bottom";
+  TooltipPosition["LEFT"] = "left";
+})(TooltipPosition || (TooltipPosition = {}));
 const TooltipClass = {
   root: 'gov-tooltip',
 };
@@ -17894,9 +18037,9 @@ const govTooltipCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{an
 class GovTooltip {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.variant = Variants$6.PRIMARY;
-    this.size = Sizes$3._M;
-    this.position = Positions.RIGHT;
+    this.variant = 'primary';
+    this.size = 'm';
+    this.position = 'right';
     this.message = undefined;
     this.identifier = undefined;
     this.icon = undefined;
@@ -17904,13 +18047,13 @@ class GovTooltip {
     this.tooltipId = createID('GovTooltip');
   }
   validateVariant(newValue) {
-    validateProp(Variant, newValue, TooltipClass.root);
+    validateProp(TooltipVariant, newValue, TooltipClass.root);
   }
   validateSize(newValue) {
-    validateProp(Size, newValue, TooltipClass.root);
+    validateProp(TooltipSize, newValue, TooltipClass.root);
   }
   validatePosition(newValue) {
-    validateProp(Position, newValue, TooltipClass.root);
+    validateProp(TooltipPosition, newValue, TooltipClass.root);
   }
   componentWillLoad() {
     this.validateVariant(this.variant);
@@ -17961,17 +18104,17 @@ class GovTooltip {
       top: trigger.top + document.documentElement.scrollTop,
     };
     const tltWidth = this.content.offsetWidth;
-    if (this.position === Positions.LEFT) {
+    if (this.position === TooltipPosition.LEFT) {
       if (offset + triggerPos.left < tltWidth) {
-        this.position = Positions.TOP;
+        this.position = TooltipPosition.TOP;
         this.content.style.left = '0px';
         this.content.style.width = window.innerWidth - triggerPos.left - offset + 'px';
         this.content.style.transform = 'none';
       }
     }
-    else if (this.position === Positions.RIGHT) {
+    else if (this.position === TooltipPosition.RIGHT) {
       if (windowWidth - (triggerPos.left + trgWidth) < tltWidth) {
-        this.position = Positions.TOP;
+        this.position = TooltipPosition.TOP;
         this.content.style.right = '0px';
         this.content.style.left = 'auto';
         this.content.style.width = trgWidth + triggerPos.left + offset + 'px';
@@ -18032,8 +18175,8 @@ class GovTooltip {
     "$flags$": 4,
     "$tagName$": "gov-tooltip",
     "$members$": {
-      "variant": [8],
-      "size": [8],
+      "variant": [1],
+      "size": [1],
       "position": [1],
       "message": [1],
       "identifier": [1],
@@ -18085,6 +18228,8 @@ class GovTooltipContent {
   }; }
 }
 
+const WizardVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS']);
+const WizardSizes = pick(Sizes, ['_XS', '_S', '_M']);
 const WizzardClass = {
   root: 'gov-wizzard',
 };
@@ -18106,13 +18251,13 @@ class GovWizzard {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
-    this.size = Sizes$3._M;
+    this.size = 'm';
     this.wcagLabel = undefined;
     this.wcagLabelledBy = undefined;
     this.h = govHost(this.host);
   }
   validateSize(newValue) {
-    validateProp(Sizes$3, newValue, WizzardClass.root);
+    validateProp(WizardSizes, newValue, WizzardClass.root);
   }
   componentWillLoad() {
     this.validateSize(this.size);
@@ -18150,7 +18295,7 @@ class GovWizzard {
     "$flags$": 4,
     "$tagName$": "gov-wizzard",
     "$members$": {
-      "size": [8],
+      "size": [1],
       "wcagLabel": [1, "wcag-label"],
       "wcagLabelledBy": [1, "wcag-labelled-by"],
       "validateWcag": [64]
@@ -18161,7 +18306,7 @@ class GovWizzard {
   }; }
 }
 
-const govWizzardItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__header[aria-expanded=true] .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}";
+const govWizzardItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=\"\"] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=\"1\"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}";
 
 var Tags;
 (function (Tags) {
@@ -18172,8 +18317,8 @@ class GovWizzardItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.govChange = createEvent(this, "gov-change", 7);
-    this.variant = Variants$6.PRIMARY;
-    this.size = Sizes$3._M;
+    this.variant = 'primary';
+    this.size = 'm';
     this.identifier = undefined;
     this.collapsible = false;
     this.annotation = undefined;
@@ -18200,7 +18345,7 @@ class GovWizzardItem {
     }
   }
   validateVariant(newValue) {
-    validateProp(Variants$6, newValue, WizzardItemClass.root);
+    validateProp(WizardVariants, newValue, WizzardItemClass.root);
   }
   emmitChange() {
     this.govChange.emit({ open: this.isExpandedState, element: this.host });
@@ -18215,9 +18360,7 @@ class GovWizzardItem {
     const triggerId = this.identifier || this.triggerId;
     const LabelTag = this.labelTag;
     const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
-    const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible &&
-      hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "arrow-down" })), this.annotation &&
-      hAsync("span", { class: WizzardItemClass.annot }, this.annotation))));
+    const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible && hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "arrow-down" })), this.annotation && hAsync("span", { class: WizzardItemClass.annot }, this.annotation))));
     return (hAsync(Host, { class: this.h.classes(WizzardItemClass.root), variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpandedState), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => (this.collapsible ? this.toggle() : false) }, label)) : (hAsync("div", { class: WizzardItemClass.header }, label)), this.collapsible ? (hAsync("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState }, hAsync("slot", null)))));
   }
   /**
@@ -18259,7 +18402,7 @@ class GovWizzardItem {
     "$tagName$": "gov-wizzard-item",
     "$members$": {
       "variant": [1],
-      "size": [8],
+      "size": [1],
       "identifier": [1],
       "collapsible": [4],
       "annotation": [1],
@@ -18312,8 +18455,7 @@ registerComponents([
   GovGridItem,
   GovIcon,
   GovLayout,
-  GovLayoutAside,
-  GovLayoutContent,
+  GovLayoutColumn,
   GovLoading,
   GovMessage,
   GovModal,