@ebrains/vue 3.1.0 → 3.2.0

package/{eds-accordion_53.entry-B-Wyebqm.mjs → eds-accordion_53.entry-DnQ71cUa.mjs}

@@ -1,11 +1,11 @@
-import { r as u, c as w, h as t, g as y, H as Z } from "./index-DL15mWAH.mjs";
+import { r as u, c as k, h as t, g as w, H as Y } from "./index-WGs6rGzb.mjs";
 import { s as F, m as Ee, a as le } from "./analytics-d99780e3-Bay18Oil.mjs";
-import { p as H } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+import { p as M } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
 import { l as Fe } from "./negative-84eec72e-C5p0bd7Z.mjs";
 import { l as Ae } from "./positive-cc986d7c-5QAxRLUF.mjs";
 const Ie = ":host{display:block;width:100%}.accordion-card{border-radius:16px;padding:1.5rem;transition:all 0.4s ease;position:relative;overflow:hidden;border:1px solid rgba(0, 0, 0, 0.1)}.accordion-card-default{background:var(--brand-black);color:var(--white)}.accordion-card-default:hover{border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.accordion-card-default .accordion-title{color:var(--white)}.accordion-card-default .accordion-description{color:var(--grey-light)}.accordion-card-default .accordion-chevron{color:var(--white)}.accordion-card-default .accordion-content{color:var(--grey-light)}.accordion-card-inverse{background:var(--white);color:var(--brand-black)}.accordion-card-inverse:hover{border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.accordion-card-inverse .accordion-title{color:var(--brand-black)}.accordion-card-inverse .accordion-description{color:var(--grey-700)}.accordion-card-inverse .accordion-chevron{color:var(--brand-black)}.accordion-card-inverse .accordion-content{color:var(--grey-700)}.accordion-header{display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%;background:none;border:none;padding:0;text-align:left;-webkit-user-select:none;user-select:none}.accordion-header:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px;border-radius:8px}.accordion-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:rgba(0, 255, 157, 0.1);border-radius:12px;color:var(--brand-green);flex-shrink:0}.accordion-card-inverse .accordion-icon{background:rgba(0, 0, 0, 0.05);color:var(--brand-black)}.accordion-header-text{flex-grow:1;min-width:0}.accordion-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.25rem;line-height:1.4;margin:0}.accordion-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;margin-top:0.25rem;margin-bottom:0}.accordion-chevron{flex-shrink:0;transition:transform 0.3s ease}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s ease}.accordion-panel.expanded{grid-template-rows:1fr}.accordion-panel-inner{overflow:hidden}.accordion-content{padding-top:1rem;font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6}.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}@media (max-width: 768px){.accordion-card{padding:1.25rem}.accordion-icon{width:40px;height:40px;min-width:40px}.accordion-title{font-size:1.125rem}.accordion-header{gap:0.75rem}}h3,p{margin:0}", _e = Ie, Le = class {
   constructor(e) {
-    u(this, e), this.accordion = w(this, "accordion", 7), this.handleClick = () => {
+    u(this, e), this.accordion = k(this, "accordion", 7), this.handleClick = () => {
       var n;
       this.isExpanded = !this.isExpanded, this.toggleIcon = this.isExpanded ? "chevron-down" : "chevron-right", this.accordion.emit(this.isExpanded), F({
         category: "ui-component",
@@ -19,20 +19,17 @@ const Ie = ":host{display:block;width:100%}.accordion-card{border-radius:16px;pa
     }, this.heading = void 0, this.description = void 0, this.variant = "inverse", this.icon = void 0, this.switchBg = !0, this.expanded = !1, this.clampText = !0, this.isExpanded = this.expanded, this.toggleIcon = this.expanded ? "chevron-down" : "chevron-right";
   }
   render() {
-    const e = [
-      "accordion-card",
-      `accordion-card-${this.variant}`
-    ].join(" ");
-    return t("div", { key: "08061b87dfd54b49f8aa782f29e2a9c5c8bcd2ef", class: e }, t("div", { key: "728033232d8e6aa348bc98d028a5bd62d32fd934", class: "accordion-header", onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "button", tabindex: 0, "aria-expanded": String(this.isExpanded), "aria-controls": "accordionSection" }, this.icon && t("div", { key: "eeb4260c955a2d4394bc3663dc749afc45b6f87f", class: "accordion-icon" }, t("eds-icon-wrapper", { key: "0896625a235bda97a098ac7b9a4ebec00e5fa587", name: this.icon, size: 24 })), t("div", { key: "3e6b85780bc597a84dc0eb5d2526f9e54c16148d", class: "accordion-header-text" }, t("h3", { key: "b5c5c0023bc23dc225183736f02683134a40da93", class: "accordion-title" }, this.heading), this.description && t("p", { key: "eb04c90cef03a838a4f852b988f3a9984e593120", class: `accordion-description ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description)), t("eds-icon-wrapper", { key: "583d0bcc82a178c2a47eef586aede9c87e8ea456", name: this.toggleIcon, size: 20, class: "accordion-chevron" })), t("section", { key: "8f820377d639ced2d0a4fe505452b6b408640400", id: "accordionSection", "aria-hidden": String(!this.isExpanded), class: `accordion-panel ${this.isExpanded ? "expanded" : ""}` }, t("div", { key: "d41dc9c3ef21f14df3ca25138440356703fa35ed", class: "accordion-panel-inner" }, t("div", { key: "156c3c9b139efcb964525147338ecdeeca538123", class: "accordion-content" }, t("slot", { key: "b19b54c279cca1a32b4ed0f5b0a319d87b7bf937" })))));
+    const e = ["accordion-card", `accordion-card-${this.variant}`].join(" ");
+    return t("div", { key: "e437239cc58d208a41d178ad843b56b4cf96c868", class: e }, t("div", { key: "d8918b77de629a60332118da38969f237ef5f4a6", class: "accordion-header", onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "button", tabindex: 0, "aria-expanded": String(this.isExpanded), "aria-controls": "accordionSection" }, this.icon && t("div", { key: "56d74602ae6f5b2246a42047caae30fd7affd5eb", class: "accordion-icon" }, t("eds-icon-wrapper", { key: "91dec34e9bec65648e943203dfbf7a2c2f85a239", name: this.icon, size: 24 })), t("div", { key: "3abdd978e4de24e892fe763a2ad42606915b7136", class: "accordion-header-text" }, t("h3", { key: "7a6e750e6b9462577fd71c4a08d5e029c5c31c17", class: "accordion-title" }, this.heading), this.description && t("p", { key: "1b79cce1a659c8ec48f365c44bbd9593bb11769a", class: `accordion-description ${!this.isExpanded && this.clampText ? "line-clamp-1" : ""}` }, this.description)), t("eds-icon-wrapper", { key: "a911f1daf7776c574ec42a7d007c2c21768d0b05", name: this.toggleIcon, size: 20, class: "accordion-chevron" })), t("section", { key: "fe743b5bffe37fd352d26f3a1660fd0e0a6633a7", id: "accordionSection", "aria-hidden": String(!this.isExpanded), class: `accordion-panel ${this.isExpanded ? "expanded" : ""}` }, t("div", { key: "0d9fc37345deb16c1a5793c7deeb41298c4cf209", class: "accordion-panel-inner" }, t("div", { key: "697c71cdf914948ba9d017a2e92f42ce0e2ffc73", class: "accordion-content" }, t("slot", { key: "156b2c0be11111d3876bdbc1852f51a8b44b0284" })))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 Le.style = _e;
-const He = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}p{margin:0}.alert-card{position:relative;border-radius:16px;padding:1rem 1.25rem;display:flex;gap:0.75rem;width:100%;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;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)}.alert-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-default{background-color:var(--grey-light);color:var(--brand-black)}.alert-default::before{background-color:var(--grey-dark)}.alert-default .alert-icon{color:var(--grey-dark)}.alert-warning{background-color:var(--yellow-200);color:var(--brand-black)}.alert-warning::before{background-color:var(--yellow-600)}.alert-warning .alert-icon{color:var(--yellow-600)}.alert-error{background-color:var(--red-200);color:var(--brand-black)}.alert-error::before{background-color:var(--red-600)}.alert-error .alert-icon{color:var(--red-600)}.alert-success{background-color:var(--brand-green);color:var(--brand-black)}.alert-success::before{background-color:var(--green-700)}.alert-success .alert-icon{color:var(--green-700)}.alert-brand{background-color:var(--brand-black);color:var(--brand-green)}.alert-brand::before{background-color:var(--brand-green)}.alert-brand .alert-icon{color:var(--brand-green)}.alert-brand .alert-dismiss{color:var(--brand-green)}.alert-horizontal{flex-direction:row;align-items:center}.alert-vertical{flex-direction:column;align-items:flex-start}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-body{flex:1;min-width:0}.alert-message{margin:0}.alert-action{flex-shrink:0}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:8px;color:inherit;opacity:0.7;transition:opacity 0.2s ease}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media (max-width: 768px){.alert-card{padding:0.75rem 1rem;gap:0.5rem}.alert-horizontal{flex-direction:column;align-items:flex-start}}", Me = He, De = class {
+const Me = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}p{margin:0}.alert-card{position:relative;border-radius:16px;padding:1rem 1.25rem;display:flex;gap:0.75rem;width:100%;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;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)}.alert-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-default{background-color:var(--grey-light);color:var(--brand-black)}.alert-default::before{background-color:var(--grey-dark)}.alert-default .alert-icon{color:var(--grey-dark)}.alert-warning{background-color:var(--yellow-200);color:var(--brand-black)}.alert-warning::before{background-color:var(--yellow-600)}.alert-warning .alert-icon{color:var(--yellow-600)}.alert-error{background-color:var(--red-200);color:var(--brand-black)}.alert-error::before{background-color:var(--red-600)}.alert-error .alert-icon{color:var(--red-600)}.alert-success{background-color:var(--brand-green);color:var(--brand-black)}.alert-success::before{background-color:var(--green-700)}.alert-success .alert-icon{color:var(--green-700)}.alert-brand{background-color:var(--brand-black);color:var(--brand-green)}.alert-brand::before{background-color:var(--brand-green)}.alert-brand .alert-icon{color:var(--brand-green)}.alert-brand .alert-dismiss{color:var(--brand-green)}.alert-horizontal{flex-direction:row;align-items:center}.alert-vertical{flex-direction:column;align-items:flex-start}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-body{flex:1;min-width:0}.alert-message{margin:0}.alert-action{flex-shrink:0}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:8px;color:inherit;opacity:0.7;transition:opacity 0.2s ease}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media (max-width: 768px){.alert-card{padding:0.75rem 1rem;gap:0.5rem}.alert-horizontal{flex-direction:column;align-items:flex-start}.alert-dismiss{position:absolute;top:0.5rem;right:0.5rem;padding:0.125rem}.alert-card:has(.alert-dismiss){padding-right:2.25rem}}", He = Me, $e = class {
   constructor(e) {
-    u(this, e), this.edsalert = w(this, "edsalert", 7), this.edsDismiss = w(this, "edsDismiss", 7), this.message = void 0, this.pressableLabel = void 0, this.pressableUrl = void 0, this.direction = "horizontal", this.intent = "default", this.icon = void 0, this.dismissible = !1, this.withBtn = !1, this.dismissed = !1;
+    u(this, e), this.edsalert = k(this, "edsalert", 7), this.edsDismiss = k(this, "edsDismiss", 7), this.message = void 0, this.pressableLabel = void 0, this.pressableUrl = void 0, this.direction = "horizontal", this.intent = "default", this.icon = void 0, this.dismissible = !1, this.withBtn = !1, this.dismissed = !1;
   }
   componentWillLoad() {
     this.withBtn = !!this.pressableLabel;
@@ -61,7 +58,7 @@ const He = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-
     return t("div", { class: `alert-card alert-${e} alert-${this.direction}`, role: "alert", "aria-label": n, "aria-live": e === "error" || e === "warning" ? "assertive" : "polite" }, this.intentIcon && t("div", { class: "alert-icon" }, t("eds-icon-wrapper", { name: this.intentIcon, size: 20 })), t("div", { class: "alert-body" }, this.message ? t("p", { class: "alert-message" }, this.message) : t("div", { class: "alert-message" }, t("slot", null))), this.withBtn && t("div", { class: "alert-action" }, this.pressableUrl ? t("eds-link", { label: this.pressableLabel, url: this.pressableUrl, intent: "strong" }) : t("eds-button", { label: this.pressableLabel, intent: "ghost", onClick: () => this.handleAction() })), this.dismissible && t("button", { class: "alert-dismiss", onClick: () => this.handleDismiss(), "aria-label": "Dismiss alert" }, t("eds-icon-wrapper", { name: "close", size: 20 })));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -69,8 +66,8 @@ const He = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-
     };
   }
 };
-De.style = Me;
-const $e = `::before,
+$e.style = He;
+const Be = `::before,
 ::after {
     box-sizing: border-box;
     border-width: 0;
@@ -271,7 +268,7 @@ abbr:where([title]) {
 
 .bg-gradient-04-bottom {
     background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
-}`, Te = $e, Be = class {
+}`, De = Be, Te = class {
   constructor(e) {
     u(this, e), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = "grey";
   }
@@ -320,8 +317,8 @@ abbr:where([title]) {
     return t("div", { key: "36f8cb598e0e53793ce8a49e9e2419f41ba8f160", class: this.containerClasses }, this.picture ? t("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : t("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
   }
 };
-Be.style = Te;
-const Ve = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--brand-black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}", Ne = Ve, Oe = class {
+Te.style = De;
+const Ve = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--brand-black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}", Oe = Ve, Ne = class {
   constructor(e) {
     u(this, e), this.inverse = !1;
   }
@@ -329,7 +326,7 @@ const Ve = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border
     return t("hr", { key: "2531c44fa20745f7860e4647f77ffa038a56d832", class: `${this.inverse ? "border-default" : "border-softer"}  my-16 inline-block w-full border-t-2` });
   }
 };
-Oe.style = Ne;
+Ne.style = Oe;
 const Pe = "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}}", Re = Pe, je = class {
   constructor(e) {
     u(this, e), this.updateScreenSize = () => {
@@ -341,7 +338,7 @@ const Pe = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    * Watches for changes to the `items` prop and parses it.
    */
   parseItems(e) {
-    this.parsedItems = H(e);
+    this.parsedItems = M(e);
   }
   /**
    * Lifecycle method that runs when the component is about to be loaded.
@@ -420,7 +417,7 @@ const Pe = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
     })));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -440,33 +437,33 @@ function We() {
   for (var e, n, i = 0, r = ""; i < arguments.length; ) (e = arguments[i++]) && (n = pe(e)) && (r && (r += " "), r += n);
   return r;
 }
-const oe = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, se = We, Y = (e, n) => (i) => {
+const oe = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, se = We, Z = (e, n) => (i) => {
   var r;
   if ((n == null ? void 0 : n.variants) == null) return se(e, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
-  const { variants: a, defaultVariants: l } = n, o = Object.keys(a).map((v) => {
-    const C = i == null ? void 0 : i[v], L = l == null ? void 0 : l[v];
-    if (C === null) return null;
-    const M = oe(C) || oe(L);
-    return a[v][M];
-  }), s = i && Object.entries(i).reduce((v, C) => {
-    let [L, M] = C;
-    return M === void 0 || (v[L] = M), v;
-  }, {}), h = n == null || (r = n.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((v, C) => {
-    let { class: L, className: M, ...O } = C;
-    return Object.entries(O).every((V) => {
-      let [E, z] = V;
-      return Array.isArray(z) ? z.includes({
+  const { variants: a, defaultVariants: l } = n, o = Object.keys(a).map((m) => {
+    const y = i == null ? void 0 : i[m], A = l == null ? void 0 : l[m];
+    if (y === null) return null;
+    const H = oe(y) || oe(A);
+    return a[m][H];
+  }), s = i && Object.entries(i).reduce((m, y) => {
+    let [A, H] = y;
+    return H === void 0 || (m[A] = H), m;
+  }, {}), h = n == null || (r = n.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((m, y) => {
+    let { class: A, className: H, ...N } = y;
+    return Object.entries(N).every((V) => {
+      let [E, S] = V;
+      return Array.isArray(S) ? S.includes({
         ...l,
         ...s
       }[E]) : {
         ...l,
         ...s
-      }[E] === z;
+      }[E] === S;
     }) ? [
-      ...v,
-      L,
-      M
-    ] : v;
+      ...m,
+      A,
+      H
+    ] : m;
   }, []);
   return se(e, o, h, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
 }, qe = `/* ============================================
@@ -1659,9 +1656,9 @@ button,
   .md\\:flex {
     display: flex;
   }
-}`, Ue = qe, Ze = class {
+}`, Ue = qe, Ye = class {
   constructor(e) {
-    u(this, e), this.button = Y([
+    u(this, e), this.button = Z([
       "relative items-center cursor-pointer",
       // Brand-green focus-visible outline (rules live in eds-button.css);
       // without this class keyboard focus falls back to the browser ring.
@@ -1683,12 +1680,8 @@ button,
           brandLight: "bg-brand-light text-default hover:bg-accent hover:text-default aria-disabled:shadow-none",
           brandInverse: "bg-accent text-default hover:bg-inverse hover:text-default aria-disabled:shadow-none",
           neutral: "bg-darker after:border-softest bg-inverse hover:bg-dark hover:text-light text-inverse aria-disabled:shadow-none",
-          cta: [
-            "cta-link !px-0 !py-0 !min-h-0 !h-auto"
-          ],
-          "cta-brand": [
-            "cta-link-brand !px-0 !py-0 !min-h-0 !h-auto"
-          ]
+          cta: ["cta-link !px-0 !py-0 !min-h-0 !h-auto"],
+          "cta-brand": ["cta-link-brand !px-0 !py-0 !min-h-0 !h-auto"]
         },
         loading: {
           true: "pointer-events-none",
@@ -1837,20 +1830,20 @@ button,
       iconSmall: this.iconSmall,
       fullWidth: this.fullWidth
     }), n = this.elementType, i = !this.disabled && !this.loading, r = this.intent === "primary" || this.intent === "secondaryInverse" ? "rgba(255, 255, 255, 0.3)" : "rgba(7, 20, 13, 0.3)", a = this.intent === "primary" || this.intent === "secondaryInverse" ? "#FFFFFF" : "#07140D";
-    return t(Z, { key: "263f3fd25c17d5f9d8ddcfcc57848d6c8e729994" }, t(n, { key: "9c9f68e332ca6fe14387fc239e880069596b0072", tabindex: i ? "0" : "-1", "aria-label": this.label ? void 0 : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? "true" : void 0, "aria-busy": this.loading ? "true" : void 0, disabled: this.elementType === "button" ? this.disabled || this.loading : void 0, role: this.elementType === "a" ? "button" : void 0, class: `${e || ""}`, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, this.label && t("span", { key: "285a0b07089eb7ebab3bd439000ea89c454164d0", class: `${this.loading ? "opacity-0" : ""} ${this.icon && this.intent !== "cta" && this.intent !== "cta-brand" ? this.iconPos === "right" ? this.size === "large" ? "pr-4" : "pr-2" : this.size === "large" ? "pl-4" : "pl-2" : ""}`, "aria-hidden": this.loading ? "true" : void 0 }, this.label), this.loading && t("span", { key: "36da873de3be79f2cfc3e4851dadd953e17109dc", class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, t("span", { key: "961913b2c22e6bd803c6639e617129843c877bfe", class: "loader", style: {
+    return t(Y, { key: "ad9bb3e0343e6c05c8f43ca9dc502ef28aa001d6" }, t(n, { key: "90b51743bb12a5b4f0b309bb9d38932401ff0fa9", tabindex: i ? "0" : "-1", "aria-label": this.label ? void 0 : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? "true" : void 0, "aria-busy": this.loading ? "true" : void 0, disabled: this.elementType === "button" ? this.disabled || this.loading : void 0, role: this.elementType === "a" ? "button" : void 0, class: `${e || ""}`, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, this.label && t("span", { key: "35c7fa9449b445ef16d1ac77cb3ed8036e857687", class: `${this.loading ? "opacity-0" : ""} ${this.icon && this.intent !== "cta" && this.intent !== "cta-brand" ? this.iconPos === "right" ? this.size === "large" ? "pr-4" : "pr-2" : this.size === "large" ? "pl-4" : "pl-2" : ""}`, "aria-hidden": this.loading ? "true" : void 0 }, this.label), this.loading && t("span", { key: "5a6a5c78568dae1b77433147e1ae04f9139467de", class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, t("span", { key: "e392714658931a190cbfcae756c16831f69f8f0d", class: "loader", style: {
       border: `3px solid ${r}`,
       borderBottomColor: a
-    } })), this.icon ? t("eds-icon-wrapper", { name: this.icon, size: 20, "aria-hidden": "true" }) : null));
+    } })), this.icon ? t("eds-icon-wrapper", { name: this.icon, size: 20, "aria-hidden": "true", class: this.loading ? "opacity-0" : "" }) : null));
   }
   static get delegatesFocus() {
     return !0;
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
-Ze.style = Ue;
-const Ye = ":host{display:flex;height:100%}.app-card{height:auto;border-radius:16px;padding:1.5rem;transition:all 0.4s ease;display:flex;flex-direction:column;flex-grow:1}.app-card-default{background:var(--brand-black);border:1px solid rgba(0, 0, 0, 0.1)}.app-card-default:hover{background:var(--brand-black);border-color:rgba(0, 255, 157, 0.4);transform:translateY(-4px);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.app-card-default .app-title{color:var(--white)}.app-card-default .app-description{color:var(--grey-light)}.app-card-default .app-tag{background:rgba(255, 255, 255, 0.1);color:var(--white)}.app-card-inverse{background:var(--white);border:1px solid rgba(0, 0, 0, 0.1)}.app-card-inverse:hover{background:var(--white);border-color:rgba(0, 255, 157, 0.4);transform:translateY(-4px);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.app-card-inverse .app-title{color:var(--brand-black)}.app-card-inverse .app-description{color:var(--grey-dark)}.app-card-inverse .app-tag{background:rgba(0, 0, 0, 0.08);color:var(--brand-black)}eds-tag{margin-bottom:1rem}.app-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.75rem;margin-top:0;margin-bottom:1rem;line-height:1.3}.app-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.app-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.app-tag{padding:0.375rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:400}@media (max-width: 768px){.app-card{padding:2rem}.app-title{font-size:1.5rem}}", Ke = Ye, Ge = class {
+Ye.style = Ue;
+const Ze = ":host{display:flex;height:100%}.app-card{height:auto;border-radius:16px;padding:1.5rem;transition:all 0.4s ease;display:flex;flex-direction:column;flex-grow:1}.app-card-default{background:var(--brand-black);border:1px solid rgba(0, 0, 0, 0.1)}.app-card-default:hover{background:var(--brand-black);border-color:rgba(0, 255, 157, 0.4);transform:translateY(-4px);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.app-card-default .app-title{color:var(--white)}.app-card-default .app-description{color:var(--grey-light)}.app-card-default .app-tag{background:rgba(255, 255, 255, 0.1);color:var(--white)}.app-card-inverse{background:var(--white);border:1px solid rgba(0, 0, 0, 0.1)}.app-card-inverse:hover{background:var(--white);border-color:rgba(0, 255, 157, 0.4);transform:translateY(-4px);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.app-card-inverse .app-title{color:var(--brand-black)}.app-card-inverse .app-description{color:var(--grey-dark)}.app-card-inverse .app-tag{background:rgba(0, 0, 0, 0.08);color:var(--brand-black)}eds-tag{margin-bottom:1rem}.app-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.75rem;margin-top:0;margin-bottom:1rem;line-height:1.3}.app-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.app-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.app-tag{padding:0.375rem 0.75rem;border-radius:4px;font-size:0.75rem;font-weight:400}@media (max-width: 768px){.app-card{padding:2rem}.app-title{font-size:1.5rem}}", Ke = Ze, Ge = class {
   constructor(e) {
     u(this, e), this.category = void 0, this.title = void 0, this.description = void 0, this.tags = [], this.url = void 0, this.linkText = "Explore Components", this.variant = "default";
   }
@@ -1858,17 +1851,14 @@ const Ye = ":host{display:flex;height:100%}.app-card{height:auto;border-radius:1
    * Parse the tags prop into an array
    */
   get parsedTags() {
-    return H(this.tags);
+    return M(this.tags);
   }
   render() {
-    const e = [
-      "app-card",
-      `app-card-${this.variant}`
-    ].join(" "), n = this.variant === "default" ? "cta-brand" : "cta", i = this.variant === "default" ? "brand" : "dark";
-    return t("div", { key: "e90fec25a02a9635247da04ca23a932be9cd7ea5", class: e }, this.category && t("eds-tag", { key: "a001a815aa32a96beac3d4af08766479030fe8d4", label: this.category, intent: i, size: "medium" }), t("h3", { key: "10d4532b4fe9b9a92ad24b09634028c583166bb3", class: "app-title" }, this.title), t("p", { key: "de1559913d227ff6b023ecdbc5fea29f66cb01a0", class: "app-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && t("div", { key: "386a2e72a92ea03c13a4410983b8b5320e83b810", class: "app-tags" }, this.parsedTags.map((r, a) => t("span", { key: a, class: "app-tag" }, r.label))), this.url && t("eds-link", { key: "2c1a3d133a6f04b6a3359a3c8d2f47eb19c75202", label: this.linkText, url: this.url, intent: n, icon: "arrow-right", "icon-pos": "right" }));
+    const e = ["app-card", `app-card-${this.variant}`].join(" "), n = this.variant === "default" ? "cta-brand" : "cta", i = this.variant === "default" ? "brand" : "dark";
+    return t("div", { key: "84aa9bd8ccac7cd163a0295e53610d3f149d2fc7", class: e }, this.category && t("eds-tag", { key: "ff5f5fc550289df7dc13c9d77e9ee318692c54ef", label: this.category, intent: i, size: "medium" }), t("h3", { key: "7f3ed9e3c270cf7c7d99f084cd3f7dac93929676", class: "app-title" }, this.title), t("p", { key: "969ed185ab45832e1e10a5446067f6926864696c", class: "app-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && t("div", { key: "4a619204bcfe0b85e3e69b58157269f7bed9f44b", class: "app-tags" }, this.parsedTags.map((r, a) => t("span", { key: a, class: "app-tag" }, r.label))), this.url && t("eds-link", { key: "d2f32c5114f60cf2b25e96db84e090d90fe1a9ed", label: this.linkText, url: this.url, intent: n, icon: "arrow-right", "icon-pos": "right" }));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 Ge.style = Ke;
@@ -1884,17 +1874,14 @@ const Xe = ":host{display:flex;height:100%}.cta-container{height:auto;text-align
    * Parse the links prop into an array
    */
   get parsedLinks() {
-    return H(this.links);
+    return M(this.links);
   }
   render() {
-    const e = [
-      "cta-container",
-      `cta-container-${this.variant}`
-    ].join(" "), n = this.variant === "default" ? "brandInverse" : "brand", i = this.variant === "default" ? "secondaryInverse" : "secondary", r = this.variant === "default" ? "cta" : "underline";
-    return t("div", { key: "ee2163e6096ad05dc55ac40c6626236723a23b72", class: e }, t("div", { key: "f51481133015ef5eafce48bab525cf166c000e3a", class: "cta-content" }, t("h2", { key: "577441d8bc7cb4c906408faf995e106ef2779e8b", class: "cta-title", innerHTML: this.title }), t("p", { key: "b8cbcf891b95f82c3dd57f1db9335f55c1d7162c", class: "cta-description" }, this.description), t("div", { key: "f167262a521b9e15176a4fc65e3e45a8cf24feb1", class: "cta-actions" }, t("slot", { key: "c114de9b72bf56a2bda67d21aab0a1a24efba2e4", name: "actions" }, t("eds-button", { key: "75c4508fad3377ae1788bca7cda5f8315c8301a3", label: this.primaryButtonText, intent: n, icon: "arrow-right", "icon-pos": "right", size: "large", triggerClick: this.handlePrimaryClick }), this.secondaryButtonText && t("eds-button", { key: "2c6de6b1032c62619b7225d3f7cbc04617fca465", label: this.secondaryButtonText, intent: i, size: "large", triggerClick: this.handleSecondaryClick }))), this.parsedLinks && this.parsedLinks.length > 0 && t("div", { key: "a78f81632c85cb729d738b0bb533d260bc7e3727", class: "cta-links" }, this.parsedLinks.map((a, l) => t("eds-link", { key: l, label: a.label, url: a.url, intent: r })))));
+    const e = ["cta-container", `cta-container-${this.variant}`].join(" "), n = this.variant === "default" ? "brandInverse" : "brand", i = this.variant === "default" ? "secondaryInverse" : "secondary", r = this.variant === "default" ? "cta" : "underline";
+    return t("div", { key: "6a3ccb2ee1f3ad3cc7c3fc0c54381284a9a5190b", class: e }, t("div", { key: "2a6ad1f084c3e7afea0a11a35c8b5e20d3a2c7ee", class: "cta-content" }, t("h2", { key: "157f32d98283cf59a16f73def69974238e4dc938", class: "cta-title", innerHTML: this.title }), t("p", { key: "660beebc8c10f93a7052c23e5eacb2481fb3bcd7", class: "cta-description" }, this.description), t("div", { key: "e7610c3e2738aace2ac921304c6b2a6e5f5a5952", class: "cta-actions" }, t("slot", { key: "75113d5cc2d10aaaa2d6b7b4f0f16ea916a5a1ae", name: "actions" }, t("eds-button", { key: "140823c45ce817555ebe0969f1f07787b5d40819", label: this.primaryButtonText, intent: n, icon: "arrow-right", "icon-pos": "right", size: "large", triggerClick: this.handlePrimaryClick }), this.secondaryButtonText && t("eds-button", { key: "8b2cd73793a85d6da3c138459f9ab864e9f2b9ab", label: this.secondaryButtonText, intent: i, size: "large", triggerClick: this.handleSecondaryClick }))), this.parsedLinks && this.parsedLinks.length > 0 && t("div", { key: "10f5ebc9ed558a29e166325ff143f79b5324f130", class: "cta-links" }, this.parsedLinks.map((a, l) => t("eds-link", { key: l, label: a.label, url: a.url, intent: r })))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 Qe.style = Je;
@@ -1915,14 +1902,11 @@ const rn = ":host{display:flex;height:100%}.feature-card{height:auto;border-radi
     u(this, e), this.icon = void 0, this.title = void 0, this.description = void 0, this.url = void 0, this.linkText = "Learn more", this.variant = "default";
   }
   render() {
-    const e = [
-      "feature-card",
-      `feature-card-${this.variant}`
-    ].join(" ");
-    return t("div", { key: "f76c056bbca7b38892cdecf56291fe3882c9e3bb", class: e }, this.icon && t("div", { key: "9e22a5f6c5e30b55c4bac84f5f11f773b1b37ab9", class: "feature-icon" }, t("eds-icon-wrapper", { key: "64154c38f3655cb55f14c2963a62ead699d8a533", name: this.icon, size: 24 })), t("h3", { key: "99ed95a90796dbb6baa3f73cb2830fcd0954328c", class: "feature-title" }, this.title), t("p", { key: "f91109a10f62a58d8b650987fbbf1a5a4f68beaa", class: "feature-description" }, this.description), this.url && t("eds-link", { key: "b94b57e5385da9db54a3767d0413349000add755", label: this.linkText, url: this.url, intent: "cta", icon: "arrow-right", "icon-pos": "right" }));
+    const e = ["feature-card", `feature-card-${this.variant}`].join(" ");
+    return t("div", { key: "585107ac2cfc2ea55fc560d2da9e6bfc0595b5ad", class: e }, this.icon && t("div", { key: "6dd26bd834d446872d0ab27e8a26e08488507686", class: "feature-icon" }, t("eds-icon-wrapper", { key: "e5502241c155784370a0e5f214b0bfd88aa634a7", name: this.icon, size: 24 })), t("h3", { key: "974e30754eb9d4aa37beddc7ed065228df704009", class: "feature-title" }, this.title), t("p", { key: "605f476de2001a1b85ec95b5c11eaa8a3cfcb9f3", class: "feature-description" }, this.description), this.url && t("eds-link", { key: "5ee756a958973fc4f7daf6e0bdad4e42179becb3", label: this.linkText, url: this.url, intent: "cta", icon: "arrow-right", "icon-pos": "right" }));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 ln.style = an;
@@ -1942,7 +1926,7 @@ const on = ".h-300{height:300px}.h-auto{height:auto}:host{display:flex;height:10
    * @returns {any[]} Array of parsed link objects
    */
   get parsedTags() {
-    return H(this.tags);
+    return M(this.tags);
   }
   articleClasses() {
     let e = "bg-strongest";
@@ -1975,10 +1959,10 @@ const on = ".h-300{height:300px}.h-auto{height:auto}:host{display:flex;height:10
     this.isHovered = !1;
   }
   render() {
-    return t("article", { key: "6efb0c2c0c3d196b9759307bb98f4bf1e12504d5", class: this.articleClasses(), onClick: this.url ? () => this.handleClick() : void 0, onMouseEnter: this.url ? () => this.handleMouseEnter() : void 0, onMouseLeave: this.url ? () => this.handleMouseLeave() : void 0 }, this.icon && t("div", { key: "9c29cae822923b524668da65f3e341f9626d7e95", class: "card-icon-wrapper" }, t("eds-icon-wrapper", { key: "104a3551d3d8b910528dd43e8a12494faf4764a0", name: this.icon, size: 32 })), t("div", { key: "cc9d326aa6e55d1ed26b73f46d5fbb8087d55bf0", class: "p-12 flex flex-col grow" }, this.parsedTags && this.parsedTags.length > 0 && t("div", { key: "f740e184ec400d6083d04e4fa99259aa061c5dbf", class: "flex mb-12 gap-x-4" }, this.parsedTags.map((e, n) => t("eds-tag", { key: n, intent: e.intent, label: e.label, size: e.size }))), t("eds-card-title", { key: "e263ce9bd116857648439bf9f356fc110e048547", title: this.title, url: this.url, intent: this.intent, size: this.titleSize }), this.description && t("div", { key: "aa6687dc61c548dd52e2d2f3eb9598f85c2af0a5", class: "mt-8" }, this.description && t("eds-card-desc", { key: "8b82f70b5dc513396d08affc4958d9c1040583d6", "truncate-lines": "3", description: this.description, intent: this.intent })), t("slot", { key: "ff4d0ba6184b01b80e44c78a7cccec124f2b1706", name: "card" }), this.url && t("div", { key: "889b5fbaf026df0e826626020ff201d06f047cc8", class: `flex items-center justify-between mt-auto pt-16 ${this.getLearnMoreColor()}` }, t("span", { key: "3a5b5d603a7f3d852b5e92ba57f7214f7b9754ec", class: "f-ui-01" }, "Learn more"), t("eds-icon-wrapper", { key: "de15571bd4892f72646c205b14105f328d5a596d", name: this.isHovered ? "arrow-right" : "arrow-up-right", size: 32 }))));
+    return t("article", { key: "3757ce9c894928dc158e920f10fb5ffdc46a1f8d", class: this.articleClasses(), onClick: this.url ? () => this.handleClick() : void 0, onMouseEnter: this.url ? () => this.handleMouseEnter() : void 0, onMouseLeave: this.url ? () => this.handleMouseLeave() : void 0 }, this.icon && t("div", { key: "70683a1435c967b26f1d8eae69b1aaccb29e0a75", class: "card-icon-wrapper" }, t("eds-icon-wrapper", { key: "74386a2045b07aa177cd18b6c10f99cca870d228", name: this.icon, size: 32 })), t("div", { key: "38bfc9f2895eba37ced45b8cb8ec3e65bdae559e", class: "p-12 flex flex-col grow" }, this.parsedTags && this.parsedTags.length > 0 && t("div", { key: "33b736039f478cbdffd3322b2d2bb60754318140", class: "flex mb-12 gap-x-4" }, this.parsedTags.map((e, n) => t("eds-tag", { key: n, intent: e.intent, label: e.label, size: e.size }))), t("eds-card-title", { key: "57b16d2c6d579b143bb91af377bf6e8dc161b210", title: this.title, url: this.url, intent: this.intent, size: this.titleSize }), this.description && t("div", { key: "7fa96262badff009bbeaf21c200a0c49413ec37d", class: "mt-8" }, this.description && t("eds-card-desc", { key: "2a4381f7f709774591c944308f033ef49d59cf8d", "truncate-lines": "3", description: this.description, intent: this.intent })), t("slot", { key: "bba602658c39a0332c9a1cf65b5c3b5f614d7bb5", name: "card" }), this.url && t("div", { key: "c14cc16acd3d000cb550a3d8fa01eaf52da70893", class: `flex items-center justify-between mt-auto pt-16 ${this.getLearnMoreColor()}` }, t("span", { key: "66b50d088e275373a4368962f70396342f0e0353", class: "f-ui-01" }, "Learn more"), t("eds-icon-wrapper", { key: "f2de3d43d1965815d24455b2c2b0a96f5feb64a1", name: this.isHovered ? "arrow-right" : "arrow-up-right", size: 32 }))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 dn.style = sn;
@@ -1990,7 +1974,7 @@ const cn = ":host{display:flex;height:100%}.hero-card{height:auto;position:relat
    * Parse the tags prop into an array
    */
   get parsedTags() {
-    return H(this.tags);
+    return M(this.tags);
   }
   handleClick() {
     var e;
@@ -2003,15 +1987,11 @@ const cn = ":host{display:flex;height:100%}.hero-card{height:auto;position:relat
     }), window.location.href = this.url);
   }
   render() {
-    const e = [
-      "hero-card",
-      `hero-card-${this.variant}`,
-      this.url ? "hero-card-clickable" : ""
-    ].filter(Boolean).join(" ");
-    return t("div", { key: "c92f2acc8065b4142b28ca213abbb646e61f44fc", class: e, onClick: () => this.handleClick() }, t("div", { key: "38b8ec832d05a4891646ac31f24d32f62c5ac2e1", class: "card-category" }, this.category), t("div", { key: "d356e4651ed9d136c72c519ecb9b484570c9b3be", class: "card-title" }, this.title), this.description && t("div", { key: "52afdf7988667f73d8725e6a5f5b7816d4b38b30", class: "card-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && t("div", { key: "a50fb41278d3b98da7054e0bee52d2a98ab5d8f3", class: "card-tags" }, this.parsedTags.map((n, i) => t("span", { key: i, class: "card-tag" }, n.label))));
+    const e = ["hero-card", `hero-card-${this.variant}`, this.url ? "hero-card-clickable" : ""].filter(Boolean).join(" ");
+    return t("div", { key: "c5b0745da99444ae9981161910e7248d50865d6c", class: e, onClick: () => this.handleClick() }, t("div", { key: "adb890d7bd56faff4bdeaea9a1550209a8e9847f", class: "card-category" }, this.category), t("div", { key: "c6d68b85a94c753e383f0dc92709cdbb859a9400", class: "card-title" }, this.title), this.description && t("div", { key: "47d880f01f9e0d3feaa46bc3310e1018b71eb5da", class: "card-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && t("div", { key: "8f1060a78bebd9def4ac7a1e6ba79a12094363e0", class: "card-tags" }, this.parsedTags.map((n, i) => t("span", { key: i, class: "card-tag" }, n.label))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 gn.style = hn;
@@ -2030,19 +2010,15 @@ const fn = ":host{display:flex;height:100%}.stat-card{height:auto;border-radius:
     }), window.location.href = this.url);
   }
   render() {
-    const e = [
-      "stat-card",
-      `stat-card-${this.variant}`,
-      this.url ? "stat-card-clickable" : ""
-    ].filter(Boolean).join(" ");
-    return t("div", { key: "f1dadeadd1d893b7a33aa92772baf7245954f6e7", class: e, onClick: () => this.handleClick() }, t("div", { key: "6adb8cc68740cd2dabf0bacf0af446e1499171a8", class: "stat-number" }, this.number), t("div", { key: "adc7a8ffd44bceda51fcb98f68cfc8d7e454db5f", class: "stat-label" }, this.label), this.description && t("div", { key: "f70549244277e2c08c7bd94a1d297c00655faff5", class: "stat-description" }, this.description));
+    const e = ["stat-card", `stat-card-${this.variant}`, this.url ? "stat-card-clickable" : ""].filter(Boolean).join(" ");
+    return t("div", { key: "0c4dcd6130ae23813c7decf3dd6d3ce465a9b743", class: e, onClick: () => this.handleClick() }, t("div", { key: "8c787c4ed6e96c9c0403a119edc534b8698e4296", class: "stat-number" }, this.number), t("div", { key: "7d86e9731cf43d3ffa923bdf27403ba34ab4dc0a", class: "stat-label" }, this.label), this.description && t("div", { key: "aaf9942a61087f46dc883d64184e6b33a4cb4d71", class: "stat-description" }, this.description));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 pn.style = bn;
-const un = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-display-02{font-family:var(--f-display-02-fontFamily);font-weight:var(--f-display-02-fontWeight);font-size:var(--f-display-02-fontSize);line-height:var(--f-display-02-lineHeight);letter-spacing:var(--f-display-02-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)}.font-semibold{font-weight:600}.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}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.cursor-pointer{cursor:pointer}", mn = un, xn = class {
+const mn = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-display-02{font-family:var(--f-display-02-fontFamily);font-weight:var(--f-display-02-fontWeight);font-size:var(--f-display-02-fontSize);line-height:var(--f-display-02-lineHeight);letter-spacing:var(--f-display-02-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)}.font-semibold{font-weight:600}.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}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.cursor-pointer{cursor:pointer}", un = mn, xn = class {
   constructor(e) {
     u(this, e), this.url = void 0, this.externalLink = !1, this.title = void 0, this.intent = "secondary", this.size = "large";
   }
@@ -2066,8 +2042,8 @@ const un = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor
     return this.url ? t("span", { class: n }, t("a", { class: `break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none ${e} cursor-pointer`, href: this.url, target: this.externalLink ? "_blank" : void 0, rel: this.externalLink ? "noopener noreferrer" : void 0 }, this.title)) : t("span", { class: `${n} ${e} break-words` }, this.title);
   }
 };
-xn.style = mn;
-var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ue = { exports: {} };
+xn.style = un;
+var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, me = { exports: {} };
 (function(e) {
   var n = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
   /**
@@ -2184,8 +2160,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
                 return g[p];
               b = /** @type {Record<string, any>} */
               {}, g[p] = b;
-              for (var x in d)
-                d.hasOwnProperty(x) && (b[x] = c(d[x], g));
+              for (var v in d)
+                d.hasOwnProperty(v) && (b[v] = c(d[v], g));
               return (
                 /** @type {any} */
                 b
@@ -2193,8 +2169,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             case "Array":
               return p = s.util.objId(d), g[p] ? g[p] : (b = [], g[p] = b, /** @type {Array} */
               /** @type {any} */
-              d.forEach(function(k, m) {
-                b[m] = c(k, g);
+              d.forEach(function(z, x) {
+                b[x] = c(z, g);
               }), /** @type {any} */
               b);
             default:
@@ -2414,28 +2390,28 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         insertBefore: function(c, d, g, b) {
           b = b || /** @type {any} */
           s.languages;
-          var p = b[c], x = {};
-          for (var k in p)
-            if (p.hasOwnProperty(k)) {
-              if (k == d)
-                for (var m in g)
-                  g.hasOwnProperty(m) && (x[m] = g[m]);
-              g.hasOwnProperty(k) || (x[k] = p[k]);
+          var p = b[c], v = {};
+          for (var z in p)
+            if (p.hasOwnProperty(z)) {
+              if (z == d)
+                for (var x in g)
+                  g.hasOwnProperty(x) && (v[x] = g[x]);
+              g.hasOwnProperty(z) || (v[z] = p[z]);
             }
-          var S = b[c];
-          return b[c] = x, s.languages.DFS(s.languages, function(I, T) {
-            T === S && I != c && (this[I] = x);
-          }), x;
+          var C = b[c];
+          return b[c] = v, s.languages.DFS(s.languages, function(_, D) {
+            D === C && _ != c && (this[_] = v);
+          }), v;
         },
         // Traverse a language definition with Depth First Search
         DFS: function c(d, g, b, p) {
           p = p || {};
-          var x = s.util.objId;
-          for (var k in d)
-            if (d.hasOwnProperty(k)) {
-              g.call(d, k, d[k], b || k);
-              var m = d[k], S = s.util.type(m);
-              S === "Object" && !p[x(m)] ? (p[x(m)] = !0, c(m, g, null, p)) : S === "Array" && !p[x(m)] && (p[x(m)] = !0, c(m, g, k, p));
+          var v = s.util.objId;
+          for (var z in d)
+            if (d.hasOwnProperty(z)) {
+              g.call(d, z, d[z], b || z);
+              var x = d[z], C = s.util.type(x);
+              C === "Object" && !p[v(x)] ? (p[v(x)] = !0, c(x, g, null, p)) : C === "Array" && !p[v(x)] && (p[v(x)] = !0, c(x, g, z, p));
             }
         }
       },
@@ -2477,8 +2453,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
         s.hooks.run("before-highlightall", b), b.elements = Array.prototype.slice.apply(b.container.querySelectorAll(b.selector)), s.hooks.run("before-all-elements-highlight", b);
-        for (var p = 0, x; x = b.elements[p++]; )
-          s.highlightElement(x, d === !0, b.callback);
+        for (var p = 0, v; v = b.elements[p++]; )
+          s.highlightElement(v, d === !0, b.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -2511,36 +2487,36 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       highlightElement: function(c, d, g) {
         var b = s.util.getLanguage(c), p = s.languages[b];
         s.util.setLanguage(c, b);
-        var x = c.parentElement;
-        x && x.nodeName.toLowerCase() === "pre" && s.util.setLanguage(x, b);
-        var k = c.textContent, m = {
+        var v = c.parentElement;
+        v && v.nodeName.toLowerCase() === "pre" && s.util.setLanguage(v, b);
+        var z = c.textContent, x = {
           element: c,
           language: b,
           grammar: p,
-          code: k
+          code: z
         };
-        function S(T) {
-          m.highlightedCode = T, s.hooks.run("before-insert", m), m.element.innerHTML = m.highlightedCode, s.hooks.run("after-highlight", m), s.hooks.run("complete", m), g && g.call(m.element);
+        function C(D) {
+          x.highlightedCode = D, s.hooks.run("before-insert", x), x.element.innerHTML = x.highlightedCode, s.hooks.run("after-highlight", x), s.hooks.run("complete", x), g && g.call(x.element);
         }
-        if (s.hooks.run("before-sanity-check", m), x = m.element.parentElement, x && x.nodeName.toLowerCase() === "pre" && !x.hasAttribute("tabindex") && x.setAttribute("tabindex", "0"), !m.code) {
-          s.hooks.run("complete", m), g && g.call(m.element);
+        if (s.hooks.run("before-sanity-check", x), v = x.element.parentElement, v && v.nodeName.toLowerCase() === "pre" && !v.hasAttribute("tabindex") && v.setAttribute("tabindex", "0"), !x.code) {
+          s.hooks.run("complete", x), g && g.call(x.element);
           return;
         }
-        if (s.hooks.run("before-highlight", m), !m.grammar) {
-          S(s.util.encode(m.code));
+        if (s.hooks.run("before-highlight", x), !x.grammar) {
+          C(s.util.encode(x.code));
           return;
         }
         if (d && r.Worker) {
-          var I = new Worker(s.filename);
-          I.onmessage = function(T) {
-            S(T.data);
-          }, I.postMessage(JSON.stringify({
-            language: m.language,
-            code: m.code,
+          var _ = new Worker(s.filename);
+          _.onmessage = function(D) {
+            C(D.data);
+          }, _.postMessage(JSON.stringify({
+            language: x.language,
+            code: x.code,
             immediateClose: !0
           }));
         } else
-          S(s.highlight(m.code, m.grammar, m.language));
+          C(s.highlight(x.code, x.grammar, x.language));
       },
       /**
        * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
@@ -2603,8 +2579,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             d[b] = g[b];
           delete d.rest;
         }
-        var p = new L();
-        return M(p, p.head, c), C(c, p, d, p.head, 0), V(p);
+        var p = new A();
+        return H(p, p.head, c), y(c, p, d, p.head, 0), V(p);
       },
       /**
        * @namespace
@@ -2656,8 +2632,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return d;
       if (Array.isArray(d)) {
         var b = "";
-        return d.forEach(function(S) {
-          b += c(S, g);
+        return d.forEach(function(C) {
+          b += c(C, g);
         }), b;
       }
       var p = {
@@ -2667,80 +2643,80 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         classes: ["token", d.type],
         attributes: {},
         language: g
-      }, x = d.alias;
-      x && (Array.isArray(x) ? Array.prototype.push.apply(p.classes, x) : p.classes.push(x)), s.hooks.run("wrap", p);
-      var k = "";
-      for (var m in p.attributes)
-        k += " " + m + '="' + (p.attributes[m] || "").replace(/"/g, "&quot;") + '"';
-      return "<" + p.tag + ' class="' + p.classes.join(" ") + '"' + k + ">" + p.content + "</" + p.tag + ">";
+      }, v = d.alias;
+      v && (Array.isArray(v) ? Array.prototype.push.apply(p.classes, v) : p.classes.push(v)), s.hooks.run("wrap", p);
+      var z = "";
+      for (var x in p.attributes)
+        z += " " + x + '="' + (p.attributes[x] || "").replace(/"/g, "&quot;") + '"';
+      return "<" + p.tag + ' class="' + p.classes.join(" ") + '"' + z + ">" + p.content + "</" + p.tag + ">";
     };
-    function v(c, d, g, b) {
+    function m(c, d, g, b) {
       c.lastIndex = d;
       var p = c.exec(g);
       if (p && b && p[1]) {
-        var x = p[1].length;
-        p.index += x, p[0] = p[0].slice(x);
+        var v = p[1].length;
+        p.index += v, p[0] = p[0].slice(v);
       }
       return p;
     }
-    function C(c, d, g, b, p, x) {
-      for (var k in g)
-        if (!(!g.hasOwnProperty(k) || !g[k])) {
-          var m = g[k];
-          m = Array.isArray(m) ? m : [m];
-          for (var S = 0; S < m.length; ++S) {
-            if (x && x.cause == k + "," + S)
+    function y(c, d, g, b, p, v) {
+      for (var z in g)
+        if (!(!g.hasOwnProperty(z) || !g[z])) {
+          var x = g[z];
+          x = Array.isArray(x) ? x : [x];
+          for (var C = 0; C < x.length; ++C) {
+            if (v && v.cause == z + "," + C)
               return;
-            var I = m[S], T = I.inside, te = !!I.lookbehind, ie = !!I.greedy, ke = I.alias;
-            if (ie && !I.pattern.global) {
-              var ze = I.pattern.toString().match(/[imsuy]*$/)[0];
-              I.pattern = RegExp(I.pattern.source, ze + "g");
+            var _ = x[C], D = _.inside, te = !!_.lookbehind, ie = !!_.greedy, ke = _.alias;
+            if (ie && !_.pattern.global) {
+              var ze = _.pattern.toString().match(/[imsuy]*$/)[0];
+              _.pattern = RegExp(_.pattern.source, ze + "g");
             }
-            for (var re = I.pattern || I, _ = b.next, $ = p; _ !== d.tail && !(x && $ >= x.reach); $ += _.value.length, _ = _.next) {
-              var N = _.value;
+            for (var re = _.pattern || _, L = b.next, B = p; L !== d.tail && !(v && B >= v.reach); B += L.value.length, L = L.next) {
+              var O = L.value;
               if (d.length > c.length)
                 return;
-              if (!(N instanceof h)) {
-                var j = 1, D;
+              if (!(O instanceof h)) {
+                var j = 1, $;
                 if (ie) {
-                  if (D = v(re, $, c, te), !D || D.index >= c.length)
+                  if ($ = m(re, B, c, te), !$ || $.index >= c.length)
                     break;
-                  var W = D.index, Se = D.index + D[0].length, B = $;
-                  for (B += _.value.length; W >= B; )
-                    _ = _.next, B += _.value.length;
-                  if (B -= _.value.length, $ = B, _.value instanceof h)
+                  var W = $.index, Se = $.index + $[0].length, T = B;
+                  for (T += L.value.length; W >= T; )
+                    L = L.next, T += L.value.length;
+                  if (T -= L.value.length, B = T, L.value instanceof h)
                     continue;
-                  for (var P = _; P !== d.tail && (B < Se || typeof P.value == "string"); P = P.next)
-                    j++, B += P.value.length;
-                  j--, N = c.slice($, B), D.index -= $;
-                } else if (D = v(re, 0, N, te), !D)
+                  for (var P = L; P !== d.tail && (T < Se || typeof P.value == "string"); P = P.next)
+                    j++, T += P.value.length;
+                  j--, O = c.slice(B, T), $.index -= B;
+                } else if ($ = m(re, 0, O, te), !$)
                   continue;
-                var W = D.index, q = D[0], K = N.slice(0, W), ae = N.slice(W + q.length), G = $ + N.length;
-                x && G > x.reach && (x.reach = G);
-                var U = _.prev;
-                K && (U = M(d, U, K), $ += K.length), O(d, U, j);
-                var Ce = new h(k, T ? s.tokenize(q, T) : q, ke, q);
-                if (_ = M(d, U, Ce), ae && M(d, _, ae), j > 1) {
+                var W = $.index, q = $[0], K = O.slice(0, W), ae = O.slice(W + q.length), G = B + O.length;
+                v && G > v.reach && (v.reach = G);
+                var U = L.prev;
+                K && (U = H(d, U, K), B += K.length), N(d, U, j);
+                var Ce = new h(z, D ? s.tokenize(q, D) : q, ke, q);
+                if (L = H(d, U, Ce), ae && H(d, L, ae), j > 1) {
                   var X = {
-                    cause: k + "," + S,
+                    cause: z + "," + C,
                     reach: G
                   };
-                  C(c, d, g, _.prev, $, X), x && X.reach > x.reach && (x.reach = X.reach);
+                  y(c, d, g, L.prev, B, X), v && X.reach > v.reach && (v.reach = X.reach);
                 }
               }
             }
           }
         }
     }
-    function L() {
+    function A() {
       var c = { value: null, prev: null, next: null }, d = { value: null, prev: c, next: null };
       c.next = d, this.head = c, this.tail = d, this.length = 0;
     }
-    function M(c, d, g) {
+    function H(c, d, g) {
       var b = d.next, p = { value: g, prev: d, next: b };
       return d.next = p, b.prev = p, c.length++, p;
     }
-    function O(c, d, g) {
+    function N(c, d, g) {
       for (var b = d.next, p = 0; p < g && b !== c.tail; p++)
         b = b.next;
       d.next = b, b.prev = d, c.length -= p;
@@ -2757,12 +2733,12 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }, !1)), s;
     var E = s.util.currentScript();
     E && (s.filename = E.src, E.hasAttribute("data-manual") && (s.manual = !0));
-    function z() {
+    function S() {
       s.manual || s.highlightAll();
     }
     if (!s.manual) {
-      var A = document.readyState;
-      A === "loading" || A === "interactive" && E && E.defer ? document.addEventListener("DOMContentLoaded", z) : window.requestAnimationFrame ? window.requestAnimationFrame(z) : window.setTimeout(z, 16);
+      var I = document.readyState;
+      I === "loading" || I === "interactive" && E && E.defer ? document.addEventListener("DOMContentLoaded", S) : window.requestAnimationFrame ? window.requestAnimationFrame(S) : window.setTimeout(S, 16);
     }
     return s;
   }(n);
@@ -3144,8 +3120,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     if (typeof i > "u" || typeof document > "u")
       return;
     Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
-    var r = "Loading…", a = function(E, z) {
-      return "✖ Error " + E + " while fetching file: " + z;
+    var r = "Loading…", a = function(E, S) {
+      return "✖ Error " + E + " while fetching file: " + S;
     }, l = "✖ Error: File does not exist or is empty", o = {
       js: "javascript",
       py: "python",
@@ -3156,52 +3132,52 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       bat: "batch",
       h: "c",
       tex: "latex"
-    }, s = "data-src-status", h = "loading", v = "loaded", C = "failed", L = "pre[data-src]:not([" + s + '="' + v + '"]):not([' + s + '="' + h + '"])';
-    function M(E, z, A) {
+    }, s = "data-src-status", h = "loading", m = "loaded", y = "failed", A = "pre[data-src]:not([" + s + '="' + m + '"]):not([' + s + '="' + h + '"])';
+    function H(E, S, I) {
       var c = new XMLHttpRequest();
       c.open("GET", E, !0), c.onreadystatechange = function() {
-        c.readyState == 4 && (c.status < 400 && c.responseText ? z(c.responseText) : c.status >= 400 ? A(a(c.status, c.statusText)) : A(l));
+        c.readyState == 4 && (c.status < 400 && c.responseText ? S(c.responseText) : c.status >= 400 ? I(a(c.status, c.statusText)) : I(l));
       }, c.send(null);
     }
-    function O(E) {
-      var z = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(E || "");
-      if (z) {
-        var A = Number(z[1]), c = z[2], d = z[3];
-        return c ? d ? [A, Number(d)] : [A, void 0] : [A, A];
+    function N(E) {
+      var S = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(E || "");
+      if (S) {
+        var I = Number(S[1]), c = S[2], d = S[3];
+        return c ? d ? [I, Number(d)] : [I, void 0] : [I, I];
       }
     }
     i.hooks.add("before-highlightall", function(E) {
-      E.selector += ", " + L;
+      E.selector += ", " + A;
     }), i.hooks.add("before-sanity-check", function(E) {
-      var z = (
+      var S = (
         /** @type {HTMLPreElement} */
         E.element
       );
-      if (z.matches(L)) {
-        E.code = "", z.setAttribute(s, h);
-        var A = z.appendChild(document.createElement("CODE"));
-        A.textContent = r;
-        var c = z.getAttribute("data-src"), d = E.language;
+      if (S.matches(A)) {
+        E.code = "", S.setAttribute(s, h);
+        var I = S.appendChild(document.createElement("CODE"));
+        I.textContent = r;
+        var c = S.getAttribute("data-src"), d = E.language;
         if (d === "none") {
           var g = (/\.(\w+)$/.exec(c) || [, "none"])[1];
           d = o[g] || g;
         }
-        i.util.setLanguage(A, d), i.util.setLanguage(z, d);
+        i.util.setLanguage(I, d), i.util.setLanguage(S, d);
         var b = i.plugins.autoloader;
-        b && b.loadLanguages(d), M(
+        b && b.loadLanguages(d), H(
           c,
           function(p) {
-            z.setAttribute(s, v);
-            var x = O(z.getAttribute("data-range"));
-            if (x) {
-              var k = p.split(/\r\n?|\n/g), m = x[0], S = x[1] == null ? k.length : x[1];
-              m < 0 && (m += k.length), m = Math.max(0, Math.min(m - 1, k.length)), S < 0 && (S += k.length), S = Math.max(0, Math.min(S, k.length)), p = k.slice(m, S).join(`
-`), z.hasAttribute("data-start") || z.setAttribute("data-start", String(m + 1));
+            S.setAttribute(s, m);
+            var v = N(S.getAttribute("data-range"));
+            if (v) {
+              var z = p.split(/\r\n?|\n/g), x = v[0], C = v[1] == null ? z.length : v[1];
+              x < 0 && (x += z.length), x = Math.max(0, Math.min(x - 1, z.length)), C < 0 && (C += z.length), C = Math.max(0, Math.min(C, z.length)), p = z.slice(x, C).join(`
+`), S.hasAttribute("data-start") || S.setAttribute("data-start", String(x + 1));
             }
-            A.textContent = p, i.highlightElement(A);
+            I.textContent = p, i.highlightElement(I);
           },
           function(p) {
-            z.setAttribute(s, C), A.textContent = p;
+            S.setAttribute(s, y), I.textContent = p;
           }
         );
       }
@@ -3213,8 +3189,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        *
        * @param {ParentNode} [container=document]
        */
-      highlight: function(z) {
-        for (var A = (z || document).querySelectorAll(L), c = 0, d; d = A[c++]; )
+      highlight: function(S) {
+        for (var I = (S || document).querySelectorAll(A), c = 0, d; d = I[c++]; )
           i.highlightElement(d);
       }
     };
@@ -3223,8 +3199,8 @@ var de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       V || (console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."), V = !0), i.plugins.fileHighlight.highlight.apply(this, arguments);
     };
   }();
-})(ue);
-const J = ue.exports;
+})(me);
+const J = me.exports;
 Prism.languages.python = {
   comment: {
     pattern: /(^|[^\\])#.*/,
@@ -3513,12 +3489,12 @@ Prism.languages.py = Prism.languages.python;
   }), l = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
   function o(s, h) {
     h = (h || "").replace(/m/g, "") + "m";
-    var v = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
+    var m = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
       return r;
     }).replace(/<<value>>/g, function() {
       return s;
     });
-    return RegExp(v, h);
+    return RegExp(m, h);
   }
   e.languages.yaml = {
     scalar: {
@@ -3628,7 +3604,7 @@ Prism.languages.py = Prism.languages.python;
   var i = e.languages.markup;
   i && (i.tag.addInlined("style", "css"), i.tag.addAttribute("style", "css"));
 })(Prism);
-const vn = `:host{display:block}.relative{position:relative}.bg-strongest{background-color:#07140D;border:1px solid rgba(255, 255, 255, 0.1)}.rounded-sm{border-radius:12px;overflow:hidden}.text-inverse{color:#E5E7EB}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.p-8{padding:0.75rem 1rem;background:rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.08)}.f-ui-03{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:#00FF9D;background:rgba(0, 255, 157, 0.1);padding:0.25rem 0.5rem;border-radius:4px;line-height:1.4}.w-20{width:1.25rem}.h-20{height:1.25rem}.mt-8{margin-top:0;cursor:pointer;color:#9CA3AF;transition:color 0.2s ease}.mt-8:hover{color:white}pre{margin:0;color:#D1D5DB;overflow-x:auto}pre[class*="language-"]{white-space:pre-wrap;word-break:break-word}.bg-stronger{background:transparent}.pl-8{padding:1.25rem 1.5rem}.pb-8{padding-bottom:1.25rem}code{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.7}.token.keyword{color:#ff79c6}.token.string{color:#00FF9D}.token.function{color:#8be9fd}.token.comment{color:#6B7280;font-style:italic}.token.tag{color:#ff79c6}.token.attr-name{color:#8be9fd}.token.attr-value{color:#00FF9D}.token.punctuation{color:#d8d8d8}.token.operator{color:#8be9fd}.token.number{color:#ffb87e}.token.boolean{color:#d18fff}.token.property{color:#8be9fd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}`, yn = vn, wn = class {
+const vn = ":host{display:block}.codewrap{position:relative;background:#08170f;border:1px solid rgba(255, 255, 255, 0.07);border-radius:12px;overflow:hidden}.codetop{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid rgba(255, 255, 255, 0.07)}.langchip{font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;color:#00ff9d;background:rgba(0, 255, 157, 0.1);border:1px solid rgba(0, 255, 157, 0.25);border-radius:5px;padding:4px 8px;line-height:1}.copy{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;cursor:pointer;font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(235, 242, 238, 0.62);padding:5px 7px;border-radius:6px;transition:color 0.14s, background 0.14s}.copy:hover{color:#00ff9d;background:rgba(0, 255, 157, 0.08)}.copy eds-icon-wrapper{color:inherit;display:inline-flex}pre{margin:0;padding:16px 15px;overflow-x:auto;white-space:pre;font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:12.5px;line-height:1.75;color:#cfe3d8}code{font-family:inherit;font-size:inherit;line-height:inherit}.token.tag{color:#ff7b9c}.token.attr-name{color:#9fe8ff}.token.attr-value{color:#00ff9d}.token.string{color:#00ff9d}.token.punctuation{color:#6f8579}.token.attr-value .token.punctuation{color:#00ff9d}.token.comment{color:#6f8579;font-style:italic}.token.keyword{color:#ff7b9c}.token.function{color:#9fe8ff}.token.operator{color:#9fe8ff}.token.number{color:#ffb87e}.token.boolean{color:#d18fff}.token.property{color:#9fe8ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", yn = vn, wn = class {
   constructor(e) {
     u(this, e), this.code = void 0, this.language = void 0, this.copied = !1;
   }
@@ -3679,16 +3655,16 @@ const vn = `:host{display:block}.relative{position:relative}.bg-strongest{backgr
     return this.language && J.languages[this.language] ? J.highlight(this.code, J.languages[this.language], this.language) : this.code;
   }
   render() {
-    return t("div", { key: "4d73fa52c489b6995dd8a6d83c05e323bb1f5431", class: "relative bg-strongest rounded-sm" }, t("div", { key: "c0df3237009310833b417f5ede5b7c204f2752bc", class: "text-inverse flex justify-between items-center p-8" }, this.language ? t("span", { class: "f-ui-03" }, this.language.toUpperCase()) : t("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, t("code", { innerHTML: this.getHighlightedCode() })), t("span", { key: "016505a0749baaa52c6e4aa77f00b4da31e7ec45", "aria-hidden": "true", class: "w-20 h-20 mt-8" }, t("eds-icon-wrapper", { key: "21474f1b28af95251aca639c349aaac489d8519b", name: this.copied ? "checkmark-filled" : "copy", onClick: () => this.copyToClipboard() })), t("span", { key: "64450529ad3cf3dab7e74f8455307cdb3298bbc4", class: "sr-only" }, "Copy Code")), this.language && t("pre", { key: "affcb4719ef29d7ed9ed676eab975c98ceca31fa", class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, t("code", { key: "43fa1b80c2e02233076c4da15a5aa04f0b49bfc3", innerHTML: this.getHighlightedCode() })));
+    return t("div", { key: "70292c4efd3cfaa9e825fe5f50ca4c04807bfbf6", class: "codewrap" }, t("div", { key: "8af431690673102d18e43fe225267244ecf7ed1c", class: "codetop" }, t("span", { key: "484e4eb6636cd91314a17a3f048f8486f7dccb0a", class: "langchip" }, this.language ? this.language.toUpperCase() : "CODE"), t("button", { key: "9a866e116ce719c59985b62850a351a4a87c30a8", type: "button", class: "copy", "aria-label": "Copy code", onClick: () => this.copyToClipboard() }, t("eds-icon-wrapper", { key: "bfb0c5fe395e5a1f814e32fe21edff4829394225", name: this.copied ? "checkmark-filled" : "copy", size: 16 }), this.copied ? "Copied" : "Copy")), t("pre", { key: "cda2b6d9eee175ea01ee99ce68912813efa12a48", class: this.language ? `language-${this.language}` : "", role: "region", "aria-label": this.language ? `Code block in ${this.language}` : "Code block" }, t("code", { key: "2ebb1b9ac0f24a6c3c82e486745a476a4b4d5b7c", innerHTML: this.getHighlightedCode() })));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 wn.style = yn;
 const kn = ".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}", zn = kn, Sn = class {
   constructor(e) {
-    u(this, e), this.dropdown = w(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
+    u(this, e), this.dropdown = k(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var n, i;
       this.isOpen = !this.isOpen, this.isOpen ? (this.focusableItems = Array.from(((n = this.panelEl) === null || n === void 0 ? void 0 : n.querySelectorAll('a, button, [role="menuitem"]')) || []), this.focusableItems.forEach((r) => {
         r.hasAttribute("role") || r.setAttribute("role", "menuitem");
@@ -3797,7 +3773,7 @@ const kn = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-s
     }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, t("slot", { key: "d6b153bb5968fa958be4d96d60cce774a9a0713c" })));
   }
   get host() {
-    return y(this);
+    return w(this);
   }
 };
 Sn.style = zn;
@@ -3816,20 +3792,21 @@ const Cn = ":host{display:block}p{margin:0}ul{list-style:none;padding:0;margin:0
     links: [
       { label: "GitLab", href: "https://gitlab.ebrains.eu/ri/tech-hub/ebrains-ui-ecosystem/", external: !0 },
       { label: "Storybook", href: "https://storybook.design.ebrains.eu", external: !0 },
-      { label: "Report Issues", href: "https://gitlab.ebrains.eu/ri/tech-hub/ebrains-ui-ecosystem/-/issues", external: !0 },
+      {
+        label: "Report Issues",
+        href: "https://gitlab.ebrains.eu/ri/tech-hub/ebrains-ui-ecosystem/-/issues",
+        external: !0
+      },
       { label: "Contribute", href: "https://design.ebrains.eu/get-started/contributing/", external: !0 }
     ]
   },
   {
     heading: "Legal",
-    links: [
-      { label: "MIT License" },
-      { label: "Cookie Preferences", action: "cookies" }
-    ]
+    links: [{ label: "MIT License" }, { label: "Cookie Preferences", action: "cookies" }]
   }
 ], Fn = class {
   constructor(e) {
-    u(this, e), this.cookies = w(this, "cookies", 7), this.backToTop = () => {
+    u(this, e), this.cookies = k(this, "cookies", 7), this.backToTop = () => {
       window.scrollTo({ top: 0, behavior: "smooth" });
     }, this.emitCookies = () => {
       this.cookies.emit("toggle");
@@ -3895,10 +3872,10 @@ const Cn = ":host{display:block}p{margin:0}ul{list-style:none;padding:0;margin:0
   }
   render() {
     const e = (/* @__PURE__ */ new Date()).getFullYear(), n = this.rightsReserved || `${e} EBRAINS. All rights reserved.`, i = this.variant === "inverse", r = ["eds-footer-root", i ? "theme-inverse" : "theme-default"].join(" ");
-    return t("footer", { key: "b09063376e3bd78845302473a96884bd473cea09", class: r }, this.social ? t("div", { class: "footer-social" }, t("div", { class: "footer-container" }, t("eds-social-networks", { variant: this.variant }))) : null, t("div", { key: "3aeb8f496bb4c3c73da907ba9b9fbb72841be213", class: "footer-container" }, t("div", { key: "e7e33ce7dee8079a9aff17d45963dfaff9576121", class: "footer-grid" }, t("div", { key: "e6fc738e086774e114c5ceef1b82fea2e2840990", class: "footer-brand" }, t("div", { key: "96f7030269174c122ffe0117897a79b00020dd29", class: "footer-brand-row" }, t("a", { key: "5967c33efff435ceee2a45c21cae67749b91b9ba", target: "_blank", rel: "noopener noreferrer", class: "footer-flag-link", 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" }, t("svg", { key: "3de7debe64d431152e47a4daefb7c9facf7bf951", class: "footer-flag-svg", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "50e3f0c5ae41e3e7cc5689ddf01a8944a6c5d2eb", d: "M0 0h640v480H0V0z", fill: "#039" }), t("path", { key: "2c0f61e6de734d7214accd10cefd3a39e31f36a1", d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z", fill: "#FC0" }))), t("p", { key: "9ff8e10db0e213754bfc73bcce1b3dd36bc62e30", class: "footer-funded" }, this.fundedBy)), t("p", { key: "a24c4fbfe48c4c3c8d076f24da9c84b739a982d8", class: "footer-copyright" }, "© ", n)), this.resolvedColumns.map((a, l) => t("div", { class: "footer-column", key: `col-${l}` }, t("h4", { class: "footer-column-heading" }, a.heading), t("ul", { class: "footer-column-list" }, (a.links || []).map((o, s) => this.renderLink(o, s))))))), this.enableScrollTop ? t("div", { id: "toTop", class: "footer-back-to-top" }, t("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: i ? "ghostInverse" : "ghost", size: "large", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" })) : null);
+    return t("footer", { key: "e7d7584fcd2dcfd2e4e469c5e9e2621f010036fe", class: r }, this.social ? t("div", { class: "footer-social" }, t("div", { class: "footer-container" }, t("eds-social-networks", { variant: this.variant }))) : null, t("div", { key: "4233c2f5665ff8fd49f1949ef450b87149f1d9ba", class: "footer-container" }, t("div", { key: "6a90c75dc5a099727e58fb21c706e7d310c2e58f", class: "footer-grid" }, t("div", { key: "450704c6200bf603a296c383872eecdf4ef94fd9", class: "footer-brand" }, t("div", { key: "380ba7f532a8f94627e206e33480be697861dc57", class: "footer-brand-row" }, t("a", { key: "2cbc262b8630d7106b1ff4c9b9e97f7421df05bd", target: "_blank", rel: "noopener noreferrer", class: "footer-flag-link", 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" }, t("svg", { key: "a1374ae892acdd10d5294e3197e9b37e8adb7b38", class: "footer-flag-svg", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "11b83b7931271e829803de01822a6618e66c8b17", d: "M0 0h640v480H0V0z", fill: "#039" }), t("path", { key: "2e5b724042df62f59964709ec2e6954767690805", d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z", fill: "#FC0" }))), t("p", { key: "20e15f10baf1ddf47bc35e4d339a8efaf4b4bb49", class: "footer-funded" }, this.fundedBy)), t("p", { key: "126e04d4a993422b5554fb87dfb9b388e8d2a4af", class: "footer-copyright" }, "© ", n)), this.resolvedColumns.map((a, l) => t("div", { class: "footer-column", key: `col-${l}` }, t("h4", { class: "footer-column-heading" }, a.heading), t("ul", { class: "footer-column-list" }, (a.links || []).map((o, s) => this.renderLink(o, s))))))), this.enableScrollTop ? t("div", { id: "toTop", class: "footer-back-to-top" }, t("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: i ? "ghostInverse" : "ghost", size: "large", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" })) : null);
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -3924,15 +3901,15 @@ function ne(e, n, i, r, a, l, o) {
       s.push("Invalid URL format.");
     }
   if (i === "tel" && n) {
-    const h = n.toString(), v = /\d/.test(h), C = /^[\d\s\-\+\(\)\.]+$/.test(h);
-    v ? C || s.push("Phone number contains invalid characters. Use only digits, spaces, +, -, (, ), or .") : s.push("Phone number must contain at least one digit.");
+    const h = n.toString(), m = /\d/.test(h), y = /^[\d\s\-\+\(\)\.]+$/.test(h);
+    m ? y || s.push("Phone number contains invalid characters. Use only digits, spaces, +, -, (, ), or .") : s.push("Phone number must contain at least one digit.");
   }
   return s;
 }
-function me(e, n, i) {
+function ue(e, n, i) {
   const l = Array.from(i.querySelectorAll("eds-input-field")).filter((s) => {
-    var h, v;
-    return ((v = (h = s.shadowRoot) === null || h === void 0 ? void 0 : h.querySelectorAll(`input[name="${e}"]`)) === null || v === void 0 ? void 0 : v.length) > 0;
+    var h, m;
+    return ((m = (h = s.shadowRoot) === null || h === void 0 ? void 0 : h.querySelectorAll(`input[name="${e}"]`)) === null || m === void 0 ? void 0 : m.length) > 0;
   }).flatMap((s) => {
     var h;
     return Array.from(((h = s.shadowRoot) === null || h === void 0 ? void 0 : h.querySelectorAll(`input[name="${e}"]`)) || []);
@@ -3985,26 +3962,26 @@ function Ln(e, n, i, r) {
         const s = xe(o.name, o.required, n);
         s.length > 0 && (a[o.name] = s, l = !0);
       } else if (o.options && (o.type === "checkbox" || o.type === "radio")) {
-        const s = me(o.name, o.required, n);
+        const s = ue(o.name, o.required, n);
         s.length > 0 && (a[o.name] = s, l = !0);
       } else if (o.type === "rating") {
         const s = In(n);
         if (s) {
-          const h = s.getAttribute("selected-rating"), v = h !== null ? parseInt(h, 10) : 0, C = ne(o.name, v, o.type, o.required);
-          C.length > 0 && (a[o.name] = C, l = !0);
+          const h = s.getAttribute("selected-rating"), m = h !== null ? parseInt(h, 10) : 0, y = ne(o.name, m, o.type, o.required);
+          y.length > 0 && (a[o.name] = y, l = !0);
         }
       } else if (o.type === "nps") {
         const s = _n(n);
         if (s) {
-          const h = s.getAttribute("selected-value"), v = h !== null ? parseInt(h, 10) : null;
-          (v === null || isNaN(v)) && o.required && (a[o.name] = ["This field is required."], l = !0);
+          const h = s.getAttribute("selected-value"), m = h !== null ? parseInt(h, 10) : null;
+          (m === null || isNaN(m)) && o.required && (a[o.name] = ["This field is required."], l = !0);
         } else o.required && (a[o.name] = ["This field is required."], l = !0);
         return;
       } else {
         const s = An(n, o.name);
         if (s) {
-          const h = s.value, v = ne(o.name, h, o.type, o.required, o.maxlength, o.min, o.max);
-          v.length > 0 && (a[o.name] = v, l = !0);
+          const h = s.value, m = ne(o.name, h, o.type, o.required, o.maxlength, o.min, o.max);
+          m.length > 0 && (a[o.name] = m, l = !0);
         }
       }
   }), { errors: a, hasError: l };
@@ -4015,10 +3992,10 @@ function ve(e) {
   let n = String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
   return n = n.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), n = n.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (i, r, a) => /^(https?:|mailto:)/i.test(a) ? `<a href="${a}" target="_blank" rel="noopener noreferrer" class="eds-desc-link">${r}</a>` : r), n = n.replace(/\n/g, "<br>"), n;
 }
-function Hn(e, n, i) {
-  return e.type === "checkbox" || e.type === "radio" ? e.options ? me(e.name, e.required, i) : xe(e.name, e.required, i) : ne(e.name, n, e.type, e.required, e.maxlength, e.min, e.max);
+function Mn(e, n, i) {
+  return e.type === "checkbox" || e.type === "radio" ? e.options ? ue(e.name, e.required, i) : xe(e.name, e.required, i) : ne(e.name, n, e.type, e.required, e.maxlength, e.min, e.max);
 }
-function Mn({
+function Hn({
   initData: e,
   parsedFields: n,
   currentValues: i
@@ -4031,9 +4008,10 @@ function Mn({
     l !== void 0 && (r[a.name] = l);
   }), { updatedValues: r };
 }
-const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:600;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:600;font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing);overflow:visible}.text-light{color:var(--grey-dark)}.rounded-xs{border-radius:4px}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pt-32{padding-top:2rem}.pt-64{padding-top:4rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-20{row-gap:1.25rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}.bg-inverse{background-color:var(--white)}.form-brand{box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);border-left:4px solid var(--brand-green);animation:fadeInUp 0.6s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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)}.shadow-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}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.rounded-sm{border-radius:8px}.rounded-lg{border-radius:16px}.px-16{padding-left:1rem;padding-right:1rem}.pb-4{padding-bottom:0.25rem}.pb-16{padding-bottom:1rem}.p-32{padding:2rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.w-full{width:100%}.justify-between{justify-content:space-between}.items-center{align-items:center}@media (min-width: 750px){.md\\:flex-row-reverse{flex-direction:row-reverse}.md\\:justify-between{justify-content:space-between}.md\\:gap-y-0{row-gap:0}.md\\:w-auto{width:auto}.md\\:mt-64{margin-top:4rem}.md\\:pt-64{padding-top:4rem}}.eds-desc-link{position:relative;display:inline-block;color:var(--brand-black);text-decoration:none}.eds-desc-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--brand-green);transition:width 0.3s ease}.eds-desc-link:hover::after{width:100%}.eds-desc-link:focus-visible::after{width:0}.eds-content-block{line-height:1.5;color:var(--brand-black, #07140d)}.eds-content-block strong{font-weight:600}.eds-content-block .eds-desc-link{font-weight:600}", $n = Dn, Tn = class {
+const $n = `.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:600;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:600;font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing);overflow:visible}.text-light{color:var(--grey-dark)}.rounded-xs{border-radius:4px}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.mt-20{margin-top:1.25rem}.mt-24{margin-top:1.5rem}.mt-32{margin-top:2rem}.mt-48{margin-top:3rem}.mt-64{margin-top:4rem}.mb-32{margin-bottom:2rem}.mb-48{margin-bottom:3rem}.pt-28{padding-top:1.75rem}.pt-32{padding-top:2rem}.pt-64{padding-top:4rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-20{row-gap:1.25rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}.bg-inverse{background-color:var(--white)}.form-brand{box-shadow:0 2px 12px rgba(0, 0, 0, 0.08);border-left:4px solid var(--brand-green);animation:fadeInUp 0.6s ease}.form-brand-card{--warn:#ffb22c;--warn-strong:#b26b00;--danger:#ff6b5b;--danger-strong:#c0392b;background:var(--white, #fff);border:1px solid var(--line-color, #e2e2e2);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(7, 20, 13, 0.32);animation:fadeInUp 0.6s ease}.form-brand-header{position:relative;overflow:hidden;background:var(--brand-black, #07140d);color:#fff;padding:38px 40px 34px}.fbh-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(130% 110% at 15% 0%, #000, transparent 72%);mask-image:radial-gradient(130% 110% at 15% 0%, #000, transparent 72%);opacity:0.5;pointer-events:none}.fbh-glow{position:absolute;top:-50%;right:-12%;width:420px;height:420px;background:radial-gradient(circle, rgba(0, 255, 157, 0.16), transparent 62%);pointer-events:none}.fbh-glow--expiring{background:radial-gradient(circle, rgba(255, 178, 44, 0.13), transparent 62%)}.fbh-glow--closed{background:radial-gradient(circle, rgba(192, 57, 43, 0.14), transparent 62%)}.fbh-in{position:relative}.fbh-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.fbh-mark{width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg, #00ff9d, #00c87b 55%, #0a8f5a);display:flex;align-items:center;justify-content:center}.fbh-mark svg{width:19px;height:19px}.fbh-word{font-weight:600;font-size:16px;letter-spacing:0.04em}.fbh-logo{width:150px;margin-bottom:22px}.fbh-eyebrow{font-family:'IBM Plex Mono', monospace;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--brand-green, #00ff9d);display:inline-flex;align-items:center;gap:7px}.fbh-eyebrow svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 12px}.fbh-eyebrow--expiring{color:var(--warn, #ffb22c)}.fbh-eyebrow--closed{color:var(--danger, #ff6b5b)}.fbh-title{font-weight:200;font-size:clamp(26px, 4vw, 36px);letter-spacing:-0.02em;line-height:1.08;margin-bottom:12px}.fbh-sub{font-size:14.5px;color:rgba(235, 242, 238, 0.62);font-weight:300;max-width:72ch;line-height:1.55}.fbh-meta{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}.fbh-meta span{display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono', monospace;font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(235, 242, 238, 0.62)}.fbh-meta svg{width:13px;height:13px;stroke:var(--brand-green, #00ff9d);fill:none;stroke-width:1.8}.fbh-meta span.is-warn{color:var(--warn, #ffb22c)}.fbh-meta span.is-warn svg{stroke:var(--warn, #ffb22c)}.fbh-meta span.is-danger{color:var(--danger, #ff6b5b)}.fbh-meta span.is-danger svg{stroke:var(--danger, #ff6b5b)}.form-meta-time{display:inline-flex;align-items:center;gap:7px;width:fit-content;font-family:'IBM Plex Mono', monospace;font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--grey-dark)}.form-meta-time svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.form-brand-body{padding:var(--eds-form-padding, 34px 40px 30px);--eds-field-accent:#00c87b}.form-brand-body--closed{opacity:0.55}.form-sect{margin-bottom:30px}.form-sect:last-child{margin-bottom:0}.form-sect-head{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line-color, #e2e2e2)}.form-sect-glyph{color:#00c87b;display:inline-flex}.form-sect-glyph svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.form-sect-label{font-family:'IBM Plex Mono', monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--brand-black, #07140d)}.form-brand-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 40px;border-top:1px solid var(--line-color, #e2e2e2);background:#fcfcfc;flex-wrap:wrap}.form-brand-footer-actions{display:flex;align-items:center;gap:12px}.req-note{font-family:'IBM Plex Mono', monospace;font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:#8a8c8a}.req-note b{color:#00c87b}.fbf-left{display:flex;align-items:center;gap:12px;min-width:0}.fbf-save{display:inline-flex;align-items:center;gap:9px;font-family:'IBM Plex Mono', monospace;font-size:10.5px;letter-spacing:0.07em;text-transform:uppercase;color:#8a8c8a;transition:color 0.2s;white-space:nowrap}.fbf-save-dot{width:7px;height:7px;border-radius:50%;background:#00c87b;flex:0 0 7px;transition:background 0.2s}.fbf-save--saving{color:#7a7b7a}.fbf-save--saving .fbf-save-dot{background:#7a7b7a;animation:fbfPulse 1s ease-in-out infinite}.fbf-save--error{color:var(--danger-strong, #c0392b)}.fbf-save--error .fbf-save-dot{background:var(--danger-strong, #c0392b)}@keyframes fbfPulse{0%,100%{opacity:1}50%{opacity:0.25}}.fbf-sep{width:1px;height:13px;background:var(--line-color, #e2e2e2);flex:0 0 1px}.fbf-clear{font-family:'IBM Plex Sans', system-ui, sans-serif;font-size:13.5px;color:var(--body-l, #5a5f5c);cursor:pointer;background:none;border:none;padding:6px 2px;transition:color 0.15s}.fbf-clear:hover:not(:disabled){color:var(--danger-strong, #c0392b)}.fbf-clear:disabled{opacity:0.4;cursor:not-allowed}.fbf-confirm{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fbf-confirm-q{font-size:13.5px;color:var(--danger-strong, #c0392b);display:inline-flex;align-items:center;gap:8px}.fbf-confirm-q svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 15px}.fbf-confirm-no{font-family:'IBM Plex Sans', system-ui, sans-serif;font-size:13.5px;color:var(--body-l, #5a5f5c);cursor:pointer;background:none;border:none}.fbf-confirm-no:hover{color:var(--brand-black, #07140d)}.fbf-confirm-yes{font-family:'IBM Plex Sans', system-ui, sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;border-radius:999px;padding:9px 16px;background:#fdf0ee;color:var(--danger-strong, #c0392b);border:1px solid #f2cfc9;transition:0.15s}.fbf-confirm-yes:hover{background:var(--danger-strong, #c0392b);color:#fff;border-color:var(--danger-strong, #c0392b)}.req-note--closed{display:inline-flex;align-items:center;gap:7px;color:var(--danger-strong, #c0392b)}.req-note--closed svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 13px}@media (max-width: 600px){.form-brand-header,.form-brand-footer{padding-left:24px;padding-right:24px}.form-brand-body{padding:var(--eds-form-padding, 28px 24px 28px)}.form-brand-footer{align-items:flex-start;flex-direction:column-reverse;gap:20px;padding-top:22px}.form-brand-footer-actions,.fbf-confirm{width:100%;justify-content:space-between}.fbf-left{flex-wrap:wrap;row-gap:8px;width:100%;padding-top:20px;border-top:1px solid var(--line-color, #e2e2e2)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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)}.shadow-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}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.rounded-sm{border-radius:8px}.rounded-lg{border-radius:16px}.px-16{padding-left:1rem;padding-right:1rem}.pb-4{padding-bottom:0.25rem}.pb-16{padding-bottom:1rem}.p-32{padding:2rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.w-full{width:100%}.justify-between{justify-content:space-between}.items-center{align-items:center}@media (min-width: 750px){.md\\:flex-row-reverse{flex-direction:row-reverse}.md\\:justify-between{justify-content:space-between}.md\\:gap-y-0{row-gap:0}.md\\:w-auto{width:auto}.md\\:mt-64{margin-top:4rem}.md\\:pt-64{padding-top:4rem}}.eds-desc-link{position:relative;display:inline-block;color:var(--brand-black);text-decoration:none}.eds-desc-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--brand-green);transition:width 0.3s ease}.eds-desc-link:hover::after{width:100%}.eds-desc-link:focus-visible::after{width:0}.fbh-sub .eds-desc-link{color:#fff;font-weight:400}.eds-content-block{line-height:1.5;color:var(--brand-black, #07140d)}.eds-content-block strong{font-weight:600}.eds-content-block .eds-desc-link{font-weight:600}`, Bn = $n, Dn = class {
   constructor(e) {
-    u(this, e), this.form = w(this, "form", 7), this.name = "eds-form", this.title = "Form Title", this.description = "Form Description", this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.buttonIntent = "primary", this.clearBtn = !1, this.clearBtnLabel = "Clear", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.formStyle = "default", this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
+    u(this, e), this.form = k(this, "form", 7), this.name = "eds-form", this.title = "Form Title", this.description = "Form Description", this.eyebrow = void 0, this.estimatedTime = void 0, this.progress = void 0, this.expires = void 0, this.policy = void 0, this.gdpr = !1, this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.buttonIntent = "primary", this.clearBtn = !1, this.clearBtnLabel = "Clear", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.formStyle = "default", this.status = "open", this.saveStatus = "idle", this.saveLabel = void 0, this.values = {}, this.showClearConfirm = !1, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
   }
   async setData(e) {
     this.populateFormWithInitData(e);
@@ -4050,10 +4028,10 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     return !!this.initData;
   }
   parseFields(e) {
-    this.parsedFields = H(e);
+    this.parsedFields = M(e);
   }
   parseGroups(e) {
-    this.parsedGroups = H(e);
+    this.parsedGroups = M(e);
   }
   emitContext(e) {
     const n = new CustomEvent("parentContext", {
@@ -4081,7 +4059,7 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     this.errors = e, this.hasError = n;
   }
   populateFormWithInitData(e) {
-    const { updatedValues: n } = Mn({
+    const { updatedValues: n } = Hn({
       initData: e,
       parsedFields: this.parsedFields,
       currentValues: this.values,
@@ -4136,8 +4114,8 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
       if (!o)
         return;
       Array.from(o.querySelectorAll('input[type="file"][name]')).forEach((h) => {
-        const v = h.name, C = h.files ? Array.from(h.files) : [];
-        C.length > 0 && C.forEach((L) => n.append(v, L));
+        const m = h.name, y = h.files ? Array.from(h.files) : [];
+        y.length > 0 && y.forEach((A) => n.append(m, A));
       });
     }), n;
   }
@@ -4175,7 +4153,7 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
         return;
       i = l.value;
     }
-    const r = Object.assign({}, this.errors), a = Hn(n, i, this.formEl);
+    const r = Object.assign({}, this.errors), a = Mn(n, i, this.formEl);
     a.length > 0 ? r[n.name] = a : delete r[n.name], this.errors = r, this.hasError = Object.keys(r).length > 0, this.form.emit({
       event: "input",
       field: n.name,
@@ -4208,7 +4186,7 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
   }
   handleSubmit(e) {
     var n, i;
-    if (e == null || e.preventDefault(), !this.isSubmitting) {
+    if (e == null || e.preventDefault(), this.status !== "closed" && !this.isSubmitting) {
       if (this.isSubmitting = !0, this.validateForm(), this.hasError) {
         this.isSubmitting = !1, this.form.emit({
           event: "submit",
@@ -4256,7 +4234,8 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     }), this.form.emit({
       event: "change",
       message: "Form cleared",
-      success: !0
+      success: !0,
+      cleared: !0
     }), F({
       category: "ui-component",
       parentContext: null,
@@ -4278,23 +4257,24 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     var n, i, r, a, l, o, s;
     if (!this.isFieldVisible(e))
       return null;
+    const h = e.disabled || this.status === "closed";
     if (e.type === "content") {
-      const h = (i = (n = e.content) !== null && n !== void 0 ? n : e.label) !== null && i !== void 0 ? i : "";
-      return t("div", { class: "eds-content-block f-body-02 text-default", key: e.name, innerHTML: this.formatDescription(h) });
+      const m = (i = (n = e.content) !== null && n !== void 0 ? n : e.label) !== null && i !== void 0 ? i : "";
+      return t("div", { class: "eds-content-block f-body-02 text-default", key: e.name, innerHTML: this.formatDescription(m) });
     }
     if (e.type === "rating") {
-      const h = this.values[e.name] || 0;
-      return t("div", { class: "form-group rating-field", key: e.name }, t("div", { class: "flex justify-between" }, e && t("eds-input-label", { name: `rating-${e.name}`, label: e.label, disabled: e.disabled, required: e.required })), t("eds-rating", { id: `rating-${e.name}`, "rating-type": e.ratingType, "rating-count": e.ratingCount, "selected-rating": h, onRating: (v) => this.handleRating(v, e) }), t("div", { class: "mt-6" }, t("eds-input-footer", { id: `${e.name}-footer`, name: e.name, message: e.message, "error-message": (r = this.errors[e.name]) === null || r === void 0 ? void 0 : r.join("<br/>"), error: !!this.errors[e.name], link: e.link })));
+      const m = this.values[e.name] || 0;
+      return t("div", { class: "form-group rating-field", key: e.name }, t("div", { class: "flex justify-between" }, e && t("eds-input-label", { name: `rating-${e.name}`, label: e.label, disabled: h, required: e.required })), t("eds-rating", { id: `rating-${e.name}`, "rating-type": e.ratingType, "rating-count": e.ratingCount, "selected-rating": m, onRating: (y) => this.handleRating(y, e) }), t("div", { class: "mt-6" }, t("eds-input-footer", { id: `${e.name}-footer`, name: e.name, message: e.message, "error-message": (r = this.errors[e.name]) === null || r === void 0 ? void 0 : r.join("<br/>"), error: !!this.errors[e.name], link: e.link })));
     } else if (e.type === "nps") {
-      const h = this.values[e.name] !== void 0 ? this.values[e.name] : null;
-      return t("div", { class: "form-group nps-field", key: e.name }, t("div", { class: "flex justify-between" }, e && t("eds-input-label", { name: `nps-${e.name}`, label: e.question, disabled: e.disabled, required: e.required })), t("eds-nps", { id: `nps-${e.name}`, "right-label": e.rightLabel, "left-label": e.leftLabel, "selected-value": h, onNps: (v) => this.handleNPS(v, e) }), t("div", { class: "mt-6" }, t("eds-input-footer", { id: `${e.name}-footer`, name: e.name, "error-message": (a = this.errors[e.name]) === null || a === void 0 ? void 0 : a.join("<br/>"), error: !!this.errors[e.name] })));
+      const m = this.values[e.name] !== void 0 ? this.values[e.name] : null;
+      return t("div", { class: "form-group nps-field", key: e.name }, t("div", { class: "flex justify-between" }, e && t("eds-input-label", { name: `nps-${e.name}`, label: e.question, disabled: h, required: e.required })), t("eds-nps", { id: `nps-${e.name}`, "right-label": e.rightLabel, "left-label": e.leftLabel, "selected-value": m, onNps: (y) => this.handleNPS(y, e) }), t("div", { class: "mt-6" }, t("eds-input-footer", { id: `${e.name}-footer`, name: e.name, "error-message": (a = this.errors[e.name]) === null || a === void 0 ? void 0 : a.join("<br/>"), error: !!this.errors[e.name] })));
     } else {
       if (e.type === "search-select")
-        return t("eds-search-select", { key: e.name, name: e.name, label: e.label, source: e.source, options: e.options, multiple: !!e.multiple, "api-base": e.apiBase || "/api/v1", placeholder: e.placeholder, required: e.required, disabled: e.disabled, hint: e.hint, message: e.message, error: !!this.errors[e.name], "error-message": (l = this.errors[e.name]) === null || l === void 0 ? void 0 : l.join("<br/>"), value: this.values[e.name], onEdsinput: (h) => this.handleInput(h, e), onEdschange: (h) => this.handleChange(h, e) });
+        return t("eds-search-select", { key: e.name, name: e.name, label: e.label, source: e.source, options: e.options, multiple: !!e.multiple, "api-base": e.apiBase || "/api/v1", placeholder: e.placeholder, required: e.required, disabled: h, hint: e.hint, message: e.message, error: !!this.errors[e.name], "error-message": (l = this.errors[e.name]) === null || l === void 0 ? void 0 : l.join("<br/>"), value: this.values[e.name], onEdsinput: (m) => this.handleInput(m, e), onEdschange: (m) => this.handleChange(m, e) });
       if (e.type === "kg-web-service")
-        return t("eds-kg-web-services-select", { key: e.name, name: e.name, label: e.label, "api-endpoint": e.apiEndpoint || "/api/v1/kg/web-services/cached", placeholder: e.placeholder, required: e.required, disabled: e.disabled, hint: e.hint, message: e.message, error: !!this.errors[e.name], "error-message": (o = this.errors[e.name]) === null || o === void 0 ? void 0 : o.join("<br/>"), value: this.values[e.name], size: e.size || 500, onEdsinput: (h) => this.handleInput(h, e), onEdschange: (h) => this.handleChange(h, e) });
+        return t("eds-kg-web-services-select", { key: e.name, name: e.name, label: e.label, "api-endpoint": e.apiEndpoint || "/api/v1/kg/web-services/cached", placeholder: e.placeholder, required: e.required, disabled: h, hint: e.hint, message: e.message, error: !!this.errors[e.name], "error-message": (o = this.errors[e.name]) === null || o === void 0 ? void 0 : o.join("<br/>"), value: this.values[e.name], size: e.size || 500, onEdsinput: (m) => this.handleInput(m, e), onEdschange: (m) => this.handleChange(m, e) });
     }
-    return t("eds-input-field", { key: e.name, name: e.name, label: e.label, placeholder: e.placeholder, type: e.type, value: this.values[e.name], required: e.required, hint: e.hint, message: e.message, link: e.link, error: !!this.errors[e.name], errorMessage: (s = this.errors[e.name]) === null || s === void 0 ? void 0 : s.join("<br/>"), options: e.options, onInput: (h) => this.handleInput(h, e), onChangeNative: (h) => this.handleChange(h, e) });
+    return t("eds-input-field", { key: e.name, name: e.name, label: e.label, placeholder: e.placeholder, type: e.type, value: this.values[e.name], required: e.required, disabled: h, hint: e.hint, message: e.message, link: e.link, error: !!this.errors[e.name], errorMessage: (s = this.errors[e.name]) === null || s === void 0 ? void 0 : s.join("<br/>"), options: e.options, onInput: (m) => this.handleInput(m, e), onChangeNative: (m) => this.handleChange(m, e) });
   }
   async getData() {
     return this.makeFormData();
@@ -4314,10 +4294,26 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
   render() {
     const e = this.parsedFields.filter((r) => r.type === "hidden"), n = this.groupedFields;
     let i = "";
-    return this.formStyle === "default" ? i = "bg-inverse border-softer relative rounded-xs border-2 p-32" : this.formStyle === "shadow" ? i = "bg-inverse effect-shadow shadow-hover border-softer relative rounded-xs border-2 p-32" : this.formStyle === "brand" && (i = "bg-inverse form-brand relative rounded-xs p-32"), t("form", { key: "5717a276eb4bcb1b40bb6c3a3d68e2372ccf0b37", class: i, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, t("div", { key: "8e9fec59b6cafccabbb67381a12541f12201cc48", class: "flex flex-col gap-y-20 overflow-visible" }, this.title && t("span", { key: "f47c68db954de63773257f9c898141be27278a00", role: "heading", class: "f-heading-05 pb-4 block" }, this.title), this.description && t("span", { key: "4287bb5f9c31cf5d3953a032de4a8c269e1feb7e", class: "f-body-02 text-light", innerHTML: this.formatDescription(this.description) }), t("slot", { key: "e9e52696eab6477354ac5ee6cbe08399483b1b37" })), e.map((r, a) => t("eds-input", { key: a, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(n[r.id]) && n[r.id].length > 0).map((r) => t("div", { class: "mt-32", key: r.id }, t("span", { class: "f-body-02" }, t("b", null, r.title)), t("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, n[r.id].map((a) => this.renderField(a))))), t("div", { key: "22d248217ea85d68e2be652ddcbfd13ed4775934", class: "flex flex-col mt-32 gap-y-24" }, n.__ungrouped.map((r) => this.renderField(r))), (this.formBtn || this.clearBtn) && t("div", { key: "101f9e275d68f59b762938ff3f7d7102660b80f0", class: "mt-32 md:mt-64 flex flex-col items-center md:flex-row-reverse md:justify-between gap-y-16 md:gap-y-0" }, this.formBtn && t("eds-button", { key: "02d427d951c715634605b6977f61cee67abaa8b0", intent: this.buttonIntent, pill: !0, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, icon: "arrow-right", size: "large", onClick: () => this.handleSubmit() }), this.clearBtn && t("eds-button", { key: "abf330715df3acf2a4bdc8d4f322fc13c70c267f", intent: "neutral", pill: !0, size: "large", label: this.clearBtnLabel, disabled: this.isSubmitting || !this.values || Object.keys(this.values).length === 0, onClick: (r) => this.handleClear(r) })));
+    if (this.formStyle === "default" ? i = "bg-inverse border-softer relative rounded-xs border-2" : this.formStyle === "shadow" ? i = "bg-inverse effect-shadow shadow-hover border-softer relative rounded-xs border-2" : this.formStyle === "brand" && (i = "bg-inverse form-brand relative rounded-xs"), this.formStyle === "brand") {
+      const r = this.parsedFields.some((y) => y && y.required && y.type !== "hidden"), a = this.parsedGroups.filter((y) => Array.isArray(n[y.id]) && n[y.id].length > 0).map((y) => t("div", { class: "form-sect", key: y.id }, t("div", { class: "form-sect-head" }, t("span", { class: "form-sect-glyph", "aria-hidden": "true" }, t("svg", { viewBox: "0 0 24 24" }, t("path", { d: "M6 4l13 7-5.5 1.5L11 18z", "stroke-linejoin": "round" }))), t("span", { class: "form-sect-label" }, y.title)), t("div", { class: "flex flex-col gap-y-24" }, n[y.id].map((A) => this.renderField(A))))), l = this.status === "closed", o = this.status === "expiring", s = l ? "Closed" : o ? "Closing soon" : "", h = l ? t("svg", { viewBox: "0 0 24 24" }, t("circle", { cx: "12", cy: "12", r: "9" }), t("path", { d: "M15 9l-6 6M9 9l6 6", "stroke-linecap": "round" })) : o ? t("svg", { viewBox: "0 0 24 24" }, t("circle", { cx: "12", cy: "12", r: "9" }), t("path", { d: "M12 8v4.5M12 16h.01", "stroke-linecap": "round" })) : null, m = l ? "is-danger" : o ? "is-warn" : "";
+      return t("form", { class: `form-brand-card relative ${l ? "is-closed" : ""}`, ref: (y) => this.formEl = y, autocomplete: "on", onSubmit: this.handleSubmit }, t("div", { class: "form-brand-header" }, t("div", { class: "fbh-grid", "aria-hidden": "true" }), t("div", { class: `fbh-glow fbh-glow--${this.status}`, "aria-hidden": "true" }), t("div", { class: "fbh-in" }, t("div", { class: "fbh-logo" }, t("eds-logo", { variant: "negative", href: "/" })), this.eyebrow && t("span", { class: `fbh-eyebrow fbh-eyebrow--${this.status}` }, h, this.eyebrow, s ? ` · ${s}` : ""), this.title && t("h1", { class: "fbh-title" }, this.title), this.description && t("p", { class: "fbh-sub", innerHTML: this.formatDescription(this.description) }), (this.progress != null || this.expires || this.policy || this.estimatedTime || this.gdpr) && t("div", { class: "fbh-meta" }, this.progress != null && t("span", null, t("svg", { viewBox: "0 0 24 24" }, t("circle", { cx: "12", cy: "12", r: "9" }), t("path", { d: "M9 12.5l2 2 4-4" })), this.progress, "% complete"), this.expires && t("span", { class: m }, t("svg", { viewBox: "0 0 24 24" }, t("rect", { x: "4", y: "5", width: "16", height: "15", rx: "2" }), t("path", { d: "M4 9h16M8 3v4M16 3v4" })), this.expires), this.policy && t("span", null, t("svg", { viewBox: "0 0 24 24" }, t("path", { d: "M4 9a7 7 0 0112-4M20 15a7 7 0 01-12 4M16 5h4V1M8 19H4v4" })), this.policy), this.estimatedTime && t("span", null, t("svg", { viewBox: "0 0 24 24" }, t("circle", { cx: "12", cy: "12", r: "9" }), t("path", { d: "M12 8v4l3 2" })), this.estimatedTime), this.gdpr && t("span", null, t("svg", { viewBox: "0 0 24 24" }, t("path", { d: "M12 3l7 3v5c0 4.4-3 8-7 10-4-2-7-5.6-7-10V6z" }), t("path", { d: "M9 12l2 2 4-4" })), "GDPR compliant")))), t("div", { class: `form-brand-body ${l ? "form-brand-body--closed" : ""}` }, e.map((y, A) => t("eds-input", { key: A, type: "hidden", name: y.name, value: y.value })), a, n.__ungrouped && n.__ungrouped.length > 0 && t("div", { class: "form-sect form-sect--bare" }, t("div", { class: "flex flex-col gap-y-24" }, n.__ungrouped.map((y) => this.renderField(y))))), l ? t("div", { class: "form-brand-footer" }, t("span", { class: "req-note req-note--closed" }, t("svg", { viewBox: "0 0 24 24" }, t("rect", { x: "5", y: "11", width: "14", height: "9", rx: "2" }), t("path", { d: "M8 11V8a4 4 0 018 0v3" })), "Submissions closed"), t("div", { class: "form-brand-footer-actions" }, t("eds-button", { intent: "neutral", pill: !0, label: this.formBtnLabel, disabled: !0, icon: "arrow-right", size: "large" }))) : (this.formBtn || this.clearBtn || r || this.saveLabel) && t("div", { class: "form-brand-footer" }, t("div", { class: "fbf-left" }, this.saveLabel && t("span", { class: `fbf-save fbf-save--${this.saveStatus}`, role: "status", "aria-live": "polite" }, t("span", { class: "fbf-save-dot", "aria-hidden": "true" }), this.saveLabel), this.saveLabel && r && t("span", { class: "fbf-sep", "aria-hidden": "true" }), r && t("span", { class: "req-note" }, t("b", null, "*"), " Required fields")), this.showClearConfirm ? t("div", { class: "fbf-confirm" }, t("span", { class: "fbf-confirm-q" }, t("svg", { viewBox: "0 0 24 24" }, t("circle", { cx: "12", cy: "12", r: "9" }), t("path", { d: "M12 8v4.5M12 16h.01", "stroke-linecap": "round" })), "Clear everything you've typed?"), t("button", { type: "button", class: "fbf-confirm-no", onClick: () => this.showClearConfirm = !1 }, "Cancel"), t("button", { type: "button", class: "fbf-confirm-yes", onClick: (y) => {
+        this.showClearConfirm = !1, this.handleClear(y);
+      } }, "Yes, clear it")) : t("div", { class: "form-brand-footer-actions" }, this.clearBtn && t("button", { type: "button", class: "fbf-clear", disabled: this.isSubmitting || !this.values || Object.keys(this.values).length === 0, onClick: () => this.showClearConfirm = !0 }, this.clearBtnLabel), this.formBtn && t("eds-button", { intent: "brand", pill: !0, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, icon: "arrow-right", size: "large", onClick: () => this.handleSubmit() }))));
+    }
+    return t("form", {
+      class: i,
+      // Inner padding defaults to 2rem (the original p-32 look) but can be
+      // overridden per-consumer via a CSS custom property, which inherits through
+      // the shadow boundary. A form slotted inside an already-padded container
+      // (e.g. a multi-step eds-steps card) sets `--eds-form-padding: 0` to sit flush.
+      style: { padding: "var(--eds-form-padding, 2rem)" },
+      ref: (r) => this.formEl = r,
+      autocomplete: "on",
+      onSubmit: this.handleSubmit
+    }, t("div", { class: "flex flex-col gap-y-20 overflow-visible" }, this.estimatedTime && t("span", { class: "form-meta-time" }, t("svg", { viewBox: "0 0 24 24", "aria-hidden": "true" }, t("circle", { cx: "12", cy: "12", r: "9" }), t("path", { d: "M12 8v4l3 2" })), this.estimatedTime), this.title && t("span", { role: "heading", class: "f-heading-05 pb-4 block" }, this.title), this.description && t("span", { class: "f-body-02 text-light", innerHTML: this.formatDescription(this.description) }), t("slot", null)), e.map((r, a) => t("eds-input", { key: a, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(n[r.id]) && n[r.id].length > 0).map((r) => t("div", { class: "mt-48", key: r.id }, t("span", { class: "f-body-02" }, t("b", null, r.title)), t("div", { class: "border-group mt-24 mb-48 flex flex-col gap-y-24" }, n[r.id].map((a) => this.renderField(a))))), t("div", { class: "flex flex-col mt-32 gap-y-24" }, n.__ungrouped.map((r) => this.renderField(r))), (this.formBtn || this.clearBtn) && t("div", { class: "mt-32 md:mt-64 flex flex-col items-center md:flex-row-reverse md:justify-between gap-y-16 md:gap-y-0" }, this.formBtn && t("eds-button", { intent: this.buttonIntent, pill: !0, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, icon: "arrow-right", size: "large", onClick: () => this.handleSubmit() }), this.clearBtn && t("eds-button", { intent: "neutral", pill: !0, size: "large", label: this.clearBtnLabel, disabled: this.isSubmitting || !this.values || Object.keys(this.values).length === 0, onClick: (r) => this.handleClear(r) })));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -4326,10 +4322,10 @@ const Dn = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     };
   }
 };
-Tn.style = $n;
-const Bn = ".bg-default{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-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-\\[250px\\]{width:250px}.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}.p-\\[24px\\]{padding:24px}", Vn = Bn, Nn = class {
+Dn.style = Bn;
+const Tn = ".bg-default{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-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-\\[250px\\]{width:250px}.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}.p-\\[24px\\]{padding:24px}", Vn = Tn, On = class {
   constructor(e) {
-    u(this, e), this.menuClose = w(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
+    u(this, e), this.menuClose = k(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
   }
   /**
    * Listens on `body` for `toggleheadermenu` to open/close the menu.
@@ -4379,7 +4375,7 @@ const Bn = ".bg-default{background-color:var(--grey-light)}.bg-darker{background
    * @returns {any[]} Array of parsed link objects
    */
   get parsedLinks() {
-    return H(this.links);
+    return M(this.links);
   }
   /**
    * Parses the `menuLinks` prop into an array of link objects.
@@ -4388,14 +4384,14 @@ const Bn = ".bg-default{background-color:var(--grey-light)}.bg-darker{background
    * @returns {any[]} Array of parsed menu link objects
    */
   get parsedMenuLinks() {
-    return H(this.menuLinks);
+    return M(this.menuLinks);
   }
   render() {
     return this.isMenuOpen ? t("div", { role: "dialog", "aria-modal": "true", "aria-label": "Main menu", class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, t("div", { class: "flex min-h-full flex-col" }, t("div", { class: `w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, t("div", { class: "mx-auto flex items-center justify-between" }, t("div", { class: "mr-auto w-[250px]" }, t("div", { class: "p-[24px]" }, t("eds-logo", { variant: "positive", href: this.homeUrl }))), t("div", { class: "px-16" }, t("eds-button", { "aria-label": "Close menu", intent: "ghost", icon: "close", size: "large", onClick: () => this.closeMenu() })))), t("div", { class: "py-16 px-16" }, t("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((e, n) => t("eds-link", { label: e.label, key: n, url: e.url, intent: "secondary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" }))), t("eds-block-break", null), t("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((e, n) => t("eds-link", { label: e.label, key: n, url: e.url, intent: "secondary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" }))), t("nav", { class: "mt-28 flex flex-col gap-y-8" }, t("slot", null))), t("div", { class: "mt-auto" }, t("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
   }
 };
-Nn.style = Vn;
-const On = `:host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}.search-wrapper{position:relative;width:100%}.search-pill{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;border-radius:999px;font-family:var(--plex-sans, 'IBM Plex Sans', system-ui, sans-serif);font-size:15px;cursor:text;transition:background 120ms ease, box-shadow 120ms ease, color 120ms ease}.search-pill .search-icon{flex-shrink:0}.search-pill .search-input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;color:inherit;-webkit-appearance:none;appearance:none}.search-pill .search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-pill .search-kbd{flex-shrink:0;font-family:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:11px;font-weight:500;line-height:1;padding:3px 6px;border-radius:4px;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.05);letter-spacing:0.02em}.search-pill:focus-within .search-kbd{display:none}.search-pill .search-clear{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;opacity:0.7;transition:opacity 120ms ease, background 120ms ease}.search-pill .search-clear:hover{opacity:1;background:rgba(0, 0, 0, 0.06)}.search-pill .search-clear:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-green, #00C87B);opacity:1}.search-pill--black .search-clear:hover{background:rgba(255, 255, 255, 0.10)}.search-pill--gray{background:var(--grey-light, #ECECEC);color:var(--grey-dark, #7A7B7A);border:0}.search-pill--gray:hover{background:#E0E0E0}.search-pill--gray .search-input{color:var(--brand-black, #07140D)}.search-pill--gray .search-input::placeholder{color:var(--grey-dark, #7A7B7A)}.search-pill--gray .search-kbd{color:var(--grey-dark, #7A7B7A);background:var(--white, #FFFFFF);border:1px solid #DCDCDC}.search-pill--gray:focus-within{background:var(--white, #FFFFFF);box-shadow:0 0 0 2px var(--brand-green, #00C87B)}.search-pill--white{background:var(--white, #FFFFFF);color:var(--grey-dark, #7A7B7A);border:1px solid var(--grey-light, #ECECEC)}.search-pill--white:hover{background:#FAFAFA}.search-pill--white .search-input{color:var(--brand-black, #07140D)}.search-pill--white .search-input::placeholder{color:var(--grey-dark, #7A7B7A)}.search-pill--white .search-kbd{color:var(--grey-dark, #7A7B7A);background:var(--grey-light, #ECECEC);border:1px solid #DCDCDC}.search-pill--white:focus-within{background:var(--white, #FFFFFF);box-shadow:0 0 0 2px var(--brand-green, #00C87B)}.search-pill--black{background:var(--brand-black, #07140D);color:rgba(255, 255, 255, 0.7);border:1px solid rgba(255, 255, 255, 0.12)}.search-pill--black:hover{background:#11221A}.search-pill--black .search-input{color:var(--white, #FFFFFF)}.search-pill--black .search-input::placeholder{color:rgba(255, 255, 255, 0.55)}.search-pill--black .search-kbd{color:rgba(255, 255, 255, 0.75);background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15)}.search-pill--black:focus-within{background:var(--brand-black, #07140D);box-shadow:0 0 0 2px var(--brand-green, #00C87B)}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12),
+On.style = Vn;
+const Nn = `:host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}.search-wrapper{position:relative;width:100%}.search-pill{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;border-radius:999px;font-family:var(--plex-sans, 'IBM Plex Sans', system-ui, sans-serif);font-size:15px;cursor:text;transition:background 120ms ease, box-shadow 120ms ease, color 120ms ease}.search-pill .search-icon{flex-shrink:0}.search-pill .search-input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;color:inherit;-webkit-appearance:none;appearance:none}.search-pill .search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-pill .search-kbd{flex-shrink:0;font-family:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:11px;font-weight:500;line-height:1;padding:3px 6px;border-radius:4px;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.05);letter-spacing:0.02em}.search-pill:focus-within .search-kbd{display:none}.search-pill .search-clear{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;opacity:0.7;transition:opacity 120ms ease, background 120ms ease}.search-pill .search-clear:hover{opacity:1;background:rgba(0, 0, 0, 0.06)}.search-pill .search-clear:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-green, #00C87B);opacity:1}.search-pill--black .search-clear:hover{background:rgba(255, 255, 255, 0.10)}.search-pill--gray{background:var(--grey-light, #ECECEC);color:var(--grey-dark, #7A7B7A);border:0}.search-pill--gray:hover{background:#E0E0E0}.search-pill--gray .search-input{color:var(--brand-black, #07140D)}.search-pill--gray .search-input::placeholder{color:var(--grey-dark, #7A7B7A)}.search-pill--gray .search-kbd{color:var(--grey-dark, #7A7B7A);background:var(--white, #FFFFFF);border:1px solid #DCDCDC}.search-pill--gray:focus-within{background:var(--white, #FFFFFF);box-shadow:0 0 0 2px var(--brand-green, #00C87B)}.search-pill--white{background:var(--white, #FFFFFF);color:var(--grey-dark, #7A7B7A);border:1px solid var(--grey-light, #ECECEC)}.search-pill--white:hover{background:#FAFAFA}.search-pill--white .search-input{color:var(--brand-black, #07140D)}.search-pill--white .search-input::placeholder{color:var(--grey-dark, #7A7B7A)}.search-pill--white .search-kbd{color:var(--grey-dark, #7A7B7A);background:var(--grey-light, #ECECEC);border:1px solid #DCDCDC}.search-pill--white:focus-within{background:var(--white, #FFFFFF);box-shadow:0 0 0 2px var(--brand-green, #00C87B)}.search-pill--black{background:var(--brand-black, #07140D);color:rgba(255, 255, 255, 0.7);border:1px solid rgba(255, 255, 255, 0.12)}.search-pill--black:hover{background:#11221A}.search-pill--black .search-input{color:var(--white, #FFFFFF)}.search-pill--black .search-input::placeholder{color:rgba(255, 255, 255, 0.55)}.search-pill--black .search-kbd{color:rgba(255, 255, 255, 0.75);background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15)}.search-pill--black:focus-within{background:var(--brand-black, #07140D);box-shadow:0 0 0 2px var(--brand-green, #00C87B)}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12),
     0 2px 8px rgba(0, 0, 0, 0.08),
     0 0 0 1px rgba(0, 255, 157, 0.08);max-height:500px;overflow:hidden;z-index:9999;display:flex;flex-direction:column;animation:dropdownFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#616161;font-size:14px}.dropdown-results{list-style:none;margin:0;overflow-y:auto;overflow-x:hidden;max-height:440px}.result-item{padding:7px 7px;cursor:pointer;border-left:4px solid transparent;margin-bottom:2px;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;word-wrap:break-word;word-break:break-word}.result-item:hover,.result-item--selected{background:linear-gradient(
     90deg,
@@ -4406,9 +4402,9 @@ const On = `:host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     rgba(0, 255, 157, 0.02) 0%,
     rgba(0, 255, 157, 0.05) 100%
   );flex-shrink:0}.footer-hint{font-size:11px;color:#616161;display:flex;align-items:center;gap:6px;flex-wrap:wrap}kbd{display:inline-block;padding:3px 7px;font-size:11px;font-family:monospace;line-height:1.2;font-weight:500;color:var(--green-700);background:rgba(0, 255, 157, 0.1);border:1px solid rgba(0, 200, 123, 0.3);border-radius:4px;box-shadow:0 2px 0 rgba(0, 255, 157, 0.15),
-    inset 0 1px 0 rgba(255, 255, 255, 0.5)}.dropdown-results::-webkit-scrollbar{width:8px}.dropdown-results::-webkit-scrollbar-track{background:rgba(0, 255, 157, 0.05);border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb{background:#33FFB8;border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb:hover{background:#00FF9D}.flex{display:flex}.inline-flex{display:inline-flex}.text-center{text-align:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-error{color:var(--red-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-4{margin-left:0.25rem}.ml-8{margin-left:0.5rem}.ml-16{margin-left:1rem}.p-16{padding:1rem}.p-64{padding:4rem}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-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-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)}`, Pn = On, Rn = class {
+    inset 0 1px 0 rgba(255, 255, 255, 0.5)}.dropdown-results::-webkit-scrollbar{width:8px}.dropdown-results::-webkit-scrollbar-track{background:rgba(0, 255, 157, 0.05);border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb{background:#33FFB8;border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb:hover{background:#00FF9D}.flex{display:flex}.inline-flex{display:inline-flex}.text-center{text-align:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-error{color:var(--red-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-4{margin-left:0.25rem}.ml-8{margin-left:0.5rem}.ml-16{margin-left:1rem}.p-16{padding:1rem}.p-64{padding:4rem}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-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-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)}`, Pn = Nn, Rn = class {
   constructor(e) {
-    u(this, e), this.resultSelected = w(this, "resultSelected", 7), this.searchClosed = w(this, "searchClosed", 7), this.handleClear = () => {
+    u(this, e), this.resultSelected = k(this, "resultSelected", 7), this.searchClosed = k(this, "searchClosed", 7), this.handleClear = () => {
       this.debounceTimer && clearTimeout(this.debounceTimer), this.query = "", this.results = [], this.hasSearched = !1, this.showDropdown = !1, this.selectedIndex = -1, this.inputRef && (this.inputRef.value = "", this.inputRef.focus());
     }, this.handleInput = (n) => {
       var i;
@@ -4471,7 +4467,9 @@ const On = `:host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     try {
       const i = {};
       this.authToken && (i.Authorization = `Bearer ${this.authToken}`);
-      const r = await fetch(`${this.apiEndpoint}?q=${encodeURIComponent(n)}&limit=${this.limit}`, { headers: i });
+      const r = await fetch(`${this.apiEndpoint}?q=${encodeURIComponent(n)}&limit=${this.limit}`, {
+        headers: i
+      });
       if (!r.ok)
         throw new Error("Search failed");
       const a = await r.json();
@@ -4521,7 +4519,7 @@ const On = `:host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
   }
   render() {
-    return t("div", { key: "841c9a013a1c4cee9697f3465759bf638b28475e", class: "search-wrapper" }, t("label", { key: "ff1b37fff6e94019d2da63060aba77d82ee1bafb", class: `search-pill search-pill--${this.variant}`, htmlFor: "search-global" }, t("svg", { key: "150aff8a31a68195e7b333b9bcfccbc3affb3901", class: "search-icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, t("circle", { key: "cb424f39cd5f6316056dbcc6b80d11ce8ade1410", cx: "11", cy: "11", r: "7" }), t("line", { key: "004bce39d3a9ee7a53ef0e942cf986e38b76b921", x1: "20", y1: "20", x2: "16.5", y2: "16.5" })), t("input", { key: "97f4c012d7152f29fac9723ced4f06207b8a2453", id: "search-global", class: "search-input", type: "search", name: "search-box-global", placeholder: this.placeholder, value: this.query, autoComplete: "off", onInput: this.handleInput, ref: (e) => this.inputRef = e }), this.query && this.query.length > 0 ? t("button", { type: "button", class: "search-clear", "aria-label": "Clear search", onMouseDown: (e) => e.preventDefault(), onClick: () => this.handleClear() }, t("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))) : t("kbd", { class: "search-kbd", "aria-hidden": "true" }, "⌘K")), this.showDropdown && t("div", { key: "3354848b17ba065a64919defd74de0616a29c25c", class: "search-dropdown", ref: (e) => this.dropdownRef = e }, this.loading && t("div", { key: "5c5f731e969f60c8c3d2ce21683fec35302a2954", class: "flex text-center justify-center p-64" }, t("eds-spinner", { key: "6d0b5223f03bb0ed2f83f2ab3c77cf4e116d87e7", variant: "primary", size: "sm" })), this.error && !this.loading && t("div", { key: "9cbca9b3f62c2969478e34a654a973196a5e9187", class: "flex text-center justify-center p-16" }, t("span", { key: "ce2bd2f6c6b05fb5fdfec4da67460b72445970bc", class: "text-error f-body-02" }, this.error)), this.showEmpty && t("div", { key: "b7d446aa72732c9932c90bb5ef08a2f27c357ae4", class: "dropdown-state" }, t("eds-icon-wrapper", { key: "ac5377b3efa4f26e10781f369843a69c3409ec83", name: "search" }), t("div", { key: "774784c1dbe4c6e6eda9e8d70833d0a2a6821b4f" }, t("p", { key: "bbce9a267889eee40b54fd471f203b530de42a86", class: "f-body-02" }, "No results found"), t("p", { key: "d440e4e0ff4f59ea14eef7aa5db0692c4a2352fa", class: "f-ui-04 text-lightest" }, "Try different keywords"))), this.hasResults && !this.loading && t("ul", { key: "b89e31f5931705e750f0f19fb159f93a05324e6d", class: "dropdown-results" }, this.results.map((e, n) => t("li", { key: e.id, "data-index": n, class: {
+    return t("div", { key: "677355c6a3318ec1197965eac1b2cd92d1068730", class: "search-wrapper" }, t("label", { key: "f5cc85b9445df11e888428bb2a0b2b4114bdc3a9", class: `search-pill search-pill--${this.variant}`, htmlFor: "search-global" }, t("svg", { key: "b95972f32833c302166af4d496d62aabbbca6b96", class: "search-icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, t("circle", { key: "916f6f24dc45b800fd024196cad8a5a7704715e0", cx: "11", cy: "11", r: "7" }), t("line", { key: "e73a37d14e3c5de75ff1d5e1ff3ac6dc17276884", x1: "20", y1: "20", x2: "16.5", y2: "16.5" })), t("input", { key: "e9c88b7577dbc32d700f4ccfc657ac3400c406a7", id: "search-global", class: "search-input", type: "search", name: "search-box-global", placeholder: this.placeholder, value: this.query, autoComplete: "off", onInput: this.handleInput, ref: (e) => this.inputRef = e }), this.query && this.query.length > 0 ? t("button", { type: "button", class: "search-clear", "aria-label": "Clear search", onMouseDown: (e) => e.preventDefault(), onClick: () => this.handleClear() }, t("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2.2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))) : t("kbd", { class: "search-kbd", "aria-hidden": "true" }, "⌘K")), this.showDropdown && t("div", { key: "bac2451a0d8e8fe44f4ee8205aac072866c071cc", class: "search-dropdown", ref: (e) => this.dropdownRef = e }, this.loading && t("div", { key: "2272670a68466fdcb7f7dbef9392c85524f26511", class: "flex text-center justify-center p-64" }, t("eds-spinner", { key: "ea08bc71e4e251110d63c1f7f0c9ec3cf4f02d31", variant: "primary", size: "sm" })), this.error && !this.loading && t("div", { key: "c54f235e8cf516715d83b830c13b7091ce10c8e5", class: "flex text-center justify-center p-16" }, t("span", { key: "5e0164e70620b1b70acbd665f72e02627758d447", class: "text-error f-body-02" }, this.error)), this.showEmpty && t("div", { key: "bc8c5dce2e1e9e0cdb46db53a94d4a06401f8c2f", class: "dropdown-state" }, t("eds-icon-wrapper", { key: "ddb1815134abfd538530de6d805006f2e629f423", name: "search" }), t("div", { key: "0fe6b3742f59bf6a9745d0c3652caeed1c9fcd0c" }, t("p", { key: "26751d170e283e85eb0fa914c7cd681281b79606", class: "f-body-02" }, "No results found"), t("p", { key: "3c5117ba70272690647141c09105ad73142d2880", class: "f-ui-04 text-lightest" }, "Try different keywords"))), this.hasResults && !this.loading && t("ul", { key: "ec4e905215fa05a2d29e3cb02325b898cc8e7e75", class: "dropdown-results" }, this.results.map((e, n) => t("li", { key: e.id, "data-index": n, class: {
       "result-item": !0,
       "result-item--selected": n === this.selectedIndex
     }, onClick: () => this.selectResult(e), onMouseEnter: () => this.selectedIndex = n }, t("div", { class: "result-header" }, t("span", { class: "result-title f-body-02" }, e.title)), t("div", { class: "result-meta" }, e.parent_software ? [
@@ -4533,16 +4531,16 @@ const On = `:host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     ] : [
       t("span", { class: "result-badge" }, e.source),
       e.section && t("span", { class: "result-badge" }, e.section)
-    ], t("span", { class: "result-url" }, e.url)), e.snippet && t("p", { class: "result-snippet" }, this.stripHtml(e.snippet))))), this.hasResults && !this.loading && t("div", { key: "fd07f17d78ba2d95c30d95b35d89151b27e3a957", class: "dropdown-footer" }, t("span", { key: "20a6bc436e135e29b89a94b150c505bab6281d6f", class: "footer-hint" }, t("kbd", { key: "08e43dd318b0dde7d67f74731055e2bbc00bdc78" }, "↑"), " ", t("kbd", { key: "676535d717d5fb4b98cbf09050883630dbecaf6e" }, "↓"), " navigate • ", t("kbd", { key: "cd9ac17223ae195b0508c7ea37ad2a9459341b8b" }, "↵"), " select • ", t("kbd", { key: "dbaa3eacc337eee81404518e9bd4c9b9fbc44205" }, "esc"), " close"))));
+    ], t("span", { class: "result-url" }, e.url)), e.snippet && t("p", { class: "result-snippet" }, this.stripHtml(e.snippet))))), this.hasResults && !this.loading && t("div", { key: "8ba2b0905762d08201d770ef4ad555b5817a93d5", class: "dropdown-footer" }, t("span", { key: "447177da436c4673c1530b63985069270eea9629", class: "footer-hint" }, t("kbd", { key: "eca68fd4c32ff1b05130322d55c6b40353d0d7e9" }, "↑"), " ", t("kbd", { key: "f0e8c800465276b7648e883f0de99389e144cbdf" }, "↓"), " navigate • ", t("kbd", { key: "a40bfd64de00d1e9e7770ae13221b84e7270a93e" }, "↵"), " select • ", t("kbd", { key: "bbc53439fad27289cdd4705a7ddb61e8d3b578ee" }, "esc"), " close"))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 Rn.style = Pn;
 const jn = ".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-light)}.bg-strongest{background-color:var(--brand-black)}.mr-auto{margin-right:auto}.w-\\[250px\\]{width:250px}.h-\\[85px\\]{height:85px}.p-\\[24px\\]{padding:24px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.flex-1{flex:1 1 0%}.justify-end{justify-content:flex-end}.-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}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-8{gap:0.5rem}.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}}", Wn = jn, qn = class {
   constructor(e) {
-    u(this, e), this.toggleheadermenu = w(this, "toggleheadermenu", 7), this.url = "/", this.links = void 0, this.variant = "default", this.menu = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1;
+    u(this, e), this.toggleheadermenu = k(this, "toggleheadermenu", 7), this.url = "/", this.links = void 0, this.variant = "default", this.menu = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1;
   }
   componentDidLoad() {
     var e, n;
@@ -4561,7 +4559,7 @@ const jn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
     this.isUserMenuOpen = !this.isUserMenuOpen;
   }
   get parsedLinks() {
-    return H(this.links);
+    return M(this.links);
   }
   render() {
     const e = {
@@ -4569,10 +4567,10 @@ const jn = ".block{display:block}.inline-block{display:inline-block}.inline{disp
       inverse: "text-default bg-inverse",
       default: "text-default bg-dark"
     }, n = e[this.variant] || e.default, i = this.variant === "strong" ? "negative" : "positive", r = this.variant === "strong" ? "underlineInverse" : "underline";
-    return t("header", { key: "fd95f6b0126d620ab1d4f58240d471301d607fa5", role: "banner", class: `flex items-center justify-between relative z-10 ${n}` }, t("div", { key: "e7b1bd9a146543107d87ff6f4c8575ad63fc3889", class: "w-[250px]" }, t("div", { key: "257a8bf3d0efea39bd0e7f5c92d2a6bcbaa66d48", class: "p-[24px]" }, t("eds-logo", { key: "71365268524d0db6999dc6ff4a9227e388d53cdf", variant: i, href: this.url }))), this.parsedLinks && t("nav", { key: "085b2bd5f667ea7e0be4de77cb4bd3d1a2bb6e3c", role: "navigation", "aria-label": "Primary", class: "flex-1 flex justify-center items-center hidden md:flex" }, t("ul", { key: "b5c015e6e1fb376f6b48805cc5d0db436234a5fc", class: "flex gap-x-16" }, this.parsedLinks.map((a) => t("eds-link", { label: a.label, "aria-label": a.label, url: a.url, intent: r, size: "large", icon: a.icon, external: a.external })))), t("div", { key: "9bca10c081cd1b8157579fa587615538dc624817", class: "w-[250px] flex justify-end items-center" }, t("slot", { key: "360fb5fe76b41b2513cba2f8705ea5ea91cae9a9", name: "actions" })), this.menu && t("div", { key: "7feaa2b97062e7ceb94bacc35e61a12edc0b2e54", class: "md:hidden flex overflow-hidden px-16" }, t("eds-button", { key: "706c1668e3b04517cfe0cb92da5b459980986df0", "aria-label": "Menu", intent: this.variant === "strong" ? "ghostInverse" : "ghost", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
+    return t("header", { key: "7b2039f33349e19ff3f6e8519e36c73008f636ff", role: "banner", class: `flex items-center justify-between relative z-10 ${n}` }, t("div", { key: "300470c050a9f50a08cc0d964b718327ecec598f", class: "w-[250px]" }, t("div", { key: "4ff98957c7f838561b2a86b6fcf5a40a1f631d94", class: "p-[24px]" }, t("eds-logo", { key: "610e8465379fbdc9cab1d315aa11940763ba4561", variant: i, href: this.url }))), this.parsedLinks && t("nav", { key: "97e14d79eea2d69fb37785984d29167e3056c2ec", role: "navigation", "aria-label": "Primary", class: "flex-1 flex justify-center items-center hidden md:flex" }, t("ul", { key: "79a7dd5f647319b339078ad426160ebc21af733d", class: "flex gap-x-16" }, this.parsedLinks.map((a) => t("eds-link", { label: a.label, "aria-label": a.label, url: a.url, intent: r, size: "large", icon: a.icon, external: a.external })))), t("div", { key: "1da0a64c28395f3601e6e954f5ed9017525d4c2e", class: "w-[250px] flex justify-end items-center" }, t("slot", { key: "bae6c23ce8400bc5ff21c4aec71e915bde7b15f2", name: "actions" })), this.menu && t("div", { key: "9ab2466ce42dcf2136565a14522f734565bd2fbf", class: "md:hidden flex overflow-hidden px-16" }, t("eds-button", { key: "bd2e20f436a96bd28eea126e655f0c9c9976d32e", "aria-label": "Menu", intent: this.variant === "strong" ? "ghostInverse" : "ghost", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
 };
 qn.style = Wn;
@@ -4607,14 +4605,14 @@ function Q(e) {
 }
 function he(e, n) {
   if (e == null) return {};
-  var i, r, a = Zn(e, n);
+  var i, r, a = Yn(e, n);
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(e);
     for (r = 0; r < l.length; r++) i = l[r], n.indexOf(i) === -1 && {}.propertyIsEnumerable.call(e, i) && (a[i] = e[i]);
   }
   return a;
 }
-function Zn(e, n) {
+function Yn(e, n) {
   if (e == null) return {};
   var i = {};
   for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -4623,7 +4621,7 @@ function Zn(e, n) {
   }
   return i;
 }
-function Yn(e, n) {
+function Zn(e, n) {
   if (typeof e != "object" || !e) return e;
   var i = e[Symbol.toPrimitive];
   if (i !== void 0) {
@@ -4634,7 +4632,7 @@ function Yn(e, n) {
   return (n === "string" ? String : Number)(e);
 }
 function Kn(e) {
-  var n = Yn(e, "string");
+  var n = Zn(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
 var Gn = ["width", "height", "viewBox"], Xn = ["tabindex"], Jn = {
@@ -4962,7 +4960,7 @@ var Qn = {
   }],
   name: "choose-item",
   size: 20
-}, ut = {
+}, mt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4989,7 +4987,7 @@ var Qn = {
   }],
   name: "copy--link",
   size: 20
-}, mt = {
+}, ut = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5264,7 +5262,7 @@ var Qn = {
   }],
   name: "share-knowledge",
   size: 20
-}, Ht = {
+}, Mt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5293,7 +5291,7 @@ var Qn = {
   }],
   name: "help",
   size: 20
-}, Mt = {
+}, Ht = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5310,7 +5308,7 @@ var Qn = {
   }],
   name: "customer-service",
   size: 20
-}, Dt = {
+}, $t = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5333,7 +5331,7 @@ var Qn = {
   }],
   name: "code",
   size: 20
-}, $t = {
+}, Bt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5356,7 +5354,7 @@ var Qn = {
   }],
   name: "rocket",
   size: 20
-}, Tt = {
+}, Dt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5385,7 +5383,7 @@ var Qn = {
   }],
   name: "compass",
   size: 20
-}, Bt = {
+}, Tt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5419,7 +5417,7 @@ var Qn = {
   }],
   name: "search",
   size: 20
-}, Nt = {
+}, Ot = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5441,7 +5439,7 @@ var Qn = {
   }],
   name: "settings",
   size: 20
-}, Ot = {
+}, Nt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5580,7 +5578,7 @@ var Qn = {
   }],
   name: "logout",
   size: 20
-}, Zt = {
+}, Yt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5597,7 +5595,7 @@ var Qn = {
   }],
   name: "group",
   size: 20
-}, Yt = {
+}, Zt = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6024,7 +6022,7 @@ var Qn = {
   }],
   name: "logo--linkedin",
   size: 20
-}, ui = {
+}, mi = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6041,7 +6039,7 @@ var Qn = {
   }],
   name: "logo--facebook",
   size: 20
-}, mi = {
+}, ui = {
   elem: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6125,8 +6123,8 @@ const yi = {
   documentDownload: f(Jt),
   trashCan: f(gi),
   chooseItem: f(pt),
-  copyLink: f(ut),
-  dragHorizontal: f(mt),
+  copyLink: f(mt),
+  dragHorizontal: f(ut),
   dragVertical: f(xt),
   login: f(qt),
   logout: f(Ut),
@@ -6144,19 +6142,19 @@ const yi = {
   forum: f(_t),
   shareKnowledge: f(Lt),
   time: f(ti),
-  help: f(Ht),
-  customerService: f(Mt),
-  code: f(Dt),
-  rocket: f($t),
-  compass: f(Tt),
+  help: f(Mt),
+  customerService: f(Ht),
+  code: f($t),
+  rocket: f(Bt),
+  compass: f(Dt),
   // Interface
-  menu: f(Bt),
+  menu: f(Tt),
   search: f(Vt),
-  settings: f(Nt),
-  notification: f(Ot),
+  settings: f(Ot),
+  notification: f(Nt),
   user: f(Pt),
-  group: f(Zt),
-  save: f(Yt),
+  group: f(Yt),
+  save: f(Zt),
   // Content
   document: f(Gt),
   folder: f(Qt),
@@ -6174,8 +6172,8 @@ const yi = {
   //Social
   twitter: f(bi),
   linkedin: f(pi),
-  facebook: f(ui),
-  youtube: f(mi),
+  facebook: f(mi),
+  youtube: f(ui),
   mastodon: f(xi),
   bluesky: f(vi)
 }, wi = ":host{display:inline-flex;align-items:center;justify-content:center}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{display:block;fill:currentColor;color:inherit}.icon--16{width:16px;height:16px}.icon--16 svg{width:16px;height:16px}.icon--20{width:20px;height:20px}.icon--20 svg{width:20px;height:20px}.icon--24{width:24px;height:24px}.icon--24 svg{width:24px;height:24px}.icon--32{width:32px;height:32px}.icon--32 svg{width:32px;height:32px}", ki = wi, zi = class {
@@ -6187,7 +6185,7 @@ const yi = {
     if (!e)
       return console.warn(`Icon "${this.name}" not found in ICONS`), null;
     const n = !this.label;
-    return t(Z, { role: n ? null : "img", "aria-label": n ? null : this.label, "aria-hidden": n ? "true" : null }, t("span", { class: `icon icon--${this.size}`, innerHTML: e }));
+    return t(Y, { role: n ? null : "img", "aria-label": n ? null : this.label, "aria-hidden": n ? "true" : null }, t("span", { class: `icon icon--${this.size}`, innerHTML: e }));
   }
 };
 zi.style = ki;
@@ -6288,21 +6286,21 @@ video {
   }
   render() {
     const e = {};
-    return this.lazyload && (e.loading = "lazy", e.decoding = "async"), t("div", { key: "122ae0673a7a2c9afd88cdcf8a83b52c11f0643e", class: {
+    return this.lazyload && (e.loading = "lazy", e.decoding = "async"), t("div", { key: "2b9ac7ccd4ed8b525c368059ec0c99fce03e5367", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, t("picture", { key: "b0bb1af0c95375db18bd45453016ee2fd78a6e2a" }, this.formats.map((n) => t("source", { type: n.type, srcSet: n.srcset, media: n.media, sizes: this.sizes })), t("img", Object.assign({ key: "2a8500ea92db1a846f0f6dbb41fa664c3d514f19", ref: (n) => this.img = n, class: {
+    } }, t("picture", { key: "fe98dc4ac3197c0cd363ce6ed34ff33ad655de3b" }, this.formats.map((n) => t("source", { type: n.type, srcSet: n.srcset, media: n.media, sizes: this.sizes })), t("img", Object.assign({ key: "48cd85fd0bbbf5155fdac71de07a20214399080b", ref: (n) => this.img = n, 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 }, e, { onLoad: this.handleLoad, onError: this.handleError, onTransitionEnd: this.handleTransitionEnd }))));
   }
   get imgElement() {
-    return y(this);
+    return w(this);
   }
 };
 Ei.style = Ci;
-const ca = class {
+const ha = class {
   constructor(e) {
     u(this, e), this.handleInput = (n) => {
       const i = n.target;
@@ -6320,7 +6318,7 @@ const ca = class {
   }
   render() {
     const e = !!this.icon, n = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return t("div", { key: "0261b14034860a2f59dde8de72d6729ec411d2cf", class: "relative flex items-center" }, this.type === "textarea" ? t("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 ${e ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": n, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? t("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": n, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((i) => t("option", { value: i.value, selected: i.value === this.innerVal, key: i.value }, i.label))) : t("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, tabindex: this.inputTabIndex, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0 }, this.type === "number" ? {
+    return t("div", { key: "6456b8536db4d219eb307603c986e0aca4867a66", class: "relative flex items-center" }, this.type === "textarea" ? t("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 ${e ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": n, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? t("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": n, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((i) => t("option", { value: i.value, selected: i.value === this.innerVal, key: i.value }, i.label))) : t("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, tabindex: this.inputTabIndex, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0 }, this.type === "number" ? {
       min: this.min,
       max: this.max,
       step: this.step
@@ -6329,10 +6327,10 @@ const ca = class {
               input ${this.type === "radio" ? "input-radio" : this.type === "checkbox" ? "input-checkbox" : ""}
               ${e && this.type !== "radio" && this.type !== "checkbox" ? "input-icon pl-36" : ""} 
               ${this.error ? "input-error" : ""}
-              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": n, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && t("span", { key: "f2a7b410ee586d3266d05d422f3376488392fc6b", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && t("eds-icon-wrapper", { key: "37581bbd64652b25a00a401ab359736169814b1f", class: `absolute top-1/2 left-[12px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, name: this.icon }));
+              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": n, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && t("span", { key: "216f52d80eefa2f89e388e020e597493015ae8d6", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && t("eds-icon-wrapper", { key: "d3771580564237c9a8ded4e07f4293517bc885fd", class: `absolute top-1/2 left-[12px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, name: this.icon }));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -6341,7 +6339,7 @@ const ca = class {
   }
 }, Fi = ".eds-input-dropzone-container{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;max-width:100%}.eds-input-dropzone-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.eds-input-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;min-height:200px;padding:2rem;border:2px dashed var(--color-border-soft, #d0d0d0);border-radius:8px;background-color:var(--color-bg-inverse, #ffffff);cursor:pointer;transition:all 0.2s ease;outline:none;box-sizing:border-box}.eds-input-dropzone:hover:not(.disabled){border-color:var(--color-border-strong, #07140D);background-color:var(--color-bg-softer, #ECECEC)}.eds-input-dropzone.dragging:not(.disabled){border-color:var(--color-accent, #00FF9D);background-color:var(--color-bg-softest, #F8F8F8);border-width:3px}.eds-input-dropzone.disabled{opacity:0.5;cursor:not-allowed;background-color:var(--color-bg-disabled, #f5f5f5)}.eds-input-dropzone:focus-visible{outline:2px solid var(--color-accent, #00FF9D);outline-offset:2px}.dropzone-icon{width:48px;height:48px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-dropzone.dragging .dropzone-icon{color:var(--color-accent, #00FF9D)}.dropzone-text{display:flex;flex-direction:column;align-items:center;gap:0.25rem;text-align:center}.dropzone-primary{font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:1rem;font-weight:500;color:var(--color-text-default, #07140D);margin:0}.dropzone-secondary{font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:0.875rem;font-weight:400;color:var(--color-text-light, #7A7B7A);margin:0}.eds-input-dropzone-chips{display:flex;flex-wrap:wrap;gap:0.5rem;width:100%}.eds-input-dropzone-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background-color:var(--color-bg-softer, #ECECEC);border-radius:100px;font-size:0.75rem;color:var(--color-text-default, #07140D)}.file-chip-icon{width:14px;height:14px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-dropzone-chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.eds-input-dropzone-chip-size{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:0.625rem;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-dropzone-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:var(--color-text-light, #7A7B7A);cursor:pointer;transition:color 0.2s ease;flex-shrink:0}.eds-input-dropzone-chip-remove:hover:not(:disabled){color:var(--color-error, #e53935)}.eds-input-dropzone-chip-remove:disabled{opacity:0.5;cursor:not-allowed}.eds-input-dropzone-chip-remove svg{width:14px;height:14px}@media (max-width: 640px){.eds-input-dropzone{min-height:160px;padding:1.5rem}.dropzone-icon{width:40px;height:40px}.dropzone-primary{font-size:0.875rem}.dropzone-secondary{font-size:0.75rem}.eds-input-dropzone-chip-name{max-width:120px}}", Ai = Fi, Ii = class {
   constructor(e) {
-    u(this, e), this.edsfile = w(this, "edsfile", 7), this.handleDropzoneClick = () => {
+    u(this, e), this.edsfile = k(this, "edsfile", 7), this.handleDropzoneClick = () => {
       var n;
       this.disabled || (n = this.fileInputRef) === null || n === void 0 || n.click();
     }, this.handleFileSelect = (n) => {
@@ -6385,10 +6383,10 @@ const ca = class {
   }
   render() {
     const e = `eds-input-dropzone ${this.isDragging ? "dragging" : ""} ${this.disabled ? "disabled" : ""}`;
-    return t("div", { key: "8c6d9cdd919e72f5e85a7b01a2db3cb6fadface0", class: "eds-input-dropzone-container" }, t("input", { key: "fb643c39fa588971f825a01b20e8da6ac2da7d36", ref: (n) => this.fileInputRef = n, type: "file", id: this.inputId || this.name, name: this.name, class: "eds-input-dropzone-hidden", disabled: this.disabled, required: this.required, multiple: this.multiple, accept: this.accept, onChange: this.handleFileSelect }), t("div", { key: "fd000cfb95b10eb54798ea5575810692c8cce65d", class: e, onClick: this.handleDropzoneClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, t("svg", { key: "ed7588f87e4182351f5301992ae582df1f21be5e", class: "dropzone-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, t("path", { key: "9977271ac6bb26c6d642708eb6a7d2f2ca242dcc", d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), t("polyline", { key: "f32b1ff2bea2718e075d78985837ba71acf23ce9", points: "17 8 12 3 7 8" }), t("line", { key: "326bc6f0e24c191a26859567653f807c81745a77", x1: "12", y1: "3", x2: "12", y2: "15" })), t("div", { key: "f880855ecf537d527663101a5348591f975e7074", class: "dropzone-text" }, t("p", { key: "4747da3e157c6b1c3e56774867fc0258e2e77059", class: "dropzone-primary" }, this.primaryText), t("p", { key: "7852be7ecdcdfabf5fed632065b14128941461ee", class: "dropzone-secondary" }, this.secondaryText))), this.selectedFiles.length > 0 && t("div", { key: "36347980293d2ea800a845a4ab5bb9c28fedc485", class: "eds-input-dropzone-chips" }, this.selectedFiles.map((n) => t("div", { key: n.id, class: "eds-input-dropzone-chip" }, this.getFileIcon(n.file.name), t("span", { class: "eds-input-dropzone-chip-name" }, n.file.name), t("span", { class: "eds-input-dropzone-chip-size" }, this.formatFileSize(n.file.size)), t("button", { type: "button", class: "eds-input-dropzone-chip-remove", onClick: () => this.handleRemoveFile(n.id), disabled: this.disabled, "aria-label": `Remove ${n.file.name}` }, t("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+    return t("div", { key: "3a6f1876c879e361934a9e8730afe9d14a50d8e2", class: "eds-input-dropzone-container" }, t("input", { key: "293c9d66be6da5cf34b470f00468b3ede6abfb35", ref: (n) => this.fileInputRef = n, type: "file", id: this.inputId || this.name, name: this.name, class: "eds-input-dropzone-hidden", disabled: this.disabled, required: this.required, multiple: this.multiple, accept: this.accept, onChange: this.handleFileSelect }), t("div", { key: "56457ccacc1e643258447ee929bdeb6b0e6e4fe7", class: e, onClick: this.handleDropzoneClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, t("svg", { key: "017fa615ec5b04dd3edd65d2e064ea58039d422b", class: "dropzone-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, t("path", { key: "796dee372172d244dae644cab2136fce784e0865", d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), t("polyline", { key: "cdd841be70c9a89c6040909797da1277b1ce244b", points: "17 8 12 3 7 8" }), t("line", { key: "b4a8af3db664bdebd0c9651e4c806811ea21d905", x1: "12", y1: "3", x2: "12", y2: "15" })), t("div", { key: "5c799c8a751b06c743f4fc7c1810a91f35307d46", class: "dropzone-text" }, t("p", { key: "0d3971953c6f472bbde247378fccb4171606872d", class: "dropzone-primary" }, this.primaryText), t("p", { key: "c64910c2d7ba60e6d315fa2831aca54faba84a79", class: "dropzone-secondary" }, this.secondaryText))), this.selectedFiles.length > 0 && t("div", { key: "b6f19ccc0304ba8a4369c95e86a61ad084dd9256", class: "eds-input-dropzone-chips" }, this.selectedFiles.map((n) => t("div", { key: n.id, class: "eds-input-dropzone-chip" }, this.getFileIcon(n.file.name), t("span", { class: "eds-input-dropzone-chip-name" }, n.file.name), t("span", { class: "eds-input-dropzone-chip-size" }, this.formatFileSize(n.file.size)), t("button", { type: "button", class: "eds-input-dropzone-chip-remove", onClick: () => this.handleRemoveFile(n.id), disabled: this.disabled, "aria-label": `Remove ${n.file.name}` }, t("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))));
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
 };
 Ii.style = Ai;
@@ -12275,6 +12273,17 @@ video {
 .input::placeholder {
   color: var(--grey-500);
 }
+/* A <select> has no ::placeholder — when no option is chosen yet it shows the
+   placeholder <option> in the normal dark text colour, which looks heavier than
+   text-input placeholders. is-placeholder (set by eds-input-select while empty)
+   matches them by rendering the closed select in grey-500; real options in the
+   open dropdown stay dark for readability. */
+.input.is-placeholder {
+  color: var(--grey-500);
+}
+.input.is-placeholder option {
+  color: var(--brand-black);
+}
 .input {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -12766,6 +12775,9 @@ input[type="range"]::-webkit-slider-thumb {
 .mt-8 {
   margin-top: 0.5rem;
 }
+.mb-8 {
+  margin-bottom: 0.5rem;
+}
 .mt-auto {
   margin-top: auto;
 }
@@ -14162,9 +14174,214 @@ input[type="range"]::-webkit-slider-thumb {
   }
 }
 
-`, Li = _i, Hi = class {
+/* ============================================================
+   Field input styling — the new "brand form" look, applied to
+   every field type rendered through eds-input-field (the wrapper).
+   Element+class selectors (input.input / textarea.input / select.input)
+   beat the global utility-based \`.input\` reliably. Focus colour reads
+   --eds-field-accent (set by eds-form's brand body) and falls back to
+   the brand-green-dark default, so this looks consistent everywhere.
+   ============================================================ */
+
+/* Text-like inputs + select box.
+   NB: radio/checkbox/range also carry the \`.input\` class, so they're excluded
+   here (otherwise the box sizing would balloon them) — they're styled below. */
+input.input:not([type='radio']):not([type='checkbox']):not([type='range']),
+textarea.input,
+select.input {
+  min-height: 50px;
+  padding: 0 16px;
+  border: 1px solid var(--line-color, #e2e2e2);
+  border-radius: 10px;
+  background: var(--white, #ffffff);
+  color: var(--brand-black, #07140d);
+  box-shadow: none;
+  transition: border-color 0.14s ease, box-shadow 0.14s ease;
+}
+
+/* Leading-icon inputs: restore the left padding that clears the icon (the icon
+   sits absolutely at left:12px). The \`.input-icon\` + full :not() chain out-
+   specifies the \`padding: 0 16px\` rule above, which would otherwise let the
+   placeholder / text sit under the icon. */
+input.input.input-icon:not([type='radio']):not([type='checkbox']):not([type='range']) {
+  padding-left: 42px;
+}
+
+input.input:not([type='radio']):not([type='checkbox']):not([type='range'])::placeholder,
+textarea.input::placeholder {
+  color: #a9aba9;
+}
+
+input.input:not([type='radio']):not([type='checkbox']):not([type='range']):hover,
+textarea.input:hover,
+select.input:hover {
+  border-color: #c9ccca;
+}
+
+input.input:not([type='radio']):not([type='checkbox']):not([type='range']):focus,
+input.input:not([type='radio']):not([type='checkbox']):not([type='range']):focus-visible,
+textarea.input:focus,
+textarea.input:focus-visible,
+select.input:focus,
+select.input:focus-visible {
+  outline: none;
+  border-color: var(--eds-field-accent, #00c87b);
+  box-shadow: 0 0 0 3px var(--eds-field-focus-ring, rgba(0, 200, 123, 0.16));
+}
+
+input.input:not([type='radio']):not([type='checkbox']):not([type='range']):disabled,
+textarea.input:disabled,
+select.input:disabled {
+  background: #f7f7f7;
+  color: #a9aba9;
+  cursor: not-allowed;
+}
+
+/* Textarea — taller, top-aligned, resizable */
+textarea.input,
+textarea.input-textarea {
+  min-height: 108px;
+  padding: 14px 16px;
+  line-height: 1.55;
+  resize: vertical;
+  align-items: flex-start;
+}
+
+/* Select — keep room for the chevron the select renders on the right */
+select.input,
+select.input-select {
+  padding-right: 44px;
+  cursor: pointer;
+}
+
+/* Range — not a boxed input; a clean track (green fill is painted inline
+   by eds-input-range up to the current value) */
+input[type='range'].input {
+  min-height: 0;
+  height: 6px;
+  padding: 0;
+  border: none;
+  border-radius: 3px;
+  box-shadow: none;
+}
+input[type='range'].input:focus,
+input[type='range'].input:focus-visible {
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+/* Range thumb — brand-black knob with a green ring (matches the mockup). */
+input[type='range'].input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--brand-black, #07140d);
+  border: 3px solid var(--eds-field-accent, #00c87b);
+  cursor: pointer;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+input[type='range'].input::-moz-range-thumb {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--brand-black, #07140d);
+  border: 3px solid var(--eds-field-accent, #00c87b);
+  cursor: pointer;
+}
+
+/* Range layout: value readout (top-right) + min/mid/max scale (below). */
+.eds-range {
+  display: flex;
+  flex-direction: column;
+  padding-top: 6px;
+}
+.eds-range-top {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 12px;
+}
+.eds-range-val {
+  font-family: 'IBM Plex Mono', ui-monospace, monospace;
+  font-size: 15px;
+  font-weight: 500;
+  color: var(--eds-field-accent, #00c87b);
+  font-variant-numeric: tabular-nums;
+}
+.eds-range-scale {
+  display: flex;
+  justify-content: space-between;
+  font-family: 'IBM Plex Mono', ui-monospace, monospace;
+  font-size: 10px;
+  color: #7a7b7a;
+  margin-top: 10px;
+}
+
+/* Radio & checkbox — brand-green when selected (white mark stays) */
+input.input-radio:checked,
+input.input-checkbox:checked {
+  background-color: var(--eds-field-accent, #00c87b);
+  border-color: var(--eds-field-accent, #00c87b);
+}
+
+/* Radio / checkbox options as selectable cards (matches the brand mockup).
+   :has(input:checked) works because eds-input is light-DOM, so there's no
+   shadow boundary between the card and the control. */
+.eds-option-list {
+  display: flex;
+  flex-direction: column;
+  gap: 11px;
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
+.eds-option-card {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  padding: 13px 15px;
+  border: 1px solid var(--line-color, #e2e2e2);
+  border-radius: 10px;
+  cursor: pointer;
+  font-size: 14.5px;
+  transition: border-color 0.14s ease, background-color 0.14s ease,
+    box-shadow 0.14s ease;
+}
+
+.eds-option-card:hover {
+  border-color: #c9ccca;
+  background: #fcfefd;
+}
+
+.eds-option-card:has(input:checked) {
+  border-color: var(--eds-field-accent, #00c87b);
+  background: rgba(0, 255, 157, 0.05);
+  box-shadow: 0 0 0 2px var(--eds-field-card-ring, rgba(0, 255, 157, 0.12));
+}
+
+.eds-option-card.is-disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.eds-option-text {
+  flex: 0 1 auto;
+}
+
+.eds-option-help {
+  margin-left: auto;
+  font-family: 'IBM Plex Mono', monospace;
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  color: #8a8c8a;
+}
+
+`, Li = _i, Mi = class {
   constructor(e) {
-    u(this, e), this.edsinput = w(this, "edsinput", 7), this.edschange = w(this, "edschange", 7), this.handleNativeInput = (n) => {
+    u(this, e), this.edsinput = k(this, "edsinput", 7), this.edschange = k(this, "edschange", 7), this.handleNativeInput = (n) => {
       var i, r;
       if ((i = this.onInput) === null || i === void 0 || i.call(this, n), this.shouldEmitValue()) {
         const a = n.target;
@@ -14226,7 +14443,13 @@ input[type="range"]::-webkit-slider-thumb {
       icon: this.type === "text" ? this.icon : void 0,
       checked: this.checked
     }, this.type === "number" ? { min: this.min, max: this.max, step: this.step } : {});
-    return t("div", { key: "2072cce16b572431b41363beff779d8631de7abc" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? t("fieldset", { class: "space-y-4" }, (this.label || this.hint) && t("div", { class: "flex justify-between mb-4" }, this.label && t("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && t("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((n) => t("div", { class: "flex items-center gap-x-4 gap-y-4", key: n.value }, t("eds-input", Object.assign({}, e, { inputId: `${this.inputId || this.name}-${n.value}`, inputTabIndex: 0, value: n.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(n.value)) })), t("label", { htmlFor: `${this.inputId || this.name}-${n.value}`, class: `input-label-options ${this.disabled ? "text-lighter" : ""}` }, n.label)))) : t("div", { class: "flex items-center gap-x-8" }, t("eds-input", Object.assign({}, e, { inputTabIndex: 0, value: this.value, checked: this.value === "on" || this.checked })), this.label && t("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : t("div", null, (this.label || this.hint) && t("div", { class: "flex justify-between mb-4" }, this.label && t("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && t("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? t("eds-input-select", Object.assign({}, e, { options: this.parsedOptions })) : this.type === "file" ? t("eds-input-file", { name: this.name, inputId: this.inputId, disabled: this.disabled, required: this.required, multiple: !0, onEdsfile: this.handleFileChange }) : this.type === "dropzone" ? t("eds-input-dropzone", { name: this.name, inputId: this.inputId, disabled: this.disabled, required: this.required, multiple: !0, onEdsfile: this.handleFileChange }) : this.type === "range" ? (() => {
+    return t("div", { key: "2f4fc787a53ec8b3afcd8a6c372075e9c077e220" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? t("fieldset", { class: "eds-option-list" }, (this.label || this.hint) && t("div", { class: "flex justify-between mb-12" }, this.label && t("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && t("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((n) => (
+      // Each option is a selectable card. The native control lives in
+      // eds-input (light DOM), so the card highlights via :has(input:checked)
+      // — no JS state needed. The label wraps the control, so clicking
+      // anywhere on the card toggles it.
+      t("label", { class: `eds-option-card ${this.disabled ? "is-disabled" : ""}`, key: n.value }, t("eds-input", Object.assign({}, e, { inputId: `${this.inputId || this.name}-${n.value}`, inputTabIndex: 0, value: n.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(n.value)) })), t("span", { class: "eds-option-text" }, n.label), n.description && t("span", { class: "eds-option-help" }, n.description))
+    ))) : t("div", { class: "flex items-center gap-x-8" }, t("eds-input", Object.assign({}, e, { inputTabIndex: 0, value: this.value, checked: this.value === "on" || this.checked })), this.label && t("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : t("div", null, (this.label || this.hint) && t("div", { class: "flex justify-between mb-8" }, this.label && t("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && t("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? t("eds-input-select", Object.assign({}, e, { options: this.parsedOptions })) : this.type === "file" ? t("eds-input-file", { name: this.name, inputId: this.inputId, disabled: this.disabled, required: this.required, multiple: !0, onEdsfile: this.handleFileChange }) : this.type === "dropzone" ? t("eds-input-dropzone", { name: this.name, inputId: this.inputId, disabled: this.disabled, required: this.required, multiple: !0, onEdsfile: this.handleFileChange }) : this.type === "range" ? (() => {
       var n, i, r, a, l, o;
       const s = {
         name: e.name,
@@ -14235,21 +14458,21 @@ input[type="range"]::-webkit-slider-thumb {
         required: e.required,
         onInput: e.onInput,
         onChange: e.onChange
-      }, h = this.parsedOptions, v = typeof this.value == "string" ? parseFloat(this.value) : this.value;
-      return t("eds-input-range", Object.assign({}, s, { min: (n = this.min) !== null && n !== void 0 ? n : (i = h[0]) === null || i === void 0 ? void 0 : i.value, max: (r = this.max) !== null && r !== void 0 ? r : (a = h[1]) === null || a === void 0 ? void 0 : a.value, step: (l = this.step) !== null && l !== void 0 ? l : (o = h[2]) === null || o === void 0 ? void 0 : o.value, value: v }));
-    })() : t("eds-input", Object.assign({}, e))), t("div", { key: "f3ab7ef07c5c35f6d5e5d7a3ec35f98fe133ab5b", class: "mt-6" }, t("eds-input-footer", { key: "a72af69114cd3916e9ffa6ca8a65dced572dadf7", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+      }, h = this.parsedOptions, m = typeof this.value == "string" ? parseFloat(this.value) : this.value;
+      return t("eds-input-range", Object.assign({}, s, { min: (n = this.min) !== null && n !== void 0 ? n : (i = h[0]) === null || i === void 0 ? void 0 : i.value, max: (r = this.max) !== null && r !== void 0 ? r : (a = h[1]) === null || a === void 0 ? void 0 : a.value, step: (l = this.step) !== null && l !== void 0 ? l : (o = h[2]) === null || o === void 0 ? void 0 : o.value, value: m }));
+    })() : t("eds-input", Object.assign({}, e))), t("div", { key: "33bfae3f5ef4a8a1a0c529fade0d1a8616eff100", class: "mt-8" }, t("eds-input-footer", { key: "c4b6b192d052c486965b9b89fc6756324138975c", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
   }
   static get delegatesFocus() {
     return !0;
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
 };
-Hi.style = Li;
-const Mi = ".eds-input-file-container{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem}.eds-input-file-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.eds-input-file-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border:1.5px solid var(--color-border-soft, #d0d0d0);border-radius:100px;background-color:var(--color-bg-inverse, #ffffff);font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:0.875rem;font-weight:500;color:var(--color-text-default, #07140D);cursor:pointer;transition:all 0.2s ease;outline:none}.eds-input-file-btn:hover:not(:disabled){border-color:var(--color-border-strong, #07140D);background-color:var(--color-bg-softer, #ECECEC)}.eds-input-file-btn:active:not(:disabled){background-color:var(--color-bg-soft, #F5F5F5)}.eds-input-file-btn:focus-visible{outline:2px solid var(--color-accent, #00FF9D);outline-offset:2px}.eds-input-file-btn:disabled{opacity:0.5;cursor:not-allowed}.eds-input-file-btn svg{width:16px;height:16px;flex-shrink:0}.eds-input-file-chips{display:flex;flex-wrap:wrap;gap:0.5rem}.eds-input-file-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background-color:var(--color-bg-softer, #ECECEC);border-radius:100px;font-size:0.75rem;color:var(--color-text-default, #07140D)}.eds-input-file-chip-icon{width:14px;height:14px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-file-chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.eds-input-file-chip-size{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:0.625rem;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-file-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:var(--color-text-light, #7A7B7A);cursor:pointer;transition:color 0.2s ease;flex-shrink:0}.eds-input-file-chip-remove:hover:not(:disabled){color:var(--color-error, #e53935)}.eds-input-file-chip-remove:disabled{opacity:0.5;cursor:not-allowed}.eds-input-file-chip-remove svg{width:14px;height:14px}@media (max-width: 640px){.eds-input-file-chip-name{max-width:120px}}", Di = Mi, $i = class {
+Mi.style = Li;
+const Hi = ".eds-input-file-container{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem}.eds-input-file-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.eds-input-file-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border:1.5px solid var(--color-border-soft, #d0d0d0);border-radius:100px;background-color:var(--color-bg-inverse, #ffffff);font-family:var(--font-family, 'IBM Plex Sans', sans-serif);font-size:0.875rem;font-weight:500;color:var(--color-text-default, #07140D);cursor:pointer;transition:all 0.2s ease;outline:none}.eds-input-file-btn:hover:not(:disabled){border-color:var(--color-border-strong, #07140D);background-color:var(--color-bg-softer, #ECECEC)}.eds-input-file-btn:active:not(:disabled){background-color:var(--color-bg-soft, #F5F5F5)}.eds-input-file-btn:focus-visible{outline:2px solid var(--color-accent, #00FF9D);outline-offset:2px}.eds-input-file-btn:disabled{opacity:0.5;cursor:not-allowed}.eds-input-file-btn svg{width:16px;height:16px;flex-shrink:0}.eds-input-file-chips{display:flex;flex-wrap:wrap;gap:0.5rem}.eds-input-file-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.75rem;background-color:var(--color-bg-softer, #ECECEC);border-radius:100px;font-size:0.75rem;color:var(--color-text-default, #07140D)}.eds-input-file-chip-icon{width:14px;height:14px;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-file-chip-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.eds-input-file-chip-size{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:0.625rem;color:var(--color-text-light, #7A7B7A);flex-shrink:0}.eds-input-file-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:var(--color-text-light, #7A7B7A);cursor:pointer;transition:color 0.2s ease;flex-shrink:0}.eds-input-file-chip-remove:hover:not(:disabled){color:var(--color-error, #e53935)}.eds-input-file-chip-remove:disabled{opacity:0.5;cursor:not-allowed}.eds-input-file-chip-remove svg{width:14px;height:14px}@media (max-width: 640px){.eds-input-file-chip-name{max-width:120px}}", $i = Hi, Bi = class {
   constructor(e) {
-    u(this, e), this.edsfile = w(this, "edsfile", 7), this.handleButtonClick = () => {
+    u(this, e), this.edsfile = k(this, "edsfile", 7), this.handleButtonClick = () => {
       var n;
       (n = this.fileInputRef) === null || n === void 0 || n.click();
     }, this.handleFileSelect = (n) => {
@@ -14282,34 +14505,34 @@ const Mi = ".eds-input-file-container{display:flex;flex-direction:column;align-i
   }
   render() {
     const e = this.buttonLabel || (this.multiple ? "Choose Files" : "Choose File");
-    return t("div", { key: "e02d98fbc01dbe7a89eeb3010f966ed4a373ede6", class: "eds-input-file-container" }, t("input", { key: "2013826fda9453aade4528c9f051aac98780662f", ref: (n) => this.fileInputRef = n, type: "file", id: this.inputId || this.name, name: this.name, class: "eds-input-file-hidden", disabled: this.disabled, required: this.required, multiple: this.multiple, accept: this.accept, onChange: this.handleFileSelect }), t("button", { key: "f5e5cf91376ccb69b39ef3c9b11095aca8bfb728", type: "button", class: "eds-input-file-btn", onClick: this.handleButtonClick, disabled: this.disabled }, t("svg", { key: "563066375b42d0a8c14f14ac9fdfb587539f4e76", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, t("path", { key: "ebe5549fffa0c2453ab98891da75a464c09e9fa2", d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), t("polyline", { key: "69036b82e15103e481770d0ef2c500b0dcad0399", points: "17 8 12 3 7 8" }), t("line", { key: "e0531be95796ec6dc7f9fe359e4736a15a0e3640", x1: "12", y1: "3", x2: "12", y2: "15" })), e), this.selectedFiles.length > 0 && t("div", { key: "62590fb46cee89d2524f1ede71c7af341c3e426a", class: "eds-input-file-chips" }, this.selectedFiles.map((n) => t("div", { key: n.id, class: "eds-input-file-chip" }, this.getFileIcon(n.file.name), t("span", { class: "eds-input-file-chip-name" }, n.file.name), t("span", { class: "eds-input-file-chip-size" }, this.formatFileSize(n.file.size)), t("button", { type: "button", class: "eds-input-file-chip-remove", onClick: () => this.handleRemoveFile(n.id), disabled: this.disabled, "aria-label": `Remove ${n.file.name}` }, t("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))));
+    return t("div", { key: "810e30b054b1a6a43c9cc79e318ae487679de1d7", class: "eds-input-file-container" }, t("input", { key: "21a2162df7e6cc430b230407891bd1568bb4fe18", ref: (n) => this.fileInputRef = n, type: "file", id: this.inputId || this.name, name: this.name, class: "eds-input-file-hidden", disabled: this.disabled, required: this.required, multiple: this.multiple, accept: this.accept, onChange: this.handleFileSelect }), t("button", { key: "d297cf5c5e63c002558e878a140b931a68a25f54", type: "button", class: "eds-input-file-btn", onClick: this.handleButtonClick, disabled: this.disabled }, t("svg", { key: "eb08b7516dce89647e28ca0c0ec1f70ade64b2cd", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, t("path", { key: "b0eefaf19325e60d5f974039644f8ab962bbfe92", d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), t("polyline", { key: "d0bfb65f3c6e3e9d019d23e94ceeb08ba3f6976e", points: "17 8 12 3 7 8" }), t("line", { key: "3e7b0172924b54c26b9100ea264e85be73beabe9", x1: "12", y1: "3", x2: "12", y2: "15" })), e), this.selectedFiles.length > 0 && t("div", { key: "633d574a840479eb58ec596078960c88fbf4ce94", class: "eds-input-file-chips" }, this.selectedFiles.map((n) => t("div", { key: n.id, class: "eds-input-file-chip" }, this.getFileIcon(n.file.name), t("span", { class: "eds-input-file-chip-name" }, n.file.name), t("span", { class: "eds-input-file-chip-size" }, this.formatFileSize(n.file.size)), t("button", { type: "button", class: "eds-input-file-chip-remove", onClick: () => this.handleRemoveFile(n.id), disabled: this.disabled, "aria-label": `Remove ${n.file.name}` }, t("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))))));
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
 };
-$i.style = Di;
-const Ti = "p{margin:0}.eds-desc-link{position:relative;display:inline-block;color:var(--brand-black);text-decoration:none}.eds-desc-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--brand-green);transition:width 0.3s ease}.eds-desc-link:hover::after{width:100%}.eds-desc-link:focus-visible::after{width:0}eds-link{--f-ui-02-fontSize:var(--f-ui-04-fontSize)}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.pt-4{padding-top:0.25rem}.mb-4{margin-bottom:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}", Bi = Ti, Vi = class {
+Bi.style = $i;
+const Di = "p{margin:0}.eds-help{font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:10.5px;line-height:1.45;letter-spacing:0.01em;color:#8a8c8a}.eds-desc-link{position:relative;display:inline-block;color:var(--brand-black);text-decoration:none}.eds-desc-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--brand-green);transition:width 0.3s ease}.eds-desc-link:hover::after{width:100%}.eds-desc-link:focus-visible::after{width:0}eds-link{--f-ui-02-fontSize:var(--f-ui-04-fontSize)}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.pt-4{padding-top:0.25rem}.mb-4{margin-bottom:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}", Ti = Di, Vi = class {
   constructor(e) {
     u(this, e), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return t("div", { key: "866e375b5dd1d9c958f2255537e919a8c1f25dc7" }, this.error && this.errorMessage && t("div", { key: "95d11c9cbb7746cc727ad9e037d00a28d9475bfc", id: `error_${this.name}`, class: "text-error flex items-center" }, t("eds-icon-wrapper", { key: "face7f905ffa7c5f4dc7a7e6825d185e0d6b7901", name: "warning", size: 20 }), t("p", { key: "2011af93e06df1d91972843a510e843763f53b0b", class: "f-ui-04 ml-4 mb-4 pt-4", innerHTML: this.errorMessage })), this.message && t("p", { key: "39d6833a30e7b93f75154a14bee1e6b4500575cb", id: `desc_${this.name}`, class: "f-ui-04 text-lighter", innerHTML: ve(this.message) }), this.link && t("eds-link", { key: "bfbf95e704574ada6f857ca08a90409ab38c1a5e", label: this.link.label, url: this.link.url, intent: "underline", size: "small", external: !0 }));
+    return t("div", { key: "e3cf47ad941e608ec8f5daefd89d72e6d0af0f28" }, this.error && this.errorMessage && t("div", { key: "0771ab5b0ba362a01df27c4b6ce0949ec51ec857", id: `error_${this.name}`, class: "text-error flex items-center" }, t("eds-icon-wrapper", { key: "43f86aa8632ea24b311e00a336b7d4b00b47ac80", name: "warning", size: 20 }), t("p", { key: "734a138c54dc0120fc6fdd320122c737b33b9d3b", class: "f-ui-04 ml-4 mb-4 pt-4", innerHTML: this.errorMessage })), this.message && t("p", { key: "f8c6d5c1f48e10f9c556fc8d44189836b3b46dbf", id: `desc_${this.name}`, class: "eds-help text-lighter", innerHTML: ve(this.message) }), this.link && t("eds-link", { key: "fe7a52e14c6cf0791d36b781a92d7bbeca487ccc", label: this.link.label, url: this.link.url, intent: "underline", size: "small", external: !0 }));
   }
 };
-Vi.style = Bi;
-const Ni = ".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", Oi = Ni, Pi = class {
+Vi.style = Ti;
+const Oi = ".input-label{font-family:var(--plex-sans, 'IBM Plex Sans', system-ui, sans-serif);font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--brand-black, #07140d)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.req-mark{color:var(--eds-field-accent, currentColor);margin-left:1px;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", Ni = Oi, Pi = class {
   constructor(e) {
     u(this, e), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return t("label", { key: "40867ae01e94ab7a69b6f82658e4ee1b1e5b87cf", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && t("span", { key: "e3cfc44ea2a7f53f51c544648b3c635557cb8248" }, t("span", { key: "ff7559b58cb22ce2a3066ed15e77f6088f299aaa", "aria-hidden": "true" }, "*"), t("span", { key: "2c831682aae410ac71589171e2b04981c60052bb", class: "sr-only" }, "required")));
+    return t("label", { key: "46f04462b12694d932be79bb1d252cd001d29e58", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && t("span", { key: "c747f5a7896b395f5c1b54725a966d54c7e5dfcd" }, t("span", { key: "2a27cfce971df8eab6186028f6c8319f19504317", "aria-hidden": "true", class: "req-mark" }, "*"), t("span", { key: "5876e15a66aa95a62b934edec0d64f01f713d1a8", class: "sr-only" }, "required")));
   }
 };
-Pi.style = Oi;
-const ha = class {
+Pi.style = Ni;
+const ga = class {
   constructor(e) {
-    u(this, e), this.edsrange = w(this, "edsrange", 7), this.onInput = (n) => {
+    u(this, e), this.edsrange = k(this, "edsrange", 7), this.onInput = (n) => {
       const i = n.target;
       this.sliderVal = parseInt(i.value, 10);
     }, this.onChange = (n) => {
@@ -14321,9 +14544,12 @@ const ha = class {
     var e;
     this.sliderVal = (e = this.value) !== null && e !== void 0 ? e : Math.round(this.min + (this.max - this.min) / 2);
   }
-  // Keep the internal state in sync when the passed value changes.
+  // Keep the internal state in sync when the passed value changes. When the
+  // value is cleared (undefined/null — e.g. "Clear form"), fall back to the
+  // default midpoint so BOTH the thumb and the filled track reset together
+  // (the fill is derived from sliderVal, so it must be updated too).
   onValueChange(e) {
-    e !== void 0 && (this.sliderVal = e);
+    this.sliderVal = e ?? Math.round(this.min + (this.max - this.min) / 2);
   }
   componentDidLoad() {
     this.inputElement = this.el.querySelector("input");
@@ -14333,32 +14559,38 @@ const ha = class {
   }
   render() {
     var e;
-    const n = (e = this.sliderVal) !== null && e !== void 0 ? e : Math.round(this.min + (this.max - this.min) / 2);
-    return t("div", { key: "231ae0f34900dfa3b8edeb9745ce07220735c613", class: "relative flex flex-col items-start" }, t("input", { key: "2cbfbbb410694a4764f44c26a74f4cbca9b98f3c", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: n, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": n, onInput: this.onInput, onChange: this.onChange }), t("p", { key: "8e7036cbaeebb62c6cd4b7f2105d3fa487ad463e", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-light" }, "Current value: ", n));
+    const n = (e = this.sliderVal) !== null && e !== void 0 ? e : Math.round(this.min + (this.max - this.min) / 2), i = this.max > this.min ? (n - this.min) / (this.max - this.min) * 100 : 0, r = {
+      background: `linear-gradient(90deg, var(--eds-field-accent, var(--green-500)) ${i}%, var(--grey-light, #ececec) ${i}%)`
+    }, a = Math.round(this.min + (this.max - this.min) / 2);
+    return t("div", { key: "742f329624bc2a8632640b6a93b6258d915f6deb", class: "eds-range" }, t("div", { key: "112ef4ef42761c85350f9624c10436fbd2600fce", class: "eds-range-top" }, t("span", { key: "2b2dbde929434f68c85a36380cbed1780707dfd8", id: `desc_${this.name}`, class: "eds-range-val" }, n)), t("input", { key: "d5bcbf157647324a1ddafab2001518707ae0de9b", id: this.inputId || this.name, name: this.name, style: r, min: this.min, max: this.max, step: this.step, value: n, required: this.required, disabled: this.disabled, type: "range", class: "w-full input eds-range-input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": n, onInput: this.onInput, onChange: this.onChange }), t("div", { key: "e72eed37dc3dc0bd596f9198f4d3f59ac11e1c40", class: "eds-range-scale", "aria-hidden": "true" }, t("span", { key: "ba65117d4dc0c498878760ddf124d614c19af7b9" }, this.min), t("span", { key: "82e42ecec8f53634c005acc151f12a3c6f390ab3" }, a), t("span", { key: "b2272241e488952785c92b4a495b1ba744e13d19" }, this.max)));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
       value: ["onValueChange"]
     };
   }
-}, ga = class {
+}, fa = class {
   constructor(e) {
-    u(this, e), this.edsselect = w(this, "edsselect", 7), this.handleChange = (n) => {
+    u(this, e), this.edsselect = k(this, "edsselect", 7), this.handleChange = (n) => {
       const i = n.target;
       this.edsselect.emit(i.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 e = this.inputId || this.name, n = this.placeholder || "Pick from the list", i = this.hasMessage || this.error ? `${this.name}-error` : void 0;
-    return t("div", { key: "8365ffbc8f6f6386edfc1626d16c9152fd3cce9f", class: "relative" }, t("select", { key: "52e712898a3251cea5447a379886449175e7c8b8", id: e, name: this.name, class: {
+    return t("div", { key: "303df3cd45f076ae5b29f301c9dc742e1664887a", class: "relative" }, t("select", { key: "7635ec7c53e7f07c7c71ab25e8475ed53a8d013e", id: e, name: this.name, class: {
       input: !0,
       "input-error": this.error,
+      // No real value yet → the placeholder option is showing. Lets CSS
+      // render the select text in the light placeholder colour (grey-500),
+      // matching text inputs, instead of the dark default text colour.
+      "is-placeholder": !this.value && this.value !== 0,
       "px-4": !0,
       "py-2": !0
-    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, disabled: this.disabled, required: this.required, onChange: this.handleChange }, t("option", { key: "d52c376ffb683abc0dec72177dba445273d148f7", value: "", disabled: !0, selected: !this.value || this.value === "" }, n), this.options.map((r, a) => t("option", { key: a, value: r.value, selected: r.value === this.value }, r.label))), t("span", { key: "fecbcb47793f8a57de44711b33d3650be5297aa7", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, t("eds-icon-wrapper", { key: "4fda1345a62eeb212093057382d877f31bb6112d", class: "w-20 h-20", name: "chevron-right" })));
+    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": i, disabled: this.disabled, required: this.required, onChange: this.handleChange }, t("option", { key: "793cd7db90936a9746810075246b5408710ce7ac", value: "", disabled: !0, selected: !this.value || this.value === "" }, n), this.options.map((r, a) => t("option", { key: a, value: r.value, selected: r.value === this.value }, r.label))), t("span", { key: "41a1eb4a753c304148ee6cdc71049fa15cbd61f6", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, t("eds-icon-wrapper", { key: "4ee4022f9d47fc26b27006f144fc598367f50169", class: "w-20 h-20", name: "chevron-right" })));
   }
 }, Ri = ":host{display:block;font-family:var(--plex-sans, 'IBM Plex Sans', system-ui, sans-serif);color:var(--brand-black, #07140D)}.lr-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem}.lr-heading{font-family:var(--inter, 'Inter', sans-serif);font-weight:300;font-size:1.75rem;line-height:110%;margin:0;color:var(--brand-black, #07140D)}.summary{display:flex;gap:0.5rem}.filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0.75rem;margin-bottom:1.5rem;align-items:flex-end}.filter-search{grid-column:span 2}.filter-select{grid-column:span 1}.accordion-list{display:flex;flex-direction:column;gap:0.5rem}.resources-content{padding-top:0.5rem}.kg-link{margin-bottom:1rem}.resources-table{width:100%;border-collapse:collapse;font-size:0.875rem}.resources-table thead th{text-align:left;font-family:var(--plex-sans, 'IBM Plex Sans', system-ui, sans-serif);font-weight:500;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--grey-dark, #7A7B7A);padding:0.5rem 0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.1)}.resource-row{transition:background-color 0.2s ease}.resource-row--clickable{cursor:pointer}.resource-row--clickable:hover{background-color:rgba(0, 255, 157, 0.04)}.resource-row td{padding:0.625rem 0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.04);vertical-align:top}.resource-row:last-child td{border-bottom:none}.resource-name{font-weight:500;font-size:1.0625rem;color:var(--brand-black, #07140D);transition:color 0.2s ease}.resource-row--clickable:hover .resource-name{color:var(--brand-green-dark, #00C87B)}.resource-desc{margin:0.25rem 0 0;font-size:0.9375rem;color:var(--grey-dark, #7A7B7A);line-height:145%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.col-name{width:auto}.col-type{width:160px;white-space:nowrap}.col-level{width:110px;white-space:nowrap}.loading{position:relative;min-height:8rem;padding:1rem 1.25rem;color:var(--grey-dark, #7A7B7A);font-size:0.9375rem;border:1px solid rgba(0, 0, 0, 0.08);border-radius:0.25rem;background-color:rgba(0, 0, 0, 0.02)}.no-results{padding:2rem;text-align:center;color:var(--grey-dark, #7A7B7A);font-size:0.875rem}@media (max-width: 750px){.lr-header{flex-direction:column;align-items:flex-start}.filters{grid-template-columns:1fr}.filter-search,.filter-select{grid-column:span 1}.col-type,.col-level{width:auto}.resources-table thead{display:none}.resource-row{display:flex;flex-wrap:wrap;gap:0.375rem;padding:0.625rem 0;border-bottom:1px solid rgba(0, 0, 0, 0.04)}.resource-row td{border:none;padding:0}.col-name{width:100%}}", ji = Ri;
 let ee = null, fe = 0;
@@ -14451,16 +14683,16 @@ const Wi = 10 * 60 * 1e3, qi = class {
   }
   render() {
     const e = !this.loading && !this.error ? this.getFilteredSoftware() : [];
-    return t("div", { key: "154b59a74cb32996f1bee10ee7758d916bebdd43", class: "lr-container" }, t("div", { key: "0c5c04b65f0c4e4c032b1b1a7d96e98fd6775563", class: "lr-header" }, t("h2", { key: "01ef66537b31a63521f0406cd2ec9976b532d18f", class: "lr-heading" }, this.heading)), this.loading && t("div", { key: "134ca8e5f7349127b40aa1ae0967cd12dc12cc0b", class: "loading", role: "status", "aria-live": "polite" }, t("eds-spinner", { key: "a3a0621b6ea041f8da4ef6f36c1688974f3c5591", size: "sm", variant: "primary", background: "transparent", message: "Loading learning resources..." })), this.error && !this.loading && t("eds-alert", { key: "a0334442c175374daf8ce2be4da60ac004e4d0e2", intent: "error", message: this.error }), !this.loading && !this.error && t("div", { key: "f2b8244f1ee5c052cabd5eec8cbfc36d06f4d08d", class: "accordion-list" }, e.map((n) => t("eds-accordion", { heading: n.name, description: this.renderAccordionDescription(n), variant: this.variant, icon: "book", switchBg: !0, clampText: !1 }, this.renderResources(n))), e.length === 0 && t("p", { key: "d572c9eb76279c93ba2bd5f0fae20b4e1d9fc816", class: "no-results" }, "No software matches the current filters.")));
+    return t("div", { key: "aef669885e2bc85b30f70b3db12fbf4040a306a9", class: "lr-container" }, t("div", { key: "95413849959947a851e27a404aa21368aa895e96", class: "lr-header" }, t("h2", { key: "10353aae716a1408f3f49d70501684a633bf7b51", class: "lr-heading" }, this.heading)), this.loading && t("div", { key: "d3318b411c4e27551997a697aa165fe4afb8f3fa", class: "loading", role: "status", "aria-live": "polite" }, t("eds-spinner", { key: "b242ace225a2b93d5d8e6e4fd3b78a23778d1995", size: "sm", variant: "primary", background: "transparent", message: "Loading learning resources..." })), this.error && !this.loading && t("eds-alert", { key: "c0a5cf3aa2830cb96f253f10a34babc4bdb9aedb", intent: "error", message: this.error }), !this.loading && !this.error && t("div", { key: "83671b3aea2286fe508742ae81d8d0d4aae9863c", class: "accordion-list" }, e.map((n) => t("eds-accordion", { heading: n.name, description: this.renderAccordionDescription(n), variant: this.variant, icon: "book", switchBg: !0, clampText: !1 }, this.renderResources(n))), e.length === 0 && t("p", { key: "2d344afbcaa2f18bddf2872fd1cf1eb0993ce632", class: "no-results" }, "No software matches the current filters.")));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 qi.style = ji;
-const Ui = ".kg-web-services-select-container{width:100%}.loading-container,.error-container{width:100%}", Zi = Ui, be = /* @__PURE__ */ new Map(), Yi = 5 * 60 * 1e3, Ki = class {
+const Ui = ".kg-web-services-select-container{width:100%}.loading-container,.error-container{width:100%}", Yi = Ui, be = /* @__PURE__ */ new Map(), Zi = 5 * 60 * 1e3, Ki = class {
   constructor(e) {
-    u(this, e), this.edsinput = w(this, "edsinput", 7), this.edschange = w(this, "edschange", 7), this.apiEndpoint = "/api/v1/kg/web-services/cached", this.label = "Select Web Service", this.name = "web-service", this.placeholder = "Choose a web service...", this.required = !1, this.disabled = !1, this.size = 100, this.searchTerm = "", this.value = void 0, this.hint = void 0, this.message = void 0, this.error = !1, this.errorMessage = void 0, this.loading = !1, this.webServices = [], this.fetchError = "", this.selectOptions = [];
+    u(this, e), this.edsinput = k(this, "edsinput", 7), this.edschange = k(this, "edschange", 7), this.apiEndpoint = "/api/v1/kg/web-services/cached", this.label = "Select Web Service", this.name = "web-service", this.placeholder = "Choose a web service...", this.required = !1, this.disabled = !1, this.size = 100, this.searchTerm = "", this.value = void 0, this.hint = void 0, this.message = void 0, this.error = !1, this.errorMessage = void 0, this.loading = !1, this.webServices = [], this.fetchError = "", this.selectOptions = [];
   }
   componentWillLoad() {
     this.fetchWebServices();
@@ -14469,7 +14701,7 @@ const Ui = ".kg-web-services-select-container{width:100%}.loading-container,.err
     this.loading = !0, this.fetchError = "";
     try {
       const e = new URLSearchParams(Object.assign({ size: this.size.toString() }, this.searchTerm && { search: this.searchTerm })), n = `${this.apiEndpoint}?${e.toString()}`, i = be.get(n), r = Date.now();
-      if (i && r - i.timestamp < Yi)
+      if (i && r - i.timestamp < Zi)
         this.webServices = i.data;
       else {
         const a = await fetch(`${this.apiEndpoint}?${e}`);
@@ -14499,7 +14731,7 @@ const Ui = ".kg-web-services-select-container{width:100%}.loading-container,.err
     } }));
   }
 };
-Ki.style = Zi;
+Ki.style = Yi;
 const Gi = `*,
 ::before,
 ::after {
@@ -15912,7 +16144,7 @@ Make sure disabled buttons don't get the pointer cursor.
   .lg\\:flex {
     display: flex;
   }
-}`, Xi = Gi, Ji = Y([
+}`, Xi = Gi, Ji = Z([
   "relative inline-flex justify-center items-center py-8 rounded-sm",
   "effect-color effect-focus aria-disabled:text-lightest",
   "cursor-pointer",
@@ -15965,12 +16197,8 @@ Make sure disabled buttons don't get the pointer cursor.
         "rounded-full",
         "aria-disabled:bg-dark aria-disabled:text-lightest"
       ],
-      cta: [
-        "cta-link !px-0 !py-0 !min-h-0 !h-auto"
-      ],
-      "cta-brand": [
-        "cta-link-brand !px-0 !py-0 !min-h-0 !h-auto"
-      ]
+      cta: ["cta-link !px-0 !py-0 !min-h-0 !h-auto"],
+      "cta-brand": ["cta-link-brand !px-0 !py-0 !min-h-0 !h-auto"]
     },
     iconSmall: {
       true: "",
@@ -16140,24 +16368,19 @@ Make sure disabled buttons don't get the pointer cursor.
       hasIcon: !!this.icon,
       pill: this.pill
     }), n = typeof this.url == "string" && this.url.length ? this.url : void 0, i = !this.disabled, r = !this.label || this.hideLabelOnSmallScreen && this.icon, a = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return t("a", { key: "d167c16280b7f0b4c1fcf14f0f0d3468111e715b", class: `${e || ""}`, href: i ? n : void 0, target: this.external && i ? "_blank" : void 0, rel: this.external && i ? "noopener noreferrer" : void 0, tabIndex: i ? 0 : -1, "aria-label": r ? this.ariaLabel || "Link" : void 0, "aria-disabled": this.disabled ? "true" : void 0, "aria-current": this.current ? "page" : void 0, role: this.disabled ? "link" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, t("span", { key: "000476a609888f5f848722015ce5e6137f26e371", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && t("span", { key: "15232cde31d23c5a466189c69fbdb9db48f08274", class: `${a} ${this.icon ? this.iconPos === "right" ? this.size === "large" ? "pr-4" : "pr-2" : this.size === "large" ? "pl-4" : "pl-2" : ""}` }, this.label), this.renderRightIcon()));
+    return t("a", { key: "a447ffc8ba377ceb4fe0dc199ad7225e222d4cf3", class: `${e || ""}`, href: i ? n : void 0, target: this.external && i ? "_blank" : void 0, rel: this.external && i ? "noopener noreferrer" : void 0, tabIndex: i ? 0 : -1, "aria-label": r ? this.ariaLabel || "Link" : void 0, "aria-disabled": this.disabled ? "true" : void 0, "aria-current": this.current ? "page" : void 0, role: this.disabled ? "link" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, t("span", { key: "72d84592cfd7e48e983e281d8e8f1d8a2b739e26", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && t("span", { key: "a101036d3206e7f610c04dfc9d0a4dcd5c1a2b4f", class: `${a} ${this.icon ? this.iconPos === "right" ? this.size === "large" ? "pr-4" : "pr-2" : this.size === "large" ? "pl-4" : "pl-2" : ""}` }, this.label), this.renderRightIcon()));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 Qi.style = Xi;
 const er = ".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}.p-\\[24px\\]{padding:24px}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}", nr = er, tr = class {
   constructor(e) {
-    u(this, e), this.href = "/", this.orientation = "horizontal", this.variant = "positive", this.label = "Home";
+    u(this, e), this.href = "/", this.variant = "positive";
   }
   /**
-   * Handles the click event on the logo link.
-   * Emits a `matomoEvent` for analytics tracking with details about the interaction.
-   * - `category`: Component type (e.g., "ui-component").
-   * - `tag`: The HTML tag name of the component.
-   * - `name`: Event name, set as "logo".
-   * - `action`: The action, set as "click".
+   * Emits an analytics event when the logo link is clicked.
    */
   handleClick() {
     F({
@@ -16167,24 +16390,18 @@ const er = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
       action: "click"
     });
   }
-  /**
-   * Determines the appropriate SVG content based on the `orientation` and `type` props.
-   */
-  getLogo() {
-    return this.variant == "negative" ? Fe : Ae;
-  }
   render() {
-    const e = this.getLogo();
-    return t("a", { key: "3f8257c9481079f011278b114e13effe9057d823", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, t("div", { key: "4dac45a1a0c38c6e1613995aad2005b41acac775", innerHTML: e }));
+    const e = this.variant === "negative" ? Fe : Ae;
+    return t("a", { key: "3576feaa13063508c317d8b31817165de79ced77", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": "Home" }, t("div", { key: "b43ef52813a59ba47e4a07c3d410b007a27ca186", innerHTML: e }));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 tr.style = nr;
 const ir = ":host{display:block;background-color:var(--white, #FFFFFF);border-radius:16px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);overflow:hidden}.flex{display:flex}.items-center{align-items:center}.gap-8{gap:0.5rem}", rr = ir, ar = class {
   constructor(e) {
-    u(this, e), this.consent = w(this, "consent", 7), this.heading = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.", this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.", this.forceShow = !1, this.showNotice = !0;
+    u(this, e), this.consent = k(this, "consent", 7), this.heading = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.", this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.", this.forceShow = !1, this.showNotice = !0;
   }
   /**
    * Listens for global custom events to open the matomo-consent.
@@ -16272,13 +16489,13 @@ const ir = ":host{display:block;background-color:var(--white, #FFFFFF);border-ra
     ) : null;
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
 ar.style = rr;
 const lr = '.eds-nps__labels{padding-top:0.75rem;padding-bottom:0.5rem}.eds-nps__scale{display:block;width:fit-content;max-width:100%;padding-top:0.5rem;}#nps-buttons{gap:0.6rem}.eds-nps__btn{border-radius:9999px;transition:transform 0.15s ease-in-out}.eds-nps__btn.is-selected{transform:scale(1.12)}.flex{display:flex}.justify-between{justify-content:space-between}.mt-4{margin-top:0.25rem}.mt-8{margin-top:0.5rem}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.gap-2{gap:0.125rem}.gap-4{gap:0.25rem}.grid{display:grid}.grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-11[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1)::before{inset-inline-start:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+11)::before{inset-inline-end:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)~*::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+11)::after{border-inline-end-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+11)::after{top:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)::after{bottom:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)~li::after{bottom:0}.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-dark)}.flex-wrap{flex-wrap:wrap}', or = lr, sr = class {
   constructor(e) {
-    u(this, e), this.nps = w(this, "nps", 7), this.min = 0, this.max = 10, this.btnRefs = [], this.onSelect = (n) => {
+    u(this, e), this.nps = k(this, "nps", 7), this.min = 0, this.max = 10, this.btnRefs = [], this.onSelect = (n) => {
       this.internalValue = n, this.nps.emit(n), requestAnimationFrame(() => {
         var i, r;
         const a = n - this.min;
@@ -16349,15 +16566,15 @@ const lr = '.eds-nps__labels{padding-top:0.75rem;padding-bottom:0.5rem}.eds-nps_
   }
   render() {
     const e = this.max - this.min + 1;
-    return t("div", { key: "412ddeabf0cc97829202063af25f17e3309b0754", class: "eds-nps" }, t("eds-input-label", { key: "100a47e710fa75d6a5761a87ca68e8bc8910e248", id: "nps-question", name: "nps-question", label: this.question }), t("div", { key: "9a7a63112e17f4c725005e1ae8e42c98107db7c4", class: "eds-nps__scale" }, t("div", { key: "501029dad573cd31d956ae3cae67f2db9f2649f1", id: "nps-buttons", role: "radiogroup", "aria-labelledby": "nps-question", onKeyDown: this.handleKeyNav, class: "flex flex-wrap gap-2 my-8" }, Array.from({ length: e }, (n, i) => {
+    return t("div", { key: "edbeca6a946c3b355161d09707d6732dd5a79e67", class: "eds-nps" }, t("eds-input-label", { key: "cf2b345b98407ee204a914e50183f5f895698adb", id: "nps-question", name: "nps-question", label: this.question }), t("div", { key: "423d0d8b676c8d3a72efd71f092a6b041a42c007", class: "eds-nps__scale" }, t("div", { key: "b93fdd4168213fd5835a1253c5731c8dfa860572", id: "nps-buttons", role: "radiogroup", "aria-labelledby": "nps-question", onKeyDown: this.handleKeyNav, class: "flex flex-wrap gap-2 my-8" }, Array.from({ length: e }, (n, i) => {
       const r = this.min + i, a = r === this.internalValue, l = a || this.internalValue == null && i === 0 ? 0 : -1;
       return t("div", { class: "flex", key: r }, t("eds-button", { ref: (o) => this.btnRefs[i] = o, size: "large", role: "radio", "aria-checked": a ? "true" : "false", "aria-label": `${r}`, onClick: () => this.onSelect(r), tabIndex: l, intent: a ? "brand" : "brandLight", class: a ? "eds-nps__btn is-selected" : "eds-nps__btn", "extra-class": "!block !px-0 w-full", label: `${r}`, pill: !0, onFocus: () => {
         this.internalValue = r;
       } }));
-    })), t("div", { key: "aa15457591f1edf6e59eed384bcfbb25d49c9fd5", class: "flex justify-between eds-nps__labels" }, t("span", { key: "a468b290491e368e3084f17ce40c6aa39e00ad3a", class: "f-ui-04 text-light ml-4" }, this.leftLabel), t("span", { key: "146b9eea4bbc360f7765e69e319738c77beae69d", class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
+    })), t("div", { key: "035bf1b3da3c481084201b1edb76a4d3e900a878", class: "flex justify-between eds-nps__labels" }, t("span", { key: "218622e6374ffa7b137b38dde7654e7b671cea6a", class: "f-ui-04 text-light ml-4" }, this.leftLabel), t("span", { key: "66d04e813fa6eee2fb52b7f48540b647016e0fe7", class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -16517,14 +16734,14 @@ const dr = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     }
   }
   render() {
-    return t("div", { key: "5c11fd306f0ebf47a452e44d633e18b2e3860d78" }, this.total > 0 && this.mode === "default" && t("p", { key: "fe8b7f7b6c7785152f1edd90a750f4a9a7e2768b", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, t("span", { key: "5e2c67535dbf765dc662770164404f0de69315a1", class: "text-light sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? t("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === "default" ? "pagination-info" : void 0, onKeyDown: this.handleKeyDown }, t("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, t("li", { class: "mr-auto" }, this.useButtons ? t("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, t("eds-button", { label: this.prevLabel, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (n) => {
+    return t("div", { key: "7968465b6c55f17657aa5bd3271448a9d780bec7" }, this.total > 0 && this.mode === "default" && t("p", { key: "e266baaf3b45095b1e0d90c493d254405fa317b7", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, t("span", { key: "2acbccf0cb69248fb36b2479eb925d5cb728a3b5", class: "text-light sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? t("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === "default" ? "pagination-info" : void 0, onKeyDown: this.handleKeyDown }, t("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, t("li", { class: "mr-auto" }, this.useButtons ? t("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, t("eds-button", { label: this.prevLabel, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (n) => {
       this.mode === "default" && !this.isFirstPage() && this.handlePageClick(n, (this.currentPage || 1) - 1);
     } })) : t("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": "Go to 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" })), this.mode === "default" && this.links.map((n, i) => t("li", { key: i, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof n == "string" ? t("span", { class: "flex items-center justify-center", "aria-hidden": "true" }, n) : this.useButtons ? t("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, t("eds-button", { label: n.label, "aria-label": n.current ? `Current page, page ${n.label}` : `Go to page ${n.label}`, "aria-current": n.current ? "page" : void 0, size: "small", "extra-class": "!p-8 pagination-button", intent: n.current ? "brand" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(n.label)) })) : t("eds-link", { url: n.url, "aria-label": n.ariaLabel, label: n.label, current: n.current, "aria-current": n.current ? "page" : void 0, size: "small", class: "!p-8", intent: n.current ? "primary" : "secondary", onClick: (r) => this.handlePageClick(r, parseInt(n.label)) }))), t("li", { class: "ml-auto" }, this.useButtons ? t("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, t("eds-button", { label: this.nextLabel, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Go to next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "ghost", "extra-class": "!p-8 lg:!pl-12 pagination-button", onClick: (n) => {
       this.mode === "default" && !this.isLastPage() && this.handlePageClick(n, (this.currentPage || 1) + 1);
     } })) : t("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": "Go to 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" })))) : null);
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -16563,21 +16780,14 @@ const gr = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:
       "border-softer",
       "overflow-hidden",
       "relative"
-    ].filter(Boolean).join(" "), r = [
-      "inner",
-      "h-full",
-      "transition-all",
-      "duration-300",
-      "bg-accent",
-      "z-0"
-    ].filter(Boolean).join(" ");
+    ].filter(Boolean).join(" "), r = ["inner", "h-full", "transition-all", "duration-300", "bg-accent", "z-0"].filter(Boolean).join(" ");
     return t("div", { role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": e, "aria-valuetext": `${e}%`, class: i }, t("div", { class: r, style: { width: `${e}%` } }), t("div", { class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, t("span", { class: "text-default f-ui-01" }, e, "%")));
   }
 };
 br.style = fr;
-const pr = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--brand-green);}.star:hover,.star.filled:hover{transform:scale(1.2)}.eds-rating__btn{transition:transform 0.15s ease-in-out}.eds-rating__btn.is-selected{transform:scale(1.05)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", ur = pr, mr = class {
+const pr = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--brand-green);}.star:hover,.star.filled:hover{transform:scale(1.2)}.eds-rating__btn{transition:transform 0.15s ease-in-out}.eds-rating__btn.is-selected{transform:scale(1.05)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", mr = pr, ur = class {
   constructor(e) {
-    u(this, e), this.rating = w(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0, this.internalRating = 0;
+    u(this, e), this.rating = k(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0, this.internalRating = 0;
   }
   /**
    * Watch for changes to the selectedRating prop and sync internal state.
@@ -16635,13 +16845,13 @@ const pr = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     r > this.ratingCount && (r = 1), r < 1 && (r = this.ratingCount), this.onSelect(r);
   }
   render() {
-    return t("div", { key: "01857f12c63fbe53b95152902ddba594aa736f6f", id: "rating-buttons", role: "group", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: this.ratingCount }, (e, n) => {
+    return t("div", { key: "57a4d7bc36daac45ba1b2a6924a6976919614c99", id: "rating-buttons", role: "group", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: this.ratingCount }, (e, n) => {
       const i = n + 1, r = i <= this.internalRating, a = this.internalRating === i;
       return t("eds-button", { ref: (l) => this.buttonRefs[n] = l, icon: this.ratingType, "aria-label": `${i} ${this.ratingType}${i > 1 ? "s" : ""}`, onClick: () => this.onSelect(i), tabIndex: a || this.internalRating === 0 && n === 0 ? 0 : -1, intent: r ? "brand" : "brandLight", class: r ? "eds-rating__btn is-selected" : "eds-rating__btn", size: "large" });
     }));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -16649,10 +16859,10 @@ const pr = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     };
   }
 };
-mr.style = ur;
-const xr = ":host{display:block;width:100%;font-family:var(--f-ui-02-fontFamily, 'IBM Plex Sans', system-ui, sans-serif)}.eds-ss{position:relative;display:block;width:100%}.eds-ss__labelrow{display:flex;justify-content:space-between;margin-bottom:0.25rem}.eds-ss__hint{margin-top:0.5rem;margin-left:0.5rem;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);color:var(--grey-600)}.eds-ss__control{position:relative}.eds-ss__box{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;width:100%;box-sizing:border-box;min-height:2.5rem;padding:6px 0.75rem;padding-right:3.75rem;border-width:2px;border-style:solid;border-color:rgba(0, 0, 0, 0.1);border-radius:8px;background:var(--white, #fff);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:300ms}.eds-ss__box:hover{border-color:var(--brand-black)}.eds-ss__box:focus-within{border-color:var(--brand-black);outline:3px solid var(--brand-green);outline-offset:2px}.eds-ss__box.is-error{border-color:var(--red-700)}.eds-ss__box.is-disabled{cursor:not-allowed;background-color:var(--grey-300)}.eds-ss__input{flex:1;min-width:6rem;border:none;outline:none;background:transparent;padding:4px 0;color:var(--brand-black);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)}.eds-ss__input::placeholder{color:var(--grey-500)}.eds-ss__input:disabled{cursor:not-allowed;color:var(--grey-500)}.eds-ss__chip{display:inline-flex;align-items:center;gap:0.35rem;padding:4px 0.4rem 4px 0.7rem;background:rgba(0, 200, 123, 0.12);color:var(--brand-green-dark, #00A867);border-radius:6px;font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);font-weight:600;line-height:1.4;max-width:100%}.eds-ss__chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eds-ss__chip-x{flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--brand-green-dark, #00A867);font-size:1.2rem;line-height:1;padding:0 2px}.eds-ss__chip-x:hover{color:var(--brand-black, #07140D)}.eds-ss__clear,.eds-ss__chevron{position:absolute;top:50%;transform:translateY(-50%)}.eds-ss__chevron{right:6px;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--grey-300);border-radius:4px;color:var(--brand-black);pointer-events:none}.eds-ss__clear{right:2.6rem;color:var(--grey-600, #6e6e6e);background:none;border:none;cursor:pointer;font-size:1.05rem;line-height:1}.eds-ss__clear:hover{color:var(--brand-black, #07140D)}.eds-ss__list{position:absolute;z-index:50;left:0;right:0;margin:0.25rem 0 0;padding:0.25rem;list-style:none;max-height:18rem;overflow-y:auto;background:var(--white, #fff);border:2px solid rgba(0, 0, 0, 0.1);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12)}.eds-ss__option{padding:0.5rem 0.6rem;border-radius:6px;cursor:pointer;color:var(--brand-black, #07140D);font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.eds-ss__option.is-active{background:rgba(0, 200, 123, 0.1)}.eds-ss__option.is-selected{font-weight:600;color:var(--brand-green-dark, #00A867)}.eds-ss__status,.eds-ss__more{padding:0.5rem 0.6rem;font-family:var(--f-ui-05-fontFamily);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);color:var(--grey-600, #6e6e6e)}.eds-ss__status.is-error{color:var(--red-700, #d64545)}.eds-ss__more{border-top:1px solid rgba(0, 0, 0, 0.1);margin-top:0.25rem;font-style:italic}", vr = xr, yr = class {
+ur.style = mr;
+const xr = ":host{display:block;width:100%;font-family:var(--f-ui-02-fontFamily, 'IBM Plex Sans', system-ui, sans-serif)}.eds-ss{position:relative;display:block;width:100%}.eds-ss__labelrow{display:flex;justify-content:space-between;margin-bottom:0.25rem}.eds-ss__hint{margin-top:0.5rem;margin-left:0.5rem;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);color:var(--grey-600)}.eds-ss__control{position:relative}.eds-ss__box{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;width:100%;box-sizing:border-box;min-height:2.5rem;padding:6px 0.75rem;padding-right:3.75rem;border-width:2px;border-style:solid;border-color:rgba(0, 0, 0, 0.1);border-radius:8px;background:var(--white, #fff);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:300ms}.eds-ss__box:hover{border-color:var(--brand-black)}.eds-ss__box:focus-within{border-color:var(--brand-black);outline:3px solid var(--brand-green);outline-offset:2px}.eds-ss__box.is-error{border-color:var(--red-700)}.eds-ss__box.is-disabled{cursor:not-allowed;background-color:var(--grey-300)}.eds-ss__input{flex:1;min-width:6rem;border:none;outline:none;background:transparent;padding:4px 0;color:var(--brand-black);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)}.eds-ss__input::placeholder{color:var(--grey-500);opacity:1}.eds-ss__input:disabled{cursor:not-allowed;color:var(--grey-500)}.eds-ss__chip{display:inline-flex;align-items:center;gap:0.35rem;padding:4px 0.4rem 4px 0.7rem;background:rgba(0, 200, 123, 0.12);color:var(--brand-green-dark, #00A867);border-radius:6px;font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);font-weight:600;line-height:1.4;max-width:100%}.eds-ss__chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eds-ss__chip-x{flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--brand-green-dark, #00A867);font-size:1.2rem;line-height:1;padding:0 2px}.eds-ss__chip-x:hover{color:var(--brand-black, #07140D)}.eds-ss__clear,.eds-ss__chevron{position:absolute;top:50%;transform:translateY(-50%)}.eds-ss__chevron{right:6px;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--grey-300);border-radius:4px;color:var(--brand-black);pointer-events:none}.eds-ss__clear{right:2.6rem;color:var(--grey-600, #6e6e6e);background:none;border:none;cursor:pointer;font-size:1.05rem;line-height:1}.eds-ss__clear:hover{color:var(--brand-black, #07140D)}.eds-ss__list{position:absolute;z-index:50;left:0;right:0;margin:0.25rem 0 0;padding:0.25rem;list-style:none;max-height:18rem;overflow-y:auto;background:var(--white, #fff);border:2px solid rgba(0, 0, 0, 0.1);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12)}.eds-ss__option{padding:0.5rem 0.6rem;border-radius:6px;cursor:pointer;color:var(--brand-black, #07140D);font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.eds-ss__option.is-active{background:rgba(0, 200, 123, 0.1)}.eds-ss__option.is-selected{font-weight:600;color:var(--brand-green-dark, #00A867)}.eds-ss__status,.eds-ss__more{padding:0.5rem 0.6rem;font-family:var(--f-ui-05-fontFamily);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);color:var(--grey-600, #6e6e6e)}.eds-ss__status.is-error{color:var(--red-700, #d64545)}.eds-ss__more{border-top:1px solid rgba(0, 0, 0, 0.1);margin-top:0.25rem;font-style:italic}.mt-6{margin-top:0.375rem}", vr = xr, yr = class {
   constructor(e) {
-    u(this, e), this.edsinput = w(this, "edsinput", 7), this.edschange = w(this, "edschange", 7), this.debounceTimer = null, this.inlineOptions = [], this.listboxId = `eds-ss-list-${Math.round(performance.now())}`, this.labelCache = {}, this.onInput = (n) => {
+    u(this, e), this.edsinput = k(this, "edsinput", 7), this.edschange = k(this, "edschange", 7), this.debounceTimer = null, this.inlineOptions = [], this.listboxId = `eds-ss-list-${Math.round(performance.now())}`, this.labelCache = {}, this.onInput = (n) => {
       this.query = n.target.value, this.open = !0, this.activeIndex = -1, this.runSearch(this.query);
     }, this.clear = () => {
       this.multiple ? (this.value = [], this.emitValue([])) : (this.value = void 0, this.selectedLabel = "", this.emitValue("")), this.query = "";
@@ -16775,14 +16985,18 @@ const xr = ":host{display:block;width:100%;font-family:var(--f-ui-02-fontFamily,
   }
   render() {
     const e = this.selectedValues, n = e.length > 0, i = this.multiple ? this.query : this.open ? this.query : this.selectedLabel, r = this.multiple ? n ? "" : this.placeholder : n && !this.open ? this.selectedLabel : this.placeholder;
-    return t("div", { key: "f5224332aa395be2a9dd8a1312dcd1b631ad2129", class: "eds-ss" }, (this.label || this.hint) && t("div", { key: "e28da19abdedb4107a7b7be2a59e6444780f8251", class: "eds-ss__labelrow" }, this.label && t("eds-input-label", { key: "81933dbc2d370b8ddbbf8f4286c3420e4f140ca7", name: `${this.name}-input`, label: this.label, required: this.required, disabled: this.disabled }), this.hint && t("p", { key: "1ff5b7a62cc20bb2ce710ca2e06c728d94aef895", id: `${this.name}-hint`, class: "eds-ss__hint" }, this.hint)), t("div", { key: "84fbdccc6326707ac854e06d7209dd149d9c26a7", class: "eds-ss__control relative" }, t("div", { key: "ae99c3d9c706fa6619459d8d6c9baa3df610169e", class: { "eds-ss__box": !0, "is-error": this.error || !!this.fetchError, "is-disabled": this.disabled } }, this.multiple && e.map((a) => t("span", { class: "eds-ss__chip", key: a }, t("span", { class: "eds-ss__chip-label" }, this.labelFor(a)), !this.disabled && t("button", { type: "button", class: "eds-ss__chip-x", "aria-label": `Remove ${this.labelFor(a)}`, onMouseDown: (l) => {
+    return t("div", { key: "c07301b4d8b6dceeea092423faeefdb51df5882a", class: "eds-ss" }, (this.label || this.hint) && t("div", { key: "852ddc433b142caed852c7503d68aab968808480", class: "eds-ss__labelrow" }, this.label && t("eds-input-label", { key: "d44b4925954172a7ad5dec8e71b363630fc8cd3b", name: `${this.name}-input`, label: this.label, required: this.required, disabled: this.disabled }), this.hint && t("p", { key: "964933f90c1526383364fa4a76b6b31846a6e3e0", id: `${this.name}-hint`, class: "eds-ss__hint" }, this.hint)), t("div", { key: "69b226ececf5431ce220f5686e01f18aba100b8d", class: "eds-ss__control relative" }, t("div", { key: "942ba3e7020e2a9ae1eb4176b1d7b7444368baa3", class: { "eds-ss__box": !0, "is-error": this.error || !!this.fetchError, "is-disabled": this.disabled } }, this.multiple && e.map((a) => t("span", { class: "eds-ss__chip", key: a }, t("span", { class: "eds-ss__chip-label" }, this.labelFor(a)), !this.disabled && t("button", { type: "button", class: "eds-ss__chip-x", "aria-label": `Remove ${this.labelFor(a)}`, onMouseDown: (l) => {
       l.preventDefault(), this.removeValue(a, l);
-    } }, "×"))), t("input", { key: "18dcd5787c7636c09be7285fb85b77f5cae334c8", id: `${this.name}-input`, class: "eds-ss__input", type: "text", role: "combobox", autocomplete: "off", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.listboxId, "aria-autocomplete": "list", placeholder: r, value: i, disabled: this.disabled, required: this.required && !n, onFocus: () => this.openMenu(), onInput: this.onInput, onKeyDown: this.onKeyDown })), !this.multiple && n && !this.disabled && t("button", { key: "c927fa49fb58b7abec13f6d436f1d1452f9644c5", type: "button", class: "eds-ss__clear", "aria-label": "Clear selection", onClick: this.clear }, "×"), t("span", { key: "bff4bf41fb388f849ef9c0928f4aa88e065d718d", class: "eds-ss__chevron", "aria-hidden": "true" }, t("eds-icon-wrapper", { key: "7871955d6fc5626914995d51c1b4b3511b60febe", name: "chevron-right", size: 20 }))), this.open && t("ul", { key: "e529fe82576be45a0e99d4a020aa4f721b71686b", class: "eds-ss__list", id: this.listboxId, role: "listbox" }, this.loading && t("li", { key: "fe8d73dfa0d6a5cf7e9bea4220511a22489884f8", class: "eds-ss__status" }, "Searching…"), !this.loading && this.fetchError && t("li", { key: "b708b1de4eee8e45287fd23f0bf63327032616d6", class: "eds-ss__status is-error" }, this.fetchError), !this.loading && !this.fetchError && this.visibleItems.length === 0 && t("li", { key: "9400ac7a022f38935f05df3705e2a65acb9d4a04", class: "eds-ss__status" }, "No matches"), !this.loading && !this.fetchError && this.visibleItems.map((a, l) => t("li", { key: a.value, class: { "eds-ss__option": !0, "is-active": l === this.activeIndex, "is-selected": e.includes(String(a.value)) }, role: "option", "aria-selected": e.includes(String(a.value)) ? "true" : "false", onMouseEnter: () => this.activeIndex = l, onMouseDown: (o) => {
+    } }, "×"))), t("input", { key: "c41ce7b8e648f0c9e688ae94b0a1a25945ad8715", id: `${this.name}-input`, class: "eds-ss__input", type: "text", role: "combobox", autocomplete: "off", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.listboxId, "aria-autocomplete": "list", placeholder: r, value: i, disabled: this.disabled, required: this.required && !n, onFocus: () => this.openMenu(), onInput: this.onInput, onKeyDown: this.onKeyDown })), !this.multiple && n && !this.disabled && t("button", { key: "331e43093fc5749fc369bf976119610b2a310576", type: "button", class: "eds-ss__clear", "aria-label": "Clear selection", onClick: this.clear }, "×"), t("span", { key: "11b78efe2584e65cb533fb88746ad38da47f2b8d", class: "eds-ss__chevron", "aria-hidden": "true" }, t("eds-icon-wrapper", { key: "ca62bbe9b3f90b1625208584a6b9e5a154acc5be", name: "chevron-right", size: 20 }))), this.open && t("ul", { key: "f4739dc147217d1d575494d0bdd83427f898ddc3", class: "eds-ss__list", id: this.listboxId, role: "listbox" }, this.loading && t("li", { key: "def95414349449021ec318cae0e3990621992e3e", class: "eds-ss__status" }, "Searching…"), !this.loading && this.fetchError && t("li", { key: "32d940c717170d0e53200ff552bf513e3e6e5fe1", class: "eds-ss__status is-error" }, this.fetchError), !this.loading && !this.fetchError && this.visibleItems.length === 0 && t("li", { key: "bea6ededb51b4baab76eca8a237d4a740d3478da", class: "eds-ss__status" }, "No matches"), !this.loading && !this.fetchError && this.visibleItems.map((a, l) => t("li", { key: a.value, class: {
+      "eds-ss__option": !0,
+      "is-active": l === this.activeIndex,
+      "is-selected": e.includes(String(a.value))
+    }, role: "option", "aria-selected": e.includes(String(a.value)) ? "true" : "false", onMouseEnter: () => this.activeIndex = l, onMouseDown: (o) => {
       o.preventDefault(), this.select(a);
-    } }, a.label)), !this.loading && !this.fetchError && this.hiddenCount > 0 && t("li", { key: "8e82d65e9da3755ad10ffaf0fc4a45f5bc365a48", class: "eds-ss__more" }, "+", this.hiddenCount, " more — keep typing to narrow")), t("eds-input-footer", { key: "0564f006a874a3556118ce99441cbfabc230ac57", name: this.name, message: this.message, error: this.error, "error-message": this.errorMessage }));
+    } }, a.label)), !this.loading && !this.fetchError && this.hiddenCount > 0 && t("li", { key: "8d6fe6aa8041a948a19004a03728b1439469e28e", class: "eds-ss__more" }, "+", this.hiddenCount, " more — keep typing to narrow")), t("div", { key: "dfb6a12b7eff98bd05b674d385db1dc2e6a17ac2", class: "mt-6" }, t("eds-input-footer", { key: "2f0b9dbc247dea65d3c7abea1a6384b496e586b8", name: this.name, message: this.message, error: this.error, "error-message": this.errorMessage })));
   }
   get host() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -16794,7 +17008,7 @@ const xr = ":host{display:block;width:100%;font-family:var(--f-ui-02-fontFamily,
 yr.style = vr;
 const wr = ":host{display:block;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;transition:width 0.3s ease}:host(.collapsed){width:4rem}:host::-webkit-scrollbar{width:8px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}:host::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}.sidebar-nav{padding:0.5rem 0}.sidebar-header{display:flex;justify-content:flex-end;padding:0.5rem 0.75rem;margin-bottom:0.5rem}:host(.collapsed) .sidebar-header{justify-content:center;padding:0.5rem}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;padding:0;border-radius:0.375rem;transition:background-color 0.15s ease;color:inherit}.collapse-toggle:hover{background-color:rgba(0, 0, 0, 0.08)}.collapse-toggle:focus-visible{outline:2px solid var(--eds-focus-color, #0066cc);outline-offset:2px}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.125rem}.sidebar-item{display:flex;flex-direction:column}.sidebar-item-content{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;cursor:pointer;user-select:none;word-break:break-word;transition:background-color 0.15s ease;border-radius:0.375rem;margin:0 0.5rem;position:relative}:host(.collapsed) .sidebar-item-content{justify-content:center;padding:0.75rem;margin:0 0.5rem}.sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.04)}.sidebar-item-content:focus-visible{outline:2px solid var(--eds-focus-color, #0066cc);outline-offset:-2px;z-index:1}.sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar-content-wrapper{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;padding:0;margin:-0.125rem 0;pointer-events:none}.sidebar-link-wrapper{flex:1;min-width:0;pointer-events:none}.sidebar-link{font-weight:400;pointer-events:none}.sidebar-children{list-style:none;margin:0.25rem 0 0 0;padding:0;display:flex;flex-direction:column;gap:0.125rem;overflow:hidden;animation:slideDown 0.2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-0.25rem)}to{opacity:1;transform:translateY(0)}}.sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}:host(.collapsed) .sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}.sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}.sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}.sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}.sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}.sidebar-item.level-5 .sidebar-item-content{padding-left:7rem}:host(.theme-default) .sidebar-item-content{border-radius:0.375rem;margin:0 0.5rem;padding:0.5rem 0.75rem}:host(.theme-default.collapsed) .sidebar-item-content{margin:0 0.5rem;border-radius:0.375rem}:host(.theme-default) .sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.04)}:host(.theme-default) .sidebar-item.active>.sidebar-item-content{background-color:transparent}:host(.theme-default) .sidebar-item.active>.sidebar-item-content .sidebar-link{font-weight:600}:host(.theme-default) .sidebar-item.level-0 .sidebar-item-content{padding-left:0.75rem}:host(.theme-default) .sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}:host(.theme-default) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}:host(.theme-default) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}:host(.theme-default) .sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}:host(.theme-minimal) .sidebar-item-content{border-radius:0;margin:0;padding-left:1rem;padding-right:1rem}:host(.theme-minimal.collapsed) .sidebar-item-content{margin:0 0.25rem;border-radius:0.375rem}:host(.theme-minimal) .sidebar-item-content:hover{background-color:rgba(0, 255, 157, 0.05);color:var(--brand-black, #07140D)}:host(.theme-minimal) .sidebar-item.active>.sidebar-item-content{background-color:rgba(0, 255, 157, 0.1);border-left:3px solid var(--brand-green-dark, #00C87B);padding-left:calc(1rem - 3px);color:var(--brand-black, #07140D);font-weight:500}:host(.theme-minimal.collapsed) .sidebar-item.active>.sidebar-item-content{border-left:none;border-radius:0.375rem;padding-left:0.75rem;background-color:rgba(0, 255, 157, 0.1);color:var(--brand-black, #07140D)}:host(.theme-minimal) .sidebar-item.level-1.active>.sidebar-item-content{padding-left:calc(2rem - 3px)}:host(.theme-minimal) .sidebar-item.level-2.active>.sidebar-item-content{padding-left:calc(3.25rem - 3px)}:host(.theme-minimal) .sidebar-item.level-3.active>.sidebar-item-content{padding-left:calc(4.5rem - 3px)}:host(.theme-minimal) .sidebar-item.level-4.active>.sidebar-item-content{padding-left:calc(5.75rem - 3px)}:host(.theme-minimal) .sidebar-item.level-0 .sidebar-item-content{padding-left:1rem}:host(.theme-minimal) .sidebar-item.level-1 .sidebar-item-content{padding-left:2rem}:host(.theme-minimal) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.25rem}:host(.theme-minimal) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.5rem}:host(.theme-minimal) .sidebar-item.level-4 .sidebar-item-content{padding-left:5.75rem}:host(.theme-minimal) .sidebar-children{position:relative}:host(.theme-ebrains) .sidebar-item-content{padding:0.5rem 1rem;border-radius:0.5rem;margin:0 0.5rem}:host(.theme-ebrains.collapsed) .sidebar-item-content{padding:0.75rem}:host(.theme-ebrains) .sidebar-item-content:hover{background-color:rgba(0, 0, 0, 0.05)}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content{background-color:var(--brand-green-dark, #22c55e);color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-link{--eds-link-color:white;--eds-link-hover-color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-toggle{color:white}:host(.theme-ebrains) .sidebar-item.active>.sidebar-item-content .sidebar-icon{color:white}:host(.theme-ebrains) .sidebar-item.level-0 .sidebar-item-content{padding-left:1rem}:host(.theme-ebrains) .sidebar-item.level-1 .sidebar-item-content{padding-left:2.25rem}:host(.theme-ebrains) .sidebar-item.level-2 .sidebar-item-content{padding-left:3.5rem}:host(.theme-ebrains) .sidebar-item.level-3 .sidebar-item-content{padding-left:4.75rem}:host(.theme-ebrains) .sidebar-item.level-4 .sidebar-item-content{padding-left:6rem}@media (prefers-color-scheme: dark){.collapse-toggle:hover{background-color:rgba(255, 255, 255, 0.08)}:host(.theme-default) .sidebar-item-content:hover{background-color:rgba(255, 255, 255, 0.05)}:host(.theme-default) .sidebar-item.active>.sidebar-item-content{background-color:rgba(0, 102, 204, 0.15)}:host(.theme-minimal) .sidebar-item-content:hover{background-color:rgba(255, 255, 255, 0.06)}:host::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255, 0.3)}}.sidebar-toggle eds-icon-wrapper,.sidebar-icon eds-icon-wrapper,.collapse-toggle eds-icon-wrapper{transition:transform 0.15s ease;display:flex;align-items:center;justify-content:center}.sidebar-item-content:focus-visible .sidebar-link{text-decoration:underline}.sidebar-item.active>.sidebar-item-content .sidebar-link{font-weight:500}:host(.collapsed) .sidebar-item-content::after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:0.5rem;padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.9);color:white;border-radius:0.375rem;white-space:nowrap;font-size:0.875rem;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:1000}:host(.collapsed) .sidebar-item-content:hover::after{opacity:1;transition-delay:0.3s}.-ml-4{margin-left:-0.25rem}.mt-2{margin-top:0.125rem}", kr = wr, zr = class {
   constructor(e) {
-    u(this, e), this.sidebar = w(this, "sidebar", 7), this.toggleItem = (n, i) => {
+    u(this, e), this.sidebar = k(this, "sidebar", 7), this.toggleItem = (n, i) => {
       i && i.stopPropagation();
       const r = new Set(this.openItems);
       r.has(n) ? r.delete(n) : r.add(n), this.openItems = r;
@@ -16871,13 +17085,13 @@ const wr = ":host{display:block;width:100%;height:100%;overflow-y:auto;overflow-
     } }, a && t("span", { class: "sidebar-toggle -ml-4", "aria-hidden": "true" }, t("eds-icon-wrapper", { name: i ? "chevron-down" : "chevron-right" })), t("span", { class: "sidebar-link-wrapper" }, t("eds-link", { label: e.title, url: e.url || "#", intent: r ? "strong" : "weak", size: "small", "aria-label": e.title, "extra-class": "sidebar-link", tabindex: "-1" }))), a && i && t("ul", { id: o, class: "sidebar-children" }, e.children.map((s) => this.renderItem(s, n + 1))));
   }
   render() {
-    return t(Z, { key: "f5221c19e8148ca62a76fb470a4aa6786c3e41b5", class: {
+    return t(Y, { key: "f5221c19e8148ca62a76fb470a4aa6786c3e41b5", class: {
       "eds-sidebar": !0,
       [`theme-${this.theme}`]: !0
     } }, t("nav", { key: "0a975a10a3892f6eabaf2a1c2be21963f0e76549", class: "sidebar-nav", "aria-label": "Sidebar" }, t("ul", { key: "498436fa1f4ec7ff2f3feea843fe58b415d20a3f", class: "sidebar-list" }, this.parsedItems.map((e) => this.renderItem(e, 0)))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -16928,7 +17142,7 @@ const Sr = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
    */
   render() {
     const e = this.variant === "inverse", n = e ? "text-inverse" : "", i = e ? "inverse" : "strong";
-    return t("nav", { key: "924bdf5a32b65cd0968ad92461cb8203f3305fce", "aria-label": "Social media" }, t("p", { key: "f406d71ed2d7ff9048e5db05f5ad62566081aa45", class: `f-ui-02 ${n}` }, this.heading), t("ul", { key: "40d000bc78780d7ec3c0c9bf2e10ec0a26f3b72e", class: "mt-12 flex gap-4" }, this.socialNetworks.map((r, a) => t("li", { key: a }, t("eds-link", { external: !0, "aria-label": `EBRAINS on ${r.label}`, url: r.url, icon: r.icon, intent: i })))));
+    return t("nav", { key: "42abfdc0d94bad2fa273de7a476099df0a5103ff", "aria-label": "Social media" }, t("p", { key: "c2eb9600afd49b5b178392f0f46efd58909f8843", class: `f-ui-02 ${n}` }, this.heading), t("ul", { key: "b71a410550b06d89947ee9475af98c19cbe7e130", class: "mt-12 flex gap-4" }, this.socialNetworks.map((r, a) => t("li", { key: a }, t("eds-link", { external: !0, "aria-label": `EBRAINS on ${r.label}`, url: r.url, icon: r.icon, intent: i })))));
   }
 };
 Er.style = Cr;
@@ -16992,13 +17206,15 @@ const Fr = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%
       alignItems: "center",
       justifyContent: "center"
     };
-    return t(Z, { key: "c09fa07856848a03aab44bbb56ecdd66a986bb40" }, t("div", { key: "544c653e9e0457d2063eaefc5ff1fe88de89f14e", class: "spinner-overlay", style: r }, t("span", { key: "e389aa572863a265c9aa68d587ad744f1c8db0a7", class: "spinner", style: i }), this.message && t("p", { key: "5e554fe1b870e673c5b3da3ec2a227e92dd9863d", class: "f-ui-01" }, this.message)));
+    return t(Y, { key: "4b78f045f987eb40289d2829bab08f28324f13d2" }, t("div", { key: "05fcd319080518845630c6fd4bccda02032c3c5f", class: "spinner-overlay", style: r }, t("span", { key: "c1e24a0e3f3f9704ad9a118724f3437124e4f36f", class: "spinner", style: i }), this.message && t("p", { key: "947cd986f00100e950b1c2380b651c6baebca142", class: "f-ui-01" }, this.message)));
   }
 };
 Ir.style = Ar;
-const _r = `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;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,.steps h5{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,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;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)}.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-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)}.text-center{text-align:center}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-light)}.text-lighter{color:var(--grey-dark)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.mb-16{margin-bottom:1rem}.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-light)}.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))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.horizontal-step{display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;flex:1;position:relative}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.25rem;left:50%;width:100%;height:2px;background-color:#e0e0e0;z-index:-1}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark);}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease}.horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-weight:600;font-size:0.875rem}.step-label{font-size:0.875rem;text-align:center;font-weight:500}.horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.step-content{padding:0.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem)}@media (min-width: 700px){.step-content{padding:1.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem)}}.opacity-50{opacity:0.5}.eds-steps__title[role="button"]{cursor:pointer}.theme-brand.steps h3::before,.theme-brand.steps h4::before,.theme-brand.steps h5::before{background:var(--brand-green);color:var(--brand-black);border-color:var(--brand-green);font-weight:600}.theme-brand .step-indicator{background-color:var(--grey-light)}.theme-brand .horizontal-step.is-active .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green)}.theme-brand .horizontal-step.is-active .step-label{color:var(--brand-black);font-weight:600}.theme-brand .step-number{font-weight:600}.theme-default.steps h3::before,.theme-default.steps h4::before,.theme-default.steps h5::before{background:var(--grey-900);color:#fff;border-color:#ccc}.theme-default .step-indicator{background-color:white;border-color:#e0e0e0}.theme-default .horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.theme-default .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.theme-default .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark)}.theme-default .horizontal-step.is-active .step-label{color:var(--brand-green-dark)}`, Lr = _r, Hr = class {
+const _r = `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;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,.steps h5{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,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:31px;height:31px;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)}.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-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)}.text-center{text-align:center}.text-default{color:var(--brand-black)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-light)}.text-lighter{color:var(--grey-dark)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.mb-16{margin-bottom:1rem}.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-light)}.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))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;align-items:flex-start;gap:0;padding:0;margin-top:1.75rem;margin-bottom:0}.horizontal-step{display:flex;flex-direction:column;align-items:flex-start;gap:0.6rem;cursor:pointer;flex:1 1 0;min-width:0;position:relative}.horizontal-step:last-child{flex:0 0 auto}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.375rem;left:calc(2.75rem + 0.4rem);width:calc(100% - 2.75rem - 0.8rem);height:3px;border-radius:2px;background-color:#e0e0e0;transform:translateY(-50%);z-index:1}.horizontal-step>span{text-align:left;align-self:stretch}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark);}.step-indicator{width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease;flex:0 0 auto}.horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-weight:500;font-size:0.95rem}.step-label{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:9.5px;letter-spacing:0.07em;text-transform:uppercase;font-weight:500;color:var(--dark-grey, #7a7b7a)}.horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.step-content{padding:0.5rem 0;margin-left:0;margin-right:0}@media (min-width: 700px){.step-content{padding:1.5rem 0}}.opacity-50{opacity:0.5}.eds-steps__title[role="button"]{cursor:pointer}.theme-brand.steps h3::before,.theme-brand.steps h4::before,.theme-brand.steps h5::before{background:var(--brand-green);color:var(--brand-black);border-color:var(--brand-green);font-weight:600}.theme-brand .step-indicator{background-color:var(--grey-light);border-color:transparent;color:var(--dark-grey, #7a7b7a)}.theme-brand .horizontal-step.is-active .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black);box-shadow:0 0 0 4px rgba(0, 255, 157, 0.2)}.theme-brand .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green)}.theme-brand .horizontal-step.is-active .step-label,.theme-brand .horizontal-step.is-completed .step-label{color:var(--brand-black)}.theme-brand .step-number{font-weight:600}.theme-default.steps h3::before,.theme-default.steps h4::before,.theme-default.steps h5::before{background:var(--grey-900);color:#fff;border-color:#ccc}.theme-default .step-indicator{background-color:white;border-color:#e0e0e0}.theme-default .horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.theme-default .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.theme-default .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark)}.theme-default .horizontal-step.is-active .step-label{color:var(--brand-green-dark)}`, Lr = _r, Mr = class {
   constructor(e) {
-    u(this, e), this.step = w(this, "step", 7), this.finished = w(this, "finished", 7), this.next = w(this, "next", 7), this.back = w(this, "back", 7), this.handleTitleClick = (n) => {
+    u(this, e), this.step = k(this, "step", 7), this.finished = k(this, "finished", 7), this.next = k(this, "next", 7), this.back = k(this, "back", 7), this.onResize = () => {
+      this.isMobile = typeof window < "u" && window.innerWidth < 750;
+    }, this.handleTitleClick = (n) => {
       if (this.type === "linear") {
         if (n > this.activeStep) {
           for (let i = this.activeStep; i < n; i++)
@@ -17016,7 +17232,7 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     }, this.handleNext = () => {
       const n = this.parsedSteps.length - 1;
       if (this.activeStep >= n) {
-        this.finished.emit(), this.activeStep = -1, this.step.emit(this.activeStep);
+        this.finished.emit();
         return;
       }
       const i = this.activeStep + 1;
@@ -17031,7 +17247,7 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
         const i = this.activeStep - 1;
         this.back.emit(i), this.activeStep = i, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1);
       }
-    }, this.steps = [], this.type = "static", this.orientation = "vertical", this.theme = "default", this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.showFinish = !0, this.disableNext = !1, this.headingLevel = "h4", this.collapsibleTitles = !1, this.activeStep = 0;
+    }, this.steps = [], this.type = "static", this.orientation = "vertical", this.theme = "default", this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.showFinish = !0, this.disableNext = !1, this.headingLevel = "h4", this.collapsibleTitles = !1, this.activeStep = 0, this.isMobile = !1;
   }
   handleDisableNextChange(e) {
     if (typeof e == "string" && e.trim().startsWith("["))
@@ -17041,8 +17257,18 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
         console.error("Failed to parse disable-next array:", n);
       }
   }
+  /** Nav button size: comfortable on desktop, compact on mobile. */
+  get navBtnSize() {
+    return this.isMobile ? "small" : "large";
+  }
   componentWillLoad() {
-    this.handleDisableNextChange(this.disableNext);
+    this.handleDisableNextChange(this.disableNext), this.onResize();
+  }
+  connectedCallback() {
+    typeof window < "u" && window.addEventListener("resize", this.onResize);
+  }
+  disconnectedCallback() {
+    typeof window < "u" && window.removeEventListener("resize", this.onResize);
   }
   componentDidLoad() {
     if (this.type === "linear") {
@@ -17074,7 +17300,7 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     e.dispatchEvent(n);
   }
   get parsedSteps() {
-    return H(this.steps);
+    return M(this.steps);
   }
   isStepDisabled(e) {
     return Array.isArray(this.disableNext) ? e < this.disableNext.length ? !!this.disableNext[e] : !1 : e === this.activeStep && !!this.disableNext;
@@ -17114,7 +17340,7 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     }
     return t("div", { class: `horizontal-step ${i ? "is-active" : ""} ${r ? "is-completed" : ""}`, onClick: () => !a && this.handleTitleClick(n), onKeyDown: (o) => {
       a || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleTitleClick(n));
-    }, role: "button", tabindex: a ? -1 : 0, "aria-label": `Step ${n + 1}: ${e.title}`, "aria-current": i ? "step" : void 0, "aria-disabled": a ? "true" : "false" }, t("div", { class: "step-indicator" }, t("span", { class: "step-number" }, n + 1)), t("span", { class: `text-center text-default f-ui-03 ${a ? "opacity-50" : ""}` }, e.title));
+    }, role: "button", tabindex: a ? -1 : 0, "aria-label": `Step ${n + 1}: ${e.title}`, "aria-current": i ? "step" : void 0, "aria-disabled": a ? "true" : "false" }, t("div", { class: "step-indicator" }, t("span", { class: "step-number" }, n + 1)), t("span", { class: `step-label ${a ? "opacity-50" : ""}` }, e.title));
   }
   render() {
     const e = this.parsedSteps, n = this.theme === "brand" ? "theme-brand" : "theme-default";
@@ -17123,14 +17349,14 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
       if (this.activeStep !== r)
         return null;
       const l = this.orientation === "horizontal" ? "mt-64" : "mt-32";
-      return t("div", { class: "step-content", key: r, id: `eds-step-panel-${r}` }, t("slot", { name: `step-${r}` }, t("div", { class: "f-body-02 text-lighter", innerHTML: i.content })), t("div", { class: `flex items-center justify-between ${l}` }, t("eds-button", { label: this.backLabel, intent: "secondary", icon: "chevron-left", iconPos: "left", onClick: this.handleBack, disabled: r === 0, class: r === 0 ? "hidden" : "block", size: "small" }), (!a || this.showFinish) && t("eds-button", { label: a ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(r), size: "small", class: r > 0 ? "ml-8" : null })), t("slot", { name: `actions-${r}` }));
+      return t("div", { class: "step-content", key: r, id: `eds-step-panel-${r}` }, t("slot", { name: `step-${r}` }, t("div", { class: "f-body-02 text-lighter", innerHTML: i.content })), t("div", { class: `flex items-center justify-between ${l}` }, t("eds-button", { label: this.backLabel, intent: "primary", icon: "chevron-left", iconPos: "left", onClick: this.handleBack, disabled: r === 0, class: r === 0 ? "hidden" : "block", size: this.navBtnSize, iconSmall: this.isMobile }), (!a || this.showFinish) && t("eds-button", { label: a ? this.finishLabel : this.nextLabel, intent: a ? "brand" : "primary", icon: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(r), size: this.navBtnSize, iconSmall: this.isMobile, class: r > 0 ? "ml-8" : null })), t("slot", { name: `actions-${r}` }));
     })) : this.type === "linear" ? t("div", { class: `steps ${n}` }, e.map((i, r) => {
       const a = r === e.length - 1, l = this.orientation === "horizontal" ? "mt-64" : "mt-32";
-      return t("div", { class: "step mb-16", key: r }, this.renderHeading(i.title, r), this.activeStep === r && t("div", { class: "content grid gap-y-16", id: `eds-step-panel-${r}` }, t("slot", { name: `step-${r}` }, t("div", { class: "my-16 f-body-02 text-lighter", innerHTML: i.content })), t("div", { class: `flex items-center justify-between ${l}` }, t("eds-button", { label: this.backLabel, intent: "secondary", icon: "chevron-left", iconPos: "left", onClick: this.handleBack, disabled: r === 0, class: r === 0 ? "hidden" : "block", size: "small" }), (!a || this.showFinish) && t("eds-button", { label: a ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(r), size: "small", class: r > 0 ? "ml-8" : null })), t("slot", { name: `actions-${r}` })));
+      return t("div", { class: "step mb-16", key: r }, this.renderHeading(i.title, r), this.activeStep === r && t("div", { class: "content grid gap-y-16", id: `eds-step-panel-${r}` }, t("slot", { name: `step-${r}` }, t("div", { class: "my-16 f-body-02 text-lighter", innerHTML: i.content })), t("div", { class: `flex items-center justify-between ${l}` }, t("eds-button", { label: this.backLabel, intent: "primary", icon: "chevron-left", iconPos: "left", onClick: this.handleBack, disabled: r === 0, class: r === 0 ? "hidden" : "block", size: this.navBtnSize, iconSmall: this.isMobile }), (!a || this.showFinish) && t("eds-button", { label: a ? this.finishLabel : this.nextLabel, intent: a ? "brand" : "primary", icon: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(r), size: this.navBtnSize, iconSmall: this.isMobile, class: r > 0 ? "ml-8" : null })), t("slot", { name: `actions-${r}` })));
     })) : t("div", { class: `steps ${n}` }, e.map((i, r) => t("div", { class: "step mb-16", key: r }, this.renderHeading(i.title, r), t("div", { class: "content", id: `eds-step-panel-${r}` }, t("slot", { name: `step-${r}` }, t("div", { class: "f-body-02 text-lighter my-16", innerHTML: i.content }))))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -17139,10 +17365,12 @@ const _r = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     };
   }
 };
-Hr.style = Lr;
-const Mr = `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:-41px;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,.steps h5{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,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;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)}.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-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)}.text-center{text-align:center}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-light)}.text-lighter{color:var(--grey-dark)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.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:none}.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:0}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-light)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.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))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.step-content-aligned{padding-left:0;padding-right:0}.horizontal-step{display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;flex:1;position:relative}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.25rem;left:calc(50% + 2rem);width:calc(100% - 3rem);height:2px;background-color:#e0e0e0;z-index:1}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green);}.step-indicator{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease;z-index:2}.horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-weight:600;font-size:0.875rem}.step-label{font-size:0.875rem;text-align:center;font-weight:500}.horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.step-content{padding:0.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.20 - 1.25rem)}@media (min-width: 700px){.step-content{padding:1.5rem 0;margin-left:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem);margin-right:calc((100% / var(--step-count, 1)) * 0.45 - 1.25rem)}}.opacity-50{opacity:0.5}.bg-dark{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.theme-brand.steps h3::before,.theme-brand.steps h4::before,.theme-brand.steps h5::before{background:var(--brand-green);color:var(--brand-black);border-color:var(--brand-green);font-weight:600}.theme-brand.steps h3.is-completed::before,.theme-brand.steps h4.is-completed::before,.theme-brand.steps h5.is-completed::before{content:'';}.theme-brand.steps .step-checkmark-icon{position:absolute;left:-39px;top:0px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;z-index:1}.theme-brand.steps h3 .step-checkmark-icon{left:-41px;width:32px;height:32px;top:2px}.theme-brand .step-indicator{background-color:var(--grey-light)}.theme-brand .horizontal-step.is-active .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-number{display:none}.theme-brand .horizontal-step:not(:last-child)::after{background-color:var(--grey-light);}.theme-brand .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green)}.theme-brand .horizontal-step.is-active .step-label{color:var(--brand-black);font-weight:600}.theme-brand .step-number{font-weight:600}.theme-default.steps h3::before,.theme-default.steps h4::before,.theme-default.steps h5::before{background:var(--grey-900);color:#fff;border-color:#ccc}.theme-default .step-indicator{background-color:white;border-color:#e0e0e0}.theme-default .horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.theme-default .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.theme-default .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark)}.theme-default .horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}`, Dr = Mr, $r = class {
+Mr.style = Lr;
+const Hr = `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:-41px;top:50%;transform:translateY(-50%);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,.steps h5{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-body{margin-top:16px}@media (max-width: 749px){.steps h3,.steps h4,.steps h5{font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight)}.steps-body{margin-top:32px}}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:50%;transform:translateY(-50%);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)}.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-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)}.text-center{text-align:center}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-light)}.text-lighter{color:var(--grey-dark)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.justify-between{justify-content:space-between}.mt-16{margin-top:1rem}.mt-32{margin-top:2rem}.mt-64{margin-top:4rem}.mb-16{margin-bottom:1rem}.mb-32{margin-bottom:2rem}.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:none}.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:0}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-light)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.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))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title[role="button"]{cursor:pointer}.eds-steps__title.is-disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.5);}.eds-steps__title.is-disabled::before{opacity:1;filter:none}.steps--horizontal{display:flex;flex-direction:column;gap:2rem}.horizontal-indicators{display:flex;align-items:flex-start;gap:0;padding:0;margin-top:1.75rem;margin-bottom:0}.step-content-aligned{padding-left:0;padding-right:0}.horizontal-step{display:flex;flex-direction:column;align-items:flex-start;gap:0.6rem;cursor:pointer;flex:1 1 0;min-width:0;position:relative}.horizontal-step:last-child{flex:0 0 auto}.horizontal-step:not(:last-child)::after{content:'';position:absolute;top:1.375rem;left:calc(2.75rem + 0.4rem);width:calc(100% - 2.75rem - 0.8rem);height:3px;border-radius:2px;background-color:#e0e0e0;transform:translateY(-50%);z-index:1}.horizontal-step>span{text-align:left;align-self:stretch}.horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green);}.step-indicator{width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;background-color:white;transition:all 0.3s ease;flex:0 0 auto;z-index:2}.horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.horizontal-step.is-disabled{opacity:0.5;cursor:not-allowed}.step-number{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-weight:500;font-size:0.95rem}.step-label{font-family:var(--font-family-mono, 'IBM Plex Mono', monospace);font-size:9.5px;letter-spacing:0.07em;text-transform:uppercase;font-weight:500;color:var(--dark-grey, #7a7b7a)}.horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.step-content{padding:0.5rem 0;margin-left:0;margin-right:0}@media (min-width: 700px){.step-content{padding:1.5rem 0}}.opacity-50{opacity:0.5}.bg-dark{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.theme-brand.steps h3::before,.theme-brand.steps h4::before,.theme-brand.steps h5::before{background:var(--brand-green);color:var(--brand-black);border-color:var(--brand-green);font-weight:600}.theme-brand.steps h3.is-completed::before,.theme-brand.steps h4.is-completed::before,.theme-brand.steps h5.is-completed::before{content:'';}.theme-brand.steps .step-checkmark-icon{position:absolute;left:-39px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;z-index:1}.theme-brand.steps h3 .step-checkmark-icon{left:-41px;width:32px;height:32px;top:50%}.theme-brand .step-indicator{background-color:var(--grey-light);border-color:transparent;color:var(--dark-grey, #7a7b7a)}.theme-brand .horizontal-step.is-active .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black);box-shadow:0 0 0 4px rgba(0, 255, 157, 0.2)}.theme-brand .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green);background-color:var(--brand-green);color:var(--brand-black)}.theme-brand .horizontal-step.is-completed .step-number{display:none}.theme-brand .horizontal-step:not(:last-child)::after{background-color:var(--grey-light);}.theme-brand .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green)}.theme-brand .horizontal-step.is-active .step-label,.theme-brand .horizontal-step.is-completed .step-label{color:var(--brand-black)}.theme-brand .step-number{font-weight:600}.theme-default.steps h3::before,.theme-default.steps h4::before,.theme-default.steps h5::before{background:var(--grey-900);color:#fff;border-color:#ccc}.theme-default .step-indicator{background-color:white;border-color:#e0e0e0}.theme-default .horizontal-step.is-active .step-indicator{border-color:var(--brand-green-dark);background-color:var(--brand-green-dark);color:var(--white)}.theme-default .horizontal-step.is-completed .step-indicator{border-color:var(--brand-green-dark);background-color:var(--white)}.theme-default .horizontal-step.is-completed:not(:last-child)::after{background-color:var(--brand-green-dark)}.theme-default .horizontal-step.is-active .step-label{color:var(--brand-green-dark)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.effect-focus-within:focus-within{outline-style:solid}`, $r = Hr, Br = class {
   constructor(e) {
-    u(this, e), this.step = w(this, "step", 7), this.finished = w(this, "finished", 7), this.next = w(this, "next", 7), this.back = w(this, "back", 7), this.handleTitleClick = (n) => {
+    u(this, e), this.step = k(this, "step", 7), this.finished = k(this, "finished", 7), this.next = k(this, "next", 7), this.back = k(this, "back", 7), this.onResize = () => {
+      this.isMobile = typeof window < "u" && window.innerWidth < 750;
+    }, this.handleTitleClick = (n) => {
       if (this.type === "linear") {
         if (n > this.activeStep) {
           for (let i = this.activeStep; i < n; i++)
@@ -17160,7 +17388,7 @@ const Mr = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     }, this.handleNext = () => {
       const n = this.parsedSteps.length - 1;
       if (this.activeStep >= n) {
-        this.finished.emit(), this.activeStep = -1, this.step.emit(this.activeStep);
+        this.finished.emit();
         return;
       }
       const i = this.activeStep + 1;
@@ -17175,7 +17403,11 @@ const Mr = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
         const i = this.activeStep - 1;
         this.back.emit(i), this.activeStep = i, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1);
       }
-    }, this.steps = [], this.type = "static", this.orientation = "vertical", this.theme = "default", this.imageSrc = void 0, this.imageWidth = void 0, this.message = void 0, this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.showFinish = !0, this.disableNext = !1, this.headingLevel = "h4", this.activeStep = 0;
+    }, this.steps = [], this.type = "static", this.orientation = "vertical", this.theme = "default", this.imageSrc = void 0, this.imageWidth = void 0, this.message = void 0, this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.showFinish = !0, this.card = !0, this.disableNext = !1, this.headingLevel = "h4", this.activeStep = 0, this.isMobile = !1;
+  }
+  /** Nav button size: comfortable on desktop, compact on mobile. */
+  get navBtnSize() {
+    return this.isMobile ? "small" : "large";
   }
   handleDisableNextChange(e) {
     if (typeof e == "string" && e.trim().startsWith("["))
@@ -17201,7 +17433,13 @@ const Mr = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     }, 50);
   }
   componentWillLoad() {
-    this.handleDisableNextChange(this.disableNext);
+    this.handleDisableNextChange(this.disableNext), this.onResize();
+  }
+  connectedCallback() {
+    typeof window < "u" && window.addEventListener("resize", this.onResize);
+  }
+  disconnectedCallback() {
+    typeof window < "u" && window.removeEventListener("resize", this.onResize);
   }
   componentDidLoad() {
     if (this.type === "linear") {
@@ -17221,10 +17459,10 @@ const Mr = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     e.dispatchEvent(n);
   }
   articleClasses() {
-    return ["border-softer relative rounded-lg border-2"].join(" ");
+    return this.card ? "border-softer relative rounded-lg border-2" : "relative";
   }
   get parsedSteps() {
-    return H(this.steps);
+    return M(this.steps);
   }
   isStepDisabled(e) {
     return Array.isArray(this.disableNext) ? e < this.disableNext.length ? !!this.disableNext[e] : !1 : e === this.activeStep && !!this.disableNext;
@@ -17264,20 +17502,23 @@ const Mr = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     }
     return t("div", { class: `horizontal-step ${i ? "is-active" : ""} ${r ? "is-completed" : ""}`, onClick: () => !a && this.handleTitleClick(n), onKeyDown: (o) => {
       a || (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleTitleClick(n));
-    }, role: "button", tabindex: a ? -1 : 0, "aria-label": `Step ${n + 1}: ${e.title}`, "aria-current": i ? "step" : void 0, "aria-disabled": a ? "true" : "false" }, t("div", { class: "step-indicator" }, r ? t("eds-icon-wrapper", { name: "checkmark", size: 20 }) : t("span", { class: "step-number" }, n + 1)), t("span", { class: `text-center text-default f-ui-03 ${a ? "opacity-50" : ""}` }, e.title));
+    }, role: "button", tabindex: a ? -1 : 0, "aria-label": `Step ${n + 1}: ${e.title}`, "aria-current": i ? "step" : void 0, "aria-disabled": a ? "true" : "false" }, t("div", { class: "step-indicator" }, r ? t("eds-icon-wrapper", { name: "checkmark", size: 20 }) : t("span", { class: "step-number" }, n + 1)), t("span", { class: `step-label ${a ? "opacity-50" : ""}` }, e.title));
   }
   render() {
-    const e = this.parsedSteps, n = this.orientation === "horizontal" ? "mt-64" : "mt-32", i = this.theme === "brand" ? "theme-brand" : "theme-default";
-    return t("div", { key: "e1d78d18506adb662bbcc100f6f886e33c21a996", class: this.articleClasses() }, this.imageSrc ? t("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, t("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && t("div", { class: `w-full ${this.theme === "brand" ? "bg-strongest" : "bg-darker"} rounded-t-lg border-2` }, t("div", { class: "p-24" }, t("span", { class: `${this.theme === "brand" ? "text-accent" : "text-inverse"} f-heading-04` }, this.message))), t("div", { key: "5b69e2c641d96025b34377fc647679f94d0e4e44", class: "mt-16 pb-20 px-8" }, this.type === "linear" && this.orientation === "horizontal" ? t("div", { class: `steps--horizontal ${i}`, style: { "--step-count": e.length.toString() } }, t("div", { class: "horizontal-indicators" }, e.map((r, a) => this.renderHorizontalIndicator(r, a))), e.map((r, a) => {
+    const e = this.parsedSteps, n = this.orientation === "horizontal" ? "mt-64 mb-16" : "mt-32 mb-32", i = this.theme === "brand" ? "theme-brand" : "theme-default";
+    return t("div", { key: "84383c5655004ccc0bcc144f3765c2d0b000cad6", class: this.articleClasses() }, this.imageSrc ? t("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, t("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && t("div", { class: `w-full ${this.theme === "brand" ? "bg-strongest" : "bg-darker"} rounded-t-lg border-2` }, t("div", { class: "p-24" }, t("span", { class: `${this.theme === "brand" ? "text-accent" : "text-inverse"} f-heading-04` }, this.message))), t("div", { key: "d5fb5bbf6a48b90bf0db1e79a61ba5e445986368", class: "steps-body pb-20", style: {
+      paddingLeft: "var(--eds-steps-padding-x, 0.5rem)",
+      paddingRight: "var(--eds-steps-padding-x, 0.5rem)"
+    } }, this.type === "linear" && this.orientation === "horizontal" ? t("div", { class: `steps--horizontal ${i}`, style: { "--step-count": e.length.toString() } }, t("div", { class: "horizontal-indicators" }, e.map((r, a) => this.renderHorizontalIndicator(r, a))), e.map((r, a) => {
       const l = a === e.length - 1;
-      return this.activeStep !== a ? null : t("div", { class: "step-content", key: a, id: `eds-step-panel-${a}` }, t("slot", { name: `step-${a}` }, t("div", { class: "f-body-02 text-lighter", innerHTML: r.content })), t("div", { class: `flex items-center justify-between ${n}` }, t("eds-button", { label: this.backLabel, intent: "primary", icon: "arrow-left", iconPos: "left", onClick: this.handleBack, disabled: a === 0, class: a === 0 ? "hidden" : "block", size: "small", pill: !0 }), (!l || this.showFinish) && t("eds-button", { label: l ? this.finishLabel : this.nextLabel, intent: "primary", icon: "arrow-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(a), size: "small", class: a > 0 ? "ml-8" : null, pill: !0 })), t("slot", { name: `actions-${a}` }));
+      return this.activeStep !== a ? null : t("div", { class: "step-content", key: a, id: `eds-step-panel-${a}` }, t("slot", { name: `step-${a}` }, t("div", { class: "f-body-02 text-lighter", innerHTML: r.content })), t("div", { class: `flex items-center justify-between ${n}` }, t("eds-button", { label: this.backLabel, intent: "primary", icon: "arrow-left", iconPos: "left", onClick: this.handleBack, disabled: a === 0, class: a === 0 ? "hidden" : "block", size: this.navBtnSize, iconSmall: this.isMobile, pill: !0 }), (!l || this.showFinish) && t("eds-button", { label: l ? this.finishLabel : this.nextLabel, intent: l ? "brand" : "primary", icon: "arrow-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(a), size: this.navBtnSize, iconSmall: this.isMobile, class: a > 0 ? "ml-8" : null, pill: !0 })), t("slot", { name: `actions-${a}` }));
     })) : this.type === "linear" ? t("div", { class: `steps ${i}` }, e.map((r, a) => {
       const l = this.activeStep > a;
-      return t("div", { class: `${a === 0 ? "step" : "step mt-16"} ${l ? "is-completed" : ""}`, key: a }, this.renderHeading(r.title, a), this.activeStep === a && t("div", { class: "content grid gap-y-16", id: `eds-step-panel-${a}` }, t("slot", { name: `step-${a}` }, t("div", { class: "my-16 f-body-02 text-lighter", innerHTML: r.content })), t("div", { class: `flex items-center justify-between ${n}` }, t("eds-button", { label: this.backLabel, intent: "secondary", icon: "chevron-left", iconPos: "left", onClick: this.handleBack, disabled: a === 0, class: a === 0 ? "hidden" : "block", size: "small", pill: !0 }), (a < e.length - 1 || this.showFinish) && t("eds-button", { label: a === e.length - 1 ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(a), size: "small", class: a > 0 ? "ml-8" : null, pill: !0 }))));
+      return t("div", { class: `${a === 0 ? "step" : "step mt-16"} ${l ? "is-completed" : ""}`, key: a }, this.renderHeading(r.title, a), this.activeStep === a && t("div", { class: "content grid gap-y-16", id: `eds-step-panel-${a}` }, t("slot", { name: `step-${a}` }, t("div", { class: "my-16 f-body-02 text-lighter", innerHTML: r.content })), t("div", { class: `flex items-center justify-between ${n}` }, t("eds-button", { label: this.backLabel, intent: "primary", icon: "chevron-left", iconPos: "left", onClick: this.handleBack, disabled: a === 0, class: a === 0 ? "hidden" : "block", size: this.navBtnSize, iconSmall: this.isMobile, pill: !0 }), (a < e.length - 1 || this.showFinish) && t("eds-button", { label: a === e.length - 1 ? this.finishLabel : this.nextLabel, intent: a === e.length - 1 ? "brand" : "primary", icon: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabledFor(a), size: this.navBtnSize, iconSmall: this.isMobile, class: a > 0 ? "ml-8" : null, pill: !0 }))));
     })) : t("div", { class: `steps space-y-8 ${i}` }, e.map((r, a) => t("div", { class: "step", key: a }, this.renderHeading(r.title, a), t("div", { class: "content", id: `eds-step-panel-${a}` }, t("div", { class: "content-body" }, t("slot", { name: `step-${a}` }, t("div", { class: "my-16 f-body-02 text-lighter", innerHTML: r.content })))))))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -17286,10 +17527,10 @@ const Mr = `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{p
     };
   }
 };
-$r.style = Dr;
-const Tr = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{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)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:var(--grey-dark);padding:0;cursor:pointer;transition:background-color 0.2s}button.switch.switch--checked{background-color:var(--brand-green)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.switch:focus{outline:2px solid #005fcc;outline-offset:2px}.switch:focus:not(:focus-visible){outline:none}.switch:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.segmented-container{display:inline-flex;gap:0.5rem;background:var(--grey-light);padding:0.5rem;border-radius:2rem}.segmented-btn{padding:0.5rem 1.5rem;background:transparent;border:none;border-radius:1.5rem;font-family:var(--f-ui-02-fontFamily);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s;color:var(--grey-dark);white-space:nowrap}.segmented-btn--active{background:var(--brand-green);color:var(--brand-black)}.segmented-btn:hover:not(.segmented-btn--active):not(.segmented-btn--disabled){color:var(--brand-black)}.segmented-btn--disabled{opacity:0.6;cursor:not-allowed}.segmented-btn:focus{outline:2px solid #005fcc;outline-offset:2px}.segmented-btn:focus:not(:focus-visible){outline:none}.segmented-btn:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);letter-spacing:var(--f-ui-03-letterSpacing)}", Br = Tr, Vr = class {
+Br.style = $r;
+const Dr = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{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)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:var(--grey-dark);padding:0;cursor:pointer;transition:background-color 0.2s}button.switch.switch--checked{background-color:var(--brand-green)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.switch:focus{outline:2px solid #005fcc;outline-offset:2px}.switch:focus:not(:focus-visible){outline:none}.switch:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.segmented-container{display:inline-flex;gap:0.5rem;background:var(--grey-light);padding:0.5rem;border-radius:2rem}.segmented-btn{padding:0.5rem 1.5rem;background:transparent;border:none;border-radius:1.5rem;font-family:var(--plex-sans, 'IBM Plex Sans', system-ui, sans-serif);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s;color:var(--body-l, #5a5f5c);white-space:nowrap}.segmented-btn--active{background:var(--brand-green);color:var(--brand-black)}.segmented-btn:hover:not(.segmented-btn--active):not(.segmented-btn--disabled){color:var(--brand-black)}.segmented-container--dark{background:#fff;border:1px solid var(--grey-300, #e2e2e2);padding:4px;gap:3px}.segmented-container--dark .segmented-btn{padding:9px 30px;border-radius:999px;transition:0.14s}.segmented-container--dark .segmented-btn--active{background:var(--brand-black, #07140d);color:#fff}.segmented-btn--disabled{opacity:0.6;cursor:not-allowed}.segmented-btn:focus{outline:2px solid #005fcc;outline-offset:2px}.segmented-btn:focus:not(:focus-visible){outline:none}.segmented-btn:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--brand-green)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);letter-spacing:var(--f-ui-03-letterSpacing)}", Tr = Dr, Vr = class {
   constructor(e) {
-    u(this, e), this.uiswitch = w(this, "uiswitch", 7), this.toggleSwitch = () => {
+    u(this, e), this.uiswitch = k(this, "uiswitch", 7), this.toggleSwitch = () => {
       this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), F({
         category: "ui-component",
         tag: this.el.tagName.toLowerCase(),
@@ -17301,7 +17542,7 @@ const Tr = ":host{display:inline-block}.switch-container{display:inline-flex;ali
     }, this.checked = !1, this.disabled = !1, this.labelOn = "", this.labelOff = "", this.variant = "toggle";
   }
   render() {
-    return this.variant === "segmented" ? this.renderSegmented() : this.renderToggle();
+    return this.variant === "segmented" || this.variant === "segmented-dark" ? this.renderSegmented() : this.renderToggle();
   }
   renderToggle() {
     const e = `switch-${Math.random().toString(36).substr(2, 9)}`, n = [];
@@ -17314,28 +17555,31 @@ const Tr = ":host{display:inline-block}.switch-container{display:inline-flex;ali
     }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, t("span", { class: "switch-handle" })), this.labelOn && t("span", { id: `${e}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
   }
   renderSegmented() {
-    return t("div", { class: "segmented-container", role: "group", "aria-label": "View toggle" }, t("button", { type: "button", tabindex: this.disabled ? "-1" : "0", class: {
+    return t("div", { class: {
+      "segmented-container": !0,
+      "segmented-container--dark": this.variant === "segmented-dark"
+    }, role: "group", "aria-label": "View toggle" }, t("button", { type: "button", tabindex: this.disabled ? "-1" : "0", class: {
       "segmented-btn": !0,
       "segmented-btn--active": !this.checked,
       "segmented-btn--disabled": this.disabled
     }, onClick: () => {
       !this.disabled && this.checked && this.toggleSwitch();
-    }, onKeyDown: this.handleKeyDown, disabled: this.disabled, "aria-pressed": this.checked ? "false" : "true" }, t("span", { class: "f-ui-03" }, this.labelOff)), t("button", { type: "button", tabindex: this.disabled ? "-1" : "0", class: {
+    }, onKeyDown: this.handleKeyDown, disabled: this.disabled, "aria-pressed": this.checked ? "false" : "true" }, t("span", null, this.labelOff)), t("button", { type: "button", tabindex: this.disabled ? "-1" : "0", class: {
       "segmented-btn": !0,
       "segmented-btn--active": this.checked,
       "segmented-btn--disabled": this.disabled
     }, onClick: () => {
       !this.disabled && !this.checked && this.toggleSwitch();
-    }, onKeyDown: this.handleKeyDown, disabled: this.disabled, "aria-pressed": this.checked ? "true" : "false" }, t("span", { class: "f-ui-03" }, this.labelOn)));
+    }, onKeyDown: this.handleKeyDown, disabled: this.disabled, "aria-pressed": this.checked ? "true" : "false" }, t("span", null, this.labelOn)));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
-Vr.style = Br;
-const Nr = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.brand-table-wrapper{margin-top:2rem;width:100%}.brand-table{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;display:table !important;table-layout:fixed !important}.brand-thead{background:var(--grey-light)}.brand-header-row{border:none !important}.brand-header-row th{padding:1rem 1.5rem !important;text-align:center !important;font-weight:600 !important;font-size:0.9rem !important;text-transform:uppercase;letter-spacing:0.05em;color:var(--grey-dark) !important;border:none !important;overflow-wrap:break-word !important;word-wrap:break-word !important}.brand-header-row th:first-child{border-radius:0.5rem 0 0 0;padding-left:2rem !important}.brand-header-row th:last-child{border-radius:0 0.5rem 0 0;padding-right:2rem !important}.brand-row{border-bottom:1px solid var(--grey-light) !important;transition:all 0.3s ease;position:relative;background:transparent !important}.brand-row.has-actions{cursor:pointer}.brand-row:hover{background:rgba(0, 255, 157, 0.05) !important}.brand-row td{padding:1.5rem 1.5rem !important;border:none !important;vertical-align:middle;position:relative;z-index:1;overflow-wrap:break-word !important;word-wrap:break-word !important}.brand-row td:first-child{padding-left:2rem !important}.brand-row td:last-child{padding-right:2rem !important}.brand-row .actions-cell{text-align:right !important}.brand-table tr.brand-row{border-left:none;border-right:none;border-top:none}.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}.p-4{padding:0.25rem}.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-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-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}.controls-container{display:flex;width:100%}.view-toggle-wrapper{flex-shrink:0}.search-wrapper{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.data-card{background:var(--white);border:1px solid var(--grey-light);border-radius:0.75rem;padding:1.5rem;transition:all 0.3s ease;display:flex;flex-direction:column;gap:1rem}.data-card:hover{border-color:var(--brand-green);box-shadow:0 4px 12px rgba(0, 255, 157, 0.1);transform:translateY(-2px)}.card-content{display:flex;flex-direction:column;gap:0.75rem;flex:1}.card-field{display:flex;flex-direction:column;gap:0.25rem}.card-label{font-family:var(--f-ui-03-fontFamily);font-size:var(--f-ui-03-fontSize);font-weight:var(--f-ui-03-fontWeight);line-height:var(--f-ui-03-lineHeight);text-transform:uppercase;letter-spacing:0.05em;color:var(--grey-dark)}.card-value{font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);color:var(--brand-black);word-wrap:break-word}.card-field:first-child .card-value{font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight)}.card-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem;padding-top:0.75rem;border-top:1px solid var(--grey-light)}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem}}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-16{gap:1rem}.mb-16{margin-bottom:1rem}.w-full{width:100%}.w-auto{width:auto}@media (min-width: 750px){.flex-md-row{flex-direction:row}.items-md-center{align-items:center}.w-md-auto{width:auto}.w-md-400{width:400px}}", Or = Nr, Pr = class {
+Vr.style = Tr;
+const Or = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.brand-table-wrapper{margin-top:2rem;width:100%}.brand-table{width:100% !important;border-collapse:separate !important;border-spacing:0 !important;display:table !important;table-layout:fixed !important}.brand-thead{background:var(--grey-light)}.brand-header-row{border:none !important}.brand-header-row th{padding:1rem 1.5rem !important;text-align:center !important;font-weight:600 !important;font-size:0.9rem !important;text-transform:uppercase;letter-spacing:0.05em;color:var(--grey-dark) !important;border:none !important;overflow-wrap:break-word !important;word-wrap:break-word !important}.brand-header-row th:first-child{border-radius:0.5rem 0 0 0;padding-left:2rem !important}.brand-header-row th:last-child{border-radius:0 0.5rem 0 0;padding-right:2rem !important}.brand-row{border-bottom:1px solid var(--grey-light) !important;transition:all 0.3s ease;position:relative;background:transparent !important}.brand-row.has-actions{cursor:pointer}.brand-row:hover{background:rgba(0, 255, 157, 0.05) !important}.brand-row td{padding:1.5rem 1.5rem !important;border:none !important;vertical-align:middle;position:relative;z-index:1;overflow-wrap:break-word !important;word-wrap:break-word !important}.brand-row td:first-child{padding-left:2rem !important}.brand-row td:last-child{padding-right:2rem !important}.brand-row .actions-cell{text-align:right !important}.brand-table tr.brand-row{border-left:none;border-right:none;border-top:none}.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}.p-4{padding:0.25rem}.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-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-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}.controls-container{display:flex;width:100%}.view-toggle-wrapper{flex-shrink:0}.search-wrapper{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.data-card{background:var(--white);border:1px solid var(--grey-light);border-radius:0.75rem;padding:1.5rem;transition:all 0.3s ease;display:flex;flex-direction:column;gap:1rem}.data-card:hover{border-color:var(--brand-green);box-shadow:0 4px 12px rgba(0, 255, 157, 0.1);transform:translateY(-2px)}.card-content{display:flex;flex-direction:column;gap:0.75rem;flex:1}.card-field{display:flex;flex-direction:column;gap:0.25rem}.card-label{font-family:var(--f-ui-03-fontFamily);font-size:var(--f-ui-03-fontSize);font-weight:var(--f-ui-03-fontWeight);line-height:var(--f-ui-03-lineHeight);text-transform:uppercase;letter-spacing:0.05em;color:var(--grey-dark)}.card-value{font-family:var(--f-ui-02-fontFamily);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);color:var(--brand-black);word-wrap:break-word}.card-field:first-child .card-value{font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight)}.card-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem;padding-top:0.75rem;border-top:1px solid var(--grey-light)}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem}}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-16{gap:1rem}.mb-16{margin-bottom:1rem}.w-full{width:100%}.w-auto{width:auto}@media (min-width: 750px){.flex-md-row{flex-direction:row}.items-md-center{align-items:center}.w-md-auto{width:auto}.w-md-400{width:400px}}", Nr = Or, Pr = class {
   constructor(e) {
-    u(this, e), this.rowaction = w(this, "rowaction", 7), this.viewchange = w(this, "viewchange", 7), this.handleResize = () => {
+    u(this, e), this.rowaction = k(this, "rowaction", 7), this.viewchange = k(this, "viewchange", 7), this.handleResize = () => {
       this.updateContainerWidth();
     }, this.onActionKeyDown = (n) => {
       var i;
@@ -17398,7 +17642,7 @@ const Nr = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   }
   parseData() {
     try {
-      this.tbData = H(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
+      this.tbData = M(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
     } catch (e) {
       console.error("Failed to parse data:", e), this.tbData = [];
     }
@@ -17451,12 +17695,12 @@ const Nr = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
    */
   renderSingleActionCell(e, n) {
     var i;
-    const r = this.parsedActions.find((v) => v.name === e);
+    const r = this.parsedActions.find((m) => m.name === e);
     if (this.actionTemplate)
       return this.actionTemplate(n);
     if ((r.type || "button") === "checkbox") {
-      const v = (i = r.field) !== null && i !== void 0 ? i : r.name, C = !!n[v];
-      return t("eds-input-field", { name: `chc-${e}`, label: r.label, type: "checkbox", checked: C, onChange: (L) => this.emitAction(r.name, n, L.target.checked) });
+      const m = (i = r.field) !== null && i !== void 0 ? i : r.name, y = !!n[m];
+      return t("eds-input-field", { name: `chc-${e}`, label: r.label, type: "checkbox", checked: y, onChange: (A) => this.emitAction(r.name, n, A.target.checked) });
     }
     const l = r.showLabel === !0, o = this.theme === "brand", s = r.intent || (o ? "primary" : "ghost"), h = t("eds-button", { icon: r.icon, label: l ? r.label : null, iconPos: r.pos || "left", pill: !0, size: "small", intent: s, tabIndex: 0, onClick: () => this.emitAction(r.name, n) });
     return l ? h : t("eds-tooltip", { content: r.label }, h);
@@ -17515,10 +17759,10 @@ const Nr = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   }
   render() {
     const e = this.getPaginatedRows(), n = Math.ceil(this.totalRows / this.rowsPerPage), i = this.showViewToggle || this.searchEnabled;
-    return t("div", { key: "1e8a2f5f19df240ee3a57951641b60b947342fad" }, i && t("div", { key: "778fe091226330448bba089189e9dd6a6aa977a9", class: "controls-container flex-col flex-md-row items-start items-md-center justify-between gap-16 mb-16" }, this.showViewToggle && t("div", { key: "7ef287464bb2fba846be5341f4bb0e71d982be0e", class: "view-toggle-wrapper" }, t("eds-switch", { key: "2d3a494a5b354a14c8e882a153633bd5e85a40ab", variant: "segmented", labelOff: "Table View", labelOn: "Card View", checked: this.view === "card", onUiswitch: this.handleViewChange })), this.searchEnabled && t("div", { key: "dfcf6d0bdc23cb10481121881a7656b02a0599c1", class: `search-wrapper w-full ${this.showViewToggle ? "w-md-400" : ""}` }, t("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (r) => this.handleSearch(r) }))), this.view === "card" ? this.renderCardView(e) : this.renderTableView(e), this.shouldEnablePagination() && t("div", { key: "3f7faafdd6147855cb8812ff6303c335c7fd1f35", class: "mt-20" }, t("eds-pagination", { key: "17705ba01a8ca8cc79bacfce34e55f11ce53d70c", currentPage: this.currentPage, lastPage: n, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+    return t("div", { key: "8a025e9e12285aa3444b2f83e0b68af55cbe32e6" }, i && t("div", { key: "f97864d8b61db7ec4fa623ecadc3c225464a6c84", class: "controls-container flex-col flex-md-row items-start items-md-center justify-between gap-16 mb-16" }, this.showViewToggle && t("div", { key: "ddf8b1c0fb59fe81efa22a4dc02b414d41ae7208", class: "view-toggle-wrapper" }, t("eds-switch", { key: "c3631986b456a88559face6a2ce7ce8acd5d01c2", variant: "segmented", labelOff: "Table View", labelOn: "Card View", checked: this.view === "card", onUiswitch: this.handleViewChange })), this.searchEnabled && t("div", { key: "a02d7f163dd2bb34bb26ae60bd5b018ed07291d9", class: `search-wrapper w-full ${this.showViewToggle ? "w-md-400" : ""}` }, t("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (r) => this.handleSearch(r) }))), this.view === "card" ? this.renderCardView(e) : this.renderTableView(e), this.shouldEnablePagination() && t("div", { key: "ecf412674a951b4d19e87385270cb49e64e590f6", class: "mt-20" }, t("eds-pagination", { key: "fe1365ecb4d249548ba0c936a48b6141ff14ad0e", currentPage: this.currentPage, lastPage: n, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -17528,10 +17772,10 @@ const Nr = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     };
   }
 };
-Pr.style = Or;
+Pr.style = Nr;
 const Rr = ":host{display:block}.tabs-container{display:flex;gap:0.25rem;padding:0.25rem;border-radius:10px;width:fit-content;margin-bottom:3rem}.tabs-container-default{background-color:var(--brand-black, #07140D);border:1px solid rgba(255, 255, 255, 0.06)}.tabs-container-inverse{background:rgba(0, 0, 0, 0.02);border:1px solid rgba(0, 0, 0, 0.06)}.tabs-nav{display:flex;gap:0.25rem}.tab{padding:0.625rem 1.25rem;border-radius:8px;font-size:1.125rem;cursor:pointer;transition:color 0.15s ease;border:none;background:transparent;font-family:'IBM Plex Sans', sans-serif;white-space:nowrap;outline:none}.tab:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px}.tab-default{color:var(--grey-700)}.tab-default:hover{color:var(--white)}.tab-default.tab-active{background:rgba(0, 255, 157, 0.1);color:var(--brand-green)}.tab-inverse{color:var(--grey-700)}.tab-inverse:hover{color:var(--brand-black)}.tab-inverse.tab-active{background:rgba(0, 200, 123, 0.1);color:var(--brand-green-dark)}.tab-panels{margin-top:2rem}.tab-panels>div{outline:none}.tab-panels>div:focus-visible{outline:3px solid var(--brand-green);outline-offset:2px;border-radius:4px}@media (max-width: 768px){.tabs-container{width:100%;overflow-x:auto}.tabs-nav{width:100%;min-width:fit-content}}", jr = Rr, Wr = class {
   constructor(e) {
-    u(this, e), this.tab = w(this, "tab", 7), this.tabRefs = [], this.setTabRef = (n, i) => {
+    u(this, e), this.tab = k(this, "tab", 7), this.tabRefs = [], this.setTabRef = (n, i) => {
       n && (this.tabRefs[i] = n);
     }, this.identifier = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.variant = "default", this.parsedTabs = [], this.activeIndex = -1;
   }
@@ -17552,7 +17796,7 @@ const Rr = ":host{display:block}.tabs-container{display:flex;gap:0.25rem;padding
    * truncate when the new list is shorter to drop stale entries.
    */
   parseTabs() {
-    this.parsedTabs = H(this.tabs), this.tabRefs.length > this.parsedTabs.length && (this.tabRefs.length = this.parsedTabs.length);
+    this.parsedTabs = M(this.tabs), this.tabRefs.length > this.parsedTabs.length && (this.tabRefs.length = this.parsedTabs.length);
   }
   componentDidUpdate() {
     this.tabRefs.length > this.parsedTabs.length && (this.tabRefs.length = this.parsedTabs.length);
@@ -17600,21 +17844,14 @@ const Rr = ":host{display:block}.tabs-container{display:flex;gap:0.25rem;padding
     i !== n && this.handleTabClick(i, this.parsedTabs[i].label, !0);
   }
   render() {
-    const e = [
-      "tabs-container",
-      `tabs-container-${this.variant}`
-    ].join(" ");
-    return t("div", { key: "646f43031cde2e0ab84d2830fd9477841b3c757b", id: `${this.identifier}` }, t("div", { key: "2eb01c96640c6fc602777f227525066e5970489e", class: e }, t("nav", { key: "b419fc7414574ea70b19433a3c5daa63b5ad6652", role: "tablist", class: "tabs-nav", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, i) => {
-      const r = i === this.activeIndex, a = [
-        "tab",
-        `tab-${this.variant}`,
-        r ? "tab-active" : ""
-      ].filter(Boolean).join(" ");
+    const e = ["tabs-container", `tabs-container-${this.variant}`].join(" ");
+    return t("div", { key: "39b1e8fc98303be43fbbd0e67807786fe0ad8fef", id: `${this.identifier}` }, t("div", { key: "3cef6bd5804c110e51560c7b58de5cb77eadbbb6", class: e }, t("nav", { key: "b59ed6ad2fe067b2c39b1db43cd4242eec1b01bf", role: "tablist", class: "tabs-nav", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, i) => {
+      const r = i === this.activeIndex, a = ["tab", `tab-${this.variant}`, r ? "tab-active" : ""].filter(Boolean).join(" ");
       return t("button", { class: a, type: "button", role: "tab", "aria-selected": r ? "true" : "false", tabIndex: r ? 0 : -1, "aria-label": n.ariaLabel || n.label, "aria-controls": `panel-${i}`, id: `tab-${i}`, ref: (l) => this.setTabRef(l, i), onClick: () => this.handleTabClick(i, n.label, !0), onKeyDown: (l) => this.onKeyDown(l, i) }, n.label || n.ariaLabel);
-    }))), t("div", { key: "0ce244b3d2b2120d1bdf127144e9b42e2ad34e52", class: "tab-panels" }, this.parsedTabs.map((n, i) => t("div", { role: "tabpanel", id: `panel-${i}`, "aria-labelledby": `tab-${i}`, hidden: i !== this.activeIndex, tabIndex: i === this.activeIndex ? 0 : -1 }, t("slot", { name: `panel-${i}` })))));
+    }))), t("div", { key: "224717af5f59fbea2683dd33144760be8c553bb8", class: "tab-panels" }, this.parsedTabs.map((n, i) => t("div", { role: "tabpanel", id: `panel-${i}`, "aria-labelledby": `tab-${i}`, hidden: i !== this.activeIndex, tabIndex: i === this.activeIndex ? 0 : -1 }, t("slot", { name: `panel-${i}` })))));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -17876,7 +18113,7 @@ const qr = `  .f-ui-01 {
 
   .inline-flex {
     display: inline-flex;
-  }`, Ur = qr, Zr = Y(
+  }`, Ur = qr, Yr = Z(
   ["relative inline-flex justify-center items-center py-8 rounded-xs"],
   // Base classes
   {
@@ -17903,25 +18140,27 @@ const qr = `  .f-ui-01 {
       size: "small"
     }
   }
-), Yr = class {
+), Zr = class {
   constructor(e) {
     u(this, e), this.label = void 0, this.intent = "brand", this.size = "large";
   }
   render() {
-    const e = Zr({ intent: this.intent, size: this.size });
-    return t("span", { key: "20e1625ac01b0dc1f40356d02622e0649faa7fa7", class: e }, t("span", { key: "313c3f18c0a5df285afe6a40ded9e68035d9648f", style: { position: "relative", zIndex: "1" } }, this.label));
+    const e = Yr({ intent: this.intent, size: this.size });
+    return t("span", { key: "f9399ed92717576781bff9fb5f117743d50720af", class: e }, t("span", { key: "9500083dfbddd73539de9e1c5b738bf7a3415624", style: { position: "relative", zIndex: "1" } }, this.label));
   }
 };
-Yr.style = Ur;
-const Kr = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+Zr.style = Ur;
+const Kr = `:host{display:block}.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
         0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),
-        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-light)}.bg-success{background-color:var(--brand-green)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-dark)}.text-current{color:currentColor}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.border-l-\\[3px\\]{border-left-width:3px}.border-accent{border-color:var(--brand-green)}.py-16{padding-top:1rem;padding-bottom:1rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}.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)}.opacity-50{opacity:0.5}.hover\\:opacity-100:hover{opacity:1}`, Gr = Kr, Xr = Y(["relative bottom-4 w-auto rounded-xs p-12"], {
+        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-light)}.bg-success{background-color:var(--brand-green)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-dark)}.text-current{color:currentColor}.text-default{color:var(--brand-black)}.text-accent{color:var(--brand-green)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.border-l-\\[3px\\]{border-left-width:3px}.border-accent{border-color:var(--brand-green)}.py-16{padding-top:1rem;padding-bottom:1rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}.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)}.opacity-50{opacity:0.5}.hover\\:opacity-100:hover{opacity:1}.banner{--rail:#7a7b7a;--surface:#ffffff;--line:#e2e2e2;--icon-bg:#f0f0f0;--icon-fg:#5a5f5c;--title:#07140d;--msg:#8a8c8a;display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--rail);border-radius:12px;padding:15px 18px}.banner--brand,.banner--info{--rail:var(--brand-green, #00ff9d);--icon-bg:rgba(0, 255, 157, 0.12);--icon-fg:var(--green-d, #00c87b);--title:var(--brand-black, #07140d);--msg:#8a8c8a}.banner--success{--rail:var(--green-d, #00c87b);--surface:#f0fbf6;--line:#cdeede;--icon-bg:rgba(0, 200, 123, 0.12);--icon-fg:var(--green-d, #00c87b);--title:#0a6b46;--msg:#5a7a6c}.banner--warning{--rail:#b26b00;--surface:#fff6e6;--line:#f0dcb4;--icon-bg:rgba(178, 107, 0, 0.12);--icon-fg:#b26b00;--title:#b26b00;--msg:#8a6a2a}.banner--error{--rail:#c0392b;--surface:#fdf0ee;--line:#f2cfc9;--icon-bg:rgba(192, 57, 43, 0.1);--icon-fg:#c0392b;--title:#c0392b;--msg:#8d5049}.banner-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg);color:var(--icon-fg)}.banner-copy{flex:1 1 auto;min-width:0}.banner-title{font-family:var(--sans, 'IBM Plex Sans', system-ui, sans-serif);font-size:14.5px;font-weight:600;color:var(--title)}.banner-msg{font-family:var(--mono, 'IBM Plex Mono', ui-monospace, monospace);font-size:10.5px;letter-spacing:0.04em;color:var(--msg);line-height:1.45;margin-top:3px}.banner-title+.banner-msg{margin-top:3px}.banner-actions{flex:0 0 auto;display:flex;align-items:center;gap:16px}.banner-x{flex:0 0 auto;border:none;background:transparent;color:var(--msg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;opacity:0.6;transition:opacity 0.14s, background 0.14s}.banner-x:hover{opacity:1;background:rgba(0, 0, 0, 0.05)}@media (max-width: 1024px){.banner-actions{gap:12px}}`, Gr = Kr, Xr = Z(["relative bottom-4 w-auto rounded-xs p-12"], {
   variants: {
     intent: {
       default: "bg-dark text-dark",
       success: "bg-success text-dark",
       error: "bg-error text-dark",
       warning: "bg-warning text-dark",
+      info: "bg-dark text-dark",
+      neutral: "bg-dark text-dark",
       brand: "bg-strongest text-accent",
       brandInverse: "bg-inverse text-default"
     }
@@ -17929,15 +18168,26 @@ const Kr = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   defaultVariants: {
     intent: "default"
   }
-}), Jr = class {
+}), Jr = {
+  default: "information",
+  neutral: "information",
+  info: "information",
+  brand: "information",
+  success: "checkmark",
+  warning: "warning",
+  error: "warning"
+}, Qr = class {
   constructor(e) {
-    u(this, e), this.toast = w(this, "toast", 7), this.dismissToast = () => {
+    u(this, e), this.toast = k(this, "toast", 7), this.dismissToast = () => {
       this.toast.emit({ visible: !1, label: "dismissed" }), this.visible = !1;
-    }, this.message = void 0, this.intent = "default", this.duration = void 0, this.visible = !0;
+    }, this.message = void 0, this.intent = "default", this.variant = "toast", this.heading = void 0, this.icon = void 0, this.dismissible = !1, this.duration = void 0, this.visible = !0, this.hasActions = !1;
+  }
+  componentWillLoad() {
+    this.hasActions = !!this.el.querySelector('[slot="actions"]');
   }
   componentDidLoad() {
     const e = this.el.shadowRoot.querySelector("eds-button");
-    this.emitContext(e);
+    e && this.emitContext(e);
   }
   /**
    * Emits a custom event called `parentContext` for a given button element.
@@ -17960,18 +18210,24 @@ const Kr = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   disconnectedCallback() {
     clearTimeout(this.dismissTimeout);
   }
+  renderBanner() {
+    const e = this.icon || Jr[this.intent] || "information", n = this.dismissible || this.duration && this.duration > 0;
+    return t("div", { class: `banner banner--${this.intent}`, role: "status", "aria-live": "polite" }, t("span", { class: "banner-ic", "aria-hidden": "true" }, t("eds-icon-wrapper", { name: e, size: 20 })), t("div", { class: "banner-copy" }, this.heading && t("div", { class: "banner-title" }, this.heading), t("div", { class: "banner-msg" }, this.message)), this.hasActions && t("div", { class: "banner-actions" }, t("slot", { name: "actions" })), n && t("button", { type: "button", class: "banner-x", "aria-label": "Dismiss", onClick: () => this.dismissToast() }, t("eds-icon-wrapper", { name: "close", size: 16 })));
+  }
   render() {
     if (!this.visible)
       return null;
+    if (this.variant === "banner")
+      return this.renderBanner();
     const e = Xr({ intent: this.intent });
     return t("div", { class: e, role: "alert", "aria-live": "assertive" }, t("div", { class: "flex items-center justify-between gap-4" }, t("span", { class: "f-ui-02" }, this.message), t("eds-button", { intent: "ghost", size: "large", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" })));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
-Jr.style = Gr;
-const Qr = ".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}.px-4{padding-left:0.25rem;padding-right:0.25rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.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}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}", ea = Qr, na = class {
+Qr.style = Gr;
+const ea = ".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}.px-4{padding-left:0.25rem;padding-right:0.25rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.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}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}", na = ea, ta = class {
   constructor(e) {
     u(this, e), this.content = void 0, this.position = "top";
   }
@@ -17986,22 +18242,22 @@ const Qr = ".relative{position:relative}.absolute{position:absolute}.inline-bloc
   }
   render() {
     const e = this.position === "bottom" ? "top-full mt-2" : "bottom-full mb-2";
-    return t("div", { key: "8b4396894b1ec7cc1c2d928ffa5b3d7628f8c4ee", class: "relative w-full inline-block group" }, t("slot", { key: "c2547098aacc584960f217edcafeb060ce742adc" }), t("div", { key: "1e6beac7e4294456f7a6130c4b0573cce3e4b548", class: `absolute ${e}
+    return t("div", { key: "70fac9a2e9d60c2dd24961d162c5230dcf5d6232", class: "relative w-full inline-block group" }, t("slot", { key: "02e4f975a0b23905883663f773a221c747906a11" }), t("div", { key: "cff74243e3b7bd0111bb0e6023367ac88b50c379", class: `absolute ${e}
             rounded-xs bg-strongest text-inverse 
             f-ui-03-light pointer-events-none 
             z-10 px-4 opacity-0 transition-opacity duration-150 ease-in-out
             group-hover:opacity-100 whitespace-normal break-words`, role: "tooltip" }, this.content));
   }
   get el() {
-    return y(this);
+    return w(this);
   }
 };
-na.style = ea;
-const ta = "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}", ia = ta, ra = class {
+ta.style = na;
+const ia = "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}", ra = ia, aa = class {
   constructor(e) {
     u(this, e), this.handleDropdown = (n) => {
       this.expanded = n.detail.expanded;
-    }, this.user = void 0, this.intent = "ghost", this.dropdownLabel = "Account", this.expanded = !1, this.shortMode = !1;
+    }, this.user = void 0, this.intent = "ghost", this.dropdownLabel = "Account", this.expanded = !1;
   }
   /**
    * Helper getter to ensure we work with a User object.
@@ -18015,8 +18271,6 @@ const ta = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
       }
     return this.user;
   }
-  async componentWillLoad() {
-  }
   get initials() {
     var e, n, i, r;
     const a = this.parsedUser;
@@ -18028,20 +18282,20 @@ const ta = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
   }
   render() {
     const e = this.parsedUser;
-    return t("div", { key: "1a9c56a4868b68ea95fdbb19a61435f5fa23b1b5", class: "block" }, t("div", { key: "242beb1cf3dc3e545be84003615eaed119be3e20", class: "flex items-center" }, t("eds-dropdown", { key: "e75e0305a60936df4deb5b012fa139ca9a6b024f", ref: (n) => this.dropdownEl = n, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "user", label: this.dropdownLabel, class: "text-default", onDropdown: this.handleDropdown }, t("div", { key: "09c74d1320e9637e50f7e0f8482e435db7a3319a", class: "min-w-[280px] p-8" }, t("div", { key: "fa70ecc13e477cf2d2ead8e8dbab4fa3c3587149", class: "flex gap-x-16", "data-dropdown-no-close": !0 }, t("eds-avatar", { key: "69f059e2002237dd874ba62952c2b014ad94cb8a", "first-name": e.given_name, "last-name": e.family_name, initials: this.initials, color: "black" }), t("div", { key: "c300f3bbe7f57d82913cef614637188babb82818", class: "max-w-full" }, e.name && t("p", { key: "dc1a4a26f6c1da6c6e88e5aae484ca2ada2864e6", class: "f-ui-01 text-default w-full text-ellipsis" }, e.name), e.preferred_username && t("p", { key: "76f94c7b0394125d9a6b547722df5545c6b479fd", class: "f-ui-03-light text-light mt-4" }, e.preferred_username), e.email && t("p", { key: "8be3fe5ba1c302d5ef9bfb6d563070c07ed722ca", class: "f-ui-03-light text-light mt-4" }, e.email))), t("div", { key: "191e365fa893122e09c07aa36d1fde5d28b9b3de", class: "text-default flex w-full flex-col gap-y-8" }, t("slot", { key: "8d3fbd032340d5c32fd93ab89b034e7de25ef2e3" }))))));
+    return t("div", { key: "680e43b28d6f449f1bc527a205bc8cb1593c2e3b", class: "block" }, t("div", { key: "472e128751bbd16584d2c17a0f05de9ce39b3618", class: "flex items-center" }, t("eds-dropdown", { key: "b8e77167f98bcc07280a440ab8c086ab72650866", ref: (n) => this.dropdownEl = n, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "user", label: this.dropdownLabel, class: "text-default", onDropdown: this.handleDropdown }, t("div", { key: "d55809a0ab5387f867d27669198c7e9bfc206383", class: "min-w-[280px] p-8" }, t("div", { key: "e703e71577d4d1e78664fa807de67551483069c1", class: "flex gap-x-16", "data-dropdown-no-close": !0 }, t("eds-avatar", { key: "7672f9a4f84bc13ab079a7e6185eff87aa15a1f7", "first-name": e.given_name, "last-name": e.family_name, initials: this.initials, color: "black" }), t("div", { key: "ac9e6e17465d52a247b289224ce3ea473989c1ee", class: "max-w-full" }, e.name && t("p", { key: "caab9568a17e0bbc68c418f070b93ae6f21fad21", class: "f-ui-01 text-default w-full text-ellipsis" }, e.name), e.preferred_username && t("p", { key: "0ba0fbec86e6600ee4eb0e0827a78e7292808ab1", class: "f-ui-03-light text-light mt-4" }, e.preferred_username), e.email && t("p", { key: "a3f8870af9bdd001cf5e894b71f8403bff639608", class: "f-ui-03-light text-light mt-4" }, e.email))), t("div", { key: "d230d82178d53043406e26f264c3fe26d7a87211", class: "text-default flex w-full flex-col gap-y-8" }, t("slot", { key: "5d28ca2126fbd735560e6034ea1c24e225bf2ee5" }))))));
   }
   get hostEl() {
-    return y(this);
+    return w(this);
   }
 };
-ra.style = ia;
+aa.style = ra;
 export {
   Le as eds_accordion,
-  De as eds_alert,
-  Be as eds_avatar,
-  Oe as eds_block_break,
+  $e as eds_alert,
+  Te as eds_avatar,
+  Ne as eds_block_break,
   je as eds_breadcrumb,
-  Ze as eds_button,
+  Ye as eds_button,
   Ge as eds_card_app,
   Qe as eds_card_cta,
   tn as eds_card_desc,
@@ -18053,20 +18307,20 @@ export {
   wn as eds_code_block,
   Sn as eds_dropdown,
   Fn as eds_footer,
-  Tn as eds_form,
-  Nn as eds_fullscreen_menu,
+  Dn as eds_form,
+  On as eds_fullscreen_menu,
   Rn as eds_global_search,
   qn as eds_header,
   zi as eds_icon_wrapper,
   Ei as eds_img,
-  ca as eds_input,
+  ha as eds_input,
   Ii as eds_input_dropzone,
-  Hi as eds_input_field,
-  $i as eds_input_file,
+  Mi as eds_input_field,
+  Bi as eds_input_file,
   Vi as eds_input_footer,
   Pi as eds_input_label,
-  ha as eds_input_range,
-  ga as eds_input_select,
+  ga as eds_input_range,
+  fa as eds_input_select,
   qi as eds_kg_learning_resources,
   Ki as eds_kg_web_services_select,
   Qi as eds_link,
@@ -18075,18 +18329,18 @@ export {
   sr as eds_nps,
   hr as eds_pagination,
   br as eds_progress_bar,
-  mr as eds_rating,
+  ur as eds_rating,
   yr as eds_search_select,
   zr as eds_sidebar,
   Er as eds_social_networks,
   Ir as eds_spinner,
-  Hr as eds_steps,
-  $r as eds_steps_v2,
+  Mr as eds_steps,
+  Br as eds_steps_v2,
   Vr as eds_switch,
   Pr as eds_table,
   Wr as eds_tabs,
-  Yr as eds_tag,
-  Jr as eds_toast,
-  na as eds_tooltip,
-  ra as eds_user
+  Zr as eds_tag,
+  Qr as eds_toast,
+  ta as eds_tooltip,
+  aa as eds_user
 };