@ebrains/vue 1.0.0 → 1.2.0

package/{eds-avatar_34.entry-1U84FvGQ.mjs → eds-avatar_28.entry-W_rkIwiU.mjs}

@@ -1,10 +1,10 @@
-import { r as s, h as e, g, c as x, H as T } from "./index-BvZ-fq9l.mjs";
-import { p as m } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-import { s as b } from "./analytics-d99780e3-Bay18Oil.mjs";
-import { c as v } from "./index-39c58238-BwYCDOHZ.mjs";
-import { h as E } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
-import { h as A, a as _, b as H, c as $, v as O, d as M, e as W, f as B, g as q } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
-const D = `::before,
+import { r as s, h as i, g as c, c as h } from "./index-DlF3mhYp.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";
+const j = `::before,
 ::after {
     box-sizing: border-box;
     border-width: 0;
@@ -205,7 +205,7 @@ abbr:where([title]) {
 
 .bg-gradient-04-bottom {
     background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
-}`, N = D, V = class {
+}`, P = j, A = class {
   constructor(n) {
     s(this, n), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = "grey";
   }
@@ -251,119 +251,20 @@ abbr:where([title]) {
    * @returns {JSX.Element} The rendered avatar component.
    */
   render() {
-    return e("div", { key: "7c207192778b86ce5a24816637cf6e6239310eca", class: this.containerClasses }, this.picture ? e("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : e("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
+    return 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));
   }
 };
-V.style = N;
-const R = ".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}", P = R, Y = class {
+A.style = P;
+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, O = class {
   constructor(n) {
     s(this, n), this.inverse = !1;
   }
   render() {
-    return e("hr", { key: "fe48c93d6cb5648749bc050599fdfcb1712d1291", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
+    return i("hr", { key: "b604a776cae7edeee189e00af6993b42b57203f0", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
   }
 };
-Y.style = P;
-const U = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", X = U, G = class {
-  constructor(n) {
-    s(this, n), this.updateScreenSize = () => {
-      const i = window.innerWidth;
-      i < 769 ? this.maxVisibleItems = 3 : i <= 1024 ? this.maxVisibleItems = 3 : i <= 1280 ? this.maxVisibleItems = 3 : i <= 2200 ? this.maxVisibleItems = 4 : this.maxVisibleItems = 6;
-    }, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
-  }
-  /**
-   * Watches for changes to the `items` prop and parses it.
-   */
-  parseItems(n) {
-    this.parsedItems = m(n);
-  }
-  /**
-   * Lifecycle method that runs when the component is about to be loaded.
-   * It parses the initial `items` prop value.
-   */
-  componentWillLoad() {
-    this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.updateScreenSize);
-  }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-   */
-  componentDidLoad() {
-    var n;
-    const i = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-link");
-    i == null || i.forEach((r) => {
-      this.emitContext(r);
-    });
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(n) {
-    const i = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    n.dispatchEvent(i);
-  }
-  /**
-   * Returns breadcrumb items with potential truncation if there are too many.
-   * It inserts an ellipsis item where necessary.
-   */
-  getTruncatedItems() {
-    const n = this.parsedItems.length, i = { label: "...", url: "", isHidden: !0 };
-    if (n > this.maxVisibleItems) {
-      const r = this.parsedItems[0], t = this.parsedItems.slice(-2);
-      if (this.maxVisibleItems === 3)
-        return [r, i, ...t];
-      if (this.maxVisibleItems === 4) {
-        const l = this.parsedItems[Math.floor(n / 2)];
-        return [r, l, i, ...t];
-      }
-    }
-    return this.parsedItems;
-  }
-  /**
-   * Helper to determine the display label and full label.
-   * If the label is longer than 15 characters and the item is not the current (last) item,
-   * we display a truncated version but use the full label for aria attributes.
-   */
-  getLabels(n, i) {
-    return !i && n.label.length > 15 ? { displayLabel: `${n.label.slice(0, 15)}...`, fullLabel: n.label } : { displayLabel: n.label, fullLabel: n.label };
-  }
-  /**
-   * Render method for the breadcrumb component.
-   * It creates a navigation element with an ordered list of breadcrumb links.
-   * The last link is marked as the current page.
-   */
-  render() {
-    const n = this.getTruncatedItems();
-    return e("nav", { key: "2651e18e4c157f49e1da2ef93d4f68b9497118e4", "aria-label": "Breadcrumb" }, e("ol", { key: "d1f5bb18bb35df9455a4c7a566850d59eb657242", class: "flex items-center space-x-2" }, n.map((i, r) => {
-      const t = r === n.length - 1;
-      return e("li", { class: "flex items-center" }, i.isHidden ? e("eds-link", { label: "...", url: "#", intent: "strong", current: !1, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" }) : (() => {
-        const { fullLabel: l } = this.getLabels(i, t), a = t ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
-        return e("eds-link", Object.assign({ label: l, url: i.url, intent: a, disabled: t, current: t, "aria-label": l, size: "small", "icon-small": "false" }, t ? { "aria-current": "page" } : {}));
-      })(), !t && !i.isHidden && e("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
-    })));
-  }
-  get el() {
-    return g(this);
-  }
-  static get watchers() {
-    return {
-      items: ["parseItems"]
-    };
-  }
-};
-G.style = X;
-const J = `*,
+O.style = _;
+const H = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -1272,9 +1173,9 @@ button,
 
 .hover\\:before\\:opacity-100:hover::before {
   opacity: 1;
-}`, K = J, Q = class {
+}`, T = H, $ = class {
   constructor(n) {
-    s(this, n), this.button = v([
+    s(this, n), this.button = m([
       "relative inline-flex items-center",
       "py-8",
       "effect-focus effect-color",
@@ -1378,16 +1279,16 @@ button,
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
   }
   handleClick(n) {
-    var i, r;
+    var e, r;
     if (this.disabled) {
       n.preventDefault();
       return;
     }
-    b({
+    f({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
-      name: ((i = this.label) === null || i === void 0 ? void 0 : i.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.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();
   }
@@ -1400,127 +1301,29 @@ button,
       pill: this.pill,
       iconOnly: !this.label,
       iconSmall: this.iconSmall
-    }), i = this.elementType;
-    return e(i, { key: "b51281f8946bbf5a22b8fec9ec2d66ea4697bb23", "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 && e("span", { key: "c1df49fe70a7930d4c87f8130ef1102e503cd0fc", class: this.loading ? "opacity-0" : "" }, this.label), this.loading && e("span", { key: "e56515527843d11be53d66aa7598fc2fdf94d054", class: "absolute inset-0 flex items-center justify-center" }, e("span", { key: "a50932ac2d5db24d50a3b10a30d07043e0354c62", class: "loader", style: {
+    }), 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: (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 ? e("eds-icon-wrapper", { class: `
+    } })), this.icon ? i("eds-icon-wrapper", { class: `
               flex inline-flex items-center justify-center
               ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
             `, icon: this.icon }) : null);
   }
   get el() {
-    return g(this);
-  }
-};
-Q.style = K;
-const Z = ".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)}.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}", nn = Z, en = class {
-  constructor(n) {
-    s(this, n), this.description = void 0, this.truncate = !0, this.truncateLines = "3";
-  }
-  getTruncateClass() {
-    return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : "";
-  }
-  render() {
-    return e("p", { key: "f2eec4a947de74a1e36bb13fdd2bfeb7a9f711b3", class: "text-light f-ui-03-light" }, e("span", { key: "444ffa34c3e8cac12af2f396144fd182d49c6baa", class: this.getTruncateClass() }, this.description));
-  }
-};
-en.style = nn;
-const rn = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;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\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}", tn = rn, ln = class {
-  constructor(n) {
-    s(this, n), this.parentContext = null, this.cardTitle = void 0, this.url = void 0, this.description = void 0, this.image = void 0, this.avatar = void 0, this.shortAbbreviation = void 0, this.headingLevel = "h3", this.tags = [], this.tiny = !1, this.bg = !0, this.withHover = !0, this.hierarchy = !0, this.parsedImage = null;
-  }
-  componentWillLoad() {
-    if (this.image)
-      try {
-        typeof this.image == "object" ? this.parsedImage = this.image : typeof this.image == "string" && (this.parsedImage = JSON.parse(this.image));
-      } catch (n) {
-        console.error("Error parsing image prop:", n), this.parsedImage = {};
-      }
-  }
-  handleParentContext(n) {
-    n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
-  }
-  /**
-   * Parses the `tags` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedTags() {
-    return m(this.tags);
-  }
-  articleClasses() {
-    return [
-      this.description ? this.tiny ? "min-h-120" : "min-h-156" : "h-auto",
-      this.bg ? "bg-inverse" : "bg-default",
-      this.withHover ? "effect-shadow hover:shadow-hover cursor-pointer" : "",
-      "border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"
-    ].join(" ");
-  }
-  handleClick() {
-    var n;
-    b({
-      category: "ui-component",
-      parentContext: this.parentContext,
-      tag: this.el.tagName.toLowerCase(),
-      name: ((n = this.cardTitle) === null || n === void 0 ? void 0 : n.toLowerCase()) || "",
-      action: "click"
-    });
-  }
-  render() {
-    return e("article", { key: "440a448c841370838c0c66610bd1266b46f66541", class: this.articleClasses(), onClick: () => this.handleClick() }, e("eds-card-title", { key: "292d93a9a993c6dcbfd276097a21d3984b1794c4", "heading-level": this.headingLevel, titleClass: this.image ? "f-ui-01" : void 0, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && e("eds-card-desc", { key: "4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7", class: "mt-8", "truncate-lines": "3", description: this.description }), this.parsedImage ? e("eds-img", Object.assign({ class: "mt-8 block mx-auto" }, this.parsedImage)) : this.avatar || this.shortAbbreviation ? e("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation }) : null, e("div", { key: "40388913b1abb9308f42469956342efdbb48d508", class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((n, i) => e("eds-tag", { key: i, intent: n.style, label: n.label }))), " ");
-  }
-  get el() {
-    return g(this);
-  }
-};
-ln.style = tn;
-const on = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}", an = on, sn = class {
-  constructor(n) {
-    s(this, n), this.url = void 0, this.titleClass = void 0, this.headingLevel = "h3", this.externalLink = !1, this.cardTitle = void 0, this.hierarchy = !0;
-  }
-  /**
-   * Dynamically generate the title class based on the heading level.
-   */
-  getTitleClass() {
-    return `f-heading-${(this.hierarchy ? {
-      h1: "05",
-      h2: "05",
-      h3: "05",
-      h4: "05",
-      h5: "05",
-      h6: "06"
-    } : {
-      h1: "01",
-      h2: "02",
-      h3: "03",
-      h4: "04",
-      h5: "05",
-      h6: "06"
-    })[this.headingLevel]}`;
-  }
-  /*private getTag() {
-    if (this.url) {
-      return 'a';
-    }
-    return 'span';
-  }*/
-  render() {
-    const n = this.headingLevel;
-    return e(n, { key: "9914950b1581456a3a875ed7383975710c05fa7f", class: this.getTitleClass() }, e("a", { key: "9b3298d8bacd8fbaecd8c714329ef5e6ac7192c7", class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? "_blank" : void 0, rel: this.externalLink ? "noopener noreferrer" : void 0 }, this.cardTitle));
+    return c(this);
   }
 };
