@ebrains/vue 0.9.1-beta → 0.9.3-beta

package/{eds-avatar_26.entry-D44mROee.mjs → eds-avatar_27.entry-7vAHtj7m.mjs}

@@ -1,7 +1,7 @@
-import { r as s, h as e, g as c, c as x } from "./index-CMP6-ecb.mjs";
+import { r as s, h as e, g as c, c as x } from "./index-l365C9dI.mjs";
 import { g as k } from "./color-2554aad6-CCcV5UJZ.mjs";
-import { p as h } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-import { s as b } from "./analytics-44b1416b-3vYuu4Xs.mjs";
+import { p as b } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+import { s as h } from "./analytics-44b1416b-3vYuu4Xs.mjs";
 import { c as m } from "./index-39c58238-BwYCDOHZ.mjs";
 import { t as p } from "./toastManager-d9eee791-CEYNwx25.mjs";
 import { h as u } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
@@ -242,7 +242,7 @@ abbr:where([title]) {
    * @returns {JSX.Element} The rendered avatar component.
    */
   render() {
-    return e("div", { key: "3ce8be58a8705b99904720b0e8bb878d36072d5e", class: this.containerClasses }, this.picture ? e("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : e("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
+    return e("div", { key: "464aa4917736cf83ad832aa3d7b8653c366a0dcf", class: this.containerClasses }, this.picture ? e("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : e("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
   }
 };
 O.style = A;
@@ -251,22 +251,22 @@ const B = ".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-co
     s(this, n), this.extraClass = "";
   }
   render() {
-    return e("hr", { key: "9807e47c4a3b1143b3228e1be49c4069c7bc2014", class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
+    return e("hr", { key: "413a82abc03188a5395ef6344de527029e8f3118", class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
   }
 };
 D.style = _;
-const R = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", M = R, Y = class {
+const M = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", R = M, Y = class {
   constructor(n) {
     s(this, n), this.updateScreenSize = () => {
       const i = window.innerWidth;
-      i < 769 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : i <= 1024 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : i <= 2200 ? (this.maxVisibleItems = 4, this.isSmallScreen = !1) : (this.maxVisibleItems = 6, this.isSmallScreen = !1);
+      i < 769 ? this.maxVisibleItems = 3 : i <= 1024 ? this.maxVisibleItems = 3 : i <= 1280 ? this.maxVisibleItems = 3 : i <= 2200 ? this.maxVisibleItems = 4 : this.maxVisibleItems = 6;
     }, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
   }
   /**
    * Watches for changes to the `items` prop and parses it.
    */
   parseItems(n) {
-    this.parsedItems = h(n);
+    this.parsedItems = b(n);
   }
   /**
    * Lifecycle method that runs when the component is about to be loaded.
@@ -336,11 +336,11 @@ const R = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
    */
   render() {
     const n = this.getTruncatedItems();
-    return e("nav", { key: "75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2", "aria-label": "Breadcrumb" }, e("ol", { key: "7a5cc115b70d60bc878aa3d865802662f30948c1", class: "flex items-center space-x-2" }, n.map((i, r) => {
+    return e("nav", { key: "2651e18e4c157f49e1da2ef93d4f68b9497118e4", "aria-label": "Breadcrumb" }, e("ol", { key: "d1f5bb18bb35df9455a4c7a566850d59eb657242", class: "flex items-center space-x-2" }, n.map((i, r) => {
       const l = r === n.length - 1;
-      return e("li", { class: "flex items-center" }, i.isHidden ? e("span", { class: "truncate px-2", "aria-hidden": "true" }, "...") : (() => {
-        const { displayLabel: t, fullLabel: d } = this.getLabels(i, l), o = l ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
-        return e("eds-link", Object.assign({ label: t, url: i.url, intent: o, current: l, "aria-label": d, size: "small", "icon-small": "false" }, l ? { "aria-current": "page" } : {}));
+      return e("li", { class: "flex items-center" }, i.isHidden ? e("eds-link", { label: "...", url: "#", intent: "strong", current: !1, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" }) : (() => {
+        const { fullLabel: t } = this.getLabels(i, l), d = l ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
+        return e("eds-link", Object.assign({ label: t, url: i.url, intent: d, disabled: l, current: l, "aria-label": t, size: "small", "icon-small": "false" }, l ? { "aria-current": "page" } : {}));
       })(), !l && !i.isHidden && e("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
     })));
   }
@@ -353,8 +353,8 @@ const R = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
     };
   }
 };
-Y.style = M;
-const q = `:root {
+Y.style = R;
+const T = `:root {
   font-optical-sizing: auto;
 }
 
@@ -9257,7 +9257,7 @@ video {
     padding-left: 0rem;
     padding-right: 0rem;
   }
-}`, T = q, U = class {
+}`, q = T, $ = class {
   constructor(n) {
     s(this, n), this.button = m([
       "relative inline-flex items-center",
@@ -9418,7 +9418,7 @@ video {
       n.preventDefault();
       return;
     }
-    b({
+    h({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
@@ -9441,7 +9441,7 @@ video {
       iconOnly: !this.label,
       show: !this.loading
     }), r = this.elementType;
-    return e(r, { key: "2e5c212800b80e17830c20e2a75df524027d27b7", "aria-label": this.label || this.ariaLabel || void 0, "aria-disabled": this.elementType === "button" ? this.disabled : void 0, disabled: this.elementType === "button" ? this.disabled : void 0, class: `${n || ""} ${this.extraClass || ""}`, onClick: (l) => this.handleClick(l) }, this.label && e("span", { key: "45b1ce64e770398893b3402a539e0f3eb5130e27", class: this.loading ? "opacity-0" : "" }, this.label), this.loading && e("span", { key: "1f627b946a17a045a415cd06f6e18e905acb4847", class: "absolute inset-0 flex items-center justify-center" }, e("span", { key: "3a584192cefece3ee4a3db63d14ab87b563f358c", class: "loader", style: {
+    return e(r, { key: "9911991b5a3c04a8b4d5f8102967507d4c916737", "aria-label": this.label || this.ariaLabel || void 0, "aria-disabled": this.elementType === "button" ? this.disabled : void 0, disabled: this.elementType === "button" ? this.disabled : void 0, class: `${n || ""} ${this.extraClass || ""}`, onClick: (l) => this.handleClick(l) }, this.label && e("span", { key: "8f861e8a83adbd194c1d3ad00070c2621577df92", class: this.loading ? "opacity-0" : "" }, this.label), this.loading && e("span", { key: "b09df86e209b75874d5b4757feb1b13434bf0192", class: "absolute inset-0 flex items-center justify-center" }, e("span", { key: "1a6443b74063072fff8944aef25a6231a28340cf", class: "loader", style: {
       border: `3px solid ${this.intent === "secondary" ? "rgba(255, 255, 255, .3)" : "rgba(0, 0, 0, .3)"}`,
       borderBottomColor: this.intent === "secondary" ? "#fff" : "#000"
     } })), this.icon ? e("eds-icon-wrapper", { class: i, icon: this.icon }) : null);
@@ -9450,12 +9450,12 @@ video {
     return c(this);
   }
 };
-U.style = T;
-const $ = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", N = $, V = class {
+$.style = q;
+const U = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", N = U, X = class {
   constructor(n) {
     s(this, n), this.dropdown = x(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var i;
-      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), b({
+      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), h({
         category: "ui-component",
         parentContext: null,
         tag: this.host.tagName.toLowerCase(),
@@ -9515,21 +9515,21 @@ const $ = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-sh
    * @returns {JSX.Element} The rendered dropdown component.
    */
   render() {
-    return e("div", { key: "03ab7911a018f273afdd58986fea1a0d9b86aa30", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, e("eds-button", { key: "4145f8e8918ef36121bb54ef4e614263b077e4d5", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), e("nav", { key: "5848addad59482f2c0b350739aa5440167379e86", role: "menu", class: {
+    return e("div", { key: "c7044a1dabb4f65fe143ac3202dd0d1af4e706c2", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, e("eds-button", { key: "fa5812e59ea886a0adcba75576f07e94e7b0f713", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), e("nav", { key: "c0daa734601dbfcd290d5db8cc25fcd4b82dfdad", role: "menu", class: {
       "shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8": !0,
       "left-4": this.dropdownPos === "left" && this.dropdownOffset,
       "left-0": this.dropdownPos === "left" && !this.dropdownOffset,
       "right-4": this.dropdownPos === "right" && this.dropdownOffset,
       "right-0": this.dropdownPos === "right" && !this.dropdownOffset,
       "rounded-lg": this.rounded
-    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, e("slot", { key: "8427053528abc74e2acf9b544363870b57f98fef" })));
+    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, e("slot", { key: "6ca4e774160924fa248db790f33b81e374653569" })));
   }
   get host() {
     return c(this);
   }
 };
-V.style = N;
-const X = "p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}", P = X, K = class {
+X.style = N;
+const V = "p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}", P = V, K = class {
   constructor(n) {
     s(this, n), this.cookies = x(this, "cookies", 7), this.backToTop = () => {
       window.scrollTo({ top: 0, behavior: "smooth" });
@@ -9546,9 +9546,9 @@ const X = "p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.
    * @returns {JSX.Element} The rendered JSX for the footer component.
    */
   render() {
-    return e("footer", { key: "63daf387ac4ae4d3aea75345d1599b0cce0aa28e", class: "pb-banner" }, this.social ? e("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, e("div", { class: "container pb-20" }, e("div", { class: "grid-layout" }, e("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, e("eds-social-networks", { class: "mt-28" }))))) : null, e("div", { key: "31a6ca4ea417c61d0e927092cf6dffb18bfd9547", class: `border-softest ${this.social ? "border-t-2" : ""} pb-28 pt-20 md:pt-28` }, e("div", { key: "91ff15aa4b47ae73642d0c36e569fd598a9f2ac9", class: "container flex items-center gap-20 lg:flex-nowrap" }, e("div", { key: "57b332abdbc53662253f00add0491779c7421e5e", class: "flex items-center gap-x-12" }, e("a", { key: "c9b659030dfeb3d1485219e1882a9ff1dde4cd42", target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, e("eds-img", { key: "cbd71badd41f5c1c1220c5d0042651eda2a73e51", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), e("div", { key: "a012c699d5088292d171432b074eb61dd160e22f" }, e("div", { key: "1e4ab16ccb53b12468b3d53f30d671a35cc625ce", class: "f-ui-04 text-light" }, e("p", { key: "f31aadca310d2a24153c135f1f49f96dbe69c768" }, this.fundedBy), e("div", { key: "cb885e8666536e4e940309cc1fb0b79725ec737e", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, e("span", { key: "328fc8376cb062846dc665278a6e00c0c19cc7f4", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "© ", this.rightsReserved), this.enableCookiesSettings ? e("eds-link", { label: "Cookies preferences", intent: "weak", "extra-class": "f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline", onClick: () => {
+    return e("footer", { key: "2a99348e9f64c79f7b1944ace75655baebd50e3c", class: "pb-banner" }, this.social ? e("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, e("div", { class: "container pb-20" }, e("div", { class: "grid-layout" }, e("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, e("eds-social-networks", { class: "mt-28" }))))) : null, e("div", { key: "412b84850076b915f826eb7d3ff1c2d1c67a21ea", class: `border-softest ${this.social ? "border-t-2" : ""} pb-28 pt-20 md:pt-28` }, e("div", { key: "9eadb5d7ee3dff852926ea9f21f4f579ab1517bf", class: "container flex items-center gap-20 lg:flex-nowrap" }, e("div", { key: "f937513ea871cd6f0a4199ec604680bc739e51f8", class: "flex items-center gap-x-12" }, e("a", { key: "7c5907699897549ee2d28740ebee93cbd0e8def6", target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, e("eds-img", { key: "9975d54dc532c325fd87231b1985df40a2c2e945", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), e("div", { key: "6deeebdaef90c09f0f1ca6c8913dff6de9d7b169" }, e("div", { key: "6aaa0969bf9a6df1426ed6f6b27ba4d7800802be", class: "f-ui-04 text-light" }, e("p", { key: "bc7eb7b7e97e4a919d677a628318c71e751cefbf" }, this.fundedBy), e("div", { key: "d4ed7e30c1b8f8fd2a53ba4a929b002792bff6d9", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, e("span", { key: "7ac4133476c345752c725ffab175bd5d58875d3e", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "© ", this.rightsReserved), this.enableCookiesSettings ? e("eds-link", { label: "Cookies preferences", intent: "weak", "extra-class": "f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline", onClick: () => {
       this.toggleCookiesConsent();
-    } }) : null))), e("div", { key: "4965f9293058a1d750f5aa6598e829152b37f34d", class: "ml-auto pl-12" }, this.enableScrollTop ? e("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": "Back to Top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " }) : null))));
+    } }) : null))), e("div", { key: "8b17a14ccdca13e9e60065b7dd5e904dbebc586e", class: "ml-auto pl-12" }, this.enableScrollTop ? e("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": "Back to Top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " }) : null))));
   }
 };
 K.style = P;
@@ -9643,7 +9643,7 @@ const nn = ".mt-20{margin-top:1.25rem}", en = nn, rn = class {
     return !!this.initData;
   }
   parseFields(n) {
-    this.parsedFields = h(n);
+    this.parsedFields = b(n);
   }
   emitContext(n) {
     const i = new CustomEvent("parentContext", {
@@ -9726,7 +9726,7 @@ const nn = ".mt-20{margin-top:1.25rem}", en = nn, rn = class {
           success: !1,
           message: this.errorMessage,
           data: this.makeFormData()
-        }), b({
+        }), h({
           category: "ui-component",
           parentContext: null,
           tag: this.el.tagName.toLowerCase(),
@@ -9741,7 +9741,7 @@ const nn = ".mt-20{margin-top:1.25rem}", en = nn, rn = class {
         validated: !0,
         message: "Form data validated successfully",
         data: this.getFormData()
-      }), b({
+      }), h({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -9752,10 +9752,10 @@ const nn = ".mt-20{margin-top:1.25rem}", en = nn, rn = class {
   }
   render() {
     const n = this.parsedFields.filter((r) => r.type === "hidden"), i = this.parsedFields.filter((r) => r.type !== "hidden");
-    return e("form", { key: "2f5651942cd01c0574b5a5f08483480c285472cb", ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, e("div", { key: "0dab281f049f6afb8cfbad146076d7f3015b8c17" }, e("slot", { key: "661b26b05023480447f87aa03e2f21b814355d00" }), n.map((r, l) => e("eds-input", { key: l, type: "hidden", name: r.name, value: r.value })), i.map((r, l) => {
+    return e("form", { key: "90512ed881a2380f190d82f06b7bee4ae05e9ecf", ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, e("div", { key: "15184e8e234572b2d5bf538259eea923dce2719b" }, e("slot", { key: "f583356adf08622d9c7a4d957cd17a70287a619c" }), n.map((r, l) => e("eds-input", { key: l, type: "hidden", name: r.name, value: r.value })), i.map((r, l) => {
       var t, d;
-      return this.isFieldVisible(r) ? e("eds-input-field", { key: l, name: r.name, id: `${this.name}_${r.name}`, label: r.label, value: this.values[r.name] || null, type: r.type, icon: r.icon || null, required: r.required, maxLength: r.maxlength, hint: r.hint, link: r.link, message: r.message, error: ((t = this.errors[r.name]) === null || t === void 0 ? void 0 : t.length) > 0, errorMessage: (d = this.errors[r.name]) === null || d === void 0 ? void 0 : d.join("<br />"), onInput: (o) => this.handleInput(o, r), onChange: (o) => this.handleChange(o, r), class: l > 0 ? "mt-20" : "", options: r.options }) : null;
-    })), this.formBtn && e("div", { key: "3f250271116962a060359cf462b053234f059bd1", class: "mt-20" }, e("eds-button", { key: "b234af290bcae3205c874edb4796e484320a5475", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+      return this.isFieldVisible(r) ? e("eds-input-field", { key: l, name: r.name, id: `${this.name}_${r.name}`, label: r.label, placeholder: r.placeholder, value: this.values[r.name] || null, type: r.type, icon: r.icon || null, disabled: r.disabled, required: r.required, maxLength: r.maxlength, hint: r.hint, link: r.link, message: r.message, error: ((t = this.errors[r.name]) === null || t === void 0 ? void 0 : t.length) > 0, errorMessage: (d = this.errors[r.name]) === null || d === void 0 ? void 0 : d.join("<br />"), onInput: (o) => this.handleInput(o, r), onChange: (o) => this.handleChange(o, r), class: l > 0 ? "mt-20" : "", options: r.options }) : null;
+    })), this.formBtn && e("div", { key: "b60ae579201c95ce875f2e576cda679226aa0402", class: "mt-20" }, e("eds-button", { key: "7d603382885467496204956b66e156ef9f5bbb4d", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
     return c(this);
@@ -9805,7 +9805,7 @@ const ln = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-c
    * @returns {any[]} Array of parsed link objects
    */
   get parsedLinks() {
-    return h(this.links);
+    return b(this.links);
   }
   /**
    * Parses the `menuLinks` prop into an array of link objects.
@@ -9814,7 +9814,7 @@ const ln = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-c
    * @returns {any[]} Array of parsed menu link objects
    */
   get parsedMenuLinks() {
-    return h(this.menuLinks);
+    return b(this.menuLinks);
   }
   render() {
     return this.isMenuOpen ? e("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, e("div", { class: "flex min-h-full flex-col" }, e("div", { class: `w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, e("div", { class: "mx-auto flex items-center justify-between" }, e("div", { class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), e("div", { class: "px-16" }, e("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), e("div", { class: "py-16 px-16" }, e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((n, i) => e("eds-link", { label: n.label, key: i, url: n.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" }))), e("eds-block-break", null), e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((n, i) => e("eds-link", { label: n.label, key: i, url: n.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), e("div", { class: "mt-auto" }, e("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
@@ -9823,7 +9823,7 @@ const ln = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-c
 on.style = tn;
 const dn = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}", sn = dn, an = class {
   constructor(n) {
-    s(this, n), this.toggleMenu = x(this, "toggleMenu", 7), this.homeUrl = "/", this.links = void 0, this.inverseHeader = !1, this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
+    s(this, n), this.toggleheadermenu = x(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.inverseHeader = !1, this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
   }
   onAuthStatusChanged(n) {
     var i;
@@ -9855,7 +9855,7 @@ const dn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
   }
   /** Emits an event to open or close the menu */
   handleToggleMenu() {
-    this.toggleMenu.emit(!this.isMenuOpen);
+    this.toggleheadermenu.emit(!this.isMenuOpen);
   }
   /**
    * Toggles the visibility of the user menu.
@@ -9871,18 +9871,18 @@ const dn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
    * @returns {any[]} Array of parsed link objects
    */
   get parsedLinks() {
-    return h(this.links);
+    return b(this.links);
   }
   render() {
-    return e("header", { key: "eabb97331efd8b4aee5e1f249ebc60d38926eb5e", class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? "text-inverse bg-strongest" : "text-default bg-dark"}` }, e("div", { key: "b561941a2e10252a45526e565e9711be6a0d2f41", class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { key: "fa1350f9b9584f7b5d128facd8077efcf117abe7", type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), this.parsedLinks && e("nav", { key: "6cc3c1b32250b671b394f0ac65b52e9b4491c57f", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, e("ul", { key: "ce1277ca3a9082e1b639ae42b96bbc1d3d665edc", class: "flex gap-x-2" }, this.parsedLinks.map((n) => e("eds-link", { label: n.label, "aria-label": n.label, url: n.url, intent: "ghost", size: "large", icon: n.icon, external: n.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))), e("slot", { key: "7a1d67916c63dcab3d46d1223805a3c20af65d97" }), this.menuEnabled ? e("div", { class: "md:hidden flex overflow-hidden px-16" }, e("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })) : null);
+    return e("header", { key: "a0679671c9ed9659fb8393f69dcf1b902ab9f25f", class: `flex items-center justify-between relative z-10
+       ${this.inverseHeader ? "text-inverse bg-strongest" : "text-default bg-dark"}` }, e("div", { key: "115780a93b21d638cb7abf32ed365966bf4c0a6e", class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { key: "e0dfbb999e87178c1992c692edd791fbe239886b", type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), this.parsedLinks && e("nav", { key: "283bab0cfd25a47ffc7007bf24a98dbc3c138d2d", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, e("ul", { key: "fb2fa5863a04869a9922218ac13d287e7120afd8", class: "flex gap-x-2" }, this.parsedLinks.map((n) => e("eds-link", { label: n.label, "aria-label": n.label, url: n.url, intent: "ghost", size: "large", icon: n.icon, external: n.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))), e("slot", { key: "c5d15841fc49af502fea717dbc36d81721d7688d" }), this.menuEnabled ? e("div", { class: "md:hidden flex overflow-hidden px-16" }, e("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })) : null);
   }
   get hostEl() {
     return c(this);
   }
 };
 an.style = sn;
-const Xn = class {
+const Gn = class {
   constructor(n) {
     s(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
   }
@@ -10005,10 +10005,10 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), e("div", { key: "41ae7d59a508fd792b536729e538b6b0ecd1b0ad", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), e("div", { key: "de3328e21b2b038984e74c08cd757cd85c7a7e01", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, e("picture", { key: "eb242c3fa4f202ffd0cdc503bbb1d21736ea6190" }, this.formats.map((i) => e("source", { type: i.type, srcSet: i.srcset, media: i.media, sizes: this.sizes })), e("img", Object.assign({ key: "3145595f53cf765234588e8c6efa038f21b29873", ref: (i) => this.img = i, class: {
+    } }, e("picture", { key: "4e623a25c64ce1b2c09adf3519f12bde04280ba3" }, this.formats.map((i) => e("source", { type: i.type, srcSet: i.srcset, media: i.media, sizes: this.sizes })), e("img", Object.assign({ key: "6d87af22189017aa1e158c01a8295c98381a1ba1", ref: (i) => this.img = i, class: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
@@ -10019,7 +10019,7 @@ video {
   }
 };
 xn.style = gn;
-const Pn = class {
+const Jn = class {
   constructor(n) {
     s(this, n), this.handleInput = (i) => {
       const r = i.target;
@@ -10037,12 +10037,12 @@ const Pn = class {
   }
   render() {
     const n = !!this.icon, i = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return e("div", { key: "c097f72ac45c1c15347a975fc72e07a6d6324c10", class: "relative flex items-center" }, this.type === "textarea" ? e("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? e("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => e("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : e("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0, class: `
+    return e("div", { key: "bb88b782042a37d2fcbd8a93f03056199d822559", class: "relative flex items-center" }, this.type === "textarea" ? e("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? e("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => e("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : e("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0, class: `
               ${this.extraClass || ""} 
               input ${this.type === "radio" ? "input-radio" : this.type === "checkbox" ? "input-checkbox" : ""}
               ${n && this.type !== "radio" && this.type !== "checkbox" ? "input-icon pl-36" : ""} 
               ${this.error ? "input-error" : ""}
-              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }), this.maxLength && this.type === "textarea" && e("span", { key: "dce957c8bad999f72e896710d465075c063e5a42", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && e("eds-icon-wrapper", { key: "b3037e2d393a2f0758049c2e9eec63879e0f71df", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
+              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }), this.maxLength && this.type === "textarea" && e("span", { key: "7b1cc490731455d00d500308458e6b2cd320fccf", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && e("eds-icon-wrapper", { key: "ce4d5548bc0fa1e681e3b74b03d071d73d8372d5", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
     return c(this);
@@ -17860,7 +17860,7 @@ input[type="range"]::-webkit-slider-thumb {
       icon: this.icon,
       checked: this.checked
     };
-    return e("div", { key: "d8d68bdff663749f22dcd25986a22b0459346f0d", class: "space-y-8" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? e("fieldset", { class: "space-y-4 mt-8" }, e("div", { class: "flex justify-between" }, this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && e("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((i) => e("div", { class: "flex items-center gap-x-2", key: i.value }, e("eds-input", Object.assign({}, n, { value: i.value, checked: (typeof this.value == "string" ? this.value.split(",") : []).includes(String(i.value)) })), e("eds-input-label", { name: `${this.name}-${i.value}`, label: i.label })))) : e("div", { class: "flex items-center gap-x-8" }, e("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" })), this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : e("div", null, e("div", { class: "flex justify-between" }, this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && e("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? e("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? e("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required }) : this.type === "search" ? e("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
+    return e("div", { key: "e99cf5640a713e6289549f61ec20755513ddbcc2", class: "space-y-8" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? e("fieldset", { class: "space-y-4 mt-8" }, e("div", { class: "flex justify-between" }, this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && e("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((i) => e("div", { class: "flex items-center gap-x-2", key: i.value }, e("eds-input", Object.assign({}, n, { value: i.value, checked: (typeof this.value == "string" ? this.value.split(",") : []).includes(String(i.value)) })), e("eds-input-label", { name: `${this.name}-${i.value}`, label: i.label })))) : e("div", { class: "flex items-center gap-x-8" }, e("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" })), this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : e("div", null, e("div", { class: "flex justify-between" }, this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && e("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? e("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? e("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required }) : this.type === "search" ? e("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
       var i, r, l;
       const t = {
         name: n.name,
@@ -17871,28 +17871,28 @@ input[type="range"]::-webkit-slider-thumb {
         onChange: n.onChange
       }, d = this.parsedOptions, o = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
       return e("eds-input-range", Object.assign({}, t, { min: (i = d[0]) === null || i === void 0 ? void 0 : i.value, max: (r = d[1]) === null || r === void 0 ? void 0 : r.value, step: (l = d[2]) === null || l === void 0 ? void 0 : l.value, value: o }));
-    })() : e("eds-input", Object.assign({}, n))), e("eds-input-footer", { key: "ecf472d91e754c93899d3bbece01f03babfbe985", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }));
+    })() : e("eds-input", Object.assign({}, n))), e("eds-input-footer", { key: "b9a8995ad04d0c5edfd3c0896c55c56704fecb38", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }));
   }
   get hostEl() {
     return c(this);
   }
 };
 fn.style = bn;
-const Kn = class {
+const Qn = class {
   constructor(n) {
     s(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return e("div", { key: "595e4c2c12d9379764b777d7b1edaea47c1e52ae", class: "space-y-4 mt-4" }, this.error && this.errorMessage && e("div", { key: "9597904f712fc30d183a8ac39b65cdd99fec737c", id: `error_${this.name}`, class: "text-error flex items-center" }, e("eds-icon-wrapper", { key: "39b20e643899e760691c1d752733c2acaf0fb4cc", icon: "warning" }), e("p", { key: "cd5b357cdac58f93f03d688c8fab0a942785ff39", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && e("p", { key: "06c34d4567cdeaebdb167c9c44b7111b6cfd38d3", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && e("a", { key: "c6eacf01f49da84f14ec95995fbeddabf83d23fc", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return e("div", { key: "c3dbdb05ce4cc9244a1ebc9f3ce5718742924ea1", class: "space-y-4 mt-4" }, this.error && this.errorMessage && e("div", { key: "ccfde4960e1bec5697774de57da1a7948b5112c4", id: `error_${this.name}`, class: "text-error flex items-center" }, e("eds-icon-wrapper", { key: "cc7171c96a7251c064f7ce527fe715aaac9a74e2", icon: "warning" }), e("p", { key: "99893066c8aeac76793fef4d5cf6d5b34dbbc25f", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && e("p", { key: "55a6881d02d06440e6adac174a43a1cd59adf34b", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && e("a", { key: "bb84693685aedbe7ba28551a1d944c0e1d8eda57", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
-}, Gn = class {
+}, Zn = class {
   constructor(n) {
     s(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return e("label", { key: "632b2634e219c2a1d8fdc5710c95c80601b0b2ee", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && e("span", { key: "d1cb546dca2dcd44dedb7f00d7f432a47c9dc517" }, e("span", { key: "08346b3153d32b3fd4ea63f9e27278ec51b2e5b3", "aria-hidden": "true" }, "*"), e("span", { key: "e364bfb64126e1f704c903528e9a3118d8828227", class: "sr-only" }, "required")));
+    return e("label", { key: "815b70d78f4004afb77a0c01772f750478dea1b3", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && e("span", { key: "de2cba1c7e89632b3aac40de573d730cf38a85c6" }, e("span", { key: "58326fb23edd4521b0f1c6e67366e7c589217387", "aria-hidden": "true" }, "*"), e("span", { key: "e2208159652c9244e49c2c3d476a099a442d28ac", class: "sr-only" }, "required")));
   }
-}, Jn = class {
+}, ne = class {
   constructor(n) {
     s(this, n), this.edsrange = x(this, "edsrange", 7), this.onInput = (i) => {
       const r = i.target;
@@ -17916,7 +17916,7 @@ const Kn = class {
     return this.inputElement;
   }
   render() {
-    return e("div", { key: "6d0d2daa8e4a727765259ac14709837c5ed23955", class: "relative flex flex-col items-start space-y-2" }, e("input", { key: "d2e2ca171ff99f106130a0ba6cbcdd413de0b371", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), e("p", { key: "078def92e74b4056555d968fbc767693af15b100", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
+    return e("div", { key: "9901432821b3dbdbf67e3b905c75acd7095ec8e9", class: "relative flex flex-col items-start space-y-2" }, e("input", { key: "44023ef4a7e3fec22666103ccec3e2346aea885d", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), e("p", { key: "b74e14f619acbe7b98966bac8ea2c5206d05ad62", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
     return c(this);
@@ -17926,7 +17926,7 @@ const Kn = class {
       value: ["onValueChange"]
     };
   }
-}, Qn = class {
+}, ee = class {
   constructor(n) {
     s(this, n), this.search = x(this, "search", 7), this.keydownListener = (i) => {
       (i.metaKey || i.ctrlKey) && i.key.toLowerCase() === "k" && (i.preventDefault(), this.inputElement && !this.disabled && this.inputElement.focus());
@@ -17934,7 +17934,7 @@ const Kn = class {
       this.search.emit({
         event: "change",
         value: i.target.value
-      }), b({
+      }), h({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -17953,8 +17953,8 @@ const Kn = class {
     return this.inputElement;
   }
   render() {
-    return e("div", { key: "6258597f79cddca1995825142e26eafc560a553a", class: "relative flex items-center" }, e("eds-icon-wrapper", { key: "e7379f4b8fe1f749153da3eaaeef4a8ac690b21f", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), e("input", {
-      key: "2c37c1e6a0b7c60507fdb62de441109be6ea0888",
+    return e("div", { key: "2d74c44bf05f4ccbe81df14a3af112a763b01b5f", class: "relative flex items-center" }, e("eds-icon-wrapper", { key: "c7c7c479801a9c5e6da0b616448f7b89ba25b040", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), e("input", {
+      key: "8e4954dc67ae59d46f2e3423325eccda0944363a",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -17971,7 +17971,7 @@ const Kn = class {
   get el() {
     return c(this);
   }
-}, Zn = class {
+}, ie = class {
   constructor(n) {
     s(this, n), this.changeEvent = x(this, "changeEvent", 7), this.handleChange = (i) => {
       const r = i.target;
@@ -18013,10 +18013,10 @@ const Kn = class {
     return i.split(".").reduce((r, l) => r && r[l], n);
   }
   render() {
-    return e("div", { key: "cc940456a2e0ce84f3b1c05d83a8b37db076c38d", class: "relative", "aria-busy": this.loading ? "true" : "false" }, e("select", { key: "105ee19d398aee3df6a6bdde282d4930f4391bc1", id: this.inputId || this.name, name: this.name, class: `input invalid:text-lightest pr-32 ${this.error ? "input-error" : ""}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": this.hasMessage || this.error ? `${this.name}-error` : "", disabled: this.disabled || this.loading, required: this.required, onChange: this.handleChange }, e("option", { key: "057fd3d0305d390dff0b5b8e0bf40d803cab7b02", value: "", disabled: !0, hidden: !0 }, this.loading ? "Loading options..." : `Please select ${this.name}`), this.dynamicOptions.map((n, i) => {
+    return e("div", { key: "1fa3ad5de7ad829f49c9a12b0ac3f42e91aef37e", class: "relative", "aria-busy": this.loading ? "true" : "false" }, e("select", { key: "988d82773e794b131c4b1283949db0767e9d38a8", id: this.inputId || this.name, name: this.name, class: `input invalid:text-lightest pr-32 ${this.error ? "input-error" : ""}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": this.hasMessage || this.error ? `${this.name}-error` : "", disabled: this.disabled || this.loading, required: this.required, onChange: this.handleChange }, e("option", { key: "62377a7228da11569a3e0d2af1e72e61fb90ef50", value: "", disabled: !0, hidden: !0 }, this.loading ? "Loading options..." : `Please select ${this.name}`), this.dynamicOptions.map((n, i) => {
       const r = this.getValueByPath(n, this.dynamicValueKey);
       return e("option", { key: i, value: r, selected: r === this.value }, this.getValueByPath(n, this.dynamicLabelKey));
-    })), e("span", { key: "39a047ac87650db1402db082379b4f4169d5116e", class: `bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled || this.loading ? "text-lightest bg-transparent" : ""}` }, e("eds-icon-wrapper", { key: "bee0a8b2a54d855452fb547347c5888cae9f4024", class: "w-20 h-20", icon: "chevron-right" })));
+    })), e("span", { key: "f16a73e1fd3be27c221456b359088e8daf3f2e9b", class: `bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled || this.loading ? "text-lightest bg-transparent" : ""}` }, e("eds-icon-wrapper", { key: "5654f534af4c9ae58e7e4157535a932c3d062a9c", class: "w-20 h-20", icon: "chevron-right" })));
   }
   static get watchers() {
     return {
@@ -25261,7 +25261,7 @@ input[type="range"]::-webkit-slider-thumb {
       n.preventDefault();
       return;
     }
-    b({
+    h({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
@@ -25292,7 +25292,7 @@ input[type="range"]::-webkit-slider-thumb {
       isActive: this.current,
       hasIcon: !!this.icon
     }), r = this.ariaLabel || this.label || "link", l = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return e(n, { key: "ef4f274fc66857b4d247449b4aba9a7f45da5eef", class: `${i || ""} ${this.extraClass || ""}`, href: this.disabled ? void 0 : this.url, target: this.external && !this.disabled ? "_blank" : void 0, rel: this.external && !this.disabled ? "noopener noreferrer" : void 0, "aria-label": r, "aria-disabled": this.disabled ? "true" : null, "aria-current": this.current ? "page" : void 0, download: this.download ? "" : void 0, onClick: (t) => this.handleClick(t) }, e("span", { key: "44d300a455e51718fdb2d2414ce472b3a9a3a393", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), e("span", { key: "ebd8528be9d2c7ccfba0cb75476823ac1deade68", class: l }, this.label), this.renderRightIcon()));
+    return e(n, { key: "761ada887164cf469c685196d40dd9931a4db099", class: `${i || ""} ${this.extraClass || ""}`, href: this.disabled ? void 0 : this.url, target: this.external && !this.disabled ? "_blank" : void 0, rel: this.external && !this.disabled ? "noopener noreferrer" : void 0, "aria-label": r, "aria-disabled": this.disabled ? "true" : null, "aria-current": this.current ? "page" : void 0, download: this.download ? "" : void 0, onClick: (t) => this.handleClick(t) }, e("span", { key: "cdb706513c559552f7cdf0fdaf5b74aac0709f0f", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), e("span", { key: "8104cef2a013b4bfcbd7a1b2dced4d40594633b6", class: l }, this.label), this.renderRightIcon()));
   }
   get el() {
     return c(this);
@@ -25312,7 +25312,7 @@ const vn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
    * - `action`: The action, set as "click".
    */
   handleClick() {
-    b({
+    h({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: "logo",
@@ -25346,14 +25346,123 @@ const vn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
   }
   render() {
     const n = this.getLogo();
-    return e("a", { key: "5656cc942833ab3f5511ab634c502d694e982db7", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, e("div", { key: "3e0763fdd94b7624182af3aee50b314c81f064d6", innerHTML: n }));
+    return e("a", { key: "a23e44227ebaa3b999c961e1354c268f2c916a6f", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, e("div", { key: "cba53a54e6d31aabfa62ddcd8aa53bda56b8b706", innerHTML: n }));
   }
   get el() {
     return c(this);
   }
 };
 kn.style = wn;
-const zn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}", Sn = zn, Fn = class {
+const zn = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}", Sn = zn, Fn = class {
+  constructor(n) {
+    s(this, n), this.heading = "", this.truncate = 1, this.position = "middle", this.inverseHeader = !1, this.isOpen = !1;
+  }
+  getTruncateClass() {
+    return this.truncate ? `line-clamp-${this.truncate}` : "";
+  }
+  /**
+   * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
+   *
+   * @private
+   * @returns {string} The concatenated CSS classes for modal positioning.
+   */
+  getModalPositionClasses() {
+    switch (this.position) {
+      case "top":
+        return [
+          // mobile: pinned to top, full-width
+          "top-0",
+          "left-0",
+          "w-full",
+          // desktop: half-width centred and offset down
+          "md:left-1/2",
+          "md:w-auto",
+          "md:-translate-x-1/2",
+          "md:top-20"
+        ].join(" ");
+      case "bottom":
+        return ["bottom-0", "left-0", "w-full", "md:left-1/2", "md:w-auto", "md:-translate-x-1/2", "md:bottom-20"].join(" ");
+      case "middle":
+      default:
+        return [
+          // mobile: full-width, start from top with a little padding
+          "top-0",
+          "left-0",
+          "w-full",
+          "pt-4",
+          // desktop: centred both axes
+          "md:left-1/2",
+          "md:top-1/2",
+          "md:w-auto",
+          "md:-translate-x-1/2",
+          "md:-translate-y-1/2"
+        ].join(" ");
+    }
+  }
+  /**
+   * Opens the modal.
+   */
+  async open() {
+    var n;
+    this.isOpen = !0, h({
+      category: "ui-component",
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((n = this.heading) === null || n === void 0 ? void 0 : n.toLowerCase()) || "",
+      action: "opened"
+    });
+  }
+  /**
+   * Closes the modal.
+   */
+  async close() {
+    var n;
+    this.isOpen = !1, h({
+      category: "ui-component",
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((n = this.heading) === null || n === void 0 ? void 0 : n.toLowerCase()) || "",
+      action: "closed"
+    });
+  }
+  /**
+   * Toggles the modal open or closed.
+   */
+  async toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  /**
+   * Listens for global custom events to open the modal.
+   */
+  handleGlobalOpen() {
+    this.open();
+  }
+  /**
+   * Listens for global custom events to close the modal.
+   */
+  handleGlobalClose() {
+    this.close();
+  }
+  /**
+   * Closes the modal when the Escape key is pressed.
+   */
+  handleKeyDown(n) {
+    this.isOpen && n.key === "Escape" && this.close();
+  }
+  render() {
+    const n = `modal-title-${this.el.tagName.toLowerCase()}`;
+    return e("div", { key: "3a2446813eebf215f2c7aafc26d5688f58020c54", id: "eds-modal", class: `${this.isOpen ? "block" : "hidden"} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": n }, this.isOpen && e("div", {
+      key: "7081928b01c09e692cac0f61dbc58b4f5578271d",
+      class: "fixed inset-0 bg-dark bg-opacity-90",
+      onClick: () => this.close()
+    }), e("div", { key: "0fc5f4716022cb01c2da9a28738586710625c70f", class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, e("div", { key: "8e4bdffba2f69b18e8846e4c2709c5c423b0a99e", class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? "bg-strongest text-inverse" : "bg-dark text-default"}` }, e("span", { key: "6e0d237fc95c1b74b1b0c0456848684578367302", id: n, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), e("eds-button", { key: "3499de216da4ba38edb66cdcd688872f51b41aaf", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), e("div", { key: "f723dded796961e925cc2b046c31e7345fd3e159", class: "pt-8 px-20 py-20" }, e("slot", { key: "ffe1213b65e60dfaf7c220e3c7e3dd8495706dcf" }))));
+  }
+  get el() {
+    return c(this);
+  }
+};
+Fn.style = Sn;
+const Cn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}", En = Cn, Hn = class {
   constructor(n) {
     s(this, n), this.socialNetworks = [
       {
@@ -25395,11 +25504,11 @@ const zn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    * @returns {JSX.Element} The rendered JSX for the component.
    */
   render() {
-    return e("div", { key: "830f2648d282b24630f9266bc07dcf9d1fb528de" }, e("p", { key: "14d58e971d0ca585376d21400258742d2067471d", class: "f-ui-02" }, this.heading), e("ul", { key: "d5ff24b6dbcfa25bae9b863b64e635e5c838db50", class: "mt-12 flex gap-4" }, this.socialNetworks.map((n, i) => e("li", { key: i }, e("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": n.label, url: n.url, icon: n.icon, intent: "strong" })))));
+    return e("div", { key: "f78431d66b849abfd16c60fc42d341e50fa38c47" }, e("p", { key: "1f905e5bb56695352d1da528862f597bdaa66933", class: "f-ui-02" }, this.heading), e("ul", { key: "b281b99744549c8f2b941e10ce9b239df2ef6b63", class: "mt-12 flex gap-4" }, this.socialNetworks.map((n, i) => e("li", { key: i }, e("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": n.label, url: n.url, icon: n.icon, intent: "strong" })))));
   }
 };
-Fn.style = Sn;
-const Cn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-28{margin-bottom:1.75rem}", En = Cn, Hn = class {
+Hn.style = En;
+const Wn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-28{margin-bottom:1.75rem}", In = Wn, Ln = class {
   constructor(n) {
     s(this, n), this.step = x(this, "step", 7), this.handleNext = () => {
       this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
@@ -25451,7 +25560,7 @@ const Cn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
    * Parse the JSON string into an array of steps.
    */
   get parsedSteps() {
-    return h(this.steps);
+    return b(this.steps);
   }
   render() {
     const n = this.parsedSteps;
@@ -25466,8 +25575,8 @@ const Cn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     };
   }
 };
-Hn.style = En;
-const Wn = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-opacity-90{--tw-bg-opacity:0.9}", In = Wn, Ln = class {
+Ln.style = In;
+const jn = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mt-16{margin-top:1rem}.mb-0{margin-bottom:0rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-opacity-90{--tw-bg-opacity:0.9}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}", An = jn, On = class {
   constructor(n) {
     s(this, n), this.step = x(this, "step", 7), this.handleNext = () => {
       this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
@@ -25505,7 +25614,7 @@ const Wn = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
   articleClasses() {
     return [
       this.bg ? "bg-inverse" : "bg-default",
-      "border-softer effect-focus-within relative rounded-lg border-2 p-16"
+      "border-softer effect-focus-within relative rounded-lg border-2"
     ].join(" ");
   }
   handleStepClick(n) {
@@ -25515,14 +25624,14 @@ const Wn = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
    * Parses the steps property into an array of Step objects.
    */
   get parsedSteps() {
-    return h(this.steps);
+    return b(this.steps);
   }
   render() {
     const n = this.parsedSteps;
-    return e("div", { key: "06d6c64cd4389908276a6b0c738700c315d693af", class: this.articleClasses() }, this.imageSrc ? e("div", { class: "mb-28" }, e("eds-img", { src: this.imageSrc, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && e("div", { class: "mb-28 w-full bg-[#00A595] relative" }, e("div", { class: "text-inverse f-heading-04 p-24 md:p-48" }, this.message)), this.type === "linear" ? e("div", { class: "steps" }, n.map((i, r) => e("div", { class: "step", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), this.activeStep === r && e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter my-16", innerHTML: i.content }), e("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), e("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" }))))) : (
+    return e("div", { key: "e86620aed9aafbf0c8e0cde0230b2147df952379", class: this.articleClasses() }, this.imageSrc ? e("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, e("eds-img", { src: this.imageSrc, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && e("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, e("div", { class: "p-24" }, e("span", { class: "text-inverse f-heading-04 " }, this.message))), e("div", { key: "773e51621fbfbc7b828d196d1e64a9752d02e5a4", class: "p-8" }, this.type === "linear" ? e("div", { class: "steps" }, n.map((i, r) => e("div", { class: "step space-y-8", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), this.activeStep === r && e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter mt-16", innerHTML: i.content }), e("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), e("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" }))))) : (
       // Static mode: show all steps with their content.
-      e("div", { class: "steps" }, n.map((i, r) => e("div", { class: "step", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter my-16", innerHTML: i.content })))))
-    ));
+      e("div", { class: "steps space-y-8" }, n.map((i, r) => e("div", { class: "step", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter mt-16", innerHTML: i.content })))))
+    )));
   }
   get el() {
     return c(this);
@@ -25533,8 +25642,8 @@ const Wn = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
     };
   }
 };
-Ln.style = In;
-const jn = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.py-3{padding-top:0.1875rem;padding-bottom:0.1875rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.px-2{padding-left:0.125rem;padding-right:0.125rem}.px-3{padding-left:0.1875rem;padding-right:0.1875rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-5{padding-left:0.3125rem;padding-right:0.3125rem}.px-6{padding-left:0.375rem;padding-right:0.375rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-accent{background-color:var(--green-500)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}", An = jn, On = m(
+On.style = An;
+const Bn = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.py-3{padding-top:0.1875rem;padding-bottom:0.1875rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.px-2{padding-left:0.125rem;padding-right:0.125rem}.px-3{padding-left:0.1875rem;padding-right:0.1875rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-5{padding-left:0.3125rem;padding-right:0.3125rem}.px-6{padding-left:0.375rem;padding-right:0.375rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-accent{background-color:var(--green-500)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}", _n = Bn, Dn = m(
   ["border-2 rounded-pill"],
   // Base classes
   {
@@ -25562,17 +25671,17 @@ const jn = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
       size: "small"
     }
   }
-), Bn = class {
+), Mn = class {
   constructor(n) {
     s(this, n), this.label = void 0, this.intent = "default", this.size = "small";
   }
   render() {
-    const n = On({ intent: this.intent, size: this.size });
-    return e("span", { key: "20ad2f289c8362346e28e42677b3bc3d626e154d", class: n }, this.label);
+    const n = Dn({ intent: this.intent, size: this.size });
+    return e("span", { key: "4531e69a8dce962b77107b2da984aeae6ba4b4c4", class: n }, this.label);
   }
 };
-Bn.style = An;
-const _n = `@font-face {
+Mn.style = _n;
+const Rn = `@font-face {
   font-family: "Inter";
   font-weight: 100 900;
   font-display: swap;
@@ -31766,9 +31875,6 @@ input[type="range"]::-webkit-slider-thumb {
 .bottom-0 {
   bottom: 0rem;
 }
-.bottom-20 {
-  bottom: 1.25rem;
-}
 .bottom-4 {
   bottom: 0.25rem;
 }
@@ -31781,9 +31887,6 @@ input[type="range"]::-webkit-slider-thumb {
 .left-1\\/2 {
   left: 50%;
 }
-.left-20 {
-  left: 1.25rem;
-}
 .left-4 {
   left: 0.25rem;
 }
@@ -31793,9 +31896,6 @@ input[type="range"]::-webkit-slider-thumb {
 .right-0 {
   right: 0rem;
 }
-.right-20 {
-  right: 1.25rem;
-}
 .right-4 {
   right: 0.25rem;
 }
@@ -31817,9 +31917,6 @@ input[type="range"]::-webkit-slider-thumb {
 .top-16 {
   top: 1rem;
 }
-.top-20 {
-  top: 1.25rem;
-}
 .top-full {
   top: 100%;
 }
@@ -33284,15 +33381,27 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 @media (min-width: 750px) {
+  .md\\:bottom-20 {
+    bottom: 1.25rem;
+  }
   .md\\:left-1\\/2 {
     left: 50%;
   }
+  .md\\:top-1\\/2 {
+    top: 50%;
+  }
+  .md\\:top-20 {
+    top: 1.25rem;
+  }
   .md\\:flex {
     display: flex;
   }
   .md\\:hidden {
     display: none;
   }
+  .md\\:w-auto {
+    width: auto;
+  }
   .md\\:-translate-x-1\\/2 {
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -33304,9 +33413,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\\:gap-y-12 {
     row-gap: 0.75rem;
   }
-  .md\\:p-48 {
-    padding: 3rem;
-  }
   .md\\:pt-28 {
     padding-top: 1.75rem;
   }
@@ -33368,7 +33474,7 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`, Dn = _n, Rn = class {
+`, Yn = Rn, Tn = class {
   constructor(n) {
     s(this, n), this.user = void 0;
   }
@@ -33393,46 +33499,47 @@ input[type="range"]::-webkit-slider-thumb {
   }
   render() {
     const n = this.parsedUser;
-    return e("div", { key: "099427eda976cd3fffcd201a2629d9db752f427d", class: "block" }, e("div", { key: "33e8e4a2aca3fa48420abbd9304ed1d681dbad60", class: "flex items-center" }, e("eds-dropdown", { key: "6f25836fbe49e6cb08e7fe8f057a094e21271784", label: `Welcome, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, e("div", { key: "143b3561a2b0484f60df993882d1c9e74e413859", class: "min-w-[280px] p-8" }, e("div", { key: "5f178c0ce2a4b08a4bef0e2a2348b5372fc1a723", class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, e("eds-avatar", { key: "6ee2187e673738f3ac5e8bbd5ef56b4df69a51f5", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), e("div", { key: "73a58dfadc56f71e75f14d7edf4385682d45126a", class: "max-w-full" }, n.name && e("p", { key: "17d87baf2254d8b1667eb2ba196acc783f66a5d7", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && e("p", { key: "cc8c94e020735521b046805067c1ecef86ccb4bf", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && e("p", { key: "70989c3cc79d174f3ad99dc40db7b69a22f14d34", class: "f-ui-03-light text-light mt-4" }, n.email))), e("div", { key: "f028bde937b98a01c2f9d5028bdd5038003193a0", class: "text-default mt-16 flex w-full flex-col gap-y-8" }, e("slot", { key: "3f6d7c1c540f93c9a35e6c6fa30c68bf06fa1a92" }))))));
+    return e("div", { key: "d20dc8ea0fb7eab53f20927af8ffe6dd67db8641", class: "block" }, e("div", { key: "40001630f8981113ba758b74ba58a939c25306cd", class: "flex items-center" }, e("eds-dropdown", { key: "613be962bda1e516f1733b1cda14811d5a5aa28e", label: `Welcome, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, e("div", { key: "d1654f4e46e1aca7f1a2f66dba008635c7bdd748", class: "min-w-[280px] p-8" }, e("div", { key: "60222bae842c9937fcf75add9566c70f4d3720cf", class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, e("eds-avatar", { key: "e6850f9475524ad03424d307505ed073e682610d", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), e("div", { key: "7b45fec592f3259bba46a499ee555f51db2a6861", class: "max-w-full" }, n.name && e("p", { key: "fc9037c44c0ad50b4449801ddea82c8bc50aca9e", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && e("p", { key: "49249936faebf486c5ef0e83b8e288e2fe02b087", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && e("p", { key: "e6893863bdc060de05bcda216d4437affd0cc805", class: "f-ui-03-light text-light mt-4" }, n.email))), e("div", { key: "4f1141c9b29ac97007dd790ff26d062d067fdfa5", class: "text-default mt-16 flex w-full flex-col gap-y-8" }, e("slot", { key: "686a63f8e772e12ff575a686b189343bcccbd2ac" }))))));
   }
   get hostEl() {
     return c(this);
   }
 };
-Rn.style = Dn;
-const ne = class {
+Tn.style = Yn;
+const re = class {
   constructor(n) {
     s(this, n);
   }
   render() {
-    return e("div", { key: "5526a1591fe499aa09c78be0143f69b7b7af6018", class: "w-full" }, e("ul", { key: "690fb216bebd9a7ded21792e9b06aa06afbc722b", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "601a7d094c2143cb0499251243282133b4389c7d", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "2c57a78fea544c8e76021031dba8addba73a6d47", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "8879361b69dabe72270b3eac45cf1c95e569f98b", class: "spacing-sample m-16 bg-strong" }, e("span", { key: "a3ae615891152c0305386082b117083f8bafde9c", class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), e("li", { key: "24142c0ecca843e6185201878ba34a7f01e22bc9", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "c1c25ff252577d8e00e7d1de77f9960e7e97dfde", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "c6797217f9bc11797961b3d26fe814bbb275e583", class: "spacing-sample ml-64 bg-strong" }, e("span", { key: "376548ee4fa82a8ac20a46b926b34ef6147350aa", class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), e("li", { key: "973f0bb97ebb3c180d2283387f49df9513b7770f", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "573eb47f4cc69d46f0603a0a709315c7e191998b", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "71cd97ffaeed369e234c75909a5be4bbb3cb43d5", class: "spacing-sample mt-32 bg-strong" }, e("span", { key: "0f6af30c5d310aba1436d9ff92e8d67d7f139b59", class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), e("li", { key: "884a928c8d8c7b5dbdfd024e4e4d76bf98b55f49", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "cfa9dd4088ece07293702056de592c39d68a43ae", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "aca9b21ca52d79a724a5e985d6639e543b495e6b", class: "spacing-sample p-32 bg-strong" }, e("span", { key: "550fc1d92e707439176933443fca6532b06209ca", class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), e("li", { key: "a56af0286e1deee424fe9e7e6d3f1dccc0a0a92c", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "738731e56be9be727e47687d9ef271ab5b0a087c", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "5448eeed3887bd66270be4e93761b9a3d8fe206c", class: "spacing-sample pt-32 bg-strong" }, e("span", { key: "535e325326444ab1d50e885de65d6acdd7f9ec63", class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), e("li", { key: "e0b1ba436681545f760823f1e0d073fd8bd2d44b", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "9d65df19fdc4be8054e9b34c18f8b54eadac7dbd", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "fe8656e6f0f3fafa3e7dd1ba9dd35251a3a19bf0", class: "spacing-sample pl-32 bg-strong" }, e("span", { key: "32b26c324b26b3c57062d149cb49d1f1eeb5b5c4", class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32"))))));
+    return e("div", { key: "00ca04338f0cb9233be63327e07c2bde4fdcde82", class: "w-full" }, e("ul", { key: "0228f39058d93ca3ef569040b8e035c89c7a8df4", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "470f8a49cd45dedde63f70c6ec6f79b97000bed1", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "f238156d3bef14454a9f17bcbc403f5b20b2fdce", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "8815c4d93ca0c3bc757d801bb2ea951b93424ff1", class: "spacing-sample m-16 bg-strong" }, e("span", { key: "dfbcf9555690912be569bb01dbf20c44f7cd0a31", class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), e("li", { key: "09764bbf15a7289d72e15096a5179c9378aad1a0", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "5f393cb3ed589009b6d12281d92f9128ef986191", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "980a9f253177cb3c9486c84baa11215222148e01", class: "spacing-sample ml-64 bg-strong" }, e("span", { key: "83bf097e6cba62e5195594968355c59f663b36e5", class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), e("li", { key: "79b6dcfa4d469db308d116d98deda673bea35da4", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "19d5e0f7a987e5e252b7f65380caff58ee8bf900", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "6c03b5c8b9635c6786c6904c11e6d531a252c050", class: "spacing-sample mt-32 bg-strong" }, e("span", { key: "08245fe30349011f8607260ccf950eae211bb511", class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), e("li", { key: "20e990162a6d8a6bb7c3756b471d06b0a812176e", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "cfb4e834829eab6dc889577b3c9686147fcc6314", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "79e124f2b2f4ae780f80187cef9d551995e1217c", class: "spacing-sample p-32 bg-strong" }, e("span", { key: "9ce890898292b81968ff5a6e10e38083cf63ab52", class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), e("li", { key: "34a9a0933249e75a0cf00c1ee12d55dc999ee60c", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "510d4573b38d5e9a6db1c3ef9494b9dfe1ac8e78", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "90902dd8f7ac70b377884b9ed9c8cebd3f87447d", class: "spacing-sample pt-32 bg-strong" }, e("span", { key: "6b9041a4d3d1870362a0e168a31e0e890ca3b417", class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), e("li", { key: "6c656fd467a8df4aa2d0781ac9a5687c407bd282", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "e2332aa81af3e9e35dfebb4b8938acf8649240b8", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "ca08cc17910e818d2537cb9e4d1f4dbef68be02b", class: "spacing-sample pl-32 bg-strong" }, e("span", { key: "6efb039d88c8995fcbdf7ea31485a06f6bdd793d", class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32"))))));
   }
 };
 export {
   O as eds_avatar,
   D as eds_block_break,
   Y as eds_breadcrumb,
-  U as eds_button,
-  V as eds_dropdown,
+  $ as eds_button,
+  X as eds_dropdown,
   K as eds_footer,
   rn as eds_form,
   on as eds_fullscreen_menu,
   an as eds_header,
-  Xn as eds_icon_wrapper,
+  Gn as eds_icon_wrapper,
   xn as eds_img,
-  Pn as eds_input,
+  Jn as eds_input,
   fn as eds_input_field,
-  Kn as eds_input_footer,
-  Gn as eds_input_label,
-  Jn as eds_input_range,
-  Qn as eds_input_search,
-  Zn as eds_input_select,
+  Qn as eds_input_footer,
+  Zn as eds_input_label,
+  ne as eds_input_range,
+  ee as eds_input_search,
+  ie as eds_input_select,
   yn as eds_link,
   kn as eds_logo,
-  Fn as eds_social_networks,
-  Hn as eds_steps,
-  Ln as eds_steps_v2,
-  Bn as eds_tag,
-  Rn as eds_user,
-  ne as token_spacing
+  Fn as eds_modal,
+  Hn as eds_social_networks,
+  Ln as eds_steps,
+  On as eds_steps_v2,
+  Mn as eds_tag,
+  Tn as eds_user,
+  re as token_spacing
 };