@ebrains/vue 1.4.0 → 2.0.0

package/{eds-avatar_29.entry-BUOXv9To.mjs → eds-avatar_26.entry-BQ34MNWx.mjs}

@@ -1,9 +1,9 @@
-import { r as d, h as i, g, c as h } from "./index-DpUTWZFA.mjs";
+import { r as d, h as i, g, c as h } from "./index-BW6yUYdy.mjs";
 import { s as f } from "./analytics-d99780e3-Bay18Oil.mjs";
 import { c as m } from "./index-39c58238-BwYCDOHZ.mjs";
-import { p as b } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-import { h as p } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
-import { h as w, a as k, b as z, c as C, v as S, d as E, e as F, f as L, g as I } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
+import { p as x } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+import { h as y } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
+import { h as k, a as z, b as C, c as S, v as E, d as F, e as L, f as I, g as A } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
 const j = `::before,
 ::after {
     box-sizing: border-box;
@@ -205,7 +205,7 @@ abbr:where([title]) {
 
 .bg-gradient-04-bottom {
     background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
-}`, A = j, P = class {
+}`, P = j, W = class {
   constructor(n) {
     d(this, n), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = "grey";
   }
@@ -254,8 +254,8 @@ abbr:where([title]) {
     return i("div", { key: "b7eff7ae1a1dea3509041e39316b49b673dbdf17", class: this.containerClasses }, this.picture ? i("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : i("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
   }
 };
-P.style = A;
-const W = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}", _ = W, T = class {
+W.style = P;
+const _ = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}", T = _, O = class {
   constructor(n) {
     d(this, n), this.inverse = !1;
   }
@@ -263,8 +263,8 @@ const W = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-
     return i("hr", { key: "b604a776cae7edeee189e00af6993b42b57203f0", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
   }
 };
-T.style = _;
-const O = `*,
+O.style = T;
+const $ = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -1173,7 +1173,7 @@ button,
 
 .hover\\:before\\:opacity-100:hover::before {
   opacity: 1;
-}`, $ = O, H = class {
+}`, H = $, D = class {
   constructor(n) {
     d(this, n), this.button = m([
       "relative inline-flex items-center",
@@ -1279,7 +1279,7 @@ button,
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
   }
   handleClick(n) {
-    var e, t;
+    var e, r;
     if (this.disabled) {
       n.preventDefault();
       return;
@@ -1288,7 +1288,7 @@ button,
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
-      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((t = this.ariaLabel) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
+      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.toLowerCase()) || "",
       action: "click"
     }), typeof this.triggerClick == "function" && this.triggerClick();
   }
@@ -1302,7 +1302,7 @@ button,
       iconOnly: !this.label,
       iconSmall: this.iconSmall
     }), e = this.elementType;