-sn.style = an;
-const dn = ".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}", cn = dn, gn = class {
+$.style = T;
+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}", M = D, B = class {
   constructor(n) {
-    s(this, n), this.dropdown = x(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
-      var i;
-      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), b({
+    s(this, n), this.dropdown = h(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
+      var e;
+      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), f({
         category: "ui-component",
         parentContext: null,
         tag: this.host.tagName.toLowerCase(),
-        name: ((i = this.label) === null || i === void 0 ? void 0 : i.toLowerCase()) || "",
+        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;
@@ -1576,23 +1379,23 @@ const dn = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-s
    * @returns {JSX.Element} The rendered dropdown component.
    */
   render() {
-    return e("div", { key: "c7044a1dabb4f65fe143ac3202dd0d1af4e706c2", class: "z-focus relative", ref: (n) => this.dropdownContent = n }, e("eds-button", { key: "fa5812e59ea886a0adcba75576f07e94e7b0f713", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), e("nav", { key: "c0daa734601dbfcd290d5db8cc25fcd4b82dfdad", role: "menu", class: {
+    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: {
       "shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8": !0,
       "left-4": this.dropdownPos === "left" && this.dropdownOffset,
       "left-0": this.dropdownPos === "left" && !this.dropdownOffset,
       "right-4": this.dropdownPos === "right" && this.dropdownOffset,
       "right-0": this.dropdownPos === "right" && !this.dropdownOffset,
       "rounded-lg": this.rounded
-    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, e("slot", { key: "6ca4e774160924fa248db790f33b81e374653569" })));
+    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, i("slot", { key: "6a7ba94045d366d20c6618845692d977f20437e3" })));
   }
   get host() {
-    return g(this);
+    return c(this);
   }
 };
-gn.style = cn;
-const hn = "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}}", fn = hn, bn = class {
+B.style = M;
+const q = "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}}", N = q, R = class {
   constructor(n) {
-    s(this, n), this.cookies = x(this, "cookies", 7), this.backToTop = () => {
+    s(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;
   }
@@ -1607,48 +1410,48 @@ const hn = "p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}
    * @returns {JSX.Element} The rendered JSX for the footer component.
    */
   render() {
-    return e("footer", { key: "7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a" }, this.social ? e("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, e("div", { class: "container pb-20" }, e("div", { class: "grid-layout" }, e("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, e("eds-social-networks", { class: "mt-28" }))))) : null, e("div", { key: "9ee8ada698546344b18e557ee1de76042cd727ed", class: `border-softest ${this.social ? "border-t-2" : ""} pb-28 pt-20 md:pt-28` }, e("div", { key: "e795e5bba0273b4147c66ed667142997bc0cbaff", class: "container flex items-center gap-20 lg:flex-nowrap" }, e("div", { key: "fa09a0dbccb035b1e4f496aa447aca241bcc2415", class: "flex items-center gap-x-12" }, e("a", { key: "273bbee5c7353fa4ab0ac30f30a190bae250546c", target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, e("eds-img", { key: "4568610de97ad886e26195bde656609e2584b792", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), e("div", { key: "65dc6a5b0da9d69b0b43ed738c9612293ef64e96" }, e("div", { key: "a89180b8f308502dfd864d5aab0702f262718cc8", class: "f-ui-04 text-light" }, e("p", { key: "54a69763c38a7986008f9b553fb6b75e5a36d255" }, this.fundedBy), e("div", { key: "9378c48e766a2df4d14805c8777d5d98a2d016ce", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, e("span", { key: "ef939799150dd7ea91f72de94b1e564039c1e900", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "© ", this.rightsReserved), this.enableCookiesSettings ? e("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+    return i("footer", { key: "7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a" }, 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: "9ee8ada698546344b18e557ee1de76042cd727ed", class: `border-softest ${this.social ? "border-t-2" : ""} pb-28 pt-20 md:pt-28` }, i("div", { key: "e795e5bba0273b4147c66ed667142997bc0cbaff", class: "container flex items-center gap-20 lg:flex-nowrap" }, i("div", { key: "fa09a0dbccb035b1e4f496aa447aca241bcc2415", class: "flex items-center gap-x-12" }, i("a", { key: "578d6a8463e65d07278f8328c108ee266cfba2b8", 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: "5b9e987c2ecf62fb4f44c1faacad7c569a149805", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), i("div", { key: "df75949c0718b8fb7dd449a6e7df39d332da366f" }, i("div", { key: "f83d31b16d0601cd456d5cb72e9fa2adb29a2b66", class: "f-ui-04 text-light" }, i("p", { key: "dcdf09d78ca64c5391d56fe5ed69bab987cbf67b" }, this.fundedBy), i("div", { key: "af279fb5dfdf0a8f1f85e6ce7446dc3a0eeac397", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, i("span", { key: "026b41fa6162ffb6825ccf98364b4caf64b6457a", 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))), e("div", { key: "3b5388855844f5857e4d6a2b8d19d204b681ca40", class: "ml-auto pl-12" }, this.enableScrollTop ? e("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))));
+    } }) : null))), i("div", { key: "27cb561815d6918567ab8cfa1148019aca8aeda0", 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))));
   }
 };
-bn.style = fn;
-function I(n, i, r, t, l) {
+R.style = N;
+function u(n, e, r, t, l) {
   const a = [];
-  return t && !i && a.push(`${n} is required.`), l && typeof i == "string" && i.length > l && a.push(`${n} must be at most ${l} characters.`), r === "email" && i && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.toString()) && a.push("Invalid email format."), a;
+  return t && !e && a.push(`${n} is required.`), l && typeof e == "string" && e.length > l && a.push(`${n} must be at most ${l} characters.`), r === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && a.push("Invalid email format."), a;
 }
-function L(n, i, r) {
+function y(n, e, r) {
   const a = Array.from(r.querySelectorAll("eds-input-field")).filter((d) => {
-    var h, f;
-    return ((f = (h = d.shadowRoot) === null || h === void 0 ? void 0 : h.querySelectorAll(`input[name="${n}"]`)) === null || f === void 0 ? void 0 : f.length) > 0;
+    var g, x;
+    return ((x = (g = d.shadowRoot) === null || g === void 0 ? void 0 : g.querySelectorAll(`input[name="${n}"]`)) === null || x === void 0 ? void 0 : x.length) > 0;
   }).flatMap((d) => {
-    var h;
-    return Array.from(((h = d.shadowRoot) === null || h === void 0 ? void 0 : h.querySelectorAll(`input[name="${n}"]`)) || []);
+    var g;
+    return Array.from(((g = d.shadowRoot) === null || g === void 0 ? void 0 : g.querySelectorAll(`input[name="${n}"]`)) || []);
   }).some((d) => d.checked), o = [];
-  return i && !a && o.push(`At least one option in ${n} is required.`), o;
+  return e && !a && o.push(`At least one option in ${n} is required.`), o;
 }
-function j(n, i, r) {
+function v(n, e, r) {
   var t;
   const l = [], a = Array.from(r.querySelectorAll("eds-input-field")).find((d) => {
-    var h;
-    return (h = d.shadowRoot) === null || h === void 0 ? void 0 : h.querySelector(`[name="${n}"]`);
+    var g;
+    return (g = d.shadowRoot) === null || g === void 0 ? void 0 : g.querySelector(`[name="${n}"]`);
   });
   if (!a)
-    return i && l.push(`${n} is required.`), l;
+    return e && l.push(`${n} is required.`), l;
   const o = (t = a.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`[name="${n}"]`);
-  return i && o && !o.checked && l.push(`${n} is required.`), l;
+  return e && o && !o.checked && l.push(`${n} is required.`), l;
 }
-function xn(n, i) {
+function V(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="${i}"]`);
+      const l = t.shadowRoot.querySelector(`[name="${e}"]`);
       if (l)
         return l;
     }
   return null;
 }
-function mn(n, i, r, t) {
+function U(n, e, r, t) {
   const l = {};
   let a = !1;
   return n.forEach((o) => {
@@ -1658,43 +1461,46 @@ function mn(n, i, r, t) {
     }
     if (o.type !== "hidden")
       if ((o.type === "checkbox" || o.type === "radio") && !o.options) {
-        const d = j(o.name, o.required, i);
+        const d = v(o.name, o.required, e);
         d.length > 0 && (l[o.name] = d, a = !0);
       } else if (o.options && (o.type === "checkbox" || o.type === "radio")) {
-        const d = L(o.name, o.required, i);
+        const d = y(o.name, o.required, e);
         d.length > 0 && (l[o.name] = d, a = !0);
       } else {
-        const d = xn(i, o.name);
+        const d = V(e, o.name);
         if (d) {
-          const h = d.value, f = I(o.name, h, o.type, o.required, o.maxlength);
-          f.length > 0 && (l[o.name] = f, a = !0);
+          const g = d.value, x = u(o.name, g, o.type, o.required, o.maxlength);
+          x.length > 0 && (l[o.name] = x, a = !0);
         }
       }
   }), { errors: l, hasError: a };
 }
-function pn(n, i, r) {
-  return n.type === "checkbox" || n.type === "radio" ? n.options ? L(n.name, n.required, r) : j(n.name, n.required, r) : I(n.name, i, n.type, n.required, n.maxlength);
+function Y(n, e, r) {
+  return n.type === "checkbox" || n.type === "radio" ? n.options ? y(n.name, n.required, r) : v(n.name, n.required, r) : u(n.name, e, n.type, n.required, n.maxlength);
 }
-function un({
+function X({
   initData: n,
-  parsedFields: i,
+  parsedFields: e,
   currentValues: r
   //formEl,
   //isFieldVisible
 }) {
   const t = Object.assign({}, r);
-  return i.forEach((l) => {
+  return e.forEach((l) => {
     const a = n[l.name];
     a !== void 0 && (t[l.name] = a);
   }), { updatedValues: t };
 }
-const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
+const G = ".mt-20{margin-top:1.25rem}", J = G, Q = class {
   constructor(n) {
-    s(this, n), this.form = x(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 = [];
+    s(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 = [];
+  }
+  async setData(n) {
+    this.populateFormWithInitData(n);
   }
   componentWillLoad() {
-    this.parseFields(this.fields), this.el.querySelectorAll("eds-button").forEach((i) => {
-      this.emitContext(i);
+    this.parseFields(this.fields), this.el.querySelectorAll("eds-button").forEach((e) => {
+      this.emitContext(e);
     });
   }
   componentDidLoad() {
@@ -1704,33 +1510,33 @@ const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
     return !!this.initData;
   }
   parseFields(n) {
-    this.parsedFields = m(n);
+    this.parsedFields = b(n);
   }
   emitContext(n) {
-    const i = new CustomEvent("parentContext", {
+    const e = new CustomEvent("parentContext", {
       detail: {
         componentName: this.el.tagName.toLowerCase(),
         identifier: null
       }
     });
-    n.dispatchEvent(i);
+    n.dispatchEvent(e);
   }
   isFieldVisible(n) {
     return n.condition ? this.values[n.condition.field] === n.condition.value : !0;
   }
   validateForm() {
-    const { errors: n, hasError: i } = mn(this.parsedFields, this.formEl, this.values, (r, t) => r.condition ? t[r.condition.field] === r.condition.value : !0);
-    this.errors = n, this.hasError = i;
+    const { errors: n, hasError: e } = U(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: i } = un({
+    const { updatedValues: e } = X({
       initData: n,
       parsedFields: this.parsedFields,
       currentValues: this.values,
       formEl: this.formEl,
       isFieldVisible: (r, t) => r.condition ? t[r.condition.field] === r.condition.value : !0
     });
-    this.values = i;
+    this.values = e;
   }
   getFormData() {
     const n = new FormData();
@@ -1753,32 +1559,38 @@ const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
   }
   makeFormData() {
     const n = new FormData();
-    return n.append("form_name", this.name), this.setFormUrl && typeof window < "u" && n.set("form_url", window.location.href), Object.keys(this.values).forEach((i) => {
-      n.append(i, this.values[i]);
+    return n.append("form_name", this.name), this.setFormUrl && typeof window < "u" && n.set("form_url", window.location.href), Object.keys(this.values).forEach((e) => {
+      n.append(e, this.values[e]);
     }), n;
   }
-  handleChange(n, i) {
+  handleChange(n, e) {
     const r = n.target;
     if (r.type === "checkbox") {
-      const t = this.values[i.name] || "";
+      const t = this.values[e.name] || "";
       let l = t ? t.split(",") : [];
-      r.checked ? l.includes(r.value) || l.push(r.value) : l = l.filter((a) => a !== r.value), this.values = Object.assign(Object.assign({}, this.values), { [i.name]: l.join(",") });
+      r.checked ? l.includes(r.value) || l.push(r.value) : l = l.filter((a) => a !== r.value), this.values = Object.assign(Object.assign({}, this.values), { [e.name]: l.join(",") });
     } else
-      this.values = Object.assign(Object.assign({}, this.values), { [i.name]: r.value });
-    i.name !== "password" && this.form.emit({
+      this.values = Object.assign(Object.assign({}, this.values), { [e.name]: r.value });
+    e.name !== "password" && this.form.emit({
       event: "change",
-      field: i.name,
-      value: r.type === "checkbox" ? this.values[i.name] : r.value,
-      message: `${i.name} updated`
+      field: e.name,
+      value: r.type === "checkbox" ? this.values[e.name] : r.value,
+      message: `${e.name} updated`
       //data: this.makeFormData()
     });
   }
-  handleInput(n, i) {
-    const r = n.target, t = Object.assign({}, this.errors), l = pn(i, r.value, this.formEl);
-    l.length > 0 ? t[i.name] = l : delete t[i.name], this.errors = t, this.hasError = Object.keys(t).length > 0;
+  handleInput(n, e) {
+    const r = n.target, t = Object.assign({}, this.errors), l = Y(e, r.value, this.formEl);
+    l.length > 0 ? t[e.name] = l : delete t[e.name], this.errors = t, this.hasError = Object.keys(t).length > 0, this.form.emit({
+      event: "input",
+      field: e.name,
+      value: r.type === "checkbox" ? this.values[e.name] : r.value,
+      message: `${e.name} updated`
+      //data: this.makeFormData()
+    });
   }
   handleSubmit() {
-    var n, i;
+    var n, e;
     if (!this.isSubmitting) {
       if (this.isSubmitting = !0, this.validateForm(), this.hasError) {
         this.isSubmitting = !1, this.form.emit({
@@ -1787,7 +1599,7 @@ const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
           success: !1,
           message: this.errorMessage
           //data: this.makeFormData()
-        }), b({
+        }), f({
           category: "ui-component",
           parentContext: null,
           tag: this.el.tagName.toLowerCase(),
@@ -1802,11 +1614,11 @@ const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
         validated: !0,
         message: "Form data validated successfully"
         //data: this.getFormData()
-      }), b({
+      }), f({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
-        name: `${(i = this.formBtnLabel) === null || i === void 0 ? void 0 : i.toLowerCase()}/validated` || "",
+        name: `${(e = this.formBtnLabel) === null || e === void 0 ? void 0 : e.toLowerCase()}/validated` || "",
         action: "click"
       }), this.errors = {}, this.formEl.reset(), this.isSubmitting = !1;
     }
@@ -1815,14 +1627,14 @@ const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
     return this.makeFormData();
   }
   render() {
-    const n = this.parsedFields.filter((r) => r.type === "hidden"), i = this.parsedFields.filter((r) => r.type !== "hidden");
-    return e("form", { key: "76fbc3f587eaac0bd53553663f072e5066914ae5", ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, e("div", { key: "64d99d4ac7e1cb8e4bfe436bb236648201dcbc29" }, e("slot", { key: "9c257d29146b620367773726e65eaf680d3d010b" }), n.map((r, t) => e("eds-input", { key: t, type: "hidden", name: r.name, value: r.value })), i.map((r, t) => {
+    const n = this.parsedFields.filter((r) => r.type === "hidden"), e = this.parsedFields.filter((r) => r.type !== "hidden");
+    return i("form", { key: "1418bbac3ea7c994bf363602e6ddd18ed3c6c661", ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "ae6f05d50a1c32312e585d55f0b5d64b0dd1fc9c" }, i("slot", { key: "09c9ddd0d3b77ae9cbcb54389b799af7a6fc6c9e" }), n.map((r, t) => i("eds-input", { key: t, type: "hidden", name: r.name, value: r.value })), e.map((r, t) => {
       var l, a;
-      return this.isFieldVisible(r) ? e("eds-input-field", { key: t, name: r.name, id: `${this.name}_${r.name}`, label: r.label, placeholder: r.placeholder, value: this.values[r.name] || null, type: r.type, icon: r.icon || null, disabled: r.disabled, required: r.required, maxLength: r.maxlength, hint: r.hint, link: r.link, message: r.message, error: ((l = this.errors[r.name]) === null || l === void 0 ? void 0 : l.length) > 0, errorMessage: (a = this.errors[r.name]) === null || a === void 0 ? void 0 : a.join("<br />"), onInput: (o) => this.handleInput(o, r), onChange: (o) => this.handleChange(o, r), class: t > 0 ? "mt-20" : "", options: r.options }) : null;
-    })), this.formBtn && e("div", { key: "ba7908ab85c6368aeff6824fd402b78b514d2292", class: "mt-20" }, e("eds-button", { key: "84efe452f55b2898e5747a01b0dc6033ba14da7a", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+      return this.isFieldVisible(r) ? i("eds-input-field", { key: t, name: r.name, id: `${this.name}_${r.name}`, label: r.label, placeholder: r.placeholder, value: this.values[r.name] || null, type: r.type, icon: r.icon || null, disabled: r.disabled, required: r.required, maxLength: r.maxlength, hint: r.hint, link: r.link, message: r.message, error: ((l = this.errors[r.name]) === null || l === void 0 ? void 0 : l.length) > 0, errorMessage: (a = this.errors[r.name]) === null || a === void 0 ? void 0 : a.join("<br />"), onInput: (o) => this.handleInput(o, r), onChangeNative: (o) => this.handleChange(o, r), class: t > 0 ? "mt-20" : "", options: r.options }) : null;
+    })), this.formBtn && i("div", { key: "c97041c2e421c21a38513d3b456991167f5d1cdb", class: "mt-20" }, i("eds-button", { key: "96c35271f7227b9acd467fe822745bd41d3eaa80", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
   static get watchers() {
     return {
@@ -1830,10 +1642,10 @@ const yn = ".mt-20{margin-top:1.25rem}", vn = yn, wn = class {
     };
   }
 };
-wn.style = vn;
-const kn = ".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}", zn = kn, Sn = class {
+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) {
-    s(this, n), this.menuClose = x(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
+    s(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.
@@ -1869,7 +1681,7 @@ const kn = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-c
    * @returns {any[]} Array of parsed link objects
    */
   get parsedLinks() {
-    return m(this.links);
+    return b(this.links);
   }
   /**
    * Parses the `menuLinks` prop into an array of link objects.
@@ -1878,55 +1690,29 @@ const kn = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-c
    * @returns {any[]} Array of parsed menu link objects
    */
   get parsedMenuLinks() {
-    return m(this.menuLinks);
+    return b(this.menuLinks);
   }
   render() {
-    return this.isMenuOpen ? e("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, e("div", { class: "flex min-h-full flex-col" }, e("div", { class: `w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, e("div", { class: "mx-auto flex items-center justify-between" }, e("div", { class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), e("div", { class: "px-16" }, e("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), e("div", { class: "py-16 px-16" }, e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((n, i) => e("eds-link", { label: n.label, key: i, url: n.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" }))), e("eds-block-break", null), e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((n, i) => e("eds-link", { label: n.label, key: i, url: n.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" }))), e("nav", { class: "mt-28 flex flex-col gap-y-8" }, e("slot", null))), e("div", { class: "mt-auto" }, e("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
+    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;
   }
 };
-Sn.style = zn;
-const Cn = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.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)}.text-default{color:var(--black)}", En = Cn, F = {
-  default: "#f2f2f2",
-  dark: "#d8d8d8",
-  strong: "#666666",
-  black: "#000000"
-}, Fn = class {
+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}}", rn = en, tn = class {
   constructor(n) {
-    s(this, n), this.size = 100, this.valueMin = 0, this.valueMax = 100, this.value = 60, this.thickness = 0.1, this.variant = "default";
-  }
-  render() {
-    const n = Math.min(Math.max(this.thickness, 0.1), 0.2), i = Math.min(Math.max(this.value, this.valueMin), this.valueMax), r = this.valueMax - this.valueMin || 1, t = (i - this.valueMin) / r, l = this.size, a = t * 360, o = n * l, d = l - o * 2, h = l * 0.2, f = F[this.variant] || F.default, w = {
-      width: `${l}px`,
-      height: `${l}px`,
-      background: `conic-gradient(#00e766 0deg ${a}deg, ${f} ${a}deg 360deg)`
-    }, k = {
-      width: `${d}px`,
-      height: `${d}px`,
-      top: `${o}px`,
-      left: `${o}px`
-    }, z = {
-      fontSize: `${h}px`
-    };
-    return e("div", { key: "a549808bcd0fc64583f90f284a7b139386e71be7", role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": i, "aria-label": `Gauge value: ${i} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: w }, e("div", { key: "c3efb2d512f96e4c3a9371416c6d9bb938cab43e", class: "absolute bg-inverse rounded-full", style: k }), e("div", { key: "7a6254e22240301b6716a2d6fed785196a39cdd8", class: "absolute inset-0 flex items-center justify-center" }, e("span", { key: "78d8d1b7c442f75947b2813bbb569c566357c121", class: "f-body-01 text-default", style: z }, i)));
-  }
-};
-Fn.style = En;
-const In = ".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}}", Ln = In, jn = class {
-  constructor(n) {
-    s(this, n), this.toggleheadermenu = x(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
+    s(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;
   }
   onAuthStatusChanged(n) {
-    var i;
-    this.isAuthenticated = (i = n.detail) === null || i === void 0 ? void 0 : i.authenticated;
+    var e;
+    this.isAuthenticated = (e = n.detail) === null || e === void 0 ? void 0 : e.authenticated;
   }
   componentDidLoad() {
-    this.hostEl.querySelectorAll("eds-link").forEach((i) => this.emitContext(i));
+    this.hostEl.querySelectorAll("eds-link").forEach((e) => this.emitContext(e));
   }
   emitContext(n) {
-    const i = new CustomEvent("parentContext", {
+    const e = new CustomEvent("parentContext", {
       detail: { componentName: this.hostEl.tagName.toLowerCase(), identifier: null }
     });
-    n.dispatchEvent(i);
+    n.dispatchEvent(e);
   }
   handleToggleMenu() {
     this.toggleheadermenu.emit(!this.isMenuOpen);
@@ -1935,22 +1721,22 @@ const In = ".block{display:block}.inline-block{display:inline-block}.inline{disp
     this.isUserMenuOpen = !this.isUserMenuOpen;
   }
   get parsedLinks() {
-    return m(this.links);
+    return b(this.links);
   }
   render() {
     const n = {
       default: "text-default bg-dark",
       inverse: "text-default bg-inverse",
       strong: "text-inverse bg-strongest"
-    }, i = n[this.headerVariant] || n.default, r = this.headerVariant === "strong" ? "color-white" : "color";
-    return e("header", { key: "3c6ae4789993e140ee8a00e7f32c8ff3a2793b87", class: `flex items-center justify-between relative z-10 ${i}` }, e("div", { key: "a406f073ae110622ad8930c61438b46d16553362", class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { key: "19c91de446b76f76e97f160c0af538db2637ffdc", type: r, href: this.homeUrl })), this.parsedLinks && e("nav", { key: "921c87b668b25abc8117014880c9669a96c04122", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, e("ul", { key: "b0de4a0eaafb7409eeedc77104b39fed8a55441b", class: "flex gap-x-2" }, this.parsedLinks.map((t) => e("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" })))), e("slot", { key: "2b3d292703b8b7083a7ae1dcfbefbd091d5a744b" }), this.menuEnabled && e("div", { key: "10d16f0f0ecdc450acf900dd8d7d7b439deb8dcd", class: "md:hidden flex overflow-hidden px-16" }, e("eds-button", { key: "2e62e0a57bf008d0e566988011beab9a09f7774d", "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: "3c6ae4789993e140ee8a00e7f32c8ff3a2793b87", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "a406f073ae110622ad8930c61438b46d16553362", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "19c91de446b76f76e97f160c0af538db2637ffdc", type: r, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "921c87b668b25abc8117014880c9669a96c04122", 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: "b0de4a0eaafb7409eeedc77104b39fed8a55441b", 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: "2b3d292703b8b7083a7ae1dcfbefbd091d5a744b" }), this.menuEnabled && i("div", { key: "10d16f0f0ecdc450acf900dd8d7d7b439deb8dcd", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "2e62e0a57bf008d0e566988011beab9a09f7774d", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
-    return g(this);
+    return c(this);
   }
 };
-jn.style = Ln;
-const ze = class {
+tn.style = rn;
+const Kn = class {
   constructor(n) {
     s(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
   }
@@ -1969,14 +1755,14 @@ const ze = class {
   }
   render() {
     const n = this.IconComponent;
-    return n ? e(n, { class: this.class }) : null;
+    return n ? i(n, { class: this.class }) : null;
   }
   static get watchers() {
     return {
       icon: ["iconChanged"]
     };
   }
-}, Tn = `/*
+}, ln = `/*
 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.
@@ -2058,7 +1844,7 @@ video {
 
 .opacity-100 {
     opacity: 1;
-}`, An = Tn, _n = class {
+}`, on = ln, an = class {
   constructor(n) {
     s(this, n), this.img = null, this.handleLoad = () => {
       this.loaded = !0, this.showBg = !1;
@@ -2073,24 +1859,24 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), e("div", { key: "de3328e21b2b038984e74c08cd757cd85c7a7e01", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "13ed3aa346c99321c609e49ce045b6361921350f", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, e("picture", { key: "4e623a25c64ce1b2c09adf3519f12bde04280ba3" }, this.formats.map((i) => e("source", { type: i.type, srcSet: i.srcset, media: i.media, sizes: this.sizes })), e("img", Object.assign({ key: "6d87af22189017aa1e158c01a8295c98381a1ba1", ref: (i) => this.img = i, class: {
+    } }, 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: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
     }, width: this.width, height: this.height, sizes: this.sizes, src: this.src, srcSet: this.srcset, alt: this.alt }, n, { onLoad: this.handleLoad, onError: this.handleError, onTransitionEnd: this.handleTransitionEnd }))));
   }
   get imgElement() {
-    return g(this);
+    return c(this);
   }
 };
-_n.style = An;
-const Se = class {
+an.style = on;
+const Zn = class {
   constructor(n) {
-    s(this, n), this.handleInput = (i) => {
-      const r = i.target;
+    s(this, n), this.handleInput = (e) => {
+      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.innerVal = "", this.maxLengthReached = !1;
   }
@@ -2104,23 +1890,23 @@ const Se = class {
     return this.el.querySelector("input");
   }
   render() {
-    const n = !!this.icon, i = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return e("div", { key: "bb88b782042a37d2fcbd8a93f03056199d822559", class: "relative flex items-center" }, this.type === "textarea" ? e("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? e("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((r) => e("option", { value: r.value, selected: r.value === this.innerVal, key: r.value }, r.label))) : e("input", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0, class: `
+    const n = !!this.icon, e = this.hasMessage || this.error ? `${this.name}-error` : "";
+    return i("div", { key: "5c66c14b19aa3d5fc37e7a77a2d1194fa0be9b8c", 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", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0, class: `
               ${this.extraClass || ""} 
               input ${this.type === "radio" ? "input-radio" : this.type === "checkbox" ? "input-checkbox" : ""}
               ${n && this.type !== "radio" && this.type !== "checkbox" ? "input-icon pl-36" : ""} 
               ${this.error ? "input-error" : ""}
-              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }), this.maxLength && this.type === "textarea" && e("span", { key: "7b1cc490731455d00d500308458e6b2cd320fccf", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && e("eds-icon-wrapper", { key: "ce4d5548bc0fa1e681e3b74b03d071d73d8372d5", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
+              `, "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: "4326db3729dea8bbddb7a109a90424aa832aded7", 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: "df2f5598aedd36b9cb2ce886fb8ea08da58dc5ff", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
   static get watchers() {
     return {
       value: ["onValueChanged"]
     };
   }
-}, Hn = `:root {
+}, sn = `:root {
   font-optical-sizing: auto;
 }
 html,
@@ -9880,29 +9666,21 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`, $n = Hn, On = class {
+`, dn = sn, cn = class {
   constructor(n) {
-    s(this, n), this.handleNativeInput = (i) => {
+    s(this, n), this.edsinput = h(this, "edsinput", 7), this.edschange = h(this, "edschange", 7), this.handleNativeInput = (e) => {
       var r;
-      if ((r = this.onInput) === null || r === void 0 || r.call(this, i), this.shouldEmitValue()) {
-        const t = i.target.value;
-        this.hostEl.dispatchEvent(new CustomEvent("oninput", {
-          detail: { value: t },
-          bubbles: !1,
-          composed: !0
-        }));
+      if ((r = this.onInput) === null || r === void 0 || r.call(this, e), this.shouldEmitValue()) {
+        const t = e.target.value;
+        this.edsinput.emit({ value: t });
       }
-    }, this.handleNativeChange = (i) => {
+    }, this.handleNativeChange = (e) => {
       var r;
-      if ((r = this.onChange) === null || r === void 0 || r.call(this, i), this.shouldEmitValue()) {
-        const t = i.target;
-        this.hostEl.dispatchEvent(new CustomEvent("onchange", {
-          detail: { value: t.value },
-          bubbles: !1,
-          composed: !0
-        }));
+      if ((r = this.onChangeNative) === null || r === void 0 || r.call(this, e), this.shouldEmitValue()) {
+        const l = e.target.value;
+        this.edschange.emit({ value: l });
       }
-    }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.onChange = void 0, this.onInput = void 0, this.type = "text", this.required = !1, this.label = void 0, this.hint = void 0, this.icon = void 0, this.link = void 0, this.message = void 0, this.error = !1, this.checked = void 0, this.errorMessage = void 0, this.value = void 0, this.maxLength = void 0, this.options = void 0, this.exposeValueEvents = !0;
+    }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.required = !1, this.label = void 0, this.hint = void 0, this.icon = void 0, this.link = void 0, this.message = void 0, this.error = !1, this.checked = void 0, this.errorMessage = void 0, this.value = void 0, this.maxLength = void 0, this.options = void 0, this.type = "text", this.onChangeNative = void 0, this.onInput = void 0, this.exposeValueEvents = !0;
   }
   shouldEmitValue() {
     return this.exposeValueEvents && this.type !== "password";
@@ -9933,8 +9711,8 @@ input[type="range"]::-webkit-slider-thumb {
       icon: this.icon,
       checked: this.checked
     };
-    return e("div", { key: "5243586c0bf3acc86d42684dbcd0288b3360b00c", class: "space-y-8" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? e("fieldset", { class: "space-y-4 mt-8" }, e("div", { class: "flex justify-between" }, this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && e("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((i) => e("div", { class: "flex items-center gap-x-2", key: i.value }, e("eds-input", Object.assign({}, n, { value: i.value, checked: (typeof this.value == "string" ? this.value.split(",") : []).includes(String(i.value)) })), e("eds-input-label", { name: `${this.name}-${i.value}`, label: i.label })))) : e("div", { class: "flex items-center gap-x-8" }, e("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" })), this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : e("div", null, e("div", { class: "flex justify-between" }, this.label && e("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && e("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? e("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? e("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required }) : this.type === "search" ? e("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
-      var i, r, t;
+    return i("div", { key: "2ff82dedd17922c5cb72fc30b7f616c7fafa7b07", class: "space-y-8" }, 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.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,
@@ -9943,35 +9721,35 @@ input[type="range"]::-webkit-slider-thumb {
         onInput: n.onInput,
         onChange: n.onChange
       }, a = this.parsedOptions, o = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
-      return e("eds-input-range", Object.assign({}, l, { min: (i = a[0]) === null || i === void 0 ? void 0 : i.value, max: (r = a[1]) === null || r === void 0 ? void 0 : r.value, step: (t = a[2]) === null || t === void 0 ? void 0 : t.value, value: o }));
-    })() : e("eds-input", Object.assign({}, n))), e("eds-input-footer", { key: "e4e1f28766471d5451f342aa4d60d58fca2ddd01", 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 = a[0]) === null || e === void 0 ? void 0 : e.value, max: (r = a[1]) === null || r === void 0 ? void 0 : r.value, step: (t = a[2]) === null || t === void 0 ? void 0 : t.value, value: o }));
+    })() : i("eds-input", Object.assign({}, n))), i("eds-input-footer", { key: "4b8513dcd713d56953934b158ba1b9182e1497a8", 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);
+    return c(this);
   }
 };
-On.style = $n;
-const Ce = class {
+cn.style = dn;
+const ne = class {
   constructor(n) {
     s(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return e("div", { key: "c3dbdb05ce4cc9244a1ebc9f3ce5718742924ea1", class: "space-y-4 mt-4" }, this.error && this.errorMessage && e("div", { key: "ccfde4960e1bec5697774de57da1a7948b5112c4", id: `error_${this.name}`, class: "text-error flex items-center" }, e("eds-icon-wrapper", { key: "cc7171c96a7251c064f7ce527fe715aaac9a74e2", icon: "warning" }), e("p", { key: "99893066c8aeac76793fef4d5cf6d5b34dbbc25f", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && e("p", { key: "55a6881d02d06440e6adac174a43a1cd59adf34b", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && e("a", { key: "bb84693685aedbe7ba28551a1d944c0e1d8eda57", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return i("div", { key: "d5424778da81d6558246efe97917d3e3ccfa9aaa", class: "space-y-4 mt-4" }, this.error && this.errorMessage && i("div", { key: "e915fc1f4719f48eca5a831ac72913d2f91f633b", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "9cc87cfd4955766947a2581604fe1e072f8d82a9", icon: "warning" }), i("p", { key: "564a2397fb7e8185e43e1c2be216c76060e7498e", class: "f-ui-04 ml-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "24e0702df7e5c2fe4ef0cc6755159fefe76b70a7", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "9e3720a3ded9d755afd7755104df0942246f1fbe", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
-}, Ee = class {
+}, ee = class {
   constructor(n) {
     s(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return e("label", { key: "815b70d78f4004afb77a0c01772f750478dea1b3", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && e("span", { key: "de2cba1c7e89632b3aac40de573d730cf38a85c6" }, e("span", { key: "58326fb23edd4521b0f1c6e67366e7c589217387", "aria-hidden": "true" }, "*"), e("span", { key: "e2208159652c9244e49c2c3d476a099a442d28ac", class: "sr-only" }, "required")));
+    return i("label", { key: "d700690a67a8348836aec27d2ff4f4d4ee18b9c8", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "9b52c053652db132a9bdb2d9fc64c569a529c2d9" }, i("span", { key: "cd17268b6048ebaa70dc7f905fc7f7bf3ed3fa34", "aria-hidden": "true" }, "*"), i("span", { key: "352d7b5ef080336a5c7b53e0b710d5b0d7aa0efe", class: "sr-only" }, "required")));
   }
-}, Fe = class {
+}, ie = class {
   constructor(n) {
-    s(this, n), this.edsrange = x(this, "edsrange", 7), this.onInput = (i) => {
-      const r = i.target;
+    s(this, n), this.edsrange = h(this, "edsrange", 7), this.onInput = (e) => {
+      const r = e.target;
       this.sliderVal = parseInt(r.value, 10);
-    }, this.onChange = (i) => {
-      const r = i.target;
+    }, this.onChange = (e) => {
+      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;
   }
@@ -9989,29 +9767,29 @@ const Ce = class {
     return this.inputElement;
   }
   render() {
-    return e("div", { key: "9901432821b3dbdbf67e3b905c75acd7095ec8e9", class: "relative flex flex-col items-start space-y-2" }, e("input", { key: "44023ef4a7e3fec22666103ccec3e2346aea885d", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), e("p", { key: "b74e14f619acbe7b98966bac8ea2c5206d05ad62", id: `desc_${this.name}`, class: "block f-ui-05 text-lighter" }, "Current value: ", this.sliderVal));
+    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));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
   static get watchers() {
     return {
       value: ["onValueChange"]
     };
   }
-}, Ie = class {
+}, re = class {
   constructor(n) {
-    s(this, n), this.search = x(this, "search", 7), this.keydownListener = (i) => {
-      (i.metaKey || i.ctrlKey) && i.key.toLowerCase() === "k" && (i.preventDefault(), this.inputElement && !this.disabled && this.inputElement.focus());
-    }, this.onChange = (i) => {
+    s(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());
+    }, this.onChange = (e) => {
       this.search.emit({
         event: "change",
-        value: i.target.value
-      }), b({
+        value: e.target.value
+      }), f({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
-        name: i.target.value || "",
+        name: e.target.value || "",
         action: "search"
       });
     }, this.name = void 0, this.inputId = "search-main", this.placeholder = "Search...", this.value = void 0, this.disabled = !1, this.required = !1, this.decorate = void 0, this.label = "Search";
@@ -10026,8 +9804,8 @@ const Ce = class {
     return this.inputElement;
   }
   render() {
-    return e("div", { key: "2d74c44bf05f4ccbe81df14a3af112a763b01b5f", class: "relative flex items-center" }, e("eds-icon-wrapper", { key: "c7c7c479801a9c5e6da0b616448f7b89ba25b040", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), e("input", {
-      key: "8e4954dc67ae59d46f2e3423325eccda0944363a",
+    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",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -10042,25 +9820,25 @@ const Ce = class {
     }));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
-}, Le = class {
+}, te = class {
   constructor(n) {
-    s(this, n), this.edsselect = x(this, "edsselect", 7), this.handleChange = (i) => {
-      const r = i.target;
+    s(this, n), this.edsselect = h(this, "edsselect", 7), this.handleChange = (e) => {
+      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, i = this.placeholder || `Please select ${this.name}`, r = this.hasMessage || this.error ? `${this.name}-error` : void 0;
-    return e("div", { key: "0e1bf5f1ebf30d675e0b4927e7812a305f58d2b9", class: "relative" }, e("select", { key: "b92542caca12d77e3160baa84760b37bbbe172c7", id: n, name: this.name, class: {
+    const n = this.inputId || this.name, e = this.placeholder || `Please select ${this.name}`, r = 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: {
       input: !0,
       "input-error": this.error,
       "px-4": !0,
       "py-2": !0
-    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": r, disabled: this.disabled, required: this.required, onChange: this.handleChange }, e("option", { key: "fa911a07fd0053f6c7e5044aac3e6d0846344899", value: "", disabled: !0, hidden: !0 }, i), this.options.map((t, l) => e("option", { key: l, value: t.value, selected: t.value === this.value }, t.label))), e("span", { key: "afa3c7ad3c583dec2ffc2fd5087d7695509a2a25", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, e("eds-icon-wrapper", { key: "1bb2a24fc9798a7359b9b45019b1432ff2e50e70", 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: "54b90339cae4c5c80711793a8c68c4587e0c2495", 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: "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" })));
   }
-}, Mn = `*,
+}, gn = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -11297,7 +11075,7 @@ Make sure disabled buttons don't get the pointer cursor.
   .lg\\:flex {
     display: flex;
   }
-}`, Wn = Mn, Bn = v([
+}`, hn = gn, fn = m([
   "relative inline-flex justify-center items-center py-8 rounded-sm",
   "effect-color effect-focus aria-disabled:text-lightest",
   "cursor-pointer",
@@ -11422,7 +11200,7 @@ Make sure disabled buttons don't get the pointer cursor.
     size: "small",
     hasIcon: !1
   }
-}), qn = class {
+}), bn = class {
   constructor(n) {
     s(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;
   }
@@ -11430,16 +11208,16 @@ Make sure disabled buttons don't get the pointer cursor.
     n.target === this.el && (this.parentContext = n.detail, n.stopPropagation());
   }
   handleClick(n) {
-    var i, r;
+    var e, r;
     if (this.disabled) {
       n.preventDefault();
       return;
     }
-    b({
+    f({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
-      name: ((i = this.label) === null || i === void 0 ? void 0 : i.toLowerCase()) || ((r = this.ariaLabel) === null || r === void 0 ? void 0 : r.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"
     });
   }
@@ -11447,33 +11225,33 @@ Make sure disabled buttons don't get the pointer cursor.
     return this.size;
   }
   renderLeftIcon() {
-    return this.icon && this.iconPos === "left" ? e("span", { class: !this.external && !this.label ? "" : "flex" }, e("eds-icon-wrapper", { class: `
+    return this.icon && this.iconPos === "left" ? i("span", { class: !this.external && !this.label ? "" : "flex" }, i("eds-icon-wrapper", { class: `
               flex inline-flex items-center justify-center
               ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
             `, icon: this.icon })) : null;
   }
   renderRightIcon() {
-    return this.icon && this.iconPos === "right" ? e("span", { class: !this.external && !this.label ? "" : "flex" }, e("eds-icon-wrapper", { class: `
+    return this.icon && this.iconPos === "right" ? i("span", { class: !this.external && !this.label ? "" : "flex" }, i("eds-icon-wrapper", { class: `
               flex inline-flex items-center justify-center
               ${this.size === "large" ? "h-24 w-24" : "h-20 w-20"}
             `, icon: this.icon })) : null;
   }
   render() {
-    const n = this.disabled ? "span" : "a", i = Bn({
+    const n = this.disabled ? "span" : "a", e = fn({
       intent: this.intent,
       size: this.getLinkSize(),
       iconSmall: this.iconSmall,
       isActive: this.current,
       hasIcon: !!this.icon
     }), r = this.ariaLabel || this.label || "link", t = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return e(n, { key: "ee6e8eeb12df62ee801164877a357c075590ebae", class: `${i || ""} ${this.extraClass || ""}`, href: this.disabled ? void 0 : this.url, target: this.external && !this.disabled ? "_blank" : void 0, rel: this.external && !this.disabled ? "noopener noreferrer" : void 0, "aria-label": r, "aria-disabled": this.disabled ? "true" : null, "aria-current": this.current ? "page" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l) }, e("span", { key: "7b35e3ddca346ff09730aa332b9f47b6d6707721", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), e("span", { key: "fe4201815e3791e6e3d6da8856d7a7a9e0211cfc", class: t }, this.label), this.renderRightIcon()));
+    return i(n, { key: "8c7ab8b80b9765e83e4e57d59ba1b45fe36f15b7", 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: "94284b425a331f6a56a3e63db89fed5fa1a207c1", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), i("span", { key: "7496886c7c975d6795633c36b9cc8d31673d5a4b", class: t }, this.label), this.renderRightIcon()));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
 };
-qn.style = Wn;
-const Dn = ".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}}", Nn = Dn, Vn = class {
+bn.style = hn;
+const xn = ".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}}", mn = xn, pn = class {
   constructor(n) {
     s(this, n), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
   }
@@ -11486,7 +11264,7 @@ const Dn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
    * - `action`: The action, set as "click".
    */
   handleClick() {
-    b({
+    f({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: "logo",
@@ -11497,37 +11275,37 @@ const Dn = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
    * Determines the appropriate SVG content based on the `orientation` and `type` props.
    */
   getLogo() {
-    const i = {
+    const e = {
       horizontal: {
-        color: E,
-        black: A,
-        "color-white": _,
-        white: H,
-        "no-bg": $
+        color: p,
+        black: w,
+        "color-white": k,
+        white: z,
+        "no-bg": C
       },
       vertical: {
-        color: O,
-        black: M,
-        "color-white": W,
-        white: B,
-        "no-bg": q
+        color: S,
+        black: E,
+        "color-white": F,
+        white: L,
+        "no-bg": I
       }
     }[this.orientation];
-    if (!i)
-      return E;
-    const r = i[this.type];
-    return r || i.color;
+    if (!e)
+      return p;
+    const r = e[this.type];
+    return r || e.color;
   }
   render() {
     const n = this.getLogo();
-    return e("a", { key: "a23e44227ebaa3b999c961e1354c268f2c916a6f", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, e("div", { key: "cba53a54e6d31aabfa62ddcd8aa53bda56b8b706", innerHTML: n }));
+    return i("a", { key: "ab11d53e1f417221dcca2de441c7b3efa96f99a5", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "0d4a6b970788534d34d55b28fe83407ce7c4e00e", innerHTML: n }));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
 };
-Vn.style = Nn;
-const Rn = ".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}}", Pn = Rn, Yn = class {
+pn.style = mn;
+const un = ".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}}", yn = un, vn = class {
   constructor(n) {
     s(this, n), this.heading = "", this.truncate = 1, this.position = "middle", this.inverseHeader = !1, this.isOpen = !1;
   }
@@ -11578,7 +11356,7 @@ const Rn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
    */
   async open() {
     var n;
-    this.isOpen = !0, b({
+    this.isOpen = !0, f({
       category: "ui-component",
       parentContext: null,
       tag: this.el.tagName.toLowerCase(),
@@ -11591,7 +11369,7 @@ const Rn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
    */
   async close() {
     var n;
-    this.isOpen = !1, b({
+    this.isOpen = !1, f({
       category: "ui-component",
       parentContext: null,
       tag: this.el.tagName.toLowerCase(),
@@ -11625,82 +11403,143 @@ const Rn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
   }
   render() {
     const n = `modal-title-${this.el.tagName.toLowerCase()}`;
-    return e("div", { key: "3a2446813eebf215f2c7aafc26d5688f58020c54", id: "eds-modal", class: `${this.isOpen ? "block" : "hidden"} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": n }, this.isOpen && e("div", {
-      key: "7081928b01c09e692cac0f61dbc58b4f5578271d",
+    return i("div", { key: "affa340307adc5bdd637696b56a59e3f73cbf7e9", 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: "e4359b32052a155f879070deea34fbca2fb67e3b",
       class: "fixed inset-0 bg-dark bg-opacity-90",
       onClick: () => this.close()
-    }), e("div", { key: "0fc5f4716022cb01c2da9a28738586710625c70f", class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, e("div", { key: "8e4bdffba2f69b18e8846e4c2709c5c423b0a99e", class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? "bg-strongest text-inverse" : "bg-dark text-default"}` }, e("span", { key: "6e0d237fc95c1b74b1b0c0456848684578367302", id: n, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), e("eds-button", { key: "3499de216da4ba38edb66cdcd688872f51b41aaf", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), e("div", { key: "f723dded796961e925cc2b046c31e7345fd3e159", class: "pt-8 px-20 py-20" }, e("slot", { key: "ffe1213b65e60dfaf7c220e3c7e3dd8495706dcf" }))));
+    }), i("div", { key: "ba95f463e8c807e2ac2e900b3167191908ca2f5d", class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, i("div", { key: "1fc4649d6ba728745e4f1ed73e8fb8bdac6eda59", 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: "731e7cb6c7aaa36bcda8d1c32bd1b8da9d85f253", id: n, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), i("eds-button", { key: "89657ac29b27ce173569353f3101e998cb756eec", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), i("div", { key: "2e39edaa1f5cc5389873e203c3e4294de8b56678", class: "pt-8 px-20 py-20" }, i("slot", { key: "0fb09f52100042fc5f20f5f443a8f5cff381d944" }))));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
 };
-Yn.style = Pn;
-const Un = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.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-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)}.text-default{color:var(--black)}.w-8{width:0.5rem}.h-8{height:0.5rem}.mr-4{margin-right:0.25rem}:host{display:block}.wrapper{display:flex;align-items:center;justify-content:center;height:100%}.pie-chart{overflow:visible}.slice-label{font-size:var(--font-size-chart-label);font-weight:var(--font-weight-chart-label);fill:var(--color-text);pointer-events:none}.legend{list-style:none;margin:0;padding:0 0 0 1rem}.legend-item{display:flex;align-items:center;margin-bottom:0.5rem;outline:none}.legend-item:focus{outline:2px dashed var(--color-primary)}.legend-swatch{width:1rem;height:1rem;border-radius:50%;margin-right:0.5rem}.legend-label{font-size:var(--font-size-base);color:var(--color-text)}", Xn = Un, u = class {
+vn.style = yn;
+const wn = "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}}", kn = wn, zn = class {
   constructor(n) {
-    s(this, n), this.size = 200, this.slices = [], this.thickness = 1, this.display = "value", this.legend = !0, this.colorScheme = "semantic";
+    s(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 = [];
   }
-  parseSlices() {
-    if (typeof this.slices == "string")
-      try {
-        return JSON.parse(this.slices);
-      } catch {
-        console.warn("eds-pie: invalid slices JSON");
+  /** Lifecycle hook to generate pagination links on component load */
+  componentWillLoad() {
+    this.mode === "default" && this.generateLinks();
+  }
+  componentDidLoad() {
+    this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((e) => {
+      this.emitContext(e);
+    });
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param linkElement - The link element to which the event will be dispatched.
+   */
+  emitContext(n) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.hostEl.tagName.toLowerCase(),
+        identifier: null
       }
-    return Array.isArray(this.slices) ? this.slices : [];
+    });
+    n.dispatchEvent(e);
   }
-  polarToCartesian(n, i, r, t) {
-    const l = (t - 90) * (Math.PI / 180);
-    return { x: n + r * Math.cos(l), y: i + r * Math.sin(l) };
+  onPageOrLastPageChange() {
+    this.mode === "default" && this.generateLinks();
   }
-  describeArc(n, i, r, t, l) {
-    const a = this.polarToCartesian(n, i, r, l), o = this.polarToCartesian(n, i, r, t), d = l - t <= 180 ? "0" : "1";
-    return [`M ${a.x} ${a.y}`, `A ${r} ${r} 0 ${d} 0 ${o.x} ${o.y}`, `L ${n} ${i}`, "Z"].join(" ");
+  /**
+   * Checks if the current page is the first page
+   * @returns {boolean} - true if current page is the first page
+   */
+  isFirstPage() {
+    return this.currentPage === 1;
+  }
+  /**
+   * Checks if the current page is the last page
+   * @returns {boolean} - true if current page is the last page
+   */
+  isLastPage() {
+    return this.currentPage === this.lastPage;
+  }
+  /**
+   * Generates a pagination link object
+   * @param {number} page - Page number for the link
+   * @returns {Link} - Link object with page details
+   */
+  generateLink(n) {
+    const e = this.url.includes("?");
+    return {
+      ariaLabel: `Page ${n}`,
+      url: `${this.url}${e ? "&" : "?"}page=${n}`,
+      label: n.toString(),
+      current: this.currentPage === n,
+      disabled: !1
+    };
+  }
+  /** Generates pagination links based on the last page and current page */
+  generateLinks() {
+    this.lastPage && this.lastPage > 5 ? this.links = this.getPaginationGenerator(this.currentPage || 1, this.lastPage).map((n) => typeof n == "number" ? this.generateLink(n) : n) : this.lastPage && (this.links = Array.from({ length: this.lastPage }).map((n, e) => this.generateLink(e + 1)));
+  }
+  /**
+   * Creates a pagination range based on delta, current, and total pages
+   * @param {number} current - Current page number
+   * @param {number} total - Total number of pages
+   * @param {number} delta - Range of pages to display around the current page
+   * @returns {(number | string)[]} - Range of page numbers or ellipses
+   */
+  getPaginationGenerator(n, e) {
+    const t = [];
+    if (e <= 5)
+      for (let l = 1; l <= e; l++)
+        t.push(l);
+    else {
+      t.push(1), n - 1 > 2 && t.push("...");
+      for (let l = Math.max(2, n - 1); l <= Math.min(e - 1, n + 1); l++)
+        t.push(l);
+      n + 1 < e - 1 && t.push("..."), t.push(e);
+    }
+    return t;
+  }
+  /**
+   * Formats the current page results information for display
+   * @returns {string} - Formatted page result information
+   */
+  pageResults() {
+    return this.total > 0 ? this.total > this.perPage ? `${this.perPage * ((this.currentPage || 1) - 1) + 1} - ${this.perPage * (this.currentPage || 1) >= this.total ? this.total : this.perPage * (this.currentPage || 1)} of ${this.total}` : `${this.total}` : "";
+  }
+  /**
+   * Handles a page click event, updating the current page and dispatching an event
+   * @param {MouseEvent} event - Click event
+   * @param {number} newPage - New page number
+   */
+  handlePageClick(n, e) {
+    if (this.mode !== "navigator" && (n.preventDefault(), e !== this.currentPage)) {
+      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(r), this.currentPage = e;
+    }
   }
   render() {
-    const n = this.parseSlices();
-    n.length > u.MAX_SLICES && console.warn(`eds-pie: too many slices (${n.length}), results may overlap.`);
-    const i = n.reduce((c, p) => c + p.value, 0) || 1, r = [...u.PALETTES[this.colorScheme]], t = [...n].sort((c, p) => p.value - c.value);
-    let l = 0;
-    const a = t.map((c) => {
-      const p = c.value / i * 360, S = l, y = l + p;
-      l = y;
-      const C = c.color || r.shift() || "var(--color-chart-neutral-1)";
-      return Object.assign(Object.assign({}, c), { start: S, end: y, color: C });
-    }), o = this.size, d = o / 2, h = Math.min(Math.max(this.thickness, 0.5), 1), f = d * (1 - h), w = d, k = (d + f) / 2, z = a.map((c) => `${c.label}: ${this.display === "percent" ? `${Math.round(c.value / i * 100)}%` : c.value}`).join(", ");
-    return e(T, null, e("div", { class: "wrapper" }, e("svg", { width: o, height: o, role: "img", "aria-label": `Pie chart: ${z}`, class: "pie-chart" }, e("title", null, "Pie chart"), e("g", null, a.map((c) => e("path", { key: c.id, d: this.describeArc(d, d, w, c.start, c.end), fill: c.color })), f > 0 && e("circle", { cx: d, cy: d, r: f, fill: "var(--white)" }), a.map((c) => {
-      const p = c.start + (c.end - c.start) / 2, { x: S, y } = this.polarToCartesian(d, d, k, p), C = this.display === "percent" ? `${Math.round(c.value / i * 100)}%` : String(c.value);
-      return e("text", { key: c.id, x: S, y, class: "f-ui-02", "text-anchor": "middle", "alignment-baseline": "middle" }, C);
-    }))), this.legend && e("ul", { class: "legend", role: "list" }, a.map((c) => e("li", { key: c.id, role: "listitem", tabindex: "0", class: "legend-item" }, e("span", { class: "legend-swatch", style: { backgroundColor: c.color } }), e("span", { class: "legend-label" }, c.label))))));
+    return i("div", { key: "6377e0187e461bcbeac835dd7cb83e93ef199865" }, this.total > 0 && this.mode === "default" && i("p", { key: "ec2a6b6a40c76352743d012c51cda5d7fe1137df", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "3a23e3d156f87167b0dacb4085870958ce19e793", 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: (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);
+  }
+  get hostEl() {
+    return c(this);
+  }
+  static get watchers() {
+    return {
+      currentPage: ["onPageOrLastPageChange"],
+      lastPage: ["onPageOrLastPageChange"]
+    };
   }
 };
-u.MAX_SLICES = 9;
-u.PALETTES = {
-  semantic: [
-    "var(--color-chart-accent)",
-    "var(--color-chart-strong)",
-    "var(--color-chart-accent-dark)",
-    "var(--color-chart-lighter)",
-    "var(--color-chart-accent-light)",
-    "var(--color-chart-lightest)",
-    "var(--color-chart-accent-lighter)",
-    "var(--color-chart-darker)",
-    "var(--color-chart-accent-lightest)"
-  ],
-  mono: [
-    "var(--grey-700)",
-    "var(--grey-500)",
-    "var(--grey-300)",
-    "var(--grey-100)",
-    "var(--grey-800)",
-    "var(--grey-600)",
-    "var(--grey-400)",
-    "var(--grey-200)",
-    "var(--grey-900)"
-  ]
-};
-u.style = Xn;
-const Gn = "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}", Jn = Gn, Kn = class {
+zn.style = kn;
+const Cn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}", Sn = Cn, En = class {
   constructor(n) {
     s(this, n), this.socialNetworks = [
       {
@@ -11742,13 +11581,13 @@ const Gn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    * @returns {JSX.Element} The rendered JSX for the component.
    */
   render() {
-    return e("div", { key: "49661af4c05520403c4801e447c730b971e0096f" }, e("p", { key: "22fc89817969a9e7059335b43f8e7b6cc2d095f7", class: "f-ui-02" }, this.heading), e("ul", { key: "90c04408db4f9d58a5ee4834f8fcfde88aede8ee", class: "mt-12 flex gap-4" }, this.socialNetworks.map((n, i) => e("li", { key: i }, e("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": n.label, url: n.url, icon: n.icon, intent: "strong" })))));
+    return i("div", { key: "49661af4c05520403c4801e447c730b971e0096f" }, i("p", { key: "22fc89817969a9e7059335b43f8e7b6cc2d095f7", class: "f-ui-02" }, this.heading), i("ul", { key: "90c04408db4f9d58a5ee4834f8fcfde88aede8ee", 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" })))));
   }
 };
-Kn.style = Jn;
-const Qn = ".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}", Zn = Qn, ne = class {
+En.style = Sn;
+const Fn = ".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}", Ln = Fn, In = class {
   constructor(n) {
-    s(this, n), this.step = x(this, "step", 7), this.handleNext = () => {
+    s(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);
     }, this.handleBack = () => {
       this.activeStep > 0 && (this.activeStep = this.activeStep - 1, this.step.emit(this.activeStep));
@@ -11761,16 +11600,16 @@ const Qn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
   componentDidLoad() {
     var n;
     if (this.type === "linear") {
-      const i = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      i == null || i.forEach((r) => {
+      const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
+      e == null || e.forEach((r) => {
         this.emitContext(r);
       });
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
-      var i;
-      const r = (i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.querySelectorAll(".step")[n];
+      var e;
+      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);
       });
@@ -11783,13 +11622,13 @@ const Qn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
    * @param linkElement - The link element to which the event will be dispatched.
    */
   emitContext(n) {
-    const i = new CustomEvent("parentContext", {
+    const e = new CustomEvent("parentContext", {
       detail: {
         componentName: this.el.tagName.toLowerCase(),
         identifier: this.activeStep
       }
     });
-    n.dispatchEvent(i);
+    n.dispatchEvent(e);
   }
   handleStepClick(n) {
     this.step.emit(n), this.type === "linear" && (this.activeStep = n);
@@ -11798,14 +11637,14 @@ const Qn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
    * Parse the JSON string into an array of steps.
    */
   get parsedSteps() {
-    return m(this.steps);
+    return b(this.steps);
   }
   render() {
     const n = this.parsedSteps;
-    return this.type === "linear" ? e("div", null, e("div", { class: "steps" }, n.map((i, r) => e("div", { class: "step mb-28", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), this.activeStep === r && e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter my-16" }, i.content), e("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), e("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" })))))) : e("div", { class: "steps" }, n.map((i, r) => e("div", { class: "step mb-28", key: r }, e("h3", null, i.title), e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter my-16" }, i.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);
+    return c(this);
   }
   static get watchers() {
     return {
@@ -11813,41 +11652,41 @@ const Qn = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     };
   }
 };
-ne.style = Zn;
-const ee = "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}.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}", ie = ee, re = class {
+In.style = Ln;
+const jn = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#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))}", Pn = jn, An = class {
   constructor(n) {
-    s(this, n), this.step = x(this, "step", 7), this.handleNext = () => {
+    s(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);
     }, this.handleBack = () => {
       this.activeStep > 0 && (this.activeStep = this.activeStep - 1, this.step.emit(this.activeStep));
-    }, this.steps = [], this.type = "static", this.imageSrc = void 0, this.bg = !0, this.message = void 0, this.activeStep = 0;
+    }, this.steps = [], this.type = "static", this.imageSrc = void 0, this.imageWidth = void 0, this.bg = !0, this.message = void 0, this.activeStep = 0;
   }
   componentDidLoad() {
     var n;
     if (this.type === "linear") {
-      const i = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      i == null || i.forEach((r) => {
+      const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
+      e == null || e.forEach((r) => {
         this.emitContext(r);
       });
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
-      var i;
-      const r = (i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.querySelectorAll(".step")[n];
+      var e;
+      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);
   }
   emitContext(n) {
-    const i = new CustomEvent("parentContext", {
+    const e = new CustomEvent("parentContext", {
       detail: {
         componentName: this.el.tagName.toLowerCase(),
         identifier: this.activeStep
       }
     });
-    n.dispatchEvent(i);
+    n.dispatchEvent(e);
   }
   articleClasses() {
     return [
@@ -11862,17 +11701,17 @@ const ee = "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 m(this.steps);
+    return b(this.steps);
   }
   render() {
     const n = this.parsedSteps;
-    return e("div", { key: "e86620aed9aafbf0c8e0cde0230b2147df952379", class: this.articleClasses() }, this.imageSrc ? e("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, e("eds-img", { src: this.imageSrc, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && e("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, e("div", { class: "p-24" }, e("span", { class: "text-inverse f-heading-04 " }, this.message))), e("div", { key: "773e51621fbfbc7b828d196d1e64a9752d02e5a4", class: "p-8" }, this.type === "linear" ? e("div", { class: "steps" }, n.map((i, r) => e("div", { class: "step space-y-8", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), this.activeStep === r && e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter mt-16", innerHTML: i.content }), e("eds-button", { label: r === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), e("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: r === 0, "extra-class": r === 0 ? "hidden" : "ml-8 block" }))))) : (
+    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.
-      e("div", { class: "steps space-y-8" }, n.map((i, r) => e("div", { class: "step", key: r }, e("h3", { onClick: () => this.handleStepClick(r) }, i.title), e("div", { class: "content" }, e("div", { class: "f-body-02 text-lighter mt-16", innerHTML: i.content })))))
+      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() {
-    return g(this);
+    return c(this);
   }
   static get watchers() {
     return {
@@ -11880,10 +11719,164 @@ const ee = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
     };
   }
 };
-re.style = ie;
-const te = "*,::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}}", le = te, oe = class {
+An.style = Pn;
+const Wn = "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}", _n = Wn, On = class {
   constructor(n) {
-    s(this, n), this.tab = x(this, "tab", 7), this.tabCva = v([
+    s(this, n), this.rowaction = h(this, "rowaction", 7), this.handleResize = () => {
+      this.updateContainerWidth();
+    }, this.data = null, this.endpoint = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.hostWidth = void 0, this.columnSize = "default", this.actions = [], this.actionTemplate = void 0, this.parsedActions = [], this.dataColumns = [], this.tbData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "", this.containerWidth = 0;
+  }
+  handleDataChange() {
+    this.parseData();
+  }
+  handleConfigChange() {
+    this.parseConfig();
+  }
+  handleActionsChange() {
+    try {
+      this.parsedActions = typeof this.actions == "string" ? JSON.parse(this.actions) : this.actions;
+    } catch {
+      console.error("Failed to parse actions JSON"), this.parsedActions = [];
+    }
+  }
+  componentWillLoad() {
+    this.parseConfig(), this.handleActionsChange(), this.data ? this.parseData() : this.endpoint && this.fetchData();
+  }
+  componentDidLoad() {
+    this.updateContainerWidth(), window.addEventListener("resize", this.handleResize), this.setupPaginationListener();
+  }
+  componentDidUpdate() {
+    this.setupPaginationListener();
+  }
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.handleResize);
+  }
+  updateContainerWidth() {
+    this.hostWidth && this.hostWidth.trim() !== "" ? this.containerWidth = Number(this.hostWidth) : this.hostEl.parentElement instanceof HTMLElement ? this.containerWidth = this.hostEl.parentElement.getBoundingClientRect().width : this.containerWidth = 400;
+  }
+  parseData() {
+    try {
+      this.tbData = b(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
+    } catch (n) {
+      console.error("Failed to parse data:", n), this.tbData = [];
+    }
+  }
+  parseConfig() {
+    try {
+      this.parsedConfig = typeof this.config == "string" ? JSON.parse(this.config) : this.config;
+    } catch (n) {
+      console.error("Failed to parse config:", n), this.parsedConfig = {};
+    }
+  }
+  async fetchData() {
+    try {
+      const e = await (await fetch(this.endpoint)).json();
+      this.data = e;
+    } catch (n) {
+      console.error("Failed to fetch data:", n);
+    }
+  }
+  setupPaginationListener() {
+    if (!this.shouldEnablePagination())
+      return;
+    const n = this.hostEl.shadowRoot.querySelector("eds-pagination");
+    n && !n.hasAttribute("listener-attached") && (n.addEventListener("page", (e) => this.handlePageChange(e.detail)), n.setAttribute("listener-attached", "true"));
+  }
+  getFilteredRows() {
+    return this.tbData.filter((n) => Object.values(n).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
+  }
+  getPaginatedRows() {
+    const n = this.getFilteredRows();
+    this.totalRows = n.length;
+    const e = (this.currentPage - 1) * this.rowsPerPage;
+    return n.slice(e, e + this.rowsPerPage);
+  }
+  handlePageChange(n) {
+    this.currentPage = n, f({
+      category: "ui-component",
+      parentContext: null,
+      tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
+      name: `${n}` || "",
+      action: "page"
+    });
+  }
+  handleSearch(n) {
+    this.searchQuery = n.target.value, this.currentPage = 1;
+  }
+  renderCell(n, e) {
+    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 r;
+    const t = this.parsedActions.find((a) => a.name === n);
+    if (this.actionTemplate)
+      return this.actionTemplate(e);
+    if ((t.type || "button") === "checkbox") {
+      const a = (r = t.field) !== null && r !== void 0 ? r : t.name, o = !!e[a];
+      return i("eds-input-field", { name: `chc-${n}`, label: t.label, type: "checkbox", checked: o, onChange: (d) => this.emitAction(t.name, e, d.target.checked) });
+    }
+    return i("eds-link", { label: t.label, intent: "weak", onClick: () => this.emitAction(t.name, e) });
+  }
+  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: !!r });
+  }
+  shouldEnablePagination() {
+    return this.paginationEnabled && this.totalRows > this.rowsPerPage;
+  }
+  updateColumns() {
+    var n, e;
+    this.columns = this.tbData.length > 0 ? Object.keys(this.tbData[0]) : [], ((e = (n = this.parsedActions) === null || n === void 0 ? void 0 : n.length) !== null && e !== void 0 ? e : 0) > 0 && this.tbData.length > 0 && this.columns.push("actions");
+  }
+  getVisibleColumnsCount() {
+    return this.columns.filter((n) => {
+      var e;
+      return !(!((e = this.parsedConfig[n]) === null || e === void 0) && e.hidden);
+    }).length;
+  }
+  divisionFactor() {
+    let n = 1;
+    return this.columnSize === "medium" ? n = 2 : this.columnSize === "large" && (n = 4), n;
+  }
+  capitalize(n) {
+    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(), r = e > 0 ? Math.floor(n / e * this.divisionFactor()) : 100, t = this.getPaginatedRows(), l = Math.ceil(this.totalRows / this.rowsPerPage);
+    return i("div", { key: "5034177431626ab2bfc5fd0118c006d11a4f6e96" }, this.searchEnabled && i("div", { key: "86e1a6ffc4bed69f290b3a53031341ab276eaf04" }, i("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (a) => this.handleSearch(a) })), i("div", { key: "bc11838d819ecf89c5ba1cc1cfe7ac0af0e82b59", class: "mt-20" }, i("table", { key: "97f16b65eb1d9387e9ca7588184c9e68c1afcc2e", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "f4d64ada28c225db1b224277513e663a99de1cec" }, i("tr", { key: "c6a69e159cceada0f7143c0acb787e5c23242ae7", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((a) => {
+      var o;
+      return a === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${r - 4}px` } }, "Actions") : !((o = this.parsedConfig[a]) === null || o === void 0) && o.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${r - 4}px` } }, this.capitalize(a));
+    }))), i("tbody", { key: "133af82fdd1f820e853734ab48123cb3db527e15" }, t.map((a) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
+      var d;
+      return o === "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((g) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(g.name, a))))) : !((d = this.parsedConfig[o]) === null || d === void 0) && d.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(a[o], o));
+    })))))), this.shouldEnablePagination() && i("div", { key: "85032d06cd0ac5dae9b504d423fceba3cd074861", class: "mt-20" }, i("eds-pagination", { key: "8caf6f57960e222c04d45f57a5811cd7bd524f4c", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+  }
+  get hostEl() {
+    return c(this);
+  }
+  static get watchers() {
+    return {
+      data: ["handleDataChange", "parseData"],
+      config: ["handleConfigChange"],
+      actions: ["handleActionsChange"]
+    };
+  }
+};
+On.style = _n;
+const Hn = "*,::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}}", Tn = Hn, $n = class {
+  constructor(n) {
+    s(this, n), this.tab = h(this, "tab", 7), this.tabCva = m([
       "relative py-12",
       "f-ui-03 whitespace-nowrap",
       "effect-color",
@@ -11927,7 +11920,7 @@ const te = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
    * @returns {any[]} Array of parsed link objects
    */
   parseTabs() {
-    this.parsedTabs = m(this.tabs);
+    this.parsedTabs = b(this.tabs);
   }
   componentDidLoad() {
     this.scrollToActiveTab();
@@ -11937,39 +11930,39 @@ const te = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
   }
   scrollToActiveTab() {
     var n;
-    const i = (n = this.tabContainer) === null || n === void 0 ? void 0 : n.querySelector("[data-tab-active]");
-    i && setTimeout(() => {
-      i.scrollIntoView({
+    const e = (n = this.tabContainer) === null || n === void 0 ? void 0 : n.querySelector("[data-tab-active]");
+    e && setTimeout(() => {
+      e.scrollIntoView({
         inline: "center",
         block: "nearest"
       });
     }, 316);
   }
-  getTabOptions(n, i) {
-    const r = n ? "center" : this.activeIndex === -1 && i === 0 ? "first" : i < this.activeIndex ? "left" : "right";
+  getTabOptions(n, e) {
+    const r = n ? "center" : this.activeIndex === -1 && e === 0 ? "first" : e < this.activeIndex ? "left" : "right";
     return Object.assign({ class: this.tabCva({
       active: n,
       position: r
     }), style: {
-      zIndex: `${n ? this.parsedTabs.length + 99 : r === "left" ? i : this.parsedTabs.length + 1 - i}`
+      zIndex: `${n ? this.parsedTabs.length + 99 : r === "left" ? e : this.parsedTabs.length + 1 - e}`
     } }, n ? { "data-tab-active": "true" } : {});
   }
-  handleTabClick(n, i) {
-    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: i }), b({
+  handleTabClick(n, e) {
+    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: (i == null ? void 0 : i.toLowerCase()) || "",
+      name: (e == null ? void 0 : e.toLowerCase()) || "",
       action: "click"
     });
   }
   render() {
-    return e("div", { key: "b6752f90f4c1a9501816c574baf92a0c8b95e802", id: `${this.identifier}` }, e("div", { key: "266813bd461bae3d5df1b76563b949b8dd900482", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, e("nav", { key: "b16c4f78ee24dace9a188097a8c5995476d7da41", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, i) => {
-      const r = n.active ? "span" : "a", t = this.getTabOptions(n.active, i);
-      return e(r, Object.assign({}, t, { "aria-label": n.label, "aria-current": i === this.activeIndex, onClick: () => this.handleTabClick(i, n.label) }), n.label || n.ariaLabel);
-    }))), e("div", { key: "09c25532583d443eac47da606955955e1e66f2e8", class: "tab-panels" }, this.parsedTabs.map((n, i) => e("div", { hidden: i !== this.activeIndex }, e("slot", { name: `panel-${i}` })))));
+    return i("div", { key: "b6752f90f4c1a9501816c574baf92a0c8b95e802", id: `${this.identifier}` }, i("div", { key: "266813bd461bae3d5df1b76563b949b8dd900482", 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: "b16c4f78ee24dace9a188097a8c5995476d7da41", 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: "09c25532583d443eac47da606955955e1e66f2e8", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { hidden: e !== this.activeIndex }, i("slot", { name: `panel-${e}` })))));
   }
   get el() {
-    return g(this);
+    return c(this);
   }
   static get watchers() {
     return {
@@ -11977,8 +11970,8 @@ const te = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     };
   }
 };
-oe.style = le;
-const ae = ".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)}", se = ae, de = v(
+$n.style = Tn;
+const Dn = ".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)}", Mn = Dn, Bn = m(
   ["border-2 rounded-pill"],
   // Base classes
   {
@@ -12006,43 +11999,17 @@ const ae = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
       size: "small"
     }
   }
-), ce = class {
+), qn = class {
   constructor(n) {
     s(this, n), this.label = void 0, this.intent = "default", this.size = "small";
   }
   render() {
-    const n = de({ intent: this.intent, size: this.size });
-    return e("span", { key: "78ef2d9ed4fc79f078df2fe418c339fc8934eef2", class: n }, this.label);
-  }
-};
-ce.style = se;
-const ge = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.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)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{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-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))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.bottom-full{bottom:100%}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}", he = ge, fe = class {
-  constructor(n) {
-    s(this, n), this.content = void 0;
-  }
-  /** fire analytics on every hover */
-  handleHover() {
-    b({
-      category: "ui-component",
-      tag: this.el.tagName.toLowerCase(),
-      name: this.content.toLowerCase(),
-      action: "hover"
-    });
-  }
-  render() {
-    return e("div", { key: "cf17cd61cd5888d6ea12bf6be0fb8c841072b4d6", class: "relative inline-block group" }, e("slot", { key: "7a41d90940fff4e8b887ec4a3240371466f219a5" }), e("div", { key: "ccf06592f4c977030b0cf54cce48d13889c059f3", class: `absolute bottom-full left-1/2 
-            transform -translate-x-1/2 mb-2
-            rounded-xs bg-strongest text-inverse 
-            f-ui-03-light pointer-events-none 
-            z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out
-            group-hover:opacity-100`, role: "tooltip" }, this.content));
-  }
-  get el() {
-    return g(this);
+    const n = Bn({ intent: this.intent, size: this.size });
+    return i("span", { key: "78ef2d9ed4fc79f078df2fe418c339fc8934eef2", class: n }, this.label);
   }
 };
-fe.style = he;
-const be = "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}", xe = be, me = class {
+qn.style = Mn;
+const Nn = "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}", Rn = Nn, Vn = class {
   constructor(n) {
     s(this, n), this.user = void 0;
   }
@@ -12061,60 +12028,46 @@ const be = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
   async componentWillLoad() {
   }
   get initials() {
-    var n, i, r, t;
+    var n, e, r, t;
     const l = this.parsedUser;
-    return `${((n = l.given_name) === null || n === void 0 ? void 0 : n.charAt(0)) || ""}${((i = l.family_name) === null || i === void 0 ? void 0 : i.charAt(0)) || ""}`.toUpperCase() || ((t = (r = l.name) === null || r === void 0 ? void 0 : r.charAt(0)) === null || t === void 0 ? void 0 : t.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 e("div", { key: "9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b", class: "block" }, e("div", { key: "ccc34b3c7b0ab8d515eebfa1962264365d20c788", class: "flex items-center" }, e("eds-dropdown", { key: "5283fb61297cd5f631d04da9ca19371a3778068c", label: `Welcome, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, e("div", { key: "d39e041e54fb59a409520e8b88f6f569d55cc6fc", class: "min-w-[280px] p-8" }, e("div", { key: "50e571e30a6902b8443b9766dfb1018c76a2f68e", class: "flex gap-x-16" }, e("eds-avatar", { key: "88a675a256466366aba1028831626253d11d2474", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), e("div", { key: "99626794a7fa243bc599e9e77b0bc1b717d14c96", class: "max-w-full" }, n.name && e("p", { key: "1f1e33e19fd2b266f442b596953100f6b5e6dfcd", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && e("p", { key: "a36ebac6fdae9fa059887f7cc5d1009179f8eef9", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && e("p", { key: "976cd925af318831a22f1d43242e0295614bb2a1", class: "f-ui-03-light text-light mt-4" }, n.email))), e("eds-block-break", { key: "7d189caaab8a9b593017312d6e3d6943c36de22b" }), e("div", { key: "efcfc9a2c1f774abfab09b09682d7839bd1d5d2c", class: "text-default flex w-full flex-col gap-y-8" }, e("slot", { key: "f54425f35d804753b94bb61e1d8e211a1583ac3b" }))))));
+    return i("div", { key: "9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b", class: "block" }, i("div", { key: "ccc34b3c7b0ab8d515eebfa1962264365d20c788", class: "flex items-center" }, i("eds-dropdown", { key: "dc4920fd442baa9f13d9f2b9a21065b5184eba83", 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: "0522db7fc229186c645665a4c9eeedc46fb5823b", class: "min-w-[280px] p-8" }, i("div", { key: "af7b9daec713d24f8a1415415d19cdf48905c0cb", class: "flex gap-x-16" }, i("eds-avatar", { key: "c3ea7307d9beb597fe93d3942b7724f8526298ad", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), i("div", { key: "7af823b5f38a3d7acf16c633471dcfe74bca5e3c", class: "max-w-full" }, n.name && i("p", { key: "5973dfbac0efceeddb0dc211d9c502a1ad3b0dde", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "5989927760ed2a2d1365661bbdc112a3a3d23bbf", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "ee36be95298c0c7a748537012d48a85884955904", class: "f-ui-03-light text-light mt-4" }, n.email))), i("eds-block-break", { key: "fb3ef5cad6e81f51983e54914412131c3bd4cbc2" }), i("div", { key: "e3784f3f4931378bf55d766d4a1cf5e24a75d462", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "c0052bb56286d9a3fdc686c8407e105499a38084" }))))));
   }
   get hostEl() {
-    return g(this);
-  }
-};
-me.style = xe;
-const je = class {
-  constructor(n) {
-    s(this, n);
-  }
-  render() {
-    return e("div", { key: "ad89d21ec01f11c77d85853f7c0dbefd8ea9f07f", class: "w-full" }, e("ul", { key: "6108fb2870c358de8e5c48e6d14f6c1e76af856f", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "cd0d1986b416f12164b8d0458262987a445662ca", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "f2cfd77fcba601b89605dabf109f599816bb118e", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "69e4cb5660f5c51d2b9c1ba30a38f3b7decacc58", class: "spacing-sample m-16 bg-strong" }, e("span", { key: "70a07326b0a95655db3aad083637499f5ed4aa73", class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), e("li", { key: "97b8c127e9bbe9af4ec8f6876ebae3f87a52d130", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "58537d6aa824b489ae9c5150400af21f11f1f447", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "3f2913d232cb9de1b678b7f7903bef0642ef42df", class: "spacing-sample ml-64 bg-strong" }, e("span", { key: "fe56d1a501dc219a1bac474b674586609499f3de", class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), e("li", { key: "e2dee648fd4bce503414d76f3afe64655285523c", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "e788fa22248ac92fb8bc89566c5b8a77cf14578f", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "9629958b453aa831a1d871bb4e846d0926d9e57c", class: "spacing-sample mt-32 bg-strong" }, e("span", { key: "0efde7eaed0fe3e14f476617e7e9bf2e20131f2c", class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), e("li", { key: "6dabfeb0086c784c50843abd12d5a505a56e0933", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "164e7eec6ed3aad2847c4ede97f4bbfed34138d1", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "9be99b05ba29204f6163df2c1522e7aa6211bd3d", class: "spacing-sample p-32 bg-strong" }, e("span", { key: "ae0a7ea74e31ea324015b844848c3d5a68930e8d", class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), e("li", { key: "3804dbfb6a64a1dfd478bd0132ff83f51bcff33e", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "75c96b0762c3fac8b4de897ab8147b2c5614a360", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "d00487531406fa89112bee34e05306c59dc4f497", class: "spacing-sample pt-32 bg-strong" }, e("span", { key: "8a750b7ac07739a71949b236421427b8bb05b067", class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), e("li", { key: "5e5fe43383f13b4377aca7cfb07c97b6ac1dd79b", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "ed2ac88c543eba8c580d029ccacb1a8b26c1cae7", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "cf9a94b61e598c0ee6da9e771717574b48264333", class: "spacing-sample pl-32 bg-strong" }, e("span", { key: "a2d3fce66240c6b0d49d1a655c0b5a84be9c630d", class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32"))))));
+    return c(this);
   }
 };
+Vn.style = Rn;
 export {
-  V as eds_avatar,
-  Y as eds_block_break,
-  G as eds_breadcrumb,
-  Q as eds_button,
-  en as eds_card_desc,
-  ln as eds_card_generic,
-  sn as eds_card_title,
-  gn as eds_dropdown,
-  bn as eds_footer,
-  wn as eds_form,
-  Sn as eds_fullscreen_menu,
-  Fn as eds_gauge,
-  jn as eds_header,
-  ze as eds_icon_wrapper,
-  _n as eds_img,
-  Se as eds_input,
-  On as eds_input_field,
-  Ce as eds_input_footer,
-  Ee as eds_input_label,
-  Fe as eds_input_range,
-  Ie as eds_input_search,
-  Le as eds_input_select,
-  qn as eds_link,
-  Vn as eds_logo,
-  Yn as eds_modal,
-  u as eds_pie,
-  Kn as eds_social_networks,
-  ne as eds_steps,
-  re as eds_steps_v2,
-  oe as eds_tabs,
-  ce as eds_tag,
-  fe as eds_tooltip,
-  me as eds_user,
-  je as token_spacing
+  A as eds_avatar,
+  O as eds_block_break,
+  $ as eds_button,
+  B as eds_dropdown,
+  R as eds_footer,
+  Q as eds_form,
+  nn as eds_fullscreen_menu,
+  tn as eds_header,
+  Kn as eds_icon_wrapper,
+  an as eds_img,
+  Zn as eds_input,
+  cn as eds_input_field,
+  ne as eds_input_footer,
+  ee as eds_input_label,
+  ie as eds_input_range,
+  re as eds_input_search,
+  te as eds_input_select,
+  bn as eds_link,
+  pn as eds_logo,
+  vn as eds_modal,
+  zn as eds_pagination,
+  En as eds_social_networks,
+  In as eds_steps,
+  An as eds_steps_v2,
+  On as eds_table,
+  $n as eds_tabs,
+  qn as eds_tag,
+  Vn as eds_user
 };