-    return i(e, { key: "ecdd901c70578c07ef094aadbcd287588d4ba705", "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: (t) => this.handleClick(t) }, this.label && i("span", { key: "af8d0ca1c5c3e54f9db3066931a69d3a5a812666", class: this.loading ? "opacity-0" : "" }, this.label), this.loading && i("span", { key: "29b72c15e80f46e023f829568f58d8a8dca82b78", class: "absolute inset-0 flex items-center justify-center" }, i("span", { key: "bad8bd059b1312ca3f5ab173b1203eb395e9bbd8", class: "loader", style: {
+    return i(e, { key: "ecdd901c70578c07ef094aadbcd287588d4ba705", "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: (r) => this.handleClick(r) }, this.label && i("span", { key: "af8d0ca1c5c3e54f9db3066931a69d3a5a812666", class: this.loading ? "opacity-0" : "" }, this.label), this.loading && i("span", { key: "29b72c15e80f46e023f829568f58d8a8dca82b78", class: "absolute inset-0 flex items-center justify-center" }, i("span", { key: "bad8bd059b1312ca3f5ab173b1203eb395e9bbd8", 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 ? i("eds-icon-wrapper", { class: `
@@ -1314,8 +1314,8 @@ button,
     return g(this);
   }
 };
-H.style = $;
-const D = ".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}", q = D, M = class {
+D.style = H;
+const q = ".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}", R = q, B = class {
   constructor(n) {
     d(this, n), this.dropdown = h(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var e;
@@ -1326,7 +1326,7 @@ const D = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-sh
         name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
         action: this.isOpen ? "expanded" : "collapsed"
       });
-    }, this.icon = "chevron-down", this.label = void 0, this.rounded = !1, this.ariaLabel = "Open dropdown", this.asNav = !0, this.dropdownPos = "left", this.dropdownOffset = !0, this.intent = "tertiary", this.isOpen = !1, this.focusIndex = -1;
+    }, this.icon = void 0, this.label = void 0, this.rounded = !1, this.ariaLabel = "Open dropdown", this.asNav = !0, this.dropdownPos = "left", this.dropdownOffset = !0, this.intent = "tertiary", this.isOpen = !1, this.focusIndex = -1;
   }
   /**
    * Closes the dropdown when a click occurs outside of it.
@@ -1379,131 +1379,124 @@ const D = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-sh
    * @returns {JSX.Element} The rendered dropdown component.
    */
   render() {
-    return i("div", { key: "eb48745937126e580737c1da6787c3f16c06ba9e", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, i("eds-button", { key: "3af6863201b1c25ad66e9f8c52d9e13505d742a3", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), i("nav", { key: "c225074b3fbee543966523f8cd1c146485bc04bd", role: "menu", class: {
+    return i("div", { key: "14f31163cc0fb25c3d531632ae36e01d8759567d", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, i("eds-button", { key: "748413032b87b13290743f5bb9822cb84c1d0cf9", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), i("nav", { key: "1a8f28c02b0782569228f75e030483439374baed", 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 }, i("slot", { key: "6a7ba94045d366d20c6618845692d977f20437e3" })));
+    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, i("slot", { key: "31189866f6e1779a5fd5e1b8f3c33d8a0074410b" })));
   }
   get host() {
     return g(this);
   }
 };
-M.style = q;
-const N = "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}.mr-4{margin-right: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}}", B = N, R = class {
-  constructor(n) {
-    d(this, n), this.cookies = h(this, "cookies", 7), this.backToTop = () => {
-      window.scrollTo({ top: 0, behavior: "smooth" });
-    }, this.social = !1, this.enableScrollTop = !1, this.fundedBy = "EBRAINS is funded by the Horizon Europe Framework Programme.", this.rightsReserved = `${(/* @__PURE__ */ new Date()).getFullYear()} EBRAINS. All rights reserved.`, this.cookiesPreferences = "Cookies preferences", this.enableCookiesSettings = !1, this.backToTopAriaLabel = "Back to Top", this.showMatomoNotice = !1;
-  }
-  toggleCookiesConsent() {
-    this.cookies.emit("toggle");
-  }
-  /**
-   * Renders the footer component with optional sections and elements,
-   * including social network links, a Horizon Europe funding acknowledgment, and
-   * legal links such as "Cookies Preferences" and copyright information.
-   *
-   * @returns {JSX.Element} The rendered JSX for the footer component.
-   */
-  render() {
-    return i("footer", { key: "97eecea73acf5ee3d125a446939010055c24e3f3" }, this.social ? i("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, i("div", { class: "container pb-20" }, i("div", { class: "grid-layout" }, i("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, i("eds-social-networks", { class: "mt-28" }))))) : null, i("div", { key: "b7592d90406aa7b5e4d71e2947335a85dbbf70ae", class: `border-softest ${this.social ? "border-t-2" : ""} pb-28 pt-20 md:pt-28` }, i("div", { key: "054190192082a4fdd2435ef62e5e7765386149f5", class: "container flex items-center gap-20 lg:flex-nowrap" }, i("div", { key: "baa874cda99a882f33643609ffd2b99f09db3646", class: "flex items-center gap-x-12" }, i("a", { key: "f47a0e02c7db660ab2c5b9894fd6ef1f820239cf", 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-europe_en", "aria-label": "Learn about Horizon Europe funding" }, i("eds-img", { key: "470f3ccae44a83383ad7f5bfcab880365b203a50", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), i("div", { key: "a02153ae5b772b105272eac575911826747ea246" }, i("div", { key: "a274e52402142dce7df575b29ce8802d1d662368", class: "f-ui-04 text-light" }, i("p", { key: "ae2c393b8585aecd25d08ad20fe8bd712f9c12b5" }, this.fundedBy), i("div", { key: "9ef102155624ef47071d4285ea00c65d66d8606e", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, i("span", { key: "86f5992c7570fcd88c80f7877f08cd4b357ca291", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "© ", this.rightsReserved), this.enableCookiesSettings ? i("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
-      this.toggleCookiesConsent();
-    } }) : null))), i("div", { key: "3ffce63f46352acd80eff48fb121b5ee165c1ad5", class: "ml-auto pl-12" }, this.enableScrollTop ? i("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " }) : null))));
-  }
-};
-R.style = B;
-function u(n, e, t, r, l, o, a) {
+B.style = R;
+function p(n, e, r, t, l, o, a) {
   const s = [];
-  if (r && !e && s.push(`${n} is required.`), t === "number") {
+  if (t && !e) {
+    const c = n.length > 30 ? `${n.slice(0, 27)}…` : n;
+    s.push(`“${c}” is required.`);
+  }
+  if (r === "number") {
     const c = typeof e == "number" ? e : parseFloat(e);
     isNaN(c) ? s.push(`${n} must be a valid number.`) : (typeof o == "number" && c < o && s.push(`${n} must be greater than or equal to ${o}.`), typeof a == "number" && c > a && s.push(`${n} must be less than or equal to ${a}.`));
   }
-  return l && typeof e == "string" && e.length > l && s.push(`${n} must be at most ${l} characters.`), t === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && s.push("Invalid email format."), s;
+  return l && typeof e == "string" && e.length > l && s.push(`${n} must be at most ${l} characters.`), r === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && s.push("Invalid email format."), s;
 }
-function y(n, e, t) {
-  const o = Array.from(t.querySelectorAll("eds-input-field")).filter((s) => {
-    var c, x;
-    return ((x = (c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelectorAll(`input[name="${n}"]`)) === null || x === void 0 ? void 0 : x.length) > 0;
+function v(n, e, r) {
+  const o = Array.from(r.querySelectorAll("eds-input-field")).filter((s) => {
+    var c, b;
+    return ((b = (c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelectorAll(`input[name="${n}"]`)) === null || b === void 0 ? void 0 : b.length) > 0;
   }).flatMap((s) => {
     var c;
     return Array.from(((c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelectorAll(`input[name="${n}"]`)) || []);
   }).some((s) => s.checked), a = [];
   return e && !o && a.push(`At least one option in ${n} is required.`), a;
 }
-function v(n, e, t) {
-  var r;
-  const l = [], o = Array.from(t.querySelectorAll("eds-input-field")).find((s) => {
+function w(n, e, r) {
+  var t;
+  const l = [], o = Array.from(r.querySelectorAll("eds-input-field")).find((s) => {
     var c;
     return (c = s.shadowRoot) === null || c === void 0 ? void 0 : c.querySelector(`[name="${n}"]`);
   });
   if (!o)
     return e && l.push(`${n} is required.`), l;
-  const a = (r = o.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(`[name="${n}"]`);
+  const a = (t = o.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`[name="${n}"]`);
   return e && a && !a.checked && l.push(`${n} is required.`), l;
 }
-function V(n, e) {
-  const t = Array.from(n.querySelectorAll("eds-input-field"));
-  for (const r of t)
-    if (r.shadowRoot) {
-      const l = r.shadowRoot.querySelector(`[name="${e}"]`);
+function N(n, e) {
+  const r = Array.from(n.querySelectorAll("eds-input-field"));
+  for (const t of r)
+    if (t.shadowRoot) {
+      const l = t.shadowRoot.querySelector(`[name="${e}"]`);
       if (l)
         return l;
     }
   return null;
 }
-function U(n, e, t, r) {
+function M(n) {
+  const e = Array.from(n.querySelectorAll("eds-rating"));
+  for (const r of e)
+    return r;
+  return null;
+}
+function V(n, e, r, t) {
   const l = {};
   let o = !1;
   return n.forEach((a) => {
-    if (!r(a, t)) {
+    if (!t(a, r)) {
       delete l[a.name];
       return;
     }
     if (a.type !== "hidden")
       if ((a.type === "checkbox" || a.type === "radio") && !a.options) {
-        const s = v(a.name, a.required, e);
+        const s = w(a.name, a.required, e);
         s.length > 0 && (l[a.name] = s, o = !0);
       } else if (a.options && (a.type === "checkbox" || a.type === "radio")) {
-        const s = y(a.name, a.required, e);
+        const s = v(a.name, a.required, e);
         s.length > 0 && (l[a.name] = s, o = !0);
+      } else if (a.type === "rating") {
+        const s = M(e);
+        if (s) {
+          const c = s.getAttribute("selected-rating"), b = c !== null ? parseInt(c, 10) : 0, u = p(a.name, b, a.type, a.required);
+          u.length > 0 && (l[a.name] = u, o = !0);
+        }
       } else {
-        const s = V(e, a.name);
+        const s = N(e, a.name);
         if (s) {
-          const c = s.value, x = u(a.name, c, a.type, a.required, a.maxlength, a.min, a.max);
-          x.length > 0 && (l[a.name] = x, o = !0);
+          const c = s.value, b = p(a.name, c, a.type, a.required, a.maxlength, a.min, a.max);
+          b.length > 0 && (l[a.name] = b, o = !0);
         }
       }
   }), { errors: l, hasError: o };
 }
-function Y(n, e, t) {
-  return n.type === "checkbox" || n.type === "radio" ? n.options ? y(n.name, n.required, t) : v(n.name, n.required, t) : u(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
+function U(n, e, r) {
+  return n.type === "checkbox" || n.type === "radio" ? n.options ? v(n.name, n.required, r) : w(n.name, n.required, r) : p(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
 }
-function X({
+function Y({
   initData: n,
   parsedFields: e,
-  currentValues: t
+  currentValues: r
   //formEl,
   //isFieldVisible
 }) {
-  const r = Object.assign({}, t);
+  const t = Object.assign({}, r);
   return e.forEach((l) => {
     const o = n[l.name];
-    o !== void 0 && (r[l.name] = o);
-  }), { updatedValues: r };
+    o !== void 0 && (t[l.name] = o);
+  }), { updatedValues: t };
 }
-const G = ".mt-20{margin-top:1.25rem}", J = G, Q = class {
+const X = ".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}.flex{display:flex}.flex-col{flex-direction:column}.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-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.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)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}", G = X, J = class {
   constructor(n) {
-    d(this, n), this.form = h(this, "form", 7), this.name = "eds-form", this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.initData = {}, this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [];
+    d(this, n), this.form = h(this, "form", 7), this.name = "eds-form", this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
   }
   async setData(n) {
     this.populateFormWithInitData(n);
   }
   componentWillLoad() {
-    this.parseFields(this.fields), this.el.querySelectorAll("eds-button").forEach((e) => {
+    this.parseFields(this.fields), this.parseGroups(this.groups), this.el.querySelectorAll("eds-button").forEach((e) => {
       this.emitContext(e);
     });
   }
@@ -1514,7 +1507,10 @@ const G = ".mt-20{margin-top:1.25rem}", J = G, Q = class {
     return !!this.initData;
   }
   parseFields(n) {
-    this.parsedFields = b(n);
+    this.parsedFields = x(n);
+  }
+  parseGroups(n) {
+    this.parsedGroups = x(n);
   }
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
@@ -1528,39 +1524,39 @@ const G = ".mt-20{margin-top:1.25rem}", J = G, Q = class {
   isFieldVisible(n) {
     if (!n.condition)
       return !0;
-    const e = this.values[n.condition.field], t = n.condition.value;
-    return String(e) === String(t);
+    const e = this.values[n.condition.field], r = n.condition.value;
+    return String(e) === String(r);
   }
   validateForm() {
-    const { errors: n, hasError: e } = U(this.parsedFields, this.formEl, this.values, (t, r) => t.condition ? r[t.condition.field] === t.condition.value : !0);
+    const { errors: n, hasError: e } = V(this.parsedFields, this.formEl, this.values, (r, t) => r.condition ? t[r.condition.field] === r.condition.value : !0);
     this.errors = n, this.hasError = e;
   }
   populateFormWithInitData(n) {
-    const { updatedValues: e } = X({
+    const { updatedValues: e } = Y({
       initData: n,
       parsedFields: this.parsedFields,
       currentValues: this.values,
       formEl: this.formEl,
-      isFieldVisible: (t, r) => t.condition ? r[t.condition.field] === t.condition.value : !0
+      isFieldVisible: (r, t) => r.condition ? t[r.condition.field] === r.condition.value : !0
     });
     this.values = e;
   }
   getFormData() {
     const n = new FormData();
-    return n.append("form_name", this.name), this.setFormUrl && typeof window < "u" && n.set("form_url", window.location.href), Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((t) => {
-      if (t.shadowRoot) {
-        const r = t.shadowRoot.querySelector("input, textarea, select");
-        if (r && r.name)
-          if (r.type === "checkbox" || r.type === "radio") {
-            const o = Array.from(t.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((a) => a.value);
-            n.append(r.name, o.join(","));
-          } else if (r.type === "file") {
-            const l = r;
+    return n.append("form_name", this.name), this.setFormUrl && typeof window < "u" && n.set("form_url", window.location.href), Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach((r) => {
+      if (r.shadowRoot) {
+        const t = r.shadowRoot.querySelector("input, textarea, select");
+        if (t && t.name)
+          if (t.type === "checkbox" || t.type === "radio") {
+            const o = Array.from(r.shadowRoot.querySelectorAll(`input[name="${t.name}"]:checked`)).map((a) => a.value);
+            n.append(t.name, o.join(","));
+          } else if (t.type === "file") {
+            const l = t;
             l.files && l.files.length > 0 && Array.from(l.files).forEach((o) => {
               n.append(l.name, o);
             });
           } else
-            n.append(r.name, r.value);
+            n.append(t.name, t.value);
       }
     }), n;
   }
@@ -1571,38 +1567,49 @@ const G = ".mt-20{margin-top:1.25rem}", J = G, Q = class {
     }), n;
   }
   handleChange(n, e) {
-    const t = n.target;
-    let r = t.value;
-    if (t.type === "checkbox") {
+    const r = n.target;
+    let t = r.value;
+    if (r.type === "checkbox") {
       const l = this.values[e.name] || "";
       let o = l ? l.split(",") : [];
-      t.checked ? o.includes(t.value) || o.push(t.value) : o = o.filter((a) => a !== t.value), r = o.join(",");
-    } else if (t.type === "radio") {
-      if (!t.checked)
+      r.checked ? o.includes(r.value) || o.push(r.value) : o = o.filter((a) => a !== r.value), t = o.join(",");
+    } else if (r.type === "radio") {
+      if (!r.checked)
         return;
-      r = t.value;
+      t = r.value;
     }
-    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: r }), e.name !== "password" && this.form.emit({
+    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: t }), e.name !== "password" && this.form.emit({
       event: "change",
       field: e.name,
-      value: r,
+      value: t,
       message: `${e.name} updated`
       //data: this.makeFormData()
     });
   }
   handleInput(n, e) {
-    const t = n.target;
-    if (t.type === "radio" && !t.checked)
+    const r = n.target;
+    if (r.type === "radio" && !r.checked)
       return;
-    const r = t.value, l = Object.assign({}, this.errors), o = Y(e, t.value, this.formEl);
+    const t = r.value, l = Object.assign({}, this.errors), o = U(e, r.value, this.formEl);
     o.length > 0 ? l[e.name] = o : delete l[e.name], this.errors = l, this.hasError = Object.keys(l).length > 0, this.form.emit({
       event: "input",
       field: e.name,
-      value: r,
+      value: t,
       message: `${e.name} updated`
       //data: this.makeFormData()
     });
   }
+  handleRating(n, e) {
+    const r = n.detail;
+    this.values = Object.assign(Object.assign({}, this.values), { [e.name]: r });
+    const t = Object.assign({}, this.errors);
+    e.required && r === 0 ? t[e.name] = ["This field is required"] : delete t[e.name], this.errors = t, this.hasError = Object.keys(t).length > 0, this.form.emit({
+      event: "change",
+      field: e.name,
+      value: r,
+      message: `${e.name} updated`
+    });
+  }
   handleSubmit() {
     var n, e;
     if (!this.isSubmitting) {
@@ -1637,81 +1644,42 @@ const G = ".mt-20{margin-top:1.25rem}", J = G, Q = class {
       }), this.errors = {}, this.formEl.reset(), this.isSubmitting = !1;
     }
   }
+  get groupedFields() {
+    const n = {};
+    return this.parsedGroups.forEach((e) => n[e.id] = []), n.__ungrouped = [], this.parsedFields.forEach((e) => {
+      const r = e.groupId || "__ungrouped";
+      n[r] || (n[r] = []), n[r].push(e);
+    }), n;
+  }
+  renderField(n) {
+    var e, r;
+    if (!this.isFieldVisible(n))
+      return null;
+    if (n.type === "rating") {
+      const t = this.values[n.name] || 0;
+      return i("div", { class: "form-group rating-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `rating-${n.name}`, label: n.label, disabled: n.disabled, required: n.required })), i("eds-rating", { id: `rating-${n.name}`, "rating-type": n.ratingType, "rating-count": n.ratingCount, "selected-rating": t, onRating: (l) => this.handleRating(l, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, message: n.message, "error-message": (e = this.errors[n.name]) === null || e === void 0 ? void 0 : e.join("<br/>"), error: !!this.errors[n.name], link: n.link })));
+    }
+    return i("eds-input-field", { key: n.name, name: n.name, label: n.label, placeholder: n.placeholder, type: n.type, value: this.values[n.name], required: n.required, hint: n.hint, message: n.message, error: !!this.errors[n.name], errorMessage: (r = this.errors[n.name]) === null || r === void 0 ? void 0 : r.join("<br/>"), options: n.options, onInput: (t) => this.handleInput(t, n), onChangeNative: (t) => this.handleChange(t, n) });
+  }
   async getData() {
     return this.makeFormData();
   }
   render() {
-    const n = this.parsedFields.filter((t) => t.type === "hidden"), e = this.parsedFields.filter((t) => t.type !== "hidden");
-    return i("form", { key: "98825e73a0279bed49b82caf2cc0529f30b53c70", ref: (t) => this.formEl = t, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "6b9abe2a6c2d091d57ea9ca383d9edb5d48445dc" }, i("slot", { key: "930bcd24d9b1c6ec1b29ccb1c3150897fa9d0a35" }), n.map((t, r) => i("eds-input", { key: r, type: "hidden", name: t.name, value: t.value })), e.map((t, r) => {
-      var l, o;
-      return this.isFieldVisible(t) ? i("eds-input-field", { key: r, name: t.name, id: `${this.name}_${t.name}`, label: t.label, placeholder: t.placeholder, value: this.values[t.name] || null, min: t.min, max: t.max, step: t.step, type: t.type, icon: t.icon || null, disabled: t.disabled, required: t.required, maxLength: t.maxlength, hint: t.hint, link: t.link, message: t.message, error: ((l = this.errors[t.name]) === null || l === void 0 ? void 0 : l.length) > 0, errorMessage: (o = this.errors[t.name]) === null || o === void 0 ? void 0 : o.join("<br />"), onInput: (a) => this.handleInput(a, t), onChangeNative: (a) => this.handleChange(a, t), class: r > 0 ? "mt-20" : "", options: t.options }) : null;
-    })), this.formBtn && i("div", { key: "e0ab2f16ff4a677a2b09a1069212e374f6d6eff8", class: "mt-20" }, i("eds-button", { key: "781250d5e456a3f0176ade6e28356063c6981bb7", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+    const n = this.parsedFields.filter((r) => r.type === "hidden"), e = this.groupedFields;
+    return i("form", { key: "65b3611bfc26512d594c3f4657bcba93f4e54ec9", ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "24c77c04b83d458528fbb4423f2d1a0f0e7e65e3" }, i("slot", { key: "13cdf29e9da20c91d3fa38ced5f0843046cfeefb" }), n.map((r, t) => i("eds-input", { key: t, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(e[r.id]) && e[r.id].length > 0).map((r) => i("div", { class: "container mt-20", key: r.id }, i("span", { class: "f-body-02" }, i("b", null, r.title)), i("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, e[r.id].map((t) => this.renderField(t))))), i("div", { key: "99706c326e6e18a1099fef82e78a4ea383338fb4", class: "flex flex-col mt-20 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r)))), this.formBtn && i("div", { key: "6e66e2f87c18022d729fcea33e4db6bc2a173392", class: "mt-32" }, i("eds-button", { key: "a94a3e027f58c5276bec7e612987e738d74e7d1c", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
     return g(this);
   }
   static get watchers() {
     return {
-      fields: ["parseFields"]
+      fields: ["parseFields"],
+      groups: ["parseGroups"]
     };
   }
 };
-Q.style = J;
-const K = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.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)}.rounded-xs{border-radius:4px}.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)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}", Z = K, nn = class {
-  constructor(n) {
-    d(this, n), this.menuClose = h(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
-  }
-  /**
-   * Listens for the toggleMenu event to open or close the menu.
-   * This event is emitted by the eds-header component.
-   */
-  handleToggleMenu(n) {
-    this.isMenuOpen = n.detail;
-  }
-  /** Opens the menu */
-  openMenu() {
-    this.isMenuOpen = !0;
-  }
-  /** Closes the menu */
-  closeMenu() {
-    this.isMenuOpen = !1, this.menuClose.emit();
-  }
-  // Lifecycle method to add the resize event listener when component loads
-  componentDidLoad() {
-    window.addEventListener("resize", this.handleResize.bind(this));
-  }
-  // Lifecycle method to remove the resize event listener when component unloads
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.handleResize.bind(this));
-  }
-  // Function to close the menu if screen width is larger than a defined breakpoint (1024px)
-  handleResize() {
-    window.innerWidth >= 1024 && (this.isMenuOpen = !1);
-  }
-  /**
-   * Parses the `links` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedLinks() {
-    return b(this.links);
-  }
-  /**
-   * Parses the `menuLinks` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed menu link objects
-   */
-  get parsedMenuLinks() {
-    return b(this.menuLinks);
-  }
-  render() {
-    return this.isMenuOpen ? i("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, i("div", { class: "flex min-h-full flex-col" }, i("div", { class: `w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, i("div", { class: "mx-auto flex items-center justify-between" }, i("div", { class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), i("div", { class: "px-16" }, i("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), i("div", { class: "py-16 px-16" }, i("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((n, e) => i("eds-link", { label: n.label, key: e, 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" }))), i("eds-block-break", null), i("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((n, e) => i("eds-link", { label: n.label, key: e, 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" }))), i("nav", { class: "mt-28 flex flex-col gap-y-8" }, i("slot", null))), i("div", { class: "mt-auto" }, i("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
-  }
-};
-nn.style = Z;
-const en = ".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-inverse{background-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}}", tn = en, rn = class {
+J.style = G;
+const Q = ".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-inverse{background-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}}", K = Q, Z = class {
   constructor(n) {
     d(this, n), this.toggleheadermenu = h(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
   }
@@ -1735,22 +1703,22 @@ const en = ".block{display:block}.inline-block{display:inline-block}.inline{disp
     this.isUserMenuOpen = !this.isUserMenuOpen;
   }
   get parsedLinks() {
-    return b(this.links);
+    return x(this.links);
   }
   render() {
     const n = {
       default: "text-default bg-dark",
       inverse: "text-default bg-inverse",
       strong: "text-inverse bg-strongest"
-    }, e = n[this.headerVariant] || n.default, t = this.headerVariant === "strong" ? "color-white" : "color";
-    return i("header", { key: "635e25577674250c4ce8cdc91e29fa0c93b7e821", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "41275c9aedeff533f00348dfa85b49fdb1a3f25e", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "fa8949ebbeab567b3770c6795a890f9187b66cf2", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "64428c01fee019a77b15b2ad43fbdb18cf5cc1e9", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, i("ul", { key: "8b6e7e82f077409987e0271f1d1c57d3473a0921", class: "flex gap-x-2" }, this.parsedLinks.map((r) => i("eds-link", { label: r.label, "aria-label": r.label, url: r.url, intent: "ghost", size: "large", icon: r.icon, external: r.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" })))), i("slot", { key: "7ba569eafe18d902e78978840520d708b665a91b" }), this.menuEnabled && i("div", { key: "54c21f2e71a44049c56e4b31ba241996a1e658c3", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "e0bcc14abcad7151cacf19a4c50f238e39538754", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
+    }, e = n[this.headerVariant] || n.default, r = this.headerVariant === "strong" ? "color-white" : "color";
+    return i("header", { key: "aac532eed29a3d4b310ea2550521c95d562d0ece", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "8794699aa3401c267aacb95959acd57f9ceea3f5", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "490fae1495ecd2b801b24d068c7a2b446ed8741a", type: r, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "3e109d13e8ae8b911511f7cd067ffc193735121a", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, i("ul", { key: "87d2e7e9e1d8cafeac2a38b709f77c6bfe83a96d", class: "flex gap-x-2" }, this.parsedLinks.map((t) => i("eds-link", { label: t.label, "aria-label": t.label, url: t.url, intent: "ghost", size: "large", icon: t.icon, external: t.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" })))), i("slot", { key: "c61e952aeb210ec0f1df85dcd165a4af9bee2d35" }), this.menuEnabled && i("div", { key: "6838e9ee79eca023c58236d817524f1f0a0b60a5", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "1b5e7090df7021a145914a77c8bc7388a3218465", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
     return g(this);
   }
 };
-rn.style = tn;
-const se = class {
+Z.style = K;
+const ee = class {
   constructor(n) {
     d(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
   }
@@ -1776,7 +1744,7 @@ const se = class {
       icon: ["iconChanged"]
     };
   }
-}, ln = `/*
+}, nn = `/*
 1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
@@ -1858,7 +1826,7 @@ video {
 
 .opacity-100 {
     opacity: 1;
-}`, on = ln, an = class {
+}`, en = nn, rn = class {
   constructor(n) {
     d(this, n), this.img = null, this.handleLoad = () => {
       this.loaded = !0, this.showBg = !1;
@@ -1873,10 +1841,10 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "13ed3aa346c99321c609e49ce045b6361921350f", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "d40662545cefe458d307c9877c4a8804c4fb7406", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, i("picture", { key: "56aa0ed8fd1ef8f9faf6ad576dd05edc34139c9b" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "78e3ed9adcfe423d48388bf30140f4b70649faf7", ref: (e) => this.img = e, class: {
+    } }, i("picture", { key: "94c28d57611eec83eb7ed03620de4b2449dd665c" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "d7b6e56937a19f558abb29bb1da2f04b945970c9", ref: (e) => this.img = e, class: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
@@ -1886,12 +1854,12 @@ video {
     return g(this);
   }
 };
-an.style = on;
-const de = class {
+rn.style = en;
+const ie = class {
   constructor(n) {
     d(this, n), this.handleInput = (e) => {
-      const t = e.target;
-      this.innerVal = t.value, this.maxLength && this.type === "textarea" && (this.maxLengthReached = t.value.length >= this.maxLength);
+      const r = e.target;
+      this.innerVal = r.value, this.maxLength && this.type === "textarea" && (this.maxLengthReached = r.value.length >= this.maxLength);
     }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.checked = void 0, this.type = "text", this.required = !1, this.value = void 0, this.icon = void 0, this.maxLength = void 0, this.options = [], this.extraClass = void 0, this.min = void 0, this.max = void 0, this.step = void 0, this.innerVal = "", this.maxLengthReached = !1;
   }
   onValueChanged(n) {
@@ -1905,7 +1873,7 @@ const de = class {
   }
   render() {
     const n = !!this.icon, e = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return i("div", { key: "8645092d1b4c53609cbac2077fd0575f7bae4aaa", class: "relative flex items-center" }, this.type === "textarea" ? i("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": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? i("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": e, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((t) => i("option", { value: t.value, selected: t.value === this.innerVal, key: t.value }, t.label))) : i("input", Object.assign({ 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 }, this.type === "number" ? {
+    return i("div", { key: "f48593b92f28da7f3ea3282ebd0db0f6767ee7b6", class: "relative flex items-center" }, this.type === "textarea" ? i("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": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? i("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": e, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => i("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : i("input", Object.assign({ 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 }, this.type === "number" ? {
       min: this.min,
       max: this.max,
       step: this.step
@@ -1914,7 +1882,7 @@ const de = class {
               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": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && i("span", { key: "3cbf1dbffabb0cb895c6b69651933867584606d0", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && i("eds-icon-wrapper", { key: "fb3a7051ecb72a5f425a0590dae14ee731e40a60", 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": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && i("span", { key: "0391698008d36d0726ca52f9f5e3ad21136a9edb", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && i("eds-icon-wrapper", { key: "dd4d8a5e02dd2557deef5441cbe29afdbea8a959", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
     return g(this);
@@ -1924,7 +1892,7 @@ const de = class {
       value: ["onValueChanged"]
     };
   }
-}, sn = `:root {
+}, tn = `:root {
   font-optical-sizing: auto;
 }
 html,
@@ -7753,6 +7721,12 @@ video {
       content: '';
     }
   }
+.input-label-options {
+  font-family: var(--f-ui-03-fontFamily);
+  font-size: var(--f-ui-03-fontSize);
+  line-height: var(--f-ui-03-lineHeight);
+  letter-spacing: var(--f-ui-03-letterSpacing);
+}
 .input-label {
   font-family: var(--f-ui-04-fontFamily);
   font-weight: var(--f-ui-04-fontWeight);
@@ -8624,6 +8598,10 @@ input[type="range"]::-webkit-slider-thumb {
   -moz-column-gap: 0.125rem;
        column-gap: 0.125rem;
 }
+.gap-x-4 {
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
+}
 .gap-x-8 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
@@ -9684,25 +9662,25 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`, dn = sn, cn = class {
+`, ln = tn, on = class {
   constructor(n) {
     d(this, n), this.edsinput = h(this, "edsinput", 7), this.edschange = h(this, "edschange", 7), this.handleNativeInput = (e) => {
-      var t, r;
-      if ((t = this.onInput) === null || t === void 0 || t.call(this, e), this.shouldEmitValue()) {
+      var r, t;
+      if ((r = this.onInput) === null || r === void 0 || r.call(this, e), this.shouldEmitValue()) {
         const l = e.target;
         let o = l.value;
-        if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
+        if (this.type === "checkbox" && ((t = this.parsedOptions) === null || t === void 0 ? void 0 : t.length) > 0) {
           const a = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
           o = Array.from(a).filter((s) => s.checked).map((s) => s.value);
         } else this.type === "checkbox" ? o = l.checked : (this.type, o = l.value);
         this.edsinput.emit({ value: o });
       }
     }, this.handleNativeChange = (e) => {
-      var t, r;
-      if ((t = this.onChangeNative) === null || t === void 0 || t.call(this, e), this.shouldEmitValue()) {
+      var r, t;
+      if ((r = this.onChangeNative) === null || r === void 0 || r.call(this, e), this.shouldEmitValue()) {
         const l = e.target;
         let o = l.value;
-        if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
+        if (this.type === "checkbox" && ((t = this.parsedOptions) === null || t === void 0 ? void 0 : t.length) > 0) {
           const a = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
           o = Array.from(a).filter((s) => s.checked).map((s) => s.value);
         } else this.type === "checkbox" ? o = l.checked : (this.type, o = l.value);
@@ -9726,8 +9704,8 @@ input[type="range"]::-webkit-slider-thumb {
   }
   render() {
     const n = Object.assign({ name: this.name, id: this.inputId, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleNativeInput, onChange: this.handleNativeChange, type: this.type, required: this.required, value: this.value, error: this.error, icon: this.icon, checked: this.checked }, this.type === "number" ? { min: this.min, max: this.max, step: this.step } : {});
-    return i("div", { key: "48926c14240f7e26d2277729d829d98ab17f9eee" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4 mt-8" }, i("div", { class: "flex justify-between" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((e) => i("div", { class: "flex items-center gap-x-2", key: e.value }, i("eds-input", Object.assign({}, n, { value: e.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(e.value)) })), i("eds-input-label", { name: `${this.name}-${e.value}`, label: e.label })))) : i("div", { class: "flex items-center gap-x-8" }, i("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" || this.checked })), this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : i("div", null, i("div", { class: "flex justify-between" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? i("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? i("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required }) : this.type === "search" ? i("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
-      var e, t, r;
+    return i("div", { key: "bf31e95b0fad54062686ae178af0d6b552d04654" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4 mt-8" }, i("div", { class: "flex justify-between" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((e) => i("div", { class: "flex items-center gap-x-4 gap-y-4", key: e.value }, i("eds-input", Object.assign({}, n, { value: e.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(e.value)) })), i("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? "text-lighter" : ""}` }, e.label)))) : i("div", { class: "flex items-center gap-x-8" }, i("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" || this.checked })), this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : i("div", null, i("div", { class: "flex justify-between" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? i("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? i("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required }) : this.type === "search" ? i("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
+      var e, r, t;
       const l = {
         name: n.name,
         inputId: n.id || n.name,
@@ -9736,40 +9714,40 @@ input[type="range"]::-webkit-slider-thumb {
         onInput: n.onInput,
         onChange: n.onChange
       }, o = this.parsedOptions, a = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
-      return i("eds-input-range", Object.assign({}, l, { min: (e = o[0]) === null || e === void 0 ? void 0 : e.value, max: (t = o[1]) === null || t === void 0 ? void 0 : t.value, step: (r = o[2]) === null || r === void 0 ? void 0 : r.value, value: a }));
-    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "72b565ac1c52a56d7e563e227baf187d72f2ba21", class: "mt-4" }, i("eds-input-footer", { key: "65c40184d6fd5dfc730a46ffe8e826687c7d6f36", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+      return i("eds-input-range", Object.assign({}, l, { min: (e = o[0]) === null || e === void 0 ? void 0 : e.value, max: (r = o[1]) === null || r === void 0 ? void 0 : r.value, step: (t = o[2]) === null || t === void 0 ? void 0 : t.value, value: a }));
+    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "b47668a883a11da148a38a063ecf573e79a6d714", class: "mt-6" }, i("eds-input-footer", { key: "2c25baf0474a573f143b17bcaa19826fdc94dd7f", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
   }
   get hostEl() {
     return g(this);
   }
 };
-cn.style = dn;
-const gn = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.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)}.ml-4{margin-left:0.25rem}.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)}.text-lighter{color:var(--grey-600)}.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)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}", hn = gn, fn = class {
+on.style = ln;
+const an = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.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)}.ml-4{margin-left:0.25rem}.mb-4{margin-bottom:0.25rem}.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)}.text-lighter{color:var(--grey-600)}.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)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}", sn = an, dn = class {
   constructor(n) {
     d(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return i("div", { key: "a9f24f8726c7d5bcc3adfcb1d93a6076b0e672d8" }, this.error && this.errorMessage && i("div", { key: "5ed4b0881215887ed5532b4f6619cfe22f896773", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "978b51b85d34c05f5f86ffa228404514e7572145", icon: "warning" }), i("p", { key: "10c97eea1f6a835ad6c85618578fd4fa58a7d5f5", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "61db4e71da9136a1c2ede4bd30edb6c8f61e05d2", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "f44a7c6c17be59a6e6361a1a10c842f9c99f4b47", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return i("div", { key: "08cb0dc972b0aee37260b5e606a4b162afa9100b" }, this.error && this.errorMessage && i("div", { key: "5346af03e591f3ca2338979dc74a0b65fe2f93ba", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "072103ec3061a16992672ee92d20249dc1704e0e", icon: "warning" }), i("p", { key: "19f62274acb91ca32e5f9ee7247b27d5a63a95b7", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "e6c97c6dca2c5a7a1e62f56f2d74560861399553", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "528475a848b5fada0acc47dc4aa2e03b0b6e1872", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
 };
-fn.style = hn;
-const bn = ".input-label{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)}.input-label b,.input-label strong{font-weight:var(--f-ui-04---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", xn = bn, mn = class {
+dn.style = sn;
+const cn = ".input-label{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)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", gn = cn, hn = class {
   constructor(n) {
     d(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return i("label", { key: "4007d3a533b1d4f199cd143fe0c1d3851a4906b1", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "319f85ff60d45e24ba8e21ace46b44534f9e1cbf" }, i("span", { key: "329b9936137fafa7aae9a442296eb44baaf1ab85", "aria-hidden": "true" }, "*"), i("span", { key: "acac48485fa35c9245bb8795cab0a2b40eb1cee2", class: "sr-only" }, "required")));
+    return i("label", { key: "a5ecc454f7d0398d8bf265fb36ac903af4b15c4a", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "f6b710dcfe91623d048a95853097f963510ebb13" }, i("span", { key: "e903f319f01b3592ca2ea8bbd5dbf83765942603", "aria-hidden": "true" }, "*"), i("span", { key: "4548229f02d0753855a0b58944e89ff4fe40665a", class: "sr-only" }, "required")));
   }
 };
-mn.style = xn;
-const ce = class {
+hn.style = gn;
+const re = class {
   constructor(n) {
     d(this, n), this.edsrange = h(this, "edsrange", 7), this.onInput = (e) => {
-      const t = e.target;
-      this.sliderVal = parseInt(t.value, 10);
+      const r = e.target;
+      this.sliderVal = parseInt(r.value, 10);
     }, this.onChange = (e) => {
-      const t = e.target;
-      this.sliderVal = parseInt(t.value, 10), this.edsrange.emit(this.sliderVal);
+      const r = e.target;
+      this.sliderVal = parseInt(r.value, 10), this.edsrange.emit(this.sliderVal);
     }, this.name = void 0, this.inputId = "range", this.disabled = !1, this.required = !1, this.min = 0, this.max = 100, this.step = 1, this.value = void 0, this.sliderVal = void 0;
   }
   componentWillLoad() {
@@ -9786,7 +9764,7 @@ const ce = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "5c55f65e2acd6f4554af7d8ba513c9d9dfd445eb", class: "relative flex flex-col items-start space-y-2" }, i("input", { key: "4fcd0d3d978ddba7929958dd22a283c2ba61ee48", 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 }), i("p", { key: "c63b223e6af149efb68cabbe5228e77b09ca2168", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
+    return i("div", { key: "d17d2e14f9c851c2c4b003ac36bae62240bc16d0", class: "relative flex flex-col items-start space-y-2" }, i("input", { key: "dccfa98f53c6283a09de624f32cc34aea2fafbfa", 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 }), i("p", { key: "6064aa1f5bfbfc0e925dfec32ee727c5e530226a", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
     return g(this);
@@ -9796,7 +9774,7 @@ const ce = class {
       value: ["onValueChange"]
     };
   }
-}, ge = class {
+}, te = class {
   constructor(n) {
     d(this, n), this.search = h(this, "search", 7), this.keydownListener = (e) => {
       (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), this.inputElement && !this.disabled && this.inputElement.focus());
@@ -9823,8 +9801,8 @@ const ce = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "27d6871df962e2bd27eac38b1a105142b1b68bab", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "b4b497cb435c673a550b169dea93fbc7006d0c5e", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
-      key: "1419cd8f5b8791b5b812c57ba649567e1b6ec0bb",
+    return i("div", { key: "1084e1dad411bccc4b89fb61be91fbdaefedbe16", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "eaca5c71cf018cd95ba6debddcbbfa1457a32584", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
+      key: "e0e888a6518abfb5f5b2a50fb89e2cec4c7ca78c",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -9841,23 +9819,23 @@ const ce = class {
   get el() {
     return g(this);
   }
-}, he = class {
+}, le = class {
   constructor(n) {
     d(this, n), this.edsselect = h(this, "edsselect", 7), this.handleChange = (e) => {
-      const t = e.target;
-      this.edsselect.emit(t.value);
+      const r = e.target;
+      this.edsselect.emit(r.value);
     }, this.inputId = void 0, this.name = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.required = !1, this.options = [], this.value = void 0;
   }
   render() {
-    const n = this.inputId || this.name, e = this.placeholder || `Please select ${this.name}`, t = this.hasMessage || this.error ? `${this.name}-error` : void 0;
-    return i("div", { key: "80cbdab87f5baa21df5edc857685c3af4dee3a58", class: "relative" }, i("select", { key: "4e8f84fd9dbc63df7981898cadc24450f48aa92a", id: n, name: this.name, class: {
+    const n = this.inputId || this.name, e = this.placeholder || "Pick from the list", r = this.hasMessage || this.error ? `${this.name}-error` : void 0;
+    return i("div", { key: "8b02195c9cb94edae54d0eaeffc1d5985638e705", class: "relative" }, i("select", { key: "ab86f95d44a22492309e39ea4ed299c7da5460f7", id: n, name: this.name, class: {
       input: !0,
       "input-error": this.error,
       "px-4": !0,
       "py-2": !0
-    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": t, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "54b90339cae4c5c80711793a8c68c4587e0c2495", value: "", disabled: !0, hidden: !0 }, e), this.options.map((r, l) => i("option", { key: l, value: r.value, selected: r.value === this.value }, r.label))), i("span", { key: "6c9f0a0606f1d6f282c756f84ace7618584d5fa3", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, i("eds-icon-wrapper", { key: "4524af72468d3b37c01b0252d4b6b2bf7454514e", class: "w-20 h-20", icon: "chevron-right" })));
+    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": r, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "285f9e5be9f469b21fa13c869e998fdaea4e33ad", value: "", disabled: !0, hidden: !0 }, e), this.options.map((t, l) => i("option", { key: l, value: t.value, selected: t.value === this.value }, t.label))), i("span", { key: "0fced74f55c6da75e7f1aa3251fa59e8147e666f", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, i("eds-icon-wrapper", { key: "70e964580e89d001eb3537038f4e6a28ecba5840", class: "w-20 h-20", icon: "chevron-right" })));
   }
-}, pn = `*,
+}, fn = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -11094,7 +11072,7 @@ Make sure disabled buttons don't get the pointer cursor.
   .lg\\:flex {
     display: flex;
   }
-}`, un = pn, yn = m([
+}`, bn = fn, xn = m([
   "relative inline-flex justify-center items-center py-8 rounded-sm",
   "effect-color effect-focus aria-disabled:text-lightest",
   "cursor-pointer",
@@ -11219,7 +11197,7 @@ Make sure disabled buttons don't get the pointer cursor.
     size: "small",
     hasIcon: !1
   }
-}), vn = class {
+}), mn = class {
   constructor(n) {
     d(this, n), this.parentContext = null, this.label = void 0, this.intent = void 0, this.icon = void 0, this.iconPos = "right", this.iconSmall = !1, this.size = "small", this.external = !1, this.current = !1, this.download = !1, this.url = void 0, this.ariaLabel = void 0, this.disabled = !1, this.hideLabelOnSmallScreen = !1, this.extraClass = void 0;
   }
@@ -11227,7 +11205,7 @@ Make sure disabled buttons don't get the pointer cursor.
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
   }
   handleClick(n) {
-    var e, t;
+    var e, r;
     if (this.disabled) {
       n.preventDefault();
       return;
@@ -11236,7 +11214,7 @@ Make sure disabled buttons don't get the pointer cursor.
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
-      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((t = this.ariaLabel) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
+      name: ((e = this.label) === null || e === void 0 ? void 0 : e.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.toLowerCase()) || "",
       action: "click"
     });
   }
@@ -11256,21 +11234,21 @@ Make sure disabled buttons don't get the pointer cursor.
             `, icon: this.icon })) : null;
   }
   render() {
-    const n = this.disabled ? "span" : "a", e = yn({
+    const n = this.disabled ? "span" : "a", e = xn({
       intent: this.intent,
       size: this.getLinkSize(),
       iconSmall: this.iconSmall,
       isActive: this.current,
       hasIcon: !!this.icon
-    }), t = this.ariaLabel || this.label || "link", r = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return i(n, { key: "bdb8851264265b71dab033b807389ccd26519696", class: `${e || ""} ${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": t, "aria-disabled": this.disabled ? "true" : null, "aria-current": this.current ? "page" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l) }, i("span", { key: "fdf681ed48873939fb147c51fce59c7ff8ae772e", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), i("span", { key: "aa2ac0a8c0d12197a4c2c3263b1550f83a1df72f", class: r }, this.label), this.renderRightIcon()));
+    }), r = this.ariaLabel || this.label || "link", t = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
+    return i(n, { key: "19e7d05290f3dda2cc4e821c5625f7dd82198dcd", class: `${e || ""} ${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: (l) => this.handleClick(l) }, i("span", { key: "36ce6891c07cf6e37acef3e6fecd3e96bcaa0312", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), i("span", { key: "2455011e19a98939aec59768f09ae310ad03692b", class: t }, this.label), this.renderRightIcon()));
   }
   get el() {
     return g(this);
   }
 };
-vn.style = un;
-const wn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}", kn = wn, zn = class {
+mn.style = bn;
+const pn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}", un = pn, yn = class {
   constructor(n) {
     d(this, n), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
   }
@@ -11296,144 +11274,35 @@ const wn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
   getLogo() {
     const e = {
       horizontal: {
-        color: p,
-        black: w,
-        "color-white": k,
-        white: z,
-        "no-bg": C
+        color: y,
+        black: k,
+        "color-white": z,
+        white: C,
+        "no-bg": S
       },
       vertical: {
-        color: S,
-        black: E,
-        "color-white": F,
-        white: L,
-        "no-bg": I
+        color: E,
+        black: F,
+        "color-white": L,
+        white: I,
+        "no-bg": A
       }
     }[this.orientation];
     if (!e)
-      return p;
-    const t = e[this.type];
-    return t || e.color;
+      return y;
+    const r = e[this.type];
+    return r || e.color;
   }
   render() {
     const n = this.getLogo();
-    return i("a", { key: "ff5c1ee09b325dca504a73b2d9eb4910fb67835d", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "10ef011b7e3725231cf12771be38b209661709ed", innerHTML: n }));
+    return i("a", { key: "717ea23a3d9156fd59abb808c3175194b6973d6b", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "794768d57ee14767a0475d949c24fafaa28bc924", innerHTML: n }));
   }
   get el() {
     return g(this);
   }
 };
-zn.style = kn;
-const Cn = ".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 = Cn, En = class {
-  constructor(n) {
-    d(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, f({
-      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, f({
-      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 i("div", { key: "064613bfc4ada7e980d47b7ccb37b21e313731ca", id: "eds-modal", class: `${this.isOpen ? "block" : "hidden"} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": n }, this.isOpen && i("div", {
-      key: "6430a5e2734f948e40ccdc7bfcbd6e934070ff25",
-      class: "fixed inset-0 bg-dark bg-opacity-90",
-      onClick: () => this.close()
-    }), i("div", { key: "468ce4425ce69c7612d9dbca6b812d7b0c2f869a", class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, i("div", { key: "e694805e5c39df16801fd2f13eaf2f113fbe2c5e", 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"}` }, i("span", { key: "f4c1204f3971618138bd8385b15face3acd1ea71", id: n, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), i("eds-button", { key: "813ba1a0c5d357187fc73964bb66230a15593ddc", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), i("div", { key: "9ae10bc0e79c4553c2a5bdd2dbacd7a97d99f50c", class: "pt-8 px-20 py-20" }, i("slot", { key: "f460df4582e298289ab7abcd5417b7ef8d8ac827" }))));
-  }
-  get el() {
-    return g(this);
-  }
-};
-En.style = Sn;
-const Fn = "ul,menu{list-style:none;margin:0;padding:0}.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-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", Ln = Fn, In = class {
+yn.style = un;
+const vn = "ul,menu{list-style:none;margin:0;padding:0}.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-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", wn = vn, kn = class {
   constructor(n) {
     d(this, n), this.currentPage = void 0, this.lastPage = void 0, this.perPage = 10, this.total = 0, this.url = "", this.mode = "default", this.prevLabel = "Prev", this.nextLabel = "Next", this.prevUrl = "", this.nextUrl = "", this.links = [];
   }
@@ -11505,17 +11374,17 @@ const Fn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
    * @returns {(number | string)[]} - Range of page numbers or ellipses
    */
   getPaginationGenerator(n, e) {
-    const r = [];
+    const t = [];
     if (e <= 5)
       for (let l = 1; l <= e; l++)
-        r.push(l);
+        t.push(l);
     else {
-      r.push(1), n - 1 > 2 && r.push("...");
+      t.push(1), n - 1 > 2 && t.push("...");
       for (let l = Math.max(2, n - 1); l <= Math.min(e - 1, n + 1); l++)
-        r.push(l);
-      n + 1 < e - 1 && r.push("..."), r.push(e);
+        t.push(l);
+      n + 1 < e - 1 && t.push("..."), t.push(e);
     }
-    return r;
+    return t;
   }
   /**
    * Formats the current page results information for display
@@ -11531,19 +11400,19 @@ const Fn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
    */
   handlePageClick(n, e) {
     if (this.mode !== "navigator" && (n.preventDefault(), e !== this.currentPage)) {
-      this.links = this.links.map((r) => typeof r == "object" ? Object.assign(Object.assign({}, r), { current: parseInt(r.label) === e }) : r);
-      const t = new CustomEvent("page", {
+      this.links = this.links.map((t) => typeof t == "object" ? Object.assign(Object.assign({}, t), { current: parseInt(t.label) === e }) : t);
+      const r = new CustomEvent("page", {
         detail: e,
         bubbles: !0,
         composed: !0
       });
-      this.hostEl.dispatchEvent(t), this.currentPage = e;
+      this.hostEl.dispatchEvent(r), this.currentPage = e;
     }
   }
   render() {
-    return i("div", { key: "a92aad013df27ce619c50ee8ed273c4799d9b55b" }, this.total > 0 && this.mode === "default" && i("p", { key: "33b6a436765a10356cf201c19b837f668a74a035", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "0c45ab429986ba7537abbdaafddd4b960b92f41a", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination" }, i("ul", { class: "flex items-center justify-center gap-x-8" }, i("li", { class: "mr-auto" }, i("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12", onClick: (n) => {
+    return i("div", { key: "978896bd8c550afdc30281e1a8d9858022857551" }, this.total > 0 && this.mode === "default" && i("p", { key: "10781adbf2c4754580c31eecc180fc426b5e09a1", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "29765740419772ac83736495c859d2d75097904c", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination" }, i("ul", { class: "flex items-center justify-center gap-x-8" }, i("li", { class: "mr-auto" }, i("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12", onClick: (n) => {
       this.mode === "default" && (this.isFirstPage() ? n.preventDefault() : this.handlePageClick(n, (this.currentPage || 1) - 1));
-    } })), this.mode === "default" && this.links.map((n, e) => i("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof n == "string" ? i("span", { class: "flex items-center justify-center" }, n) : i("eds-link", { url: n.url, "aria-label": n.ariaLabel, label: n.label, current: n.current, size: "small", class: "!p-8", intent: n.current ? "secondary" : "ghost", onClick: (t) => this.handlePageClick(t, parseInt(n.label)) }))), i("li", { class: "ml-auto" }, i("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (n) => {
+    } })), this.mode === "default" && this.links.map((n, e) => i("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof n == "string" ? i("span", { class: "flex items-center justify-center" }, n) : i("eds-link", { url: n.url, "aria-label": n.ariaLabel, label: n.label, current: n.current, size: "small", class: "!p-8", intent: n.current ? "secondary" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(n.label)) }))), i("li", { class: "ml-auto" }, i("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (n) => {
       this.mode === "default" && (this.isLastPage() ? n.preventDefault() : this.handlePageClick(n, (this.currentPage || 1) + 1));
     } })))) : null);
   }
@@ -11557,54 +11426,65 @@ const Fn = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     };
   }
 };
-In.style = Ln;
-const jn = "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}", An = jn, Pn = class {
+kn.style = wn;
+const zn = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", Cn = zn, Sn = class {
   constructor(n) {
-    d(this, n), this.socialNetworks = [
-      {
-        label: "Twitter",
-        url: "https://twitter.com/ebrains_eu",
-        icon: "twitter"
-      },
-      {
-        label: "Linkedin",
-        url: "https://www.linkedin.com/company/ebrains-eu/about/",
-        icon: "linkedin"
-      },
-      {
-        label: "Facebook",
-        url: "https://www.facebook.com/people/Ebrains_eu/100046659909324/",
-        icon: "facebook"
-      },
-      {
-        label: "Youtube",
-        url: "https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",
-        icon: "youtube"
-      },
-      {
-        label: "Mastodon",
-        url: "https://mastodon.social/@ebrains",
-        icon: "mastodon"
-      },
-      {
-        label: "Bluesky",
-        url: "https://bsky.app/profile/ebrains.bsky.social",
-        icon: "bluesky"
-      }
-    ], this.heading = "Follow EBRAINS to keep up-to-date";
+    d(this, n), this.rating = h(this, "rating", 7), this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
+  }
+  /**
+   * Lifecycle method that runs when the component has fully loaded.
+   * It emits a custom event for each `eds-button` element contained within the breadcrumb.
+   */
+  componentDidLoad() {
+    this.el.shadowRoot.querySelectorAll("eds-button").forEach((e) => {
+      this.emitContext(e);
+    });
   }
   /**
-   * Renders the component's HTML structure with links to EBRAINS social profiles.
-   * Each social network link uses the `eds-link` component with specific classes and styles.
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
    *
-   * @returns {JSX.Element} The rendered JSX for the component.
+   * @param btnElement - The link element to which the event will be dispatched.
    */
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: this.selectedRating
+      }
+    });
+    n.dispatchEvent(e);
+  }
+  /**
+   * Handles the click event on a star.
+   * @param rating - The selected rating value.
+   */
+  handleClick(n) {
+    this.selectedRating = n, this.rating.emit(n);
+  }
   render() {
-    return i("div", { key: "6d52d64b09170108d1b61157d0ab126cefa794be" }, i("p", { key: "97e929fdaff0bcd4360140428007da0294567ea9", class: "f-ui-02" }, this.heading), i("ul", { key: "3264e9e0ac366c4a502b69f6aa8545935b8536e7", class: "mt-12 flex gap-4" }, this.socialNetworks.map((n, e) => i("li", { key: e }, i("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 i("div", { key: "7f70d2d6691257ba0658ab9500ab7200af28366a", role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (n, e) => {
+      const r = e + 1, t = r <= this.selectedRating;
+      return i("eds-button", {
+        icon: this.ratingType,
+        role: "radio",
+        "aria-checked": t ? "true" : "false",
+        "aria-label": this.ratingType,
+        onClick: () => this.handleClick(r),
+        tabIndex: this.selectedRating === 0 && e === 0 || t ? 0 : -1,
+        intent: t ? "primary" : "ghost",
+        size: "large",
+        "extra-class": "p-2"
+        // Optional padding or styling for the star button
+      });
+    }));
+  }
+  get el() {
+    return g(this);
   }
 };
-Pn.style = An;
-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-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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-28{margin-bottom:1.75rem}", _n = Wn, Tn = class {
+Sn.style = Cn;
+const En = ".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-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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-28{margin-bottom:1.75rem}", Fn = En, Ln = class {
   constructor(n) {
     d(this, n), this.step = h(this, "step", 7), this.handleNext = () => {
       this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
@@ -11620,16 +11500,16 @@ const Wn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     var n;
     if (this.type === "linear") {
       const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      e == null || e.forEach((t) => {
-        this.emitContext(t);
+      e == null || e.forEach((r) => {
+        this.emitContext(r);
       });
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
       var e;
-      const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
-      t && t.querySelectorAll("eds-button").forEach((l) => {
+      const r = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
+      r && r.querySelectorAll("eds-button").forEach((l) => {
         this.emitContext(l);
       });
     }, 50);
@@ -11656,11 +11536,11 @@ const Wn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
    * Parse the JSON string into an array of steps.
    */
   get parsedSteps() {
-    return b(this.steps);
+    return x(this.steps);
   }
   render() {
     const n = this.parsedSteps;
-    return this.type === "linear" ? i("div", null, i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-28", key: t }, i("h3", { onClick: () => this.handleStepClick(t) }, e.title), this.activeStep === t && i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: t === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: t === 0, "extra-class": t === 0 ? "hidden" : "ml-8 block" })))))) : i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-28", key: t }, i("h3", null, e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
+    return this.type === "linear" ? i("div", null, i("div", { class: "steps" }, n.map((e, r) => i("div", { class: "step mb-28", key: r }, i("h3", { onClick: () => this.handleStepClick(r) }, e.title), this.activeStep === r && i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" })))))) : i("div", { class: "steps" }, n.map((e, r) => i("div", { class: "step mb-28", key: r }, i("h3", null, e.title), i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
   }
   get el() {
     return g(this);
@@ -11671,8 +11551,8 @@ const Wn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     };
   }
 };
-Tn.style = _n;
-const On = "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-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.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-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)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.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-24{padding:1.5rem}.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))}.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))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}", $n = On, Hn = class {
+Ln.style = Fn;
+const In = "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-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.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-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)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.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-24{padding:1.5rem}.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))}.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))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}", An = In, jn = class {
   constructor(n) {
     d(this, n), this.step = h(this, "step", 7), this.handleNext = () => {
       this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
@@ -11684,16 +11564,16 @@ const On = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
     var n;
     if (this.type === "linear") {
       const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      e == null || e.forEach((t) => {
-        this.emitContext(t);
+      e == null || e.forEach((r) => {
+        this.emitContext(r);
       });
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
       var e;
-      const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
-      t && t.querySelectorAll("eds-button").forEach((l) => {
+      const r = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
+      r && r.querySelectorAll("eds-button").forEach((l) => {
         this.emitContext(l);
       });
     }, 50);
@@ -11720,13 +11600,13 @@ const On = "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 b(this.steps);
+    return x(this.steps);
   }
   render() {
     const n = this.parsedSteps;
-    return i("div", { key: "bbcec2dd9a5096eb0cecf0d413892e5708822f52", class: this.articleClasses() }, this.imageSrc ? i("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, i("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && i("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, i("div", { class: "p-24" }, i("span", { class: "text-inverse f-heading-04 " }, this.message))), i("div", { key: "db0618aad7d5986fcb0889f1c439be73f83a00df", class: "p-8" }, this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => i("div", { class: t === 0 ? "step" : "step space-y-16", key: t }, i("h3", { onClick: () => this.handleStepClick(t) }, e.title), this.activeStep === t && i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: t === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: t === 0, "extra-class": t === 0 ? "hidden" : "ml-8 block" }))))) : (
+    return i("div", { key: "bbcec2dd9a5096eb0cecf0d413892e5708822f52", class: this.articleClasses() }, this.imageSrc ? i("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, i("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && i("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, i("div", { class: "p-24" }, i("span", { class: "text-inverse f-heading-04 " }, this.message))), i("div", { key: "db0618aad7d5986fcb0889f1c439be73f83a00df", class: "p-8" }, this.type === "linear" ? i("div", { class: "steps" }, n.map((e, r) => i("div", { class: r === 0 ? "step" : "step space-y-16", key: r }, i("h3", { onClick: () => this.handleStepClick(r) }, e.title), this.activeStep === r && i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("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.
-      i("div", { class: "steps space-y-8" }, n.map((e, t) => i("div", { class: "step", key: t }, i("h3", { onClick: () => this.handleStepClick(t) }, e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))))
+      i("div", { class: "steps space-y-8" }, n.map((e, r) => i("div", { class: "step", key: r }, i("h3", { onClick: () => this.handleStepClick(r) }, e.title), i("div", { class: "content" }, i("slot", { name: `step-${r}` }, i("div", { class: r === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))))
     )));
   }
   get el() {
@@ -11738,8 +11618,8 @@ const On = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
     };
   }
 };
-Hn.style = $n;
-const Dn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.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-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)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", qn = Dn, Mn = class {
+jn.style = An;
+const Pn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.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-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)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", Wn = Pn, _n = class {
   constructor(n) {
     d(this, n), this.rowaction = h(this, "rowaction", 7), this.handleResize = () => {
       this.updateContainerWidth();
@@ -11775,7 +11655,7 @@ const Dn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   }
   parseData() {
     try {
-      this.tbData = b(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
+      this.tbData = x(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
     } catch (n) {
       console.error("Failed to parse data:", n), this.tbData = [];
     }
@@ -11823,33 +11703,33 @@ const Dn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     this.searchQuery = n.target.value, this.currentPage = 1;
   }
   renderCell(n, e) {
-    var t;
-    const r = (t = this.parsedConfig[e]) === null || t === void 0 ? void 0 : t.format;
-    return r === "uppercase" ? n == null ? void 0 : n.toString().toUpperCase() : r === "svg" ? i("div", { innerHTML: n }) : r === "bold" ? i("strong", null, n) : r === "code" ? i("code", null, n) : n;
+    var r;
+    const t = (r = this.parsedConfig[e]) === null || r === void 0 ? void 0 : r.format;
+    return t === "uppercase" ? n == null ? void 0 : n.toString().toUpperCase() : t === "svg" ? i("div", { innerHTML: n }) : t === "bold" ? i("strong", null, n) : t === "code" ? i("code", null, n) : n;
   }
   /**
    * Renders one action (button or checkbox) for a specific action‐name.
    * Used by the “Actions” column below.
    */
   renderSingleActionCell(n, e) {
-    var t;
-    const r = this.parsedActions.find((o) => o.name === n);
+    var r;
+    const t = this.parsedActions.find((o) => o.name === n);
     if (this.actionTemplate)
       return this.actionTemplate(e);
-    if ((r.type || "button") === "checkbox") {
-      const o = (t = r.field) !== null && t !== void 0 ? t : r.name, a = !!e[o];
-      return i("eds-input-field", { name: `chc-${n}`, label: r.label, type: "checkbox", checked: a, onChange: (s) => this.emitAction(r.name, e, s.target.checked) });
+    if ((t.type || "button") === "checkbox") {
+      const o = (r = t.field) !== null && r !== void 0 ? r : t.name, a = !!e[o];
+      return i("eds-input-field", { name: `chc-${n}`, label: t.label, type: "checkbox", checked: a, onChange: (s) => this.emitAction(t.name, e, s.target.checked) });
     }
-    return i("eds-link", { label: r.label, intent: "weak", onClick: () => this.emitAction(r.name, e) });
+    return i("eds-link", { label: t.label, intent: "weak", onClick: () => this.emitAction(t.name, e) });
   }
-  emitAction(n, e, t) {
+  emitAction(n, e, r) {
     f({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/action`,
       name: n,
       action: "click"
-    }), this.rowaction.emit({ action: n, row: e, checked: !!t });
+    }), this.rowaction.emit({ action: n, row: e, checked: !!r });
   }
   shouldEnablePagination() {
     return this.paginationEnabled && this.totalRows > this.rowsPerPage;
@@ -11872,14 +11752,14 @@ const Dn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return n.charAt(0).toUpperCase() + n.slice(1).toLowerCase();
   }
   render() {
-    const n = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), t = e > 0 ? Math.floor(n / e * this.divisionFactor()) : 100, r = this.getPaginatedRows(), l = Math.ceil(this.totalRows / this.rowsPerPage);
-    return i("div", { key: "f188b98870101f250e8515178d50763bb708ade5" }, this.searchEnabled && i("div", { key: "96f046ad286df6cb46e9f9f6d3e45a69f90af108" }, i("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (o) => this.handleSearch(o) })), i("div", { key: "bbf27504732266f3e3ae299fcf742a653a23fdef", class: "mt-20" }, i("table", { key: "a1c76a7b0d4c4a1382c34cf58a49896567610403", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "ea7e4b5d1c48c63094a96ba5c8fb38bf8e805024" }, i("tr", { key: "6e49bc93f9678f5f6449269728ca893a88ceb51a", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
+    const n = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), r = e > 0 ? Math.floor(n / e * this.divisionFactor()) : 100, t = this.getPaginatedRows(), l = Math.ceil(this.totalRows / this.rowsPerPage);
+    return i("div", { key: "02339fab49389741529bd4333689e15c0409aecc" }, this.searchEnabled && i("div", { key: "a056734ff7bf25d8f561a185f8cf29742643c81d" }, i("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (o) => this.handleSearch(o) })), i("div", { key: "cbeb04c8d91034db5b7e6386e45c2dbc87d8f6ee", class: "mt-20" }, i("table", { key: "d707ffd979bc80da882ea38ce2d43cb5dee0702e", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "b4087412a0da69f0b3177785fb71ef2ce1d481a6" }, i("tr", { key: "eb4463081686841b3112cab121bf3aa4dcfffe31", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
       var a;
-      return o === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }) : !((a = this.parsedConfig[o]) === null || a === void 0) && a.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }, this.capitalize(o));
-    }))), i("tbody", { key: "7f09b3133241c4a19ad75c27134c04192e9dc357" }, r.map((o) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((a) => {
+      return o === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${r - 4}px` } }) : !((a = this.parsedConfig[o]) === null || a === void 0) && a.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${r - 4}px` } }, this.capitalize(o));
+    }))), i("tbody", { key: "3c0de8287738ff638a46721ee4e0e07bceffed8f" }, t.map((o) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((a) => {
       var s;
-      return a === "actions" ? i("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${t - 4}px` } }, i("div", { style: { display: "flex", gap: "0.5rem", justifyContent: "center", flexWrap: "wrap" } }, this.parsedActions.map((c) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(c.name, o))))) : !((s = this.parsedConfig[a]) === null || s === void 0) && s.hidden ? null : i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${t - 4}px` } }, this.renderCell(o[a], a));
-    })))))), this.shouldEnablePagination() && i("div", { key: "ceb320ba2e1cb14e4220c653c92bb2a9e8bf3593", class: "mt-20" }, i("eds-pagination", { key: "19c22566443e476742fd7f5e232c9240ecb34bec", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+      return a === "actions" ? i("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${r - 4}px` } }, i("div", { style: { display: "flex", gap: "0.5rem", justifyContent: "center", flexWrap: "wrap" } }, this.parsedActions.map((c) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(c.name, o))))) : !((s = this.parsedConfig[a]) === null || s === void 0) && s.hidden ? null : i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${r - 4}px` } }, this.renderCell(o[a], a));
+    })))))), this.shouldEnablePagination() && i("div", { key: "27c640dfdd0906abeb7ec77dfb7fb1d052d50093", class: "mt-20" }, i("eds-pagination", { key: "0a74448e3f59098808d8ba1696b891c4ea9a37bc", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
   }
   get hostEl() {
     return g(this);
@@ -11892,8 +11772,8 @@ const Dn = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     };
   }
 };
-Mn.style = qn;
-const Nn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(147 197 253 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:''}a{color:inherit;text-decoration:inherit}.relative{position:relative}.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)}.whitespace-nowrap{white-space:nowrap}.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)}.focus-visible\\:text-default:focus-visible{color:var(--black)}.hover\\:text-default:hover{color:var(--black)}.border-2{border-width:2px}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.after\\:bottom-0::after{bottom:0rem}.after\\:border-0::after{border-width:0px}.after\\:border-b-2::after{border-bottom-width:2px}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:rounded-lg::after{border-radius:16px}.after\\:border-solid::after{border-style:solid}.after\\:border-3::after{border-width:3px}.after\\:border-accent::after{border-color:var(--green-500)}.after\\:opacity-0::after{opacity:0}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:after\\:opacity-100:focus-visible::after{opacity:1}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-lg{border-top-left-radius:16px}.rounded-tr-lg{border-top-right-radius:16px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.pr-28{padding-right:1.75rem}.pl-28{padding-left:1.75rem}.-mr-16{margin-right:-1rem}.-ml-16{margin-left:-1rem}.px-16{padding-left:1rem;padding-right:1rem}.py-12{padding-top:0.75rem;padding-bottom:0.75rem}.after\\:left-16::after{left:1rem}.after\\:right-16::after{right:1rem}.text-lighter{color:var(--grey-600)}.bg-dark{background-color:var(--grey-300)}.hover\\:bg-darker:hover{background-color:var(--grey-400)}.border-soft{border-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.bg-default{background-color:var(--grey-200)}.text-default{color:var(--black)}.z-99{z-index:99}.before\\:bottom-0::before{bottom:0rem}.before\\:h-12::before{height:0.75rem}.before\\:opacity-5::before{opacity:0.05}.before\\:content-\\[\\'\\'\\]::before{--tw-content:'';content:var(--tw-content)}.before\\:absolute::before{position:absolute}.before\\:-bottom-2::before{bottom:-0.125rem}.after\\:inset-x-0::after{left:0rem;right:0rem}.before\\:inset-x-0::before{left:0rem;right:0rem}.before\\:h-3::before{height:0.1875rem}.before\\:bg-default::before{background-color:var(--grey-200)}.after\\:border-softest::after{border-color:rgba(0, 0, 0, .05)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.before\\:bg-gradient-y::before{background:linear-gradient(to bottom, transparent, ease-in-out, black)}.scroller-x{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto{overflow-x:auto}.max-w-xxxl{max-width:2200px}.z-1{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.pt-8{padding-top:0.5rem}.pr-16{padding-right:1rem}.pl-16{padding-left:1rem}.inline-flex{display:inline-flex}@media (min-width: 900px){.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width: 2200px){.xxxl\\:px-0{padding-left:0rem;padding-right:0rem}}", Bn = Nn, Rn = class {
+_n.style = Wn;
+const Tn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(147 197 253 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:''}a{color:inherit;text-decoration:inherit}.relative{position:relative}.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)}.whitespace-nowrap{white-space:nowrap}.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)}.focus-visible\\:text-default:focus-visible{color:var(--black)}.hover\\:text-default:hover{color:var(--black)}.border-2{border-width:2px}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.after\\:bottom-0::after{bottom:0rem}.after\\:border-0::after{border-width:0px}.after\\:border-b-2::after{border-bottom-width:2px}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:rounded-lg::after{border-radius:16px}.after\\:border-solid::after{border-style:solid}.after\\:border-3::after{border-width:3px}.after\\:border-accent::after{border-color:var(--green-500)}.after\\:opacity-0::after{opacity:0}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:after\\:opacity-100:focus-visible::after{opacity:1}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-lg{border-top-left-radius:16px}.rounded-tr-lg{border-top-right-radius:16px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.pr-28{padding-right:1.75rem}.pl-28{padding-left:1.75rem}.-mr-16{margin-right:-1rem}.-ml-16{margin-left:-1rem}.px-16{padding-left:1rem;padding-right:1rem}.py-12{padding-top:0.75rem;padding-bottom:0.75rem}.after\\:left-16::after{left:1rem}.after\\:right-16::after{right:1rem}.text-lighter{color:var(--grey-600)}.bg-dark{background-color:var(--grey-300)}.hover\\:bg-darker:hover{background-color:var(--grey-400)}.border-soft{border-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.bg-default{background-color:var(--grey-200)}.text-default{color:var(--black)}.z-99{z-index:99}.before\\:bottom-0::before{bottom:0rem}.before\\:h-12::before{height:0.75rem}.before\\:opacity-5::before{opacity:0.05}.before\\:content-\\[\\'\\'\\]::before{--tw-content:'';content:var(--tw-content)}.before\\:absolute::before{position:absolute}.before\\:-bottom-2::before{bottom:-0.125rem}.after\\:inset-x-0::after{left:0rem;right:0rem}.before\\:inset-x-0::before{left:0rem;right:0rem}.before\\:h-3::before{height:0.1875rem}.before\\:bg-default::before{background-color:var(--grey-200)}.after\\:border-softest::after{border-color:rgba(0, 0, 0, .05)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.before\\:bg-gradient-y::before{background:linear-gradient(to bottom, transparent, ease-in-out, black)}.scroller-x{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto{overflow-x:auto}.max-w-xxxl{max-width:2200px}.z-1{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.pt-8{padding-top:0.5rem}.pr-16{padding-right:1rem}.pl-16{padding-left:1rem}.inline-flex{display:inline-flex}@media (min-width: 900px){.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width: 2200px){.xxxl\\:px-0{padding-left:0rem;padding-right:0rem}}", On = Tn, $n = class {
   constructor(n) {
     d(this, n), this.tab = h(this, "tab", 7), this.tabCva = m([
       "relative py-12",
@@ -11939,7 +11819,7 @@ const Nn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
    * @returns {any[]} Array of parsed link objects
    */
   parseTabs() {
-    this.parsedTabs = b(this.tabs);
+    this.parsedTabs = x(this.tabs);
   }
   componentDidLoad() {
     this.scrollToActiveTab();
@@ -11958,16 +11838,16 @@ const Nn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     }, 316);
   }
   getTabOptions(n, e) {
-    const t = n ? "center" : this.activeIndex === -1 && e === 0 ? "first" : e < this.activeIndex ? "left" : "right";
+    const r = n ? "center" : this.activeIndex === -1 && e === 0 ? "first" : e < this.activeIndex ? "left" : "right";
     return Object.assign({ class: this.tabCva({
       active: n,
-      position: t
+      position: r
     }), style: {
-      zIndex: `${n ? this.parsedTabs.length + 99 : t === "left" ? e : this.parsedTabs.length + 1 - e}`
+      zIndex: `${n ? this.parsedTabs.length + 99 : r === "left" ? e : this.parsedTabs.length + 1 - e}`
     } }, n ? { "data-tab-active": "true" } : {});
   }
   handleTabClick(n, e) {
-    this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((t, r) => Object.assign(Object.assign({}, t), { active: r === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), f({
+    this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((r, t) => Object.assign(Object.assign({}, r), { active: t === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), f({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: (e == null ? void 0 : e.toLowerCase()) || "",
@@ -11975,10 +11855,10 @@ const Nn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     });
   }
   render() {
-    return i("div", { key: "dd41d2d7ccbe03e08d3c20a2e9a370e69dfd1459", id: `${this.identifier}` }, i("div", { key: "14c95711c8e7df2b7f6f0557ce233bc1a68ad31b", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, i("nav", { key: "3ed1c5cc5d0aa1e7cb4bebe337885c7e5687aa68", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
-      const t = n.active ? "span" : "a", r = this.getTabOptions(n.active, e);
-      return i(t, Object.assign({}, r, { "aria-label": n.label, "aria-current": e === this.activeIndex, onClick: () => this.handleTabClick(e, n.label) }), n.label || n.ariaLabel);
-    }))), i("div", { key: "63399c53b2e5d642676d7f884bdecec0f8c515de", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { hidden: e !== this.activeIndex }, i("slot", { name: `panel-${e}` })))));
+    return i("div", { key: "ef6902f4dafc40f290f8b63627f4534d665aa01d", id: `${this.identifier}` }, i("div", { key: "a120ea68061894c2d9e2e3f0b8e61f53732c8753", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, i("nav", { key: "fb2bb608addcc777a55be828367e92268c676e16", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+      const r = n.active ? "span" : "a", t = this.getTabOptions(n.active, e);
+      return i(r, Object.assign({}, t, { "aria-label": n.label, "aria-current": e === this.activeIndex, onClick: () => this.handleTabClick(e, n.label) }), n.label || n.ariaLabel);
+    }))), i("div", { key: "82d6a43a9c326b6be73c81205201b18f148641ad", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { hidden: e !== this.activeIndex }, i("slot", { name: `panel-${e}` })))));
   }
   get el() {
     return g(this);
@@ -11989,8 +11869,8 @@ const Nn = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     };
   }
 };
-Rn.style = Bn;
-const Vn = ".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-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-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)}", Un = Vn, Yn = m(
+$n.style = On;
+const Hn = ".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-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-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)}", Dn = Hn, qn = m(
   ["border-2 rounded-pill"],
   // Base classes
   {
@@ -12018,19 +11898,19 @@ const Vn = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
       size: "small"
     }
   }
-), Xn = class {
+), Rn = class {
   constructor(n) {
     d(this, n), this.label = void 0, this.intent = "default", this.size = "small";
   }
   render() {
-    const n = Yn({ intent: this.intent, size: this.size });
-    return i("span", { key: "a0d8788511615d0099fd764501449476126d343f", class: n }, this.label);
+    const n = qn({ intent: this.intent, size: this.size });
+    return i("span", { key: "153cb5a6ab669555dd8e5815413dc0d1be5bee6d", class: n }, this.label);
   }
 };
-Xn.style = Un;
-const Gn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+Rn.style = Dn;
+const Bn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
         0 2px 4px -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-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`, Jn = Gn, Qn = m(["relative bottom-4 w-auto p-12 rounded-lg shadow-md"], {
+        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`, Nn = Bn, Mn = m(["relative bottom-4 w-auto p-12 rounded-lg shadow-md"], {
   variants: {
     intent: {
       default: "bg-dark text-light",
@@ -12042,7 +11922,7 @@ const Gn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   defaultVariants: {
     intent: "default"
   }
-}), Kn = class {
+}), Vn = class {
   constructor(n) {
     d(this, n), this.toast = h(this, "toast", 7), this.dismissToast = () => {
       this.toast.emit({ visible: !1, label: "dismissed" }), this.visible = !1;
@@ -12076,15 +11956,15 @@ const Gn = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   render() {
     if (!this.visible)
       return null;
-    const n = Qn({ intent: this.intent });
+    const n = Mn({ intent: this.intent });
     return i("div", { class: n, role: "alert", "aria-live": "assertive" }, i("div", { class: "flex items-center justify-between gap-4" }, i("span", { class: "f-ui-01" }, this.message), i("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" })));
   }
   get el() {
     return g(this);
   }
 };
-Kn.style = Jn;
-const Zn = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.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-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}", ne = Zn, ee = class {
+Vn.style = Nn;
+const Un = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.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-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}", Yn = Un, Xn = class {
   constructor(n) {
     d(this, n), this.user = void 0;
   }
@@ -12103,47 +11983,44 @@ const Zn = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
   async componentWillLoad() {
   }
   get initials() {
-    var n, e, t, r;
+    var n, e, r, t;
     const l = this.parsedUser;
-    return `${((n = l.given_name) === null || n === void 0 ? void 0 : n.charAt(0)) || ""}${((e = l.family_name) === null || e === void 0 ? void 0 : e.charAt(0)) || ""}`.toUpperCase() || ((r = (t = l.name) === null || t === void 0 ? void 0 : t.charAt(0)) === null || r === void 0 ? void 0 : r.toUpperCase()) || "";
+    return `${((n = l.given_name) === null || n === void 0 ? void 0 : n.charAt(0)) || ""}${((e = l.family_name) === null || e === void 0 ? void 0 : e.charAt(0)) || ""}`.toUpperCase() || ((t = (r = l.name) === null || r === void 0 ? void 0 : r.charAt(0)) === null || t === void 0 ? void 0 : t.toUpperCase()) || "";
   }
   render() {
     const n = this.parsedUser;
-    return i("div", { key: "b30b0a30a94c6bd9046b234cd793da80c1b16de8", class: "block" }, i("div", { key: "9ecea595c3d900aeda7c75a6aa5ae84999d775e1", class: "flex items-center" }, i("eds-dropdown", { key: "6a4c4751aaeaa6426ee4c89305b5c419ee912ced", label: `Hi, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, i("div", { key: "8e695af42fd229ca71e5d8f6fe367ed5ecc4184b", class: "min-w-[280px] p-8" }, i("div", { key: "d28e78ace074d7513a002297558219afae079646", class: "flex gap-x-16" }, i("eds-avatar", { key: "e9895e380ece01d116c14dbf0424061b1a039261", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), i("div", { key: "1597248135606e3300546b3278114cd8cc36d4b5", class: "max-w-full" }, n.name && i("p", { key: "fa04e93e50f3cf6d1e3d49dafc02d0dd5233a9f4", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "1203bf8078cb1c2a4d31effbe96e7aefd9222eb2", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "6fcd932e87eb6e086daf61d2d8d16e6f8f27f12a", class: "f-ui-03-light text-light mt-4" }, n.email))), i("eds-block-break", { key: "5811252802eecc3f5c001705c8e8fb94fb33e1bb" }), i("div", { key: "d28913e74e9924f51e9b1e92a0f42691c733c438", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "bb003f9bff1042b2778a7a924dc87c7baf1a9fb7" }))))));
+    return i("div", { key: "e1413d070d6f5ce0a5f7a45e8eed7a27941bda10", class: "block" }, i("div", { key: "f59cf79c2f09069d9e5bbae2bc126a0e3ef23564", class: "flex items-center" }, i("eds-dropdown", { key: "7316554277baffb16b6a2cc0ab0b4606a46ccfc8", label: `Hi, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, i("div", { key: "df80f62cd5c6e0876fcc20c54dbd25d6db031ce0", class: "min-w-[280px] p-8" }, i("div", { key: "34f0bd24c4c8ec55d5e99f77d0378bc14fb6943f", class: "flex gap-x-16" }, i("eds-avatar", { key: "73e45e3d20d02711af982a7a801cb7d6e18e201e", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), i("div", { key: "1070df12372893476cc5ed2909ac735d0655cdb7", class: "max-w-full" }, n.name && i("p", { key: "4d6ca560545810da42d6acd5780c354565dc0d2d", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "f7e618449d15fc899484afda94e7837408f0b251", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "e6ca46f9863cea6d6bfa7021ead181509a5806f0", class: "f-ui-03-light text-light mt-4" }, n.email))), i("eds-block-break", { key: "76c0ba26ef63e046b7a01e12332b812ad5873776" }), i("div", { key: "448e592221de4406477bb0eb6bc84975699008f3", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "47e2d49bef131c827f49d3eaf68f6a09ba948707" }))))));
   }
   get hostEl() {
     return g(this);
   }
 };
-ee.style = ne;
+Xn.style = Yn;
 export {
-  P as eds_avatar,
-  T as eds_block_break,
-  H as eds_button,
-  M as eds_dropdown,
-  R as eds_footer,
-  Q as eds_form,
-  nn as eds_fullscreen_menu,
-  rn as eds_header,
-  se as eds_icon_wrapper,
-  an as eds_img,
-  de as eds_input,
-  cn as eds_input_field,
-  fn as eds_input_footer,
-  mn as eds_input_label,
-  ce as eds_input_range,
-  ge as eds_input_search,
-  he as eds_input_select,
-  vn as eds_link,
-  zn as eds_logo,
-  En as eds_modal,
-  In as eds_pagination,
-  Pn as eds_social_networks,
-  Tn as eds_steps,
-  Hn as eds_steps_v2,
-  Mn as eds_table,
-  Rn as eds_tabs,
-  Xn as eds_tag,
-  Kn as eds_toast,
-  ee as eds_user
+  W as eds_avatar,
+  O as eds_block_break,
+  D as eds_button,
+  B as eds_dropdown,
+  J as eds_form,
+  Z as eds_header,
+  ee as eds_icon_wrapper,
+  rn as eds_img,
+  ie as eds_input,
+  on as eds_input_field,
+  dn as eds_input_footer,
+  hn as eds_input_label,
+  re as eds_input_range,
+  te as eds_input_search,
+  le as eds_input_select,
+  mn as eds_link,
+  yn as eds_logo,
+  kn as eds_pagination,
+  Sn as eds_rating,
+  Ln as eds_steps,
+  jn as eds_steps_v2,
+  _n as eds_table,
+  $n as eds_tabs,
+  Rn as eds_tag,
+  Vn as eds_toast,
+  Xn as eds_user
 };