@ebrains/components 2.4.0 → 2.4.1

package/dist/hydrate/index.mjs

@@ -2331,7 +2331,7 @@ class ColorPrimaryPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '247df18cb7672b14048e390299894acf0ff44714', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.rgb), hAsync("span", { class: "f-body-02 w-full" }, color.cmyk), hAsync("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.pantoneC), hAsync("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (hAsync("ul", { key: '126edc10e07814fef8d8832a3defca18aa1f183e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.rgb), hAsync("span", { class: "f-body-02 w-full" }, color.cmyk), hAsync("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.pantoneC), hAsync("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2403,7 +2403,7 @@ class ColorSecondaryPalette {
         this.show = undefined;
     }
     render() {
-        return (hAsync("ul", { key: '1712cc4bd243d5bde96aac8334ce26706edf4731', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.rgb), hAsync("span", { class: "f-body-02 w-full" }, color.cmyk), hAsync("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.pantoneC), hAsync("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (hAsync("ul", { key: '77522e66323f22f1201b7b70a9c7a244627b350b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.rgb), hAsync("span", { class: "f-body-02 w-full" }, color.cmyk), hAsync("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.pantoneC), hAsync("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2477,7 +2477,7 @@ class ColorSupportPalette {
         return 'text-default';
     }
     render() {
-        return (hAsync("ul", { key: 'f8847f5ebf1c015d60cc1b699b4cfbeceff77b59', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (hAsync("ul", { key: '24be31af945fa36a65a512367f61ff64e260acef', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, hAsync("div", { class: "grid" }, hAsync("span", { class: `f-body-02 ${textClass}` }, color.cmyk), hAsync("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), hAsync("div", { class: "grid" }, hAsync("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), hAsync("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));
@@ -2637,7 +2637,7 @@ class ComponentsSection {
         }
     }
     render() {
-        return hAsync("div", { key: '2716938c52b8f67e031d8508745cccb8f015a110', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '558e6c2ad94148d2371879fa7ae8f4ce6d996f73', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2715,7 +2715,7 @@ class CorrectUseOfColors {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '4fe6cbf0872ceb38e8c4ade73f9cd5d71dc02a6d', class: "container" }, hAsync("p", { key: 'a2f95067e472c8ecc8010cc529ec69c48746f243', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '304fd52f6ef4744d6a531a5d7b8729d505c6d7e5', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: 'eea7378f6153492e2238417887f2ce786c450293', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '87608635aa776aea41fd8d6a9b794fd617e58316', class: "flex" }, hAsync("div", { key: '39197725e0a769ce5aeae4ecf3490c40368a1a69', class: "w-full" }, hAsync("ul", { key: 'fc7bc2dd624ad83209d2e55a31c7fe228e27a05c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary$1.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '487f4c9776ef797fed3a504bc988529fafafe5d8', class: "w-full" }, hAsync("ul", { key: '40cc46b58f95bdfe281b8336d57200f0b10ba7bf', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), hAsync("p", { key: '0d7f40bfb85770112c13562ec947475f3b31a581', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '2574eb39b09d61126d4caceb1ca39718fb84cc49', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: '19ae32c4f3db95043b10be2dd1f8542910295db0', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '500638a0a9d1a29962dcffa485612bc716b17585', class: "flex" }, hAsync("div", { key: '8564beedaa965489c3224ab8279a35af3f8234a4', class: "w-full" }, hAsync("ul", { key: 'a60d9044f83a891df3f8855699c9add12826b1e2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple$1.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '312f36e79e1a1c1d6c009c8e61fdff15aa7d2d36', class: "w-full" }, hAsync("ul", { key: '239670d7c3ff0eb8e8183999250dd4599f7eb57d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), hAsync("p", { key: '0ad90e8f9b9b5a6e02f60f1992c3290811f7712c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'df616406dd19b599afba16f1eb7c6efd0ab0a676', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: '595d7edcb5d5309daff1bda838a87afaeb91d1ac', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '553e6261bd0b27dee6993b3b828f0a32e9125fa7', class: "flex" }, hAsync("div", { key: 'c2117c24b17629ab511eff847954b54b5ef7dafe', class: "w-full" }, hAsync("ul", { key: 'a18f9635a15188a3b9ae057d83968a26f225289e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '31a3b39cebe2d27d0f14769e9031a6342956ae48', class: "w-full" }, hAsync("ul", { key: 'acd7aab003bade1303b98c6e5cfa31f65078315e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), hAsync("p", { key: '3d85b99a224355957176c8511e2ce8847a10b15f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'c362a37363f542dc6e93f74fd19e1be47a9c2e26', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: '30890c8730d50a567611fee53a879511d6c83170', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '0711dc09f3de81be950f9b1103fef11579bf269f', class: "flex" }, hAsync("div", { key: '84e885c4a4102791febe68fa3b3f65f7f14cbf66', class: "w-full" }, hAsync("ul", { key: '68f65fecdc6a4875d0ec1dcc3a187b32a13edaa6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red$1.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '9eb65cffe9ec2b8cd8505dffaf67bb9da1545327', class: "w-full" }, hAsync("ul", { key: 'b8ec8142577d347f87a4a34984c83a7b2b6390de', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (hAsync("div", { key: '9d28ec9943d0677134197c13540de9bb7c2f12cd', class: "container" }, hAsync("p", { key: '6f7d0b82630b3c49f9dff5ccd36bca698a1fbd5c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'd7f9671b3cbb38b08cd81c30587abdf0d8f41f51', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: 'f2f511e348e059b3dd4f297f5b4a3979cd375129', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '969c18ae721d4f00760e98cd80059dc2aa453d67', class: "flex" }, hAsync("div", { key: '1b17ab8ece1291526e71d18dcf3c1f93a00fa2c4', class: "w-full" }, hAsync("ul", { key: '986f769f30231630847cdfe86b8656839a939d88', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary$1.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '86eefc26ae16cd6e9677740d9bc79510a52fc73f', class: "w-full" }, hAsync("ul", { key: 'f9d33602d9d0074e708853f4f8414be3059df356', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), hAsync("p", { key: '07b359efde4e571b7aca720c96a4bbf14c838d4d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'd298f15d103db28cee0d20c033a32588ed5fd19e', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: '30104956c75990db31768f55fe29a3c58c3db6ee', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '2ac588649556015429c13fc99639dcfc156262d6', class: "flex" }, hAsync("div", { key: '80a4806cad7dbfe512b77fd24e5d857301cba9cb', class: "w-full" }, hAsync("ul", { key: '92f3708e7750b344f7b493023cb76fb40c859a4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple$1.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '7bdd5b1548c55260c6425b167ec4dbb89dd6eda2', class: "w-full" }, hAsync("ul", { key: '387542a843d26539d7fea2af38ef9ae4308eeb32', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), hAsync("p", { key: '0f1ba1c7c7408685f371c4044f95c7ca502fc944', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '8ed5ff96b53904e8ba20ef1511245c0b5154afa4', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: 'a14d384ccfd1147cf97b368b2cde7382a54c0a45', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '155d52d56352a506e3b7737d427a14a3abcaebcd', class: "flex" }, hAsync("div", { key: 'e91aa745ca8cff4fa9b704317ddfd43a6f40ca38', class: "w-full" }, hAsync("ul", { key: 'c7011ffce80763f4042be97d0ea69babfac40361', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: 'a98a22aa0af0b286575bed2e334b184617be1ecf', class: "w-full" }, hAsync("ul", { key: '20b30469c9c0d2999139d8e0f1d80f5ab0a3c514', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), hAsync("p", { key: '10e39fc6e1aa2682ada0ec5183b3552c9958bc98', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '849655d792c79a191cf6cab7672ec649de59cb5a', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", hAsync("eds-link", { key: 'b1e5d967791190f20c86d54ef46b703270b5b637', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), hAsync("div", { key: '292f06ed7f8d9af814439e8774308068c2aa6a3b', class: "flex" }, hAsync("div", { key: '44575c8a4582d31170803e390265f02548045831', class: "w-full" }, hAsync("ul", { key: 'fc137b3481b601c0b7eb216b9393ddd291eb9a02', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red$1.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '39c79f448361189f8f439622099271276d3ebe3d', class: "w-full" }, hAsync("ul", { key: '6195f5159065e800f84f1d0f78f6523986506369', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2754,7 +2754,7 @@ class DocsContent {
         }
     }
     render() {
-        return hAsync("div", { key: 'dfc087cb088b4505939bcf69559639f0a2075255', class: "container" }, this.renderContent());
+        return hAsync("div", { key: 'bf55f7238eb1c05bdf6b79a4663070ff257595d8', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2787,7 +2787,7 @@ class DocsPalettes {
         }
     }
     render() {
-        return hAsync("div", { key: 'dd4c39b9b45b3ac9d7e54898e27c09b3c6b4259d', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '7cf421f19dc1d70ab5c2df29e8ca22577b1652e2', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -3181,7 +3181,7 @@ class EdsAppRoot {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (hAsync("div", { key: 'aa412cafecaceba211d0938d42779d33a20b418f' }, hAsync("eds-splash-screen", { key: '78de23a74a0263c09e400cb16d20e014a50913ba', inverse: true, initPromise: this.combinedInitPromise }), hAsync("eds-login", { key: '6a690104e273cbefa9ec4e66c5479c2db0666f39', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), hAsync("main", { key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b' }, this.isAuthenticated ? hAsync("h1", null, "Welcome, authenticated user!") : hAsync("h1", null, "Please log in."))));
+        return (hAsync("div", { key: 'd05cf471a9e7dfd9a5e87311def9774510e1b30a' }, hAsync("eds-splash-screen", { key: 'ae568d4bda15c9e99365f37421b4caad9576c6a0', inverse: true, initPromise: this.combinedInitPromise }), hAsync("eds-login", { key: '624b82b77f87e636bed424ec66dc564120f370c2', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), hAsync("main", { key: 'fb8a582f971c715e34be9c3e0ed8b3437dea883d' }, this.isAuthenticated ? hAsync("h1", null, "Welcome, authenticated user!") : hAsync("h1", null, "Please log in."))));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -6848,7 +6848,7 @@ class EdsCookiesPreference {
         }
     }
     render() {
-        return (hAsync("div", { key: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab' }, hAsync("eds-link", { key: '4bb5d796d14dc242024df4681dea493d4511a8b6', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && hAsync("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (hAsync("div", { key: 'daf8dae47d699797488bddeb6be5951647d26a86' }, hAsync("eds-link", { key: 'a07c16a0c89acc9230a3ebebbd4bb4d1993f34ab', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && hAsync("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
     static get style() { return EdsCookiesPreferenceStyle0; }
     static get cmpMeta() { return {
@@ -7217,9 +7217,9 @@ class EdsFooter {
     render() {
         const year = new Date().getFullYear();
         const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
-        return (hAsync("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (hAsync("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, hAsync("div", { class: "container pb-20" }, hAsync("div", { class: "grid-layout" }, hAsync("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, hAsync("eds-social-networks", { class: "mt-28" })))))) : null, hAsync("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, hAsync("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, hAsync("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, hAsync("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, hAsync("eds-img", { key: '6428f6d0b70f802a7eaa81fcce7641f754c0071a', width: 63, height: 50, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), hAsync("div", { key: 'c3612f7c694abd66831a6c04f2d9f98bc9f8a2dd' }, hAsync("div", { key: '7d16c929479ee8db9d981d6178f17fd832184e29', class: "f-ui-02 text-light" }, hAsync("p", { key: '86c6e3eec115a886a37618963e973004f130950e' }, this.fundedBy), hAsync("div", { key: '13e4e3925ea8f76865684cba29c91653bba0c45d', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, hAsync("span", { key: '21c77485fffbe352edb8501dab07fd6628de62ba', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (hAsync("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
+        return (hAsync("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (hAsync("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, hAsync("div", { class: "container pb-20" }, hAsync("div", { class: "grid-layout" }, hAsync("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, hAsync("eds-social-networks", { class: "mt-28" })))))) : null, hAsync("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, hAsync("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, hAsync("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, hAsync("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, hAsync("svg", { key: 'ccec5c50780a74912f51a46e79c5064e099cf678', class: "h-auto w-full fill-current", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '8aa7bbb7cd4e3386c11c194af1ee63a19fa9de34', d: "M0 0h640v480H0V0z", fill: "#039" }), hAsync("path", { key: 'c5fcce97d10391a07c081558b970175d80da1106', 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" })))), hAsync("div", { key: '11168a0466d48398c6e9318317141966b5a2f996' }, hAsync("div", { key: '3728a394fd33133169f17e26ba5135e4c7e28f0a', class: "f-ui-02 text-light" }, hAsync("p", { key: '2329c76b69487d4c4f8fff0b0daa0ab8ce0ea15c' }, this.fundedBy), hAsync("div", { key: 'c9423d9261da2d3f0ff3b5f00fc8e24522733f32', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, hAsync("span", { key: '3257b0c6f7952e4d70e35fa93ba8e4bae23369b7', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (hAsync("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), hAsync("div", { key: '1c8417017493de5e446bfdeec248948d920c1a95', class: "ml-auto pl-12" }, this.enableScrollTop ? (hAsync("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, hAsync("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
+            } })) : null))), hAsync("div", { key: '9ef1a84e41dea0dda90a699a9ff8a844e3b6294d', class: "ml-auto pl-12" }, this.enableScrollTop ? (hAsync("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, hAsync("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsFooterStyle0; }
@@ -7896,9 +7896,9 @@ class EdsForm {
         const styleClasses = this.formStyle === 'shadow'
             ? 'bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32'
             : '';
-        return (hAsync("form", { key: 'a4b6cf51242567739fc3ff2da482c41edb4e4e57', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, hAsync("div", { key: '5f7e1d618f8a10a1cd6aa8d512c04064a484cd93', class: "flex flex-col gap-y-24" }, this.title && (hAsync("span", { key: '283d752d3e9f4ede0f50493ba9e5010376ebfb1f', role: "heading", class: "f-heading-04" }, this.title)), this.description && hAsync("span", { key: 'bd5866482b87bdc86a59594b884a9b81c676afdb', class: "f-body-02 text-light" }, this.description), hAsync("slot", { key: 'b2de746ccf8743fdef545a70ab111dfff0d7912f' })), hiddenFields.map((field, index) => (hAsync("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        return (hAsync("form", { key: '8a722f99ea8ad7b063805b3377180d73b16d96e1', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, hAsync("div", { key: '6a091913152adad7df2f8581a62d2146d9ea2f1d', class: "flex flex-col gap-y-24" }, this.title && (hAsync("span", { key: '11dc49375a4eef1dfd4994a6ba2b2876262f9f55', role: "heading", class: "f-heading-04" }, this.title)), this.description && hAsync("span", { key: 'dfa8bfa745828e8a57a4909dcbfd9f48497205c0', class: "f-body-02 text-light" }, this.description), hAsync("slot", { key: 'db2c00b99038a6feddbe057de16b1002bbf14f03' })), hiddenFields.map((field, index) => (hAsync("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
             .filter((g) => Array.isArray(buckets[g.id]) && buckets[g.id].length > 0)
-            .map((g) => (hAsync("div", { class: "mt-32", key: g.id }, hAsync("span", { class: "f-body-02" }, hAsync("b", null, g.title)), hAsync("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), hAsync("div", { key: '917c5bd2e6048a91487f0a66bd0426e529295f9e', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (hAsync("div", { key: '96abbd19ea2869c21146f0b37da7ff6b89fbf66c', class: "mt-32" }, hAsync("eds-button", { key: '066348df32cf27fc6e56c94b9d5c455bc51b4adf', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            .map((g) => (hAsync("div", { class: "mt-32", key: g.id }, hAsync("span", { class: "f-body-02" }, hAsync("b", null, g.title)), hAsync("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), hAsync("div", { key: 'ed2cbf6dada2bf43c8846f5f2af8f3f0767a5b1c', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (hAsync("div", { key: '1cc4b51279214181f1894a573227cda0cbf385ee', class: "mt-32" }, hAsync("eds-button", { key: '2a004027664d1433cf625c48f3447960de9c5c84', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8026,7 +8026,7 @@ class EdsFrame {
         }
     }
     render() {
-        return (hAsync("div", { key: '5bcdb5bdd66a7530a82662ff9b6ef06d3a1eb1d3', class: this.articleClasses() }, hAsync("div", { key: '4c9e224f1a6421398cfef1fd89d113513727b6dd', class: "effect-height flex items-center justify-between py-8 px-12" }, hAsync("span", { key: '7704b4f1d1a3e8a728f0ad751891ecbfd118411a', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (hAsync("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), hAsync("div", { key: 'd4372713fc8984d14808171857d6efd40790dec2', class: "border-softer" }, this.iframeError ? (hAsync("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (hAsync("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (hAsync("div", { key: 'dce969c76fcfbb77f315ab0203ef77136f8a449b', class: this.articleClasses() }, hAsync("div", { key: '80ab4a9035e3008708a4f4bfe53d9679a9e687d1', class: "effect-height flex items-center justify-between py-8 px-12" }, hAsync("span", { key: 'f065ee637af801e5fbc8039211384002dd594d84', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (hAsync("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), hAsync("div", { key: 'eae4f61cec9aab217116dbed39c54b39fc5b2040', class: "border-softer" }, this.iframeError ? (hAsync("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (hAsync("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsFrameStyle0; }
@@ -8385,10 +8385,10 @@ class EdsGlobalSearch {
         return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
     }
     render() {
-        return (hAsync("div", { key: 'be8f46caa1d12a034401686c9860b87032652322', class: "search-wrapper" }, hAsync("eds-input-field", { key: 'c31ac27a5e9f97729da8f7168e22ad09205ffce0', icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && (hAsync("div", { key: '57b87393636913be24856bedc805e180171f084e', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (hAsync("div", { key: '3ddb78e5a734d69b581e64ee825d12574f98574d', class: "flex text-center justify-center p-64" }, hAsync("eds-spinner", { key: '178c99535ce61b320fd70ab1f3aeb8408c868fe3', variant: "primary", size: "sm" }))), this.error && !this.loading && (hAsync("div", { key: '87feb37ffec93fa12185cd1fffb5c4f8ac54cd55', class: "flex text-center justify-center p-16" }, hAsync("span", { key: '07544fe95721c9e0898364f3bdcfc0b1ca79a48d', class: "text-error f-body-02" }, this.error))), this.showEmpty && (hAsync("div", { key: '6595178cb14ce5e21cdb15f96e039975a8af0c67', class: "dropdown-state" }, hAsync("eds-icon-wrapper", { key: 'f5b614218bb6ef642c3d1f4c7d41f56f28319a9d', icon: "search" }), hAsync("div", { key: '857671d7783d8fe854e6b3203a3755d24f337e5d' }, hAsync("p", { key: '89bae3bfb4efa63e777121088a59d873652de4e9', class: "f-body-02" }, "No results found"), hAsync("p", { key: '1a951b1a6f0daf7506e6e7892a211f92d95b94d4', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (hAsync("ul", { key: '1c1711dc4332d70cefe965dcfeeabc3c6745ce4d', class: "dropdown-results" }, this.results.map((result, index) => (hAsync("li", { key: result.id, "data-index": index, class: {
+        return (hAsync("div", { key: '03beb0a36e20ff5e0c1213584361c9b85ef52684', class: "search-wrapper" }, hAsync("eds-input-field", { key: 'cefbfcc4c32067fc57f4425fde7e646b2ca36bc6', icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && (hAsync("div", { key: '60a8f38d2eb06335f97f232a7e810f22ccf379b3', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (hAsync("div", { key: '2e8dcab16d8fef0f0ec07bcb78fd568f91156095', class: "flex text-center justify-center p-64" }, hAsync("eds-spinner", { key: 'f512b3508fe5ba35a762346f43fa780a9b0c5c11', variant: "primary", size: "sm" }))), this.error && !this.loading && (hAsync("div", { key: '549a6ec4f84c10d5bb4449cb7aa9a4dc61a4ff05', class: "flex text-center justify-center p-16" }, hAsync("span", { key: '2de6645b976ed3d7958867447c090639b3b613a6', class: "text-error f-body-02" }, this.error))), this.showEmpty && (hAsync("div", { key: '1006b88e3508a51898f305e1a221762f9cbc0204', class: "dropdown-state" }, hAsync("eds-icon-wrapper", { key: 'bc635e10a72aaf715747f8c512ebc3d18d0657c5', icon: "search" }), hAsync("div", { key: 'd267ee5c228ae85031088faf7b44b99bacbb77f4' }, hAsync("p", { key: '526094eab25fcb55d5e5a1529c165a39e80db386', class: "f-body-02" }, "No results found"), hAsync("p", { key: '770ff6f735b09068bcb26eec2552c6e7081348ba', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (hAsync("ul", { key: '75597ab0dc1c11854e366294a12a9bd448f53877', class: "dropdown-results" }, this.results.map((result, index) => (hAsync("li", { key: result.id, "data-index": index, class: {
                 'result-item': true,
                 'result-item--selected': index === this.selectedIndex
-            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, hAsync("div", { class: "result-header" }, hAsync("span", { class: "f-body-02" }, result.title)), hAsync("div", { class: "inline" }, hAsync("eds-tag", { intent: "accent", label: result.source }), result.section && hAsync("span", { class: "result-badge" }, result.section), hAsync("span", { class: "f-ui-03-light text-lighter ml-8" }, result.url)), result.snippet && hAsync("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (hAsync("div", { key: '26e172b579f71b7096481994c0a4af80d3e416d3', class: "dropdown-footer" }, hAsync("span", { key: '57a6432125472aaed3b7b46c106aeec0d0a5ee50', class: "footer-hint" }, hAsync("kbd", { key: 'c8ca5d4b1a2e8f59665290ab78499f8db431a2e9' }, "\u2191"), " ", hAsync("kbd", { key: '89a6520e51bed33cfc37b892480af44e5b77a9c3' }, "\u2193"), " navigate \u2022 ", hAsync("kbd", { key: '4173b9ec77d52d4570e016c3366e27fef225ccb0' }, "\u21B5"), " select \u2022 ", hAsync("kbd", { key: '7f118c184acf52edd545e1f97b4ca991eaa1aa1f' }, "esc"), " close")))))));
+            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, hAsync("div", { class: "result-header" }, hAsync("span", { class: "f-body-02" }, result.title)), hAsync("div", { class: "inline" }, hAsync("eds-tag", { intent: "accent", label: result.source }), result.section && hAsync("span", { class: "result-badge" }, result.section), hAsync("span", { class: "f-ui-03-light text-lighter ml-8" }, result.url)), result.snippet && hAsync("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (hAsync("div", { key: '4af4caf6e6856feaeb91218aa249950ac835e5d8', class: "dropdown-footer" }, hAsync("span", { key: '4634ee9a9a15674cae0eee784b7ee408c7707874', class: "footer-hint" }, hAsync("kbd", { key: 'ea0dd3cbb169f0db034fa3ee9019592d943398f6' }, "\u2191"), " ", hAsync("kbd", { key: 'f1fc8937f965f695b402a78c82661e0ddee8126d' }, "\u2193"), " navigate \u2022 ", hAsync("kbd", { key: '1d7de6abe02b46362c0e7d1998aaa9b78d1c1378' }, "\u21B5"), " select \u2022 ", hAsync("kbd", { key: '50d7d6ab8176e654529fa7e977dc67eadff84c3d' }, "esc"), " close")))))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsGlobalSearchStyle0; }
@@ -8471,7 +8471,7 @@ class EdsHeader {
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (hAsync("header", { key: 'cf272ed6242b2effa3027081d72b58025c49d055', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, hAsync("div", { key: '16f81e55c3aa28beabfead914488ce1fd70b408d', class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { key: '0961fb91dff26c457833b67ef963d60a9902a916', type: logoType, href: this.homeUrl })), this.parsedLinks && (hAsync("nav", { key: 'a034d1bfc21da2245b3c91a2f91f092476d67f97', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, hAsync("ul", { key: '06ebd9012b829a30f7cdc27f417116a21d2bfc2f', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (hAsync("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), hAsync("slot", { key: '68c34af928ee215329d354ca1a5ef7850d1112cf', name: "actions" }), this.menuEnabled && (hAsync("div", { key: 'cb4cd94fbf5ebbd770631066f2f69f8ac50a3f5f', class: "md:hidden flex overflow-hidden px-16" }, hAsync("eds-button", { key: '8f2aa4d59705e9410a0fa8b10c9f348fcfe73db3', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (hAsync("header", { key: 'ebfd125d1e27d224e5702f0c7a4b8f46e279f3b7', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, hAsync("div", { key: '64be678f68c5d5590e0a976f46a1939320d5d9c2', class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { key: 'a94192d8df3fb22d629d29d58d681e2a2eb0506d', type: logoType, href: this.homeUrl })), this.parsedLinks && (hAsync("nav", { key: 'd7f1055e683b90d91c977ae9fef52a00f90b63a0', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, hAsync("ul", { key: 'a15b4d203bacbe7f58490b8d34dd57dc31d4f573', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (hAsync("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), hAsync("slot", { key: '2d83f5093b34bdc40f574f8d5676e046029c6e5d', name: "actions" }), this.menuEnabled && (hAsync("div", { key: 'd2ad33f5ea9e55a5efb1f4dd598be5d61f1d9ab6', class: "md:hidden flex overflow-hidden px-16" }, hAsync("eds-button", { key: 'da824afdcaa6ce68d837096bff6bdfadec4af17c', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     get hostEl() { return getElement(this); }
     static get style() { return EdsHeaderStyle0; }
@@ -10488,7 +10488,7 @@ class EdsIconArrowDiagonal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca', class: this.class, innerHTML: arrowDiagonal });
+        return hAsync("span", { key: '6acdb63c6b56cebeba425280366ab945cb425490', class: this.class, innerHTML: arrowDiagonal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10511,7 +10511,7 @@ class EdsIconArrowRight {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '652d9843e8855eeb7bd9c364fe8600116eb54897', class: this.class, innerHTML: arrowRight });
+        return hAsync("span", { key: 'a276fcdfda8a935cdd871d0a16a078b1948621c6', class: this.class, innerHTML: arrowRight });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10534,7 +10534,7 @@ class EdsIconBin {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '7ba82b3f303e9d0dc30afef19154637af1d20811', class: this.class, innerHTML: bin });
+        return hAsync("span", { key: '9aa3fb586bd4cd702b237a7104ed4c8232097999', class: this.class, innerHTML: bin });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10557,7 +10557,7 @@ class EdsIconBluesky {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '686dbb5f0c3c5f156940c83380c16c169f016219', class: this.class, innerHTML: bluesky });
+        return hAsync("span", { key: '9adf87027690ce28aed73d736ce2d3be6a5245b5', class: this.class, innerHTML: bluesky });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10580,7 +10580,7 @@ class EdsIconBookmark {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '66bd28a12ce759d916099635f81aff9b8a66c774', class: this.class, innerHTML: bookmark });
+        return hAsync("span", { key: '7ff03ad0ebef09a7e5beb63da0a75b6a8776ca8a', class: this.class, innerHTML: bookmark });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10603,7 +10603,7 @@ class EdsIconChevronDown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319', class: this.class, innerHTML: chevronDown });
+        return hAsync("span", { key: 'ae0a935c50ae34d6fd9a2f65eff2625617d0fe78', class: this.class, innerHTML: chevronDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10626,7 +10626,7 @@ class EdsIconChevronLeft {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da', class: this.class, innerHTML: chevronLeft });
+        return hAsync("span", { key: '4fc3150f6c0e74f03ad2bd45b239b3fe20b799d7', class: this.class, innerHTML: chevronLeft });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10649,7 +10649,7 @@ class EdsIconChevronRight {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '60ca9c3f312d711df76743901b5373ee573b99d7', class: this.class, innerHTML: chevronRight });
+        return hAsync("span", { key: '04ffe47e146e18b9c4cabe8694e0f99e789b4e51', class: this.class, innerHTML: chevronRight });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10672,7 +10672,7 @@ class EdsIconChevronUp {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '61506941edc3f2da20a848d8f435241027ee131a', class: this.class, innerHTML: chevronUp });
+        return hAsync("span", { key: 'f226a311428de578497d0bfb67d371a6974c220e', class: this.class, innerHTML: chevronUp });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10695,7 +10695,7 @@ class EdsIconClone {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '25b5552f8f0952bde3058c85d2ef61bb69102c24', class: this.class, innerHTML: clone });
+        return hAsync("span", { key: 'ab89369ec66f8bde06e65217ef324200dd0a7579', class: this.class, innerHTML: clone });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10718,7 +10718,7 @@ class EdsIconClose {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '50792b8ec547fba6fd0416e80cdaf706079f42b2', class: this.class, innerHTML: close });
+        return hAsync("span", { key: '046e7605384d1c2cb30132abdde5932024e85960', class: this.class, innerHTML: close });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10741,7 +10741,7 @@ class EdsIconCopy {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3', class: this.class, innerHTML: copy });
+        return hAsync("span", { key: '932738088482900ec6d4b9187ace4fb428e2c0a4', class: this.class, innerHTML: copy });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10764,7 +10764,7 @@ class EdsIconDownload {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '17b9c232930d8efec279f777ced4a7e95cc559bd', class: this.class, innerHTML: download });
+        return hAsync("span", { key: 'dd478172d512fa80b8cab24e0c487c4c4710af50', class: this.class, innerHTML: download });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10787,7 +10787,7 @@ class EdsIconDraft {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '9a0acb29472fee4627c23cd528a601d80fb065d9', class: this.class, innerHTML: draft });
+        return hAsync("span", { key: 'f0331f4e0d7f4f5871d33dd355c8a88c286821d5', class: this.class, innerHTML: draft });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10810,7 +10810,7 @@ class EdsIconEdit {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '603d3cb68e01aadbcb05d232773490b93593a4e7', class: this.class, innerHTML: edit });
+        return hAsync("span", { key: 'cb85e8d511a4dc5b8628df7663bc2b4854e8ee37', class: this.class, innerHTML: edit });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10833,7 +10833,7 @@ class EdsIconEu {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6', class: this.class, innerHTML: euSvg });
+        return hAsync("span", { key: '18981f68145f644aed9c96c62c19e0357ebbb1ad', class: this.class, innerHTML: euSvg });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10856,7 +10856,7 @@ class EdsIconExternal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'dc82ae5d96587a46362008670e4096d8f3ed8941', class: this.class, innerHTML: arrowDiagonal });
+        return hAsync("span", { key: 'ccffc1fc9a447e4309eb67782e36bfca5d4bdb4f', class: this.class, innerHTML: arrowDiagonal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10879,7 +10879,7 @@ class EdsIconFacebook {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '97ff8677a8252ec4cce47f9f857185945aca7cc8', class: this.class, innerHTML: facebook });
+        return hAsync("span", { key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e', class: this.class, innerHTML: facebook });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10902,7 +10902,7 @@ class EdsIconGitlab {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e', class: this.class, innerHTML: gitlabBlack });
+        return hAsync("span", { key: 'e3c7d4a509e36afd5e18e5aea94d07347304702e', class: this.class, innerHTML: gitlabBlack });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10925,7 +10925,7 @@ class EdsIconLinkedin {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'bfed785cb748dc93f95bb317750b5e82dc6c1dcc', class: this.class, innerHTML: linkedin });
+        return hAsync("span", { key: 'bb6879dfc98416128ada13c11e4e480f8774945e', class: this.class, innerHTML: linkedin });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10948,7 +10948,7 @@ class EdsIconLoader {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '59a8089a2505c0e1e8087f7bd078533a1059cd3a', class: this.class, innerHTML: loader });
+        return hAsync("span", { key: '3fcc15aef9c204836bbf4dbbfa52215913549b20', class: this.class, innerHTML: loader });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10971,7 +10971,7 @@ class EdsIconMastodon {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e', class: this.class, innerHTML: mastodon });
+        return hAsync("span", { key: 'f02291022132866eced365b0f8d190fbb71542e3', class: this.class, innerHTML: mastodon });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10994,7 +10994,7 @@ class EdsIconMenu {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'd0edf1b3b59b2455e4f0af36bb637cf3fdea2202', class: this.class, innerHTML: menu });
+        return hAsync("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: menu });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11017,7 +11017,7 @@ class EdsIconMinus {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '15a4b124b598595958bfbaf7be0b9a9795cfb105', class: this.class, innerHTML: minus });
+        return hAsync("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: minus });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11040,7 +11040,7 @@ class EdsIconMore {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: more });
+        return hAsync("span", { key: 'e42d76e608591ec3ea4d1696affdaa6b1a764c31', class: this.class, innerHTML: more });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11063,7 +11063,7 @@ class EdsIconPaper {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: paper });
+        return hAsync("span", { key: '3da4ed49bfac513943d7655f4c52f48084efcda7', class: this.class, innerHTML: paper });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11086,7 +11086,7 @@ class EdsIconPlus {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '66caca52d82371c81a2c751a4becbbe4a4b24df2', class: this.class, innerHTML: plus });
+        return hAsync("span", { key: 'a0e18b454752151c3e2ca4e32814df065364bb34', class: this.class, innerHTML: plus });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11109,7 +11109,7 @@ class EdsIconPortal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '8c4137eb4257ed474f2f6b9f4330504c0b3dd5b3', class: this.class, innerHTML: portal });
+        return hAsync("span", { key: 'f9bc952f9bb354dab1f4883c1909be98116b2416', class: this.class, innerHTML: portal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11132,7 +11132,7 @@ class EdsIconPrivate {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'cd1790e118743455f95c1dcef5fef5b7eea8d4b7', class: this.class, innerHTML: privat });
+        return hAsync("span", { key: '6a7653b8ef8137f6257a2e0c546200bc5afb1d2f', class: this.class, innerHTML: privat });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11155,7 +11155,7 @@ class EdsIconPublic {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '992b0db1543110d0561199c44407129fcd1c0c2f', class: this.class, innerHTML: pub });
+        return hAsync("span", { key: 'fc4ebd716a4e8e8f753c65febfa701e2dbb233a8', class: this.class, innerHTML: pub });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11178,7 +11178,7 @@ class EdsIconSearch {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '14f24d633305efb74dba50aafd31f31b5f2d8e48', class: this.class, innerHTML: search });
+        return hAsync("span", { key: '5be70ac50bac9b7b52a2d631dcb6b1449e7b3b0a', class: this.class, innerHTML: search });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11201,7 +11201,7 @@ class EdsIconStar {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5546e3debfb9ecf0efe34c31b987dc6ca1f2ba6b', class: this.class, innerHTML: star });
+        return hAsync("span", { key: 'fabdb04e16a6ba928a2cb2936f7433fa1aea18ce', class: this.class, innerHTML: star });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11224,7 +11224,7 @@ class EdsIconStart {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'd17186a319ab9a5755330b641aa4620cb811c7ae', class: this.class, innerHTML: start });
+        return hAsync("span", { key: '32b34d3e55370226bca150790f0791067b63ff23', class: this.class, innerHTML: start });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11247,7 +11247,7 @@ class EdsIconSuccess {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'd70032613d160c820ec95934b17a43c654fe4d26', class: this.class, innerHTML: success });
+        return hAsync("span", { key: '645920f5bbde45082ad1c093f3f6c546b73b707e', class: this.class, innerHTML: success });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11270,7 +11270,7 @@ class EdsIconThumbsDown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'dbc457ba89db7b7b142be6736a8640ffff2d2cb3', class: this.class, innerHTML: thumbsDown });
+        return hAsync("span", { key: '15822639188c8a54d48097e5efb4e6b885d439ef', class: this.class, innerHTML: thumbsDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11293,7 +11293,7 @@ class EdsIconThumbsUp {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '867c4f63cd5ceeeabc94ae444fe978df39066618', class: this.class, innerHTML: thumbsUp });
+        return hAsync("span", { key: 'a2fdeca95d1a8efb48324eb8c9c20d39e7ad31c5', class: this.class, innerHTML: thumbsUp });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11316,7 +11316,7 @@ class EdsIconTutorial {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '06c66194f30295a5bd250edcba88aa4473c8ab1b', class: this.class, innerHTML: tutorial });
+        return hAsync("span", { key: 'e1a54a7d3014760ad65851b961041f75eba7b581', class: this.class, innerHTML: tutorial });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11339,7 +11339,7 @@ class EdsIconTwitter {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'e149a8a26c99f8048a42ed42f143a5947b215ea5', class: this.class, innerHTML: twitter });
+        return hAsync("span", { key: 'ec7f7b6453668094c684e4f0a289c6f815d6ec06', class: this.class, innerHTML: twitter });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11362,7 +11362,7 @@ class EdsIconUnknown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f07457a22c642dfe24b1073649bfbef3964cff7e', class: this.class, innerHTML: unknown });
+        return hAsync("span", { key: 'fa19613df173185cc312af7acef6bec4d187cab1', class: this.class, innerHTML: unknown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11385,7 +11385,7 @@ class EdsIconUpdown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f08301d06b129ce9cbd91cceedb64d9db2be6e83', class: this.class, innerHTML: upDown });
+        return hAsync("span", { key: '2339adac1ec08234dd1cf09e2bde6e4e55f35109', class: this.class, innerHTML: upDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11408,7 +11408,7 @@ class EdsIconUser {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'e515aa4524e19bdb254712054ebd6283f22c57c8', class: this.class, innerHTML: user });
+        return hAsync("span", { key: '6e4ca330f0095f1d0b96919a5d35e5ee09f22bdf', class: this.class, innerHTML: user });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11431,7 +11431,7 @@ class EdsIconView {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '18dbaa801845137982847a9cfc4a9ca1ff729b0d', class: this.class, innerHTML: view });
+        return hAsync("span", { key: '3414ec5143236a2c8821f460a50684b0a6b565a9', class: this.class, innerHTML: view });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11510,7 +11510,7 @@ class EdsIconYoutube {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'a2dd7d5f2d615999cd5e7970a96117ed90bdcda3', class: this.class, innerHTML: youtube });
+        return hAsync("span", { key: '3a868a9858e68a534e7eab57a7887dfc636d8b95', class: this.class, innerHTML: youtube });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11586,10 +11586,10 @@ class EdsImg {
             imgOpts['loading'] = 'lazy';
             imgOpts['decoding'] = 'async';
         }
-        return (hAsync("div", { key: '1ff909ca6fe3fe40ca5659cea033b404a45580fb', class: {
+        return (hAsync("div", { key: '20e754d7535484aedde364592c7a08a68e760b7d', class: {
                 'items-center justify-center': true,
                 'effect-bg-pattern': this.lazyload && this.showBg
-            } }, hAsync("picture", { key: '92c92a5aaebd84d96a7bf8c291542d6a8cf4d896' }, this.formats.map((format) => (hAsync("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), hAsync("img", Object.assign({ key: 'ac8eb664987b1205d5a96c723840ac3ccd779ac1', ref: (el) => (this.img = el), class: {
+            } }, hAsync("picture", { key: 'c6b1561f51587341af50b4129242424961b13788' }, this.formats.map((format) => (hAsync("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), hAsync("img", Object.assign({ key: '136c7a183750f61d237fd0845750e70f38603f48', ref: (el) => (this.img = el), class: {
                 'effect-opacity object-cover object-center': true,
                 'opacity-100': this.loaded,
                 'opacity-0': !this.loaded
@@ -11671,7 +11671,7 @@ class EdsInput {
     render() {
         const withIcon = !!this.icon;
         const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
-        return (hAsync("div", { key: '1800587d54da282566893c538d47aadf9f9bb390', class: "relative flex items-center" }, this.type === 'textarea' ? (hAsync("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 ${withIcon ? 'input-with-icon' : ''} ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })) : this.type === 'select' ? (hAsync("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": describedBy, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((option) => (hAsync("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (hAsync("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined }, (this.type === 'number'
+        return (hAsync("div", { key: '10cacc49f2e61f8b357d1d0dd303822d7b3d7800', class: "relative flex items-center" }, this.type === 'textarea' ? (hAsync("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 ${withIcon ? 'input-with-icon' : ''} ${this.error ? 'input-error' : ''} ${this.extraClass}`, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })) : this.type === 'select' ? (hAsync("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": describedBy, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((option) => (hAsync("option", { value: option.value, selected: option.value === this.innerVal, key: option.value }, option.label))))) : (hAsync("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined }, (this.type === 'number'
             ? {
                 min: this.min,
                 max: this.max,
@@ -11682,7 +11682,7 @@ class EdsInput {
               input ${this.type === 'radio' ? 'input-radio' : this.type === 'checkbox' ? 'input-checkbox' : ''}
               ${withIcon && this.type !== 'radio' && this.type !== 'checkbox' ? 'input-icon pl-36' : ''} 
               ${this.error ? 'input-error' : ''}
-              `, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }))), this.maxLength && this.type === 'textarea' && (hAsync("span", { key: 'cc6cc50cdebea1d4eaecb78bc6ab2b4b92503893', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (hAsync("eds-icon-wrapper", { key: 'ff4b36e873438f7208eb660c77381f87f0805109', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
+              `, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }))), this.maxLength && this.type === 'textarea' && (hAsync("span", { key: '2f17e830e7d5977c06dff45e248ec6d4bcf2885c', class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}` }, this.maxLength)), this.icon && (hAsync("eds-icon-wrapper", { key: 'd171f505b869787c01945720489343a6d57e02bf', class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`, icon: this.icon }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11821,7 +11821,7 @@ class EdsInputField {
     }
     render() {
         const inputOpts = Object.assign({ name: this.name, id: this.inputId, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleNativeInput, onChange: this.handleNativeChange, type: this.type, required: this.required, value: this.value, error: this.error, icon: this.icon, checked: this.checked }, (this.type === 'number' ? { min: this.min, max: this.max, step: this.step } : {}));
-        return (hAsync("div", { key: 'aca76f43840c0e8344d548610bc832cd75ff7bd9' }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (hAsync("fieldset", { class: "space-y-4" }, hAsync("div", { class: "flex justify-between mb-4" }, this.label && (hAsync("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && (hAsync("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.parsedOptions.map((option) => (hAsync("div", { class: "flex items-center gap-x-4 gap-y-4", key: option.value }, hAsync("eds-input", Object.assign({}, inputOpts, { value: option.value, checked: typeof this.value === 'string' && this.value.split(',').includes(String(option.value)) })), hAsync("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? 'text-lighter' : ''}` }, option.label)))))) : (hAsync("div", { class: "flex items-center gap-x-8" }, hAsync("eds-input", Object.assign({}, inputOpts, { value: this.value, checked: this.value === 'on' || this.checked })), this.label && (hAsync("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (hAsync("div", null, hAsync("div", { class: "flex justify-between mb-4" }, this.label && (hAsync("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && (hAsync("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.type === 'select' ? (hAsync("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (hAsync("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (hAsync("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
+        return (hAsync("div", { key: '646cf997652c5401115c5f7d96b29cf752feeacf' }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (hAsync("fieldset", { class: "space-y-4" }, hAsync("div", { class: "flex justify-between mb-4" }, this.label && (hAsync("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && (hAsync("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.parsedOptions.map((option) => (hAsync("div", { class: "flex items-center gap-x-4 gap-y-4", key: option.value }, hAsync("eds-input", Object.assign({}, inputOpts, { value: option.value, checked: typeof this.value === 'string' && this.value.split(',').includes(String(option.value)) })), hAsync("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? 'text-lighter' : ''}` }, option.label)))))) : (hAsync("div", { class: "flex items-center gap-x-8" }, hAsync("eds-input", Object.assign({}, inputOpts, { value: this.value, checked: this.value === 'on' || this.checked })), this.label && (hAsync("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (hAsync("div", null, hAsync("div", { class: "flex justify-between mb-4" }, this.label && (hAsync("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && (hAsync("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.type === 'select' ? (hAsync("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (hAsync("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (hAsync("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
             var _a, _b, _c;
             const rangeProps = {
                 name: inputOpts.name,
@@ -11834,7 +11834,7 @@ class EdsInputField {
             const opt = this.parsedOptions;
             const numberValue = typeof this.value === 'string' ? parseFloat(this.value) : this.value || 0;
             return (hAsync("eds-input-range", Object.assign({}, rangeProps, { min: (_a = opt[0]) === null || _a === void 0 ? void 0 : _a.value, max: (_b = opt[1]) === null || _b === void 0 ? void 0 : _b.value, step: (_c = opt[2]) === null || _c === void 0 ? void 0 : _c.value, value: numberValue })));
-        })()) : (hAsync("eds-input", Object.assign({}, inputOpts))))), hAsync("div", { key: '27dc5705b9627fb597b04837b488326371fac2e2', class: "mt-6" }, hAsync("eds-input-footer", { key: '6e73fb80b91de81ee22cb33b7589916b7eb882fe', id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }))));
+        })()) : (hAsync("eds-input", Object.assign({}, inputOpts))))), hAsync("div", { key: 'dd39d14a7bd629d259d9a04cd83530330d05b6fd', class: "mt-6" }, hAsync("eds-input-footer", { key: 'd909871d432841039a82a57d174f71a3733cf51c', id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }))));
     }
     static get delegatesFocus() { return true; }
     get hostEl() { return getElement(this); }
@@ -11886,7 +11886,7 @@ class EdsInputFooter {
         this.link = undefined;
     }
     render() {
-        return (hAsync("div", { key: '6c045ff40d674a27cf4fe4c1a125251edd7455ab' }, this.error && this.errorMessage && (hAsync("div", { key: 'd6edd41359f7efb8f0a3bce487b852c1b26c035a', id: `error_${this.name}`, class: "text-error flex items-center" }, hAsync("eds-icon-wrapper", { key: 'cd24f34b58c81f00046cc1d90a5b993928e72be8', icon: "warning" }), hAsync("p", { key: 'bf718bcf0e04c5af1924381f567d5921bd43edec', class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage }))), this.message && hAsync("p", { key: '4ea38b231e7b7fba679a05c12773a486aa3201bc', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (hAsync("eds-link", { key: 'e2e1255c198b707abb2b2194100b83f7b00de9e7', label: this.link.label, url: this.link.url, intent: "underline", size: "small", external: true }))));
+        return (hAsync("div", { key: 'ac60e5d56a86af64ea34445f9376c942258c9026' }, this.error && this.errorMessage && (hAsync("div", { key: '25ff09f276f7028e1b2877133ab639b35cdebaba', id: `error_${this.name}`, class: "text-error flex items-center" }, hAsync("eds-icon-wrapper", { key: '2add9a34a966428af96598f3e8e07f9535da8728', icon: "warning" }), hAsync("p", { key: 'bcb624339190c0585e960a0c4debc3fec2ada4eb', class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage }))), this.message && hAsync("p", { key: '00944237618f325774f316faaf4620e5eb507289', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (hAsync("eds-link", { key: '464c5a59e9c36a06f1cdae9be9e09a4f8b05d282', label: this.link.label, url: this.link.url, intent: "underline", size: "small", external: true }))));
     }
     static get style() { return EdsInputFooterStyle0; }
     static get cmpMeta() { return {
@@ -11917,7 +11917,7 @@ class EdsInputLabel {
         this.disabled = false;
     }
     render() {
-        return (hAsync("label", { key: '5e97f430a0ef1cdc4d0b28618d78402991fda8fe', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (hAsync("span", { key: 'fedf93c4b037f387c4aad3ffab354de94de564d3' }, hAsync("span", { key: '72ae856c25308b676d84d7ee0bf214362218a203', "aria-hidden": "true" }, "*"), hAsync("span", { key: '39fcf9a2b39a0207eb0b6f62c16183885c98f145', class: "sr-only" }, "required")))));
+        return (hAsync("label", { key: '8a421c62ddec859bd7837454aa664a116001fd31', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (hAsync("span", { key: 'ad49202fb172a182822587248c141e0f8d7bcc6f' }, hAsync("span", { key: 'e682ff5f3ac83b8adce37c8c9893c2aa235c97b1', "aria-hidden": "true" }, "*"), hAsync("span", { key: '343d2abb7c452fc2a6a67b04727237fea9519838', class: "sr-only" }, "required")))));
     }
     static get style() { return EdsInputLabelStyle0; }
     static get cmpMeta() { return {
@@ -11983,7 +11983,7 @@ class EdsInputRange {
         return this.inputElement;
     }
     render() {
-        return (hAsync("div", { key: 'c8106420cb482123e72c8e5b00079d9921749290', class: "relative flex flex-col items-start" }, hAsync("input", { key: '752dfbeb9fb73c8a4b5ad874461b63e73477ca99', id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), hAsync("p", { key: 'de123d07b20996d3f0c7c5baff788ab42fa0a386', id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal)));
+        return (hAsync("div", { key: '27c60fe7ad5cf3cf8255129529ef64905c87b609', class: "relative flex flex-col items-start" }, hAsync("input", { key: '8ef115e18b6afd956c57a30cd4b9ee45ecd79334', id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), hAsync("p", { key: 'beb95f6aa032db57ec401839cea48ac1d3a1861d', id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -12078,7 +12078,7 @@ class EdsInputSearch {
         return this.inputElement;
     }
     render() {
-        return (hAsync("div", { key: 'f8484e4e4a971db07a75ca91b66d4b3cddd5cee9', class: "relative flex items-center" }, hAsync("eds-icon-wrapper", { key: '68782ac168c062564d6378bc1bc62e58efeb3555', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), hAsync("input", { key: 'c59e9b91f214fc94fc4fb4c991c3e667ea3c24ae', id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.value || '', required: this.required, disabled: this.disabled, type: "search", "aria-label": this.placeholder, class: `input pl-36 ${this.decorate}`,
+        return (hAsync("div", { key: '4057975b193458daff5cc779e7671f3aa8df82fb', class: "relative flex items-center" }, hAsync("eds-icon-wrapper", { key: '47366d7737c3c044aa97f6e5a5a76301c5f688ae', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), hAsync("input", { key: '70195ba54b9afd1c953735899d6fbfd668f81c71', id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.value || '', required: this.required, disabled: this.disabled, type: "search", "aria-label": this.placeholder, class: `input pl-36 ${this.decorate}`,
             //onInput={this.onInput}
             onChange: this.onChange })));
     }
@@ -12132,12 +12132,12 @@ class EdsInputSelect {
         const selectId = this.inputId || this.name;
         const placeholderText = this.placeholder || `Pick from the list`;
         const describedBy = this.hasMessage || this.error ? `${this.name}-error` : undefined;
-        return (hAsync("div", { key: '7f6a81c0f3d1f998c2bd671722cd06992b382540', class: "relative" }, hAsync("select", { key: '3e62519e3973cf1136cda70a3af1cc2a2e093451', id: selectId, name: this.name, class: {
+        return (hAsync("div", { key: '5f73cb76010cac41f433921395aaf779765e298a', class: "relative" }, hAsync("select", { key: '0705adad43076b6048900d5c62b8be2dff090270', id: selectId, name: this.name, class: {
                 input: true,
                 'input-error': this.error,
                 'px-4': true,
                 'py-2': true
-            }, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, disabled: this.disabled, required: this.required, onChange: this.handleChange }, hAsync("option", { key: '4292bd21e8c912f3bb0bc727ed2657051a3e03b8', value: "", disabled: true, hidden: true }, placeholderText), this.options.map((opt, index) => (hAsync("option", { key: index, value: opt.value, selected: opt.value === this.value }, opt.label)))), hAsync("span", { key: 'a03c59be80950fd17a89b0adc693654e99496018', class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, hAsync("eds-icon-wrapper", { key: '0183976264d130c3c12b30c829fae36512607ac4', class: "w-20 h-20", icon: "chevron-right" }))));
+            }, "aria-invalid": this.error ? 'true' : 'false', "aria-describedby": describedBy, disabled: this.disabled, required: this.required, onChange: this.handleChange }, hAsync("option", { key: '6b2d7856821cfe804f63f6f289f78bd3f7a8273c', value: "", disabled: true, hidden: true }, placeholderText), this.options.map((opt, index) => (hAsync("option", { key: index, value: opt.value, selected: opt.value === this.value }, opt.label)))), hAsync("span", { key: '161692e967ed9c094feb171c6d067058dfafa146', class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, hAsync("eds-icon-wrapper", { key: '513a74b4753a08280326970dfbb16642b5c6b986', class: "w-20 h-20", icon: "chevron-right" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -12404,7 +12404,7 @@ class EdsLink {
         const labelClasses = this.hideLabelOnSmallScreen
             ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
             : '';
-        return (hAsync("a", { key: '2d72b4f56aad829c674edc920d8b8b9f83a6c9c1', class: `${classes || ''}`, href: isInteractive ? safeUrl : undefined, target: this.external && isInteractive ? '_blank' : undefined, rel: this.external && isInteractive ? 'noopener noreferrer' : undefined, tabIndex: isInteractive ? 0 : -1, "aria-label": isIconOnly ? this.ariaLabel || 'Link' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.current ? 'page' : undefined, role: this.disabled ? 'link' : undefined, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, hAsync("span", { key: '8a8d9d31456c414d2167db7520978aefd9d955dc', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && hAsync("span", { key: 'b26b2f5aafa647912ced4b747c8b1e1c7a508050', class: labelClasses }, this.label), this.renderRightIcon())));
+        return (hAsync("a", { key: '1ae7cb8fda0fdc0a4396504a4dfa13afa428d98f', class: `${classes || ''}`, href: isInteractive ? safeUrl : undefined, target: this.external && isInteractive ? '_blank' : undefined, rel: this.external && isInteractive ? 'noopener noreferrer' : undefined, tabIndex: isInteractive ? 0 : -1, "aria-label": isIconOnly ? this.ariaLabel || 'Link' : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.current ? 'page' : undefined, role: this.disabled ? 'link' : undefined, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, hAsync("span", { key: '7fc137758d974ba4a3a974f7b22587d3ca3b031e', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && hAsync("span", { key: '7c79baae49579eef264ab6546aa3ac8e044dcb46', class: labelClasses }, this.label), this.renderRightIcon())));
     }
     get el() { return getElement(this); }
     static get style() { return EdsLinkStyle0; }
@@ -12511,7 +12511,7 @@ class EdsLogo {
     }
     render() {
         const logoContent = this.getLogo();
-        return (hAsync("a", { key: '341988e61c1b9f946bd4529f5562af8366704868', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, hAsync("div", { key: '1a1e4516ba223b6132a85889626ca7856ca5a16c', innerHTML: logoContent })));
+        return (hAsync("a", { key: '0a0d4dd69a1af10c1c571a56ed0f698d95652405', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, hAsync("div", { key: '0d8ca0f9c647b3b12daf944b9c2919a93134bec2', innerHTML: logoContent })));
     }
     get el() { return getElement(this); }
     static get style() { return EdsLogoStyle0; }
@@ -12786,9 +12786,9 @@ class EdsModal {
     render() {
         // Generate a unique id for the title so we can reference it for aria-labelledby.
         const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (hAsync("div", { key: '25f038fe934339968388e7b5281a8f0b8509f789', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999991 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (hAsync("div", { key: '57f180a65ef43fc8f8c5a232c4b80a880fdfc8e9', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (hAsync("div", { key: '6b7cbab7db29bb09415bb9538d69ac9a238a7776', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999991 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (hAsync("div", { key: '56f00980b2f843b5c1ce85502409d4711d89fad7', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), hAsync("div", { key: 'f8e4005425c463fbfd38c4174f3bc315a648d05f', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, hAsync("div", { key: 'dd9c641489dfea9ec2784de91ca3e819a8c2413c', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, hAsync("span", { key: '2e596080da1d79bcc91d542f592ab2b22c96b9d6', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), hAsync("eds-button", { key: '260a6ccb15c3aed11585b7d81c1c1d4912e3cd3f', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), hAsync("div", { key: '96f67530d2c0504507e3fb9becf537f5517081d1', class: "pt-8 px-20 py-20" }, hAsync("slot", { key: '3ffc38832d4a4e8d61c5182f7ceda4ea7876fa31' })))));
+            onClick: () => this.close() })), hAsync("div", { key: '687e1975bb8a17b0a6eb42038f72117dc71ca876', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, hAsync("div", { key: '653886c1ee090152b0a9d8dbb6e554762496167f', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, hAsync("span", { key: 'efefadd7e6630d9d9b498e68480a41b604c16c9f', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), hAsync("eds-button", { key: '79a156bd0640990911f1480a4e6becc7c4c20d7b', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), hAsync("div", { key: '802a6cc72f1bb41e8f907baa8d37cb5a01baf0cf', class: "pt-8 px-20 py-20" }, hAsync("slot", { key: '1a59aaa764e4c4ed972de7a700ddf8f716e40e58' })))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsModalStyle0; }
@@ -12883,7 +12883,7 @@ class EdsNps {
     }
     render() {
         const count = this.max - this.min + 1;
-        return (hAsync("div", { key: 'ca0a63dd6554e39b78fe1c607af0fede74c692c7', class: "eds-nps" }, hAsync("eds-input-label", { key: 'bdf231836d8c6dbd46e852753696c4b7dad577c7', id: "nps-question", name: "nps-question", label: this.question }), hAsync("div", { key: '004ad431ca02e57c7848a4c3fd0a4ecff40b6573', id: "nps-buttons", role: "radiogroup", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: this.handleKeyNav }, Array.from({ length: count }, (_, i) => {
+        return (hAsync("div", { key: 'f5e19e0f750c0de6da3bae5713dca0e13eba85fc', class: "eds-nps" }, hAsync("eds-input-label", { key: '3ff611a932976956735395fb531d9a800b554974', id: "nps-question", name: "nps-question", label: this.question }), hAsync("div", { key: 'da0c3af26dd24d7dc618675aa7f197f55023230f', id: "nps-buttons", role: "radiogroup", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: this.handleKeyNav }, Array.from({ length: count }, (_, i) => {
             const val = this.min + i;
             const isSelected = val === this.selectedValue;
             // Roving tabindex: focusable is the selected; if none selected yet, first is focusable
@@ -12897,7 +12897,7 @@ class EdsNps {
                     // want focus without highlight.
                     this.selectedValue = val;
                 } })));
-        })), hAsync("div", { key: 'ffd498e00559a76b44e8d98ed060db86e60fbde7', class: "flex justify-between mt-8" }, hAsync("span", { key: '80065344c34d88ce3f01aac28d2b87ded60ec524', class: "f-ui-04 text-light ml-4" }, this.leftLabel), hAsync("span", { key: '2a67b416e4e7b0bf61aa66cb4546192860bd372f', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
+        })), hAsync("div", { key: '10b2f854cff8192e54ee30feb44ad4143c54ad10', class: "flex justify-between mt-8" }, hAsync("span", { key: '361b421b368219f9d7aa6306d912913e9d401fa0', class: "f-ui-04 text-light ml-4" }, this.leftLabel), hAsync("span", { key: '2969496e1b6f772fcdf49667f66eee6dee6760fa', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsNpsStyle0; }
@@ -13169,7 +13169,7 @@ class EdsPagination {
     }
     render() {
         const navigableIndex = -1; // Track index for keyboard navigation
-        return (hAsync("div", { key: '3ca147814cf1e0003bac73502a0ae2bf96412ce2' }, this.total > 0 && this.mode === 'default' && (hAsync("p", { key: '85e3fe3224888a4fc9029e91c53c5a753506af55', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, hAsync("span", { key: '9edeecb5ae0a1c74dcbf11829a4079cdbbfd46e4', class: "text-light sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (hAsync("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === 'default' ? 'pagination-info' : undefined, onKeyDown: this.handleKeyDown }, hAsync("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, hAsync("li", { class: "mr-auto" }, this.useButtons ? (hAsync("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(navigableIndex) }, hAsync("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: (event) => {
+        return (hAsync("div", { key: '17128145803ac6af5f37d5e7c7f0576961c3e372' }, this.total > 0 && this.mode === 'default' && (hAsync("p", { key: 'e50738bfadd0b115ed2d05b81199f0d4cfadda18', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, hAsync("span", { key: '230f2306254d7c5fa2bfd354f308e4fa6b5c2994', class: "text-light sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (hAsync("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === 'default' ? 'pagination-info' : undefined, onKeyDown: this.handleKeyDown }, hAsync("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, hAsync("li", { class: "mr-auto" }, this.useButtons ? (hAsync("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(navigableIndex) }, hAsync("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: (event) => {
                 if (this.mode === 'default' && !this.isFirstPage()) {
                     this.handlePageClick(event, (this.currentPage || 1) - 1);
                 }
@@ -13376,7 +13376,7 @@ class EdsProgressBar {
         ]
             .filter(Boolean)
             .join(' ');
-        return (hAsync("div", { key: 'feb13579d8257dd845e9c61ddfa8a6dd21594c84', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, hAsync("div", { key: '2cef98e8ea9f099cb0642bf7927512f33fc8cad9', class: fillClasses, style: { width: `${progressValue}%` } }), hAsync("div", { key: '00cdb6afecb2d2fc5da66d287171d6949d081b20', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, hAsync("span", { key: '43be66f9b0fe11e3fb5c41ba69e00b8c7f7cea1c', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (hAsync("div", { key: 'a3a56c8ed86104fb26ce5a3f7d583d02705b59d0', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, hAsync("div", { key: 'ef56ff5501bfec77174a90dafabdd35210936c9d', class: fillClasses, style: { width: `${progressValue}%` } }), hAsync("div", { key: '69eec5cd3a6b8fec6defa621b69559da47df66a6', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, hAsync("span", { key: '7fdeea8fbe2e600daca350e67a27fbed9708c1e1', class: "text-default f-body-02" }, progressValue, "%"))));
     }
     static get style() { return EdsProgressBarStyle0; }
     static get cmpMeta() { return {
@@ -13459,7 +13459,7 @@ class EdsRating {
         this.onSelect(next);
     }
     render() {
-        return (hAsync("div", { key: '52cc87859b174e2eb89392c083031ffde587fb7d', 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 }, (_, index) => {
+        return (hAsync("div", { key: '5d1cf924d2a59b4141eac1bd4f122c9cf640cf9c', 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 }, (_, index) => {
             const starRating = index + 1;
             const isSelected = starRating <= this.selectedRating;
             // Use the mapping text if available; otherwise, fall back to a generic label.
@@ -13509,7 +13509,7 @@ class EdsSectionCore {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (hAsync(TagType, { key: '97a75a0b2a26e912499d844df4e3eb10c2c9eb29' }, hAsync("eds-section-heading", { key: 'fe5d0d7a0594bac513551c4a7ea45e34598ec265', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), hAsync("slot", { key: '5f6492d074ffc9996ac39449a037e267a5b399d2' })));
+        return (hAsync(TagType, { key: '3c75c9cda6a41c0d4243c3c111d7cc95f3efb97b' }, hAsync("eds-section-heading", { key: '05b4d011aa1b8f489fe8aa0fd6d43b824da03370', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), hAsync("slot", { key: '1749580398e56d38d83d5f5fdd87f43867a554cb' })));
     }
     static get style() { return EdsSectionCoreStyle0; }
     static get cmpMeta() { return {
@@ -13564,12 +13564,12 @@ class EdsSectionHeading {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (hAsync(TagType, { key: '9003f6d452637cdc9ed3bea69689cd92546860b8', class: {
+        return (hAsync(TagType, { key: '18614645f329d9ccfe6104b544ff306c6190173a', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, hAsync(HeadingTag, { key: '2cb120e1bf8e4816cb56c8ba8f8bbae546bd7baf', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, hAsync(HeadingTag, { key: 'ce699077313e9ee8d8a66e68af667451351a35a6', class: this.getHeadingClass() }, this.sectionTitle)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -13823,7 +13823,7 @@ class EdsSocialNetworks {
      * Each social network link uses the `eds-link` component with specific classes and styles.
      */
     render() {
-        return (hAsync("nav", { key: 'f56d034a9c934e1be2003a0fedaf6c9ec4fc5909', "aria-label": "Social media" }, hAsync("p", { key: '66d7c2384206143eef36cdb085780d4a1590fe76', class: "f-ui-02" }, this.heading), hAsync("ul", { key: '0ccb5fd44ee30f77c19fdb67dc1cc19fadd3561e', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (hAsync("li", { key: index }, hAsync("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": `EBRAINS on ${network.label}`, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (hAsync("nav", { key: 'a18759794a383be1ce670ff3ac9f251b3c7327a5', "aria-label": "Social media" }, hAsync("p", { key: '404fbffecd29c6efdfc8ade90f0da9d68e6c7b8e', class: "f-ui-02" }, this.heading), hAsync("ul", { key: '959079149753b1c13e974dd610e3109e1f54c6f6', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (hAsync("li", { key: index }, hAsync("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": `EBRAINS on ${network.label}`, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
     static get style() { return EdsSocialNetworksStyle0; }
     static get cmpMeta() { return {
@@ -13914,7 +13914,7 @@ class EdsSpinner {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (hAsync(Host, { key: 'c50ca410eb23855b3076babb78b4849246722cf7' }, hAsync("div", { key: '9b3722b00777a0dd77288c4c3b29419a9b87640b', class: "spinner-overlay", style: overlayStyle }, hAsync("span", { key: '5479d0195b6d8991613df8ae03eee34b2a095b6b', class: "spinner", style: spinnerStyle }), this.message && hAsync("p", { key: '448c3b0e6ce0aac6c21b53c58b97e423a1739864', class: "f-body-01" }, this.message))));
+        return (hAsync(Host, { key: '28271d7eced2bc3d69538aa490d623167affd590' }, hAsync("div", { key: '2a8987cb80c67a42f18ac0db8c0078a90d9fd97a', class: "spinner-overlay", style: overlayStyle }, hAsync("span", { key: 'c6267576391c24c41ceb0141dd897f590033b26f', class: "spinner", style: spinnerStyle }), this.message && hAsync("p", { key: 'ae67369899652f6ecc9c9411fd62a68a437553c5', class: "f-body-01" }, this.message))));
     }
     static get style() { return EdsSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -14541,11 +14541,11 @@ class EdsSwitch {
                     : this.labelOff
                 : 'Toggle switch'
             : undefined;
-        return (hAsync("div", { key: 'a339677097f16cd2dfe180f0a7de26d4963a9f17', class: "switch-container" }, this.labelOff && (hAsync("span", { key: '7db8e71c0f1668fb66f2b1ff049706b80b4683b3', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), hAsync("button", { key: 'ce2a8400bc42612bcb22b47ce46762348a7a7b80', id: switchId, tabindex: this.disabled ? '-1' : '0', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": labelledBy.length > 0 ? labelledBy.join(' ') : undefined, "aria-label": accessibleLabel, class: {
+        return (hAsync("div", { key: '0ee7bcdc3d6bb78881c310e36e5189e5ef99bab0', class: "switch-container" }, this.labelOff && (hAsync("span", { key: '858c4a43ccc633530d4e13a6bfa8115194ff5082', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), hAsync("button", { key: 'faa59b03c46dd814c4125534a88fd7564b02205a', id: switchId, tabindex: this.disabled ? '-1' : '0', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": labelledBy.length > 0 ? labelledBy.join(' ') : undefined, "aria-label": accessibleLabel, class: {
                 switch: true,
                 'switch--checked': this.checked,
                 'switch--disabled': this.disabled
-            }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, hAsync("span", { key: 'c7bbace6e78fe2358ee4b91febec51a280305df0', class: "switch-handle" })), this.labelOn && (hAsync("span", { key: 'b4fa05fc1296a6d906abb4a7fa609d721d01248f', id: `${switchId}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn))));
+            }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, hAsync("span", { key: '74db0f827a4f50dd77b88e0d372cbef1adb10f87', class: "switch-handle" })), this.labelOn && (hAsync("span", { key: '2648bb13d533bc9fde1dc04af9cfd7116dadd581', id: `${switchId}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsSwitchStyle0; }
@@ -15090,12 +15090,12 @@ class EdsTabs {
         }
     }
     render() {
-        return (hAsync("div", { key: '36b4771f5dc68c2b2686ece5957b4a54f70d8c38', id: `${this.identifier}` }, hAsync("div", { key: '0b9cac117898a5c8d179c69aaa971c63fed5b12c', class: "scroller-x overflow-x-auto relative z-[1] mx-auto px-16 pt-8 lg:px-28 after:border-soft before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, hAsync("nav", { key: '6bb2ca84bd9b12e67bb2e6055cb435c66061f547', role: "tablist", ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (hAsync("div", { key: '94766d744d61eb8d1eef51393621f85b06af822f', id: `${this.identifier}` }, hAsync("div", { key: 'd76f26bd4e70baebab9fed6c61df26b496d899a5', class: "scroller-x overflow-x-auto relative z-[1] mx-auto px-16 pt-8 lg:px-28 after:border-soft before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, hAsync("nav", { key: '74afc95f82764cedb44b99a482bedc7b5f918196', role: "tablist", ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             const TabComponent = 'button';
             const tabProps = this.getTabOptions(tab.active, index);
             const isActive = index === this.activeIndex;
             return (hAsync(TabComponent, Object.assign({}, tabProps, { type: "button", role: "tab", "aria-selected": tab.active ? 'true' : 'false', tabIndex: isActive ? 0 : -1, "aria-label": tab.ariaLabel || tab.label, "aria-controls": `panel-${index}`, id: `tab-${index}`, ref: (el) => this.setTabRef(el, index), onClick: () => this.handleTabClick(index, tab.label, true), onKeyDown: (e) => this.onKeyDown(e, index) }), tab.label || tab.ariaLabel));
-        }))), hAsync("div", { key: '7b17d99c5dda91842171c941228b0a0f82d595d4', class: "tab-panels" }, this.parsedTabs.map((_, index) => (hAsync("div", { role: "tabpanel", id: `panel-${index}`, "aria-labelledby": `tab-${index}`, hidden: index !== this.activeIndex, tabIndex: index === this.activeIndex ? 0 : -1, class: "effect-focus" }, hAsync("slot", { name: `panel-${index}` })))))));
+        }))), hAsync("div", { key: '4652dc3741f95ccfac7d53e5e49607515f559ce1', class: "tab-panels" }, this.parsedTabs.map((_, index) => (hAsync("div", { role: "tabpanel", id: `panel-${index}`, "aria-labelledby": `tab-${index}`, hidden: index !== this.activeIndex, tabIndex: index === this.activeIndex ? 0 : -1, class: "effect-focus" }, hAsync("slot", { name: `panel-${index}` })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15158,7 +15158,7 @@ class EdsTag {
     }
     render() {
         const classes = tagStyles({ intent: this.intent, size: this.size });
-        return hAsync("span", { key: '0b37fdd21a8828a00daba55a7157e164e7057a88', class: classes }, this.label);
+        return hAsync("span", { key: 'ef36f799cf3226ccf281428929e75326ea6a06e4', class: classes }, this.label);
     }
     static get style() { return EdsTagStyle0; }
     static get cmpMeta() { return {
@@ -15220,7 +15220,7 @@ class EdsTimeline {
         }
     }
     render() {
-        return (hAsync("div", { key: 'cc0184654ced150ab0500a77d89f831530ddc52c', class: "max-w-sidebar mx-auto px-4 py-8" }, hAsync("div", { key: '693b53e776bdf110d7f21e68b9e3f8fb6f5eab4b', class: "relative" }, hAsync("div", { key: '030ef1b15f76a75292b2998cb7083da0e5f16bd4', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), hAsync("div", { key: '0811245c700b23e10a3d2b83504673aee12a8bc4', class: "space-y-16" }, this.parsedEvents.map((event, index) => (hAsync("div", { class: "relative flex" }, hAsync("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (hAsync("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
+        return (hAsync("div", { key: '0e33d3aed6e58d34209012bf65b0388b501f1667', class: "max-w-sidebar mx-auto px-4 py-8" }, hAsync("div", { key: 'ac0c5cfa6685d79cce06faa4481568ce1018c562', class: "relative" }, hAsync("div", { key: '96be2703fc36ecbe8b872d7ed79873375ef05de9', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), hAsync("div", { key: '9d4e75de9f35a00c76edf08f7e570c62c325741d', class: "space-y-16" }, this.parsedEvents.map((event, index) => (hAsync("div", { class: "relative flex" }, hAsync("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (hAsync("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]
                 : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), hAsync("div", { class: "flex items-center justify-center relative" }, event.completed ? (hAsync("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (hAsync("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), hAsync("div", { class: `w-1/2 ${index % 2 !== 0 ? 'pl-4' : ''}` }, index % 2 !== 0 && (hAsync("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]
@@ -15394,7 +15394,7 @@ class EdsToastManager {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (hAsync("div", { key: 'ac2e0d12975d88e9a22db8b92255a597e7f6ea6f', class: "toast-container" }, this.toasts.map((t) => (hAsync("div", { key: t.id }, hAsync("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (hAsync("div", { key: '871b9d1b34f1e03b77754a1bfd82b5e506d12592', class: "toast-container" }, this.toasts.map((t) => (hAsync("div", { key: t.id }, hAsync("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return EdsToastManagerStyle0; }
@@ -15433,7 +15433,7 @@ class EdsTooltip {
     }
     render() {
         const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (hAsync("div", { key: '1ba27ac30f67a50e39b2bfdff2b4392b4adc948a', class: "relative w-full inline-block group" }, hAsync("slot", { key: 'c84887cde7b92c3684ef61e36039d2e8c96f71f2' }), hAsync("div", { key: 'c7e475e74d977b6ab291ba8a315cdb237742a8e6', class: `absolute ${positionClass}
+        return (hAsync("div", { key: '1c56a6c10a841575d1450750d2aaf55f9f42f6ee', class: "relative w-full inline-block group" }, hAsync("slot", { key: '631775de9a60642ec51de32708e0d6a0c2c27b66' }), hAsync("div", { key: '9def7dbbc301f465b81ff0e77b182be90d0893de', class: `absolute ${positionClass}
             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
@@ -15497,7 +15497,7 @@ class EdsTrl {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (hAsync("div", { key: '082770e1b722223f6adb457db7f98950df4aa8df', class: "container mx-auto px-4 py-8" }, hAsync("eds-table", { key: 'b79b7cb53e045cb9b3a640ded6a4d841579112b8', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
+        return (hAsync("div", { key: 'a38f75e6defd9d618e3cc8a8404c6634adcd7cdb', class: "container mx-auto px-4 py-8" }, hAsync("eds-table", { key: '87ccaf97a5d635348347ce1c80c96d78e6631541', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15562,7 +15562,7 @@ class EdsUser {
     render() {
         const user = this.parsedUser;
         const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
-        return (hAsync("div", { key: '1c4017bd33c81ad29385e164dc8611cfac58eca0', class: "block" }, hAsync("div", { key: 'b692ce5a4b6b424c7e109589bdff5617d4e3b33c', class: "flex items-center" }, hAsync("eds-dropdown", { key: '0df9e3b3c5212433ec88da84edd746a1dce8c763', ref: (el) => (this.dropdownEl = el), label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: iconName, class: "text-default", onDropdown: this.handleDropdown }, hAsync("div", { key: 'ef25176f1fc1796dde0b1d56264617d067d06adb', class: "min-w-[280px] p-8" }, hAsync("div", { key: '539532b05094ad47281f7d03c7900b93162e175a', class: "flex gap-x-16", "data-dropdown-no-close": true }, hAsync("eds-avatar", { key: 'ff51082744e2d32e5bc57069ccc99a3214ac3c03', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), hAsync("div", { key: '1850d3ad72889a446fb8f5f29cf96d7434bc8c81', class: "max-w-full" }, user.name && hAsync("p", { key: '29a458e82be47f3b4ce801e289253158b6f7372b', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && hAsync("p", { key: 'fbb49fa957c32bd90b15dd71691b975c920049bb', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && hAsync("p", { key: 'e634ceb7b74062a19f466abb1f50266370a82747', class: "f-ui-03-light text-light mt-4" }, user.email))), hAsync("div", { key: '3a8a04862973d0e28d7c62d84a6928953fd08df3', class: "text-default flex w-full flex-col gap-y-8" }, hAsync("slot", { key: '50627b6ed0b735079d60b66092181334cd1a954a' })))))));
+        return (hAsync("div", { key: 'a16f22ec9cc18d2904ea687cbcc56099ea6273ea', class: "block" }, hAsync("div", { key: 'f2f52774b7d5fee5169a0e944f0f9d871421da89', class: "flex items-center" }, hAsync("eds-dropdown", { key: '5232b88c109f2e4957f3582113750d49b1bc025c', ref: (el) => (this.dropdownEl = el), label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: iconName, class: "text-default", onDropdown: this.handleDropdown }, hAsync("div", { key: '476d9ae9f4812611ae06d0dd1aecb08f0751742a', class: "min-w-[280px] p-8" }, hAsync("div", { key: 'ad74767750213daf55029741a4ed4c8b32f55a27', class: "flex gap-x-16", "data-dropdown-no-close": true }, hAsync("eds-avatar", { key: '64bcf2b15cc095143919d5e6a255498d77260607', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), hAsync("div", { key: 'b3850b7c774b5434fc41dd0fad6a88c9835d4946', class: "max-w-full" }, user.name && hAsync("p", { key: '74027025ccd58fa4f4016699ebb3f4f541cea858', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && hAsync("p", { key: '850f015e7a19a8f711cf22477daa5119d4211e15', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && hAsync("p", { key: '414e6ec14738be04b9b4e5e1fe99a4f263eb2e3b', class: "f-ui-03-light text-light mt-4" }, user.email))), hAsync("div", { key: '9b12da0776f6d63461c5fd7201bdccb35f430610', class: "text-default flex w-full flex-col gap-y-8" }, hAsync("slot", { key: '867b2ce8149f402ae879bd2fab689b252abed95c' })))))));
     }
     get hostEl() { return getElement(this); }
     static get style() { return EdsUserStyle0; }
@@ -15618,7 +15618,7 @@ class GradientPrimaryPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '6858be14a27601106581efe8fd9221daf4f0ddfc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (hAsync("ul", { key: 'd49c7b463621ffc3c747c4dab0703415a4275555', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
                 background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
             } }, this.colors.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "effect-height flex items-center justify-between p-16" }, hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.rgb), hAsync("span", { class: "f-body-02 w-full" }, color.cmyk), hAsync("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { class: "grid" }, hAsync("span", { class: "f-body-02" }, color.pantoneC), hAsync("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
@@ -15691,19 +15691,19 @@ class GradientSecondaryPalette {
         ];
     }
     render() {
-        return (hAsync("div", { key: '568e55cca12f97a4afc1a5acffd8ffd64938da44' }, hAsync("ul", { key: '16f19b9d89e83015db81290acfddb3ffc0368aa2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'd1b205d58e171e2a194685888a919d7178291118', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '3be3ecf27999f572951253260802099e49c60392', class: "effect-height flex items-center justify-between p-16", style: {
+        return (hAsync("div", { key: 'f2a833d8e2e4b13f8149a2b47772489ba7eec29e' }, hAsync("ul", { key: '0d787bde224fcef07d6b5fbae338e2a521c52f05', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'd739f505deed8cab298dc94a6bd76521ca8ac847', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '0ae2b7e3cdda8b54defa9f82f1356cd5d1c9b709', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, hAsync("div", { key: '931046b9a1b98bcb147f3d65f1278aa0104b7620', class: "grid" }, hAsync("span", { key: '15341ab5e4937589bd6495e88af46f52b66c13f6', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: 'f73ee08c5e15162f757c1f20084c23dc4cd4fa4f', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '414005a29611c2abf4adb9e1429ba46ed946e17c', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'ea676e150c48d8b6f92d664955e435445c00b290', class: "grid" }, hAsync("span", { key: '1b379dba41b32ebf0e79feee6c73646686976123', class: "f-body-02" }, this.colors[0].pantoneC), hAsync("span", { key: 'b327219cfb31f7f6cc2ef1bfbba30acb676f1df8', class: "f-body-02" }, this.colors[0].pantoneU))), hAsync("div", { key: 'b8192f45ddef48a5adc24b9dbd023ab39212b9b7', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: '64eb1288afd2cdefa1f104bb43258d55c3245b8c', class: "grid" }, hAsync("span", { key: 'f7fb79a235046c7892b91394b444d17443ca0248', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: 'f1cece71d557e453c8c9787fd28d7a3f8475a7e2', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '0200a4cf288f1328c67e079171a4530801b78921', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '79666e2d3b62155de387cee661dfc94778b28aa5', class: "grid" }, hAsync("span", { key: 'ee58f239ce1b20323813674c086ae138a7cb70c7', class: "f-body-02" }, this.colors[0].pantoneC), hAsync("span", { key: 'ee1753329fe850c66dc58dfe900b38c67e8acd55', class: "f-body-02" }, this.colors[0].pantoneU))), hAsync("div", { key: 'c7b2e2a19336afbded9f8ae3eff507ab12ecc4ac', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, hAsync("div", { key: '945802383c8208d374156a239bd902e55e54993b', class: "grid" }, hAsync("span", { key: 'dc9b6be317846769a1e8365c0a3a2c974ccfa23b', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: 'bbff2c3bf5769945f07db0813c21d7a14d8495b6', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '93d9b9d19f789a9731ed444c74bada150295ce28', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '8b87555408c3539afe4bd90c19f3d2034cc57d54', class: "grid" }, hAsync("span", { key: '2d5b21465eeb219886486f77f2f72351c5f054aa', class: "f-body-02" }, this.colors[1].pantoneC), hAsync("span", { key: 'b16aa8a075b2a7a3676b7f193ba4fa3185e72f49', class: "f-body-02" }, this.colors[1].pantoneU))))), hAsync("eds-block-break", { key: '3878257fda9acf2175bc8a152c62b09ec5c4924f' }), hAsync("ul", { key: '8b98d84de8eab1fdf31b21ec30aef8af95f82f4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '6eec8f2913b8805929a6931856be3fea0b665fdd', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'fdc4febd09538cc9d2e0d5efee8394d680859aef', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: 'f130fec6b8a3c9ab2eb9ed4d09672624a26865e1', class: "grid" }, hAsync("span", { key: 'b22ec15019ebe56721b7dfb63bcf327aaf5b9823', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '805c9ccaaea2baa8b6c1d41a08ebcd37b6d4153b', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '58b09ffd2a465b1c35d71224db3d56b664669273', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '87e3b35c6837b8b2249c65c2775d86352cdfbaa1', class: "grid" }, hAsync("span", { key: '14da8f6c8e8993d652889808a23dd49e40c515f8', class: "f-body-02" }, this.colors[1].pantoneC), hAsync("span", { key: '739355001e3488c8fd100fc92f90e01d32079311', class: "f-body-02" }, this.colors[1].pantoneU))))), hAsync("eds-block-break", { key: '7a9d217a2a097c49eb31c3740cc9c075ee12f646' }), hAsync("ul", { key: 'd12159ccfdbeb0aecb24c6a1d653cad16e692df1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '3619595f2daa91bf7ba9ad3ad6a1775e6e972c56', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'b01fa5e47c8c0d3c96d78235c3210a5351b19c39', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, hAsync("div", { key: '05e44f954e17e71e93983544efb08fb3f8415efb', class: "grid" }, hAsync("span", { key: 'ff3dac59c5d99e3c3a0bea5454771a46546699dc', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '629424b91fe69ba2348995ea321b5de71b9bb0e1', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '3cadcf4a4d666bfea773aeaf797dcebe0224e9c7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'a725f4f13d4c944a18c3158f735d8dd172e35128', class: "grid" }, hAsync("span", { key: '02c30563e47078f08752ab718e923dacfca8cf6b', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '460cfb91e2f9bf5c9f557b844c0bd1d7e904c9d2', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '14c4755af95cb41e5149db0de90a0f0aef429325', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: 'd494257a35394278969f2ba6db366576e9ae9e49', class: "grid" }, hAsync("span", { key: '849658f307afb30dce0ac150fa9a573ccdbf4c04', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: 'b86d3700b71389ffa098746c57bef30a9dcb4c60', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '264f5a6e7c66b3feac9ab2476078f43ae864657c', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '67d58325bc81537a1df54aa92bd1c20afb6d4337', class: "grid" }, hAsync("span", { key: '5961ba6cc25b866236521f7aac9e74a2eaa56f6b', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '6f891a3d8a392f7f993a3be70430dd107e2fb687', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '48eb15e8bc88a4df98c15351956e7e3c23fd4f5b', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, hAsync("div", { key: 'ef619263619ba173c62312b766cb00d6d5098123', class: "grid" }, hAsync("span", { key: 'b5585b81fbc61845e6e5cf0ed23782f904cf3d58', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '346257d86c37f5058f9b4deddf9166f1522970ce', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: '59b89beef607a724b2bfed5b9bad2a78e5708b42', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'f8e1a2462a31e0a3901618ec76338dde5ae10943', class: "grid" }, hAsync("span", { key: '6e83c3aaae0ae9ec8df2d6eff620059256e4540f', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '714d4e2a90966381c56671c295ec106581eeddef', class: "f-body-02" }, this.colors[3].pantoneU))))), hAsync("eds-block-break", { key: '0014a9aa45398ea35a1f80b6d2e01b4cbc0e99e0' }), hAsync("ul", { key: 'ef5896480deed0bf14c7ebc583b875e31271cff1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '130103977198e73dcf1e76c8b247dfd0052e66b4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '8f971d70daed0c51ae3794f5eeea9b8d5bbd689a', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: '102f3ef256c4640cd218f50eb368c62f3bacdcae', class: "grid" }, hAsync("span", { key: '84f60a51251d14e207b849c1c4f5cf324f144db7', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '2fb2ce9460a4c1a031678df3625aef0d46c58ca3', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: 'dd95a53afc3b16fdc47c99cc12764a151e4adc78', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '8857d41ec688b9b654e935dc5068d7a56db1175d', class: "grid" }, hAsync("span", { key: '967db71db927b65cff00298730e3195b23927f9c', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '942d70c17ccdd39d5fee5aaa7d08cb7607aba083', class: "f-body-02" }, this.colors[3].pantoneU))))), hAsync("eds-block-break", { key: '9905640465b352ee2581ba2f2fb0c111df2e4d51' }), hAsync("ul", { key: '3b503ca2aa38d5ca087b03195f5e8e316f91a046', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'dee0de27a82ce6baf0ef5cb18b8d51015095e93b', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '7cbc284a013f4a3ef36991f66ce4174a6459c414', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, hAsync("div", { key: '8563d07bc98d7a37b1c0eb04957420875247571e', class: "grid" }, hAsync("span", { key: 'b99f1f4d7c044625462542434c6b8941e0b4f8eb', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '1d5524bcd82d295aa9bb502f04a4b3deb6816a4d', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'f3dec7ffb1d822eec1fbda4e189624c52b3d46b3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '61135fbeab7e0657b589199cdf8caa39b5a97191', class: "grid" }, hAsync("span", { key: '3feae86bababfb8dd0ae4c78e342b6b40a5353d6', class: "f-body-02" }, this.colors[4].pantoneC), hAsync("span", { key: '458f2c43915ff00eff926dc39afe9a56b822df67', class: "f-body-02" }, this.colors[4].pantoneU))), hAsync("div", { key: '6fdbdbd92c843ddaa42d3cad358317ec7dc92723', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: '159d904075a396929e34d9b0b0c47c64e5b2d392', class: "grid" }, hAsync("span", { key: 'e9fe88d716b42ee87cd00cec2e6aba4979778327', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: 'b2b8401366adbc00142e4b993b193b849034bb64', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: '9a29a5ce1149b9581fbc7389117e331c118b7353', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'a0f65e92dc676413301ab868d267f1dc621041a3', class: "grid" }, hAsync("span", { key: 'aa6719d23be2279fc63cf11c714b2f3f509a757c', class: "f-body-02" }, this.colors[4].pantoneC), hAsync("span", { key: '64c9b712f7719c7e695044153e1b568c4a52d5f7', class: "f-body-02" }, this.colors[4].pantoneU))), hAsync("div", { key: '33ff5f6a668ade9681d9652a8a295f148c86f612', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, hAsync("div", { key: '1f0f2dd84c18ab45e5db4f09cdacc4cffdd6db30', class: "grid" }, hAsync("span", { key: '3050e33955bd0c6486ac385b7d89f404fd2ffb47', class: "f-body-02" }, this.colors[5].rgb), hAsync("span", { key: 'c40759231240722eb9c93878d74f4a2028492b3a', class: "f-body-02 w-full" }, this.colors[5].cmyk), hAsync("eds-code-block", { key: '01746b746ebe1c229169f8c9d0b078bff564edbf', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'c11478286125955885b8e4e650f284876af7144b', class: "grid" }, hAsync("span", { key: '013e2e01b741eaff76a5ab017304dd6f2afb91c4', class: "f-body-02" }, this.colors[5].pantoneC), hAsync("span", { key: 'ab81b5c103a1dd18b91227848fdd0ed379e92738', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, hAsync("div", { key: '2800012e3986478469d57dd0d4a44bd4778dbe8d', class: "grid" }, hAsync("span", { key: 'ccb1d4d1b76547aa711bade0d4f02c6c0536edb0', class: "f-body-02" }, this.colors[5].rgb), hAsync("span", { key: '71fc93f55e10505f0d806d5ae08198c744c3ccbe', class: "f-body-02 w-full" }, this.colors[5].cmyk), hAsync("eds-code-block", { key: '99ac406de66c5196e5d7e5cfc75cec977d0a300c', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'fabb9ea805a237c89a06703f17baa630f219b67c', class: "grid" }, hAsync("span", { key: 'ffba37cdb47b4b3ba020a75b8302776569b93df9', class: "f-body-02" }, this.colors[5].pantoneC), hAsync("span", { key: '9831ad808be56cbc208b76686d6a9a22e4daf643', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15766,11 +15766,11 @@ class GradientSupportPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '8f8703b8b6ef19574984d630d23f4a078e2683c1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '6981ecea14309c747455aff6dff44c807391fb22', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '23dc2b606d633779313a98cde5df750a21c50267', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, hAsync("div", { key: '3649c7d9a2c815cc6ab1f414f062321f29a00701', class: "grid" }, hAsync("span", { key: '732dfac36b9bb5d9df0dfe96bfd4fb36c5288d2e', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: 'f0505ec5aaff33b24b19db784b3b16b9f73f18db', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: 'ca7457b315b438bf41a7f0b1dfd2205d493e1c06', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'd29ebbce1ea5dbf25888388bbc3cd73416642c94', class: "grid" }, hAsync("span", { key: '8e503b62bc19087efe3291f2454eec4b00b18a4a', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), hAsync("span", { key: '5a12462534602160bce47b9c9f397557f8f1057d', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), hAsync("li", { key: '491e060c9201186f987ae4f075eee0efca38b6bc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'e2084e7d7cfce5a784efbcdaf0c597b749ecc1d0', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, hAsync("div", { key: '633ced7174a5242a3dff2d51d53add5a20bcbf0a', class: "grid" }, hAsync("span", { key: 'a0000924f7a9614b4dd8651880b51925f0868487', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '6007da47921d8ae881156f9c57af43a839e71743', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '4aa67182a26f57bbeb9dd251db1cbbe0ba1919fe', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '963ac8d736c7b54366d2e2798e77bc04ac01d539', class: "grid" }, hAsync("span", { key: 'd574f8c3b02fdcd9bca10d186916b848b275ae85', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), hAsync("span", { key: '97b5290bd127179160eb6fc8b76914cb620b733c', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), hAsync("li", { key: 'f5f7ff4bdad90dff2506112c812fe4c466539f7f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '8517f8e52dbb41ece0da2019d072f7e73fc8d2a0', class: "effect-height flex items-center justify-between p-16", style: {
+        return (hAsync("ul", { key: '4536bf9450bc01b4288801fd244fbf62b2c7c6ea', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'bd9714faac09cb05215bfb07c852579b08811d84', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '5dec5f2445f60c982bb90688fa15af5f5d0fc429', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, hAsync("div", { key: 'bdfdb8c692531fce0f968c5bdddbe8cf01c30cb5', class: "grid" }, hAsync("span", { key: '74b10fc06c3cf8b221bbcbd240787bd667c1eac6', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: '7068886705095e95884dbca60f6955ed1bb3afda', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: 'aa72791c1ae4129ab625430804eaafea77913852', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '9b9875d0701745fd6d3c27d7cf8e8e1438ad1f10', class: "grid" }, hAsync("span", { key: '49034e6e4668ef271a039250b633b042de668932', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), hAsync("span", { key: 'b8a5448822eff24b533f27c66f5c67c99fcff631', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), hAsync("li", { key: 'af96a3795f253000ec44634d8bd8879cbb42dc02', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '39c7718379605d3bb087928fceb92f1772d32d0f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, hAsync("div", { key: '9a2ebe2703870e187652821a9f1e5c312d234b1e', class: "grid" }, hAsync("span", { key: 'f1f50954ea41d6ba2581abacc3be8259b2c5f6df', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '15d0acd635db2af23e23c583e555726d98516499', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '5c587f4fc2d824caef7986348a98e5016314ec71', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '8e465b3324ee9f3c2d3a3f77af219f3b9fbd38bd', class: "grid" }, hAsync("span", { key: 'f462ad550675c18668a4710e34adf49106a4010f', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), hAsync("span", { key: '19cef6f8c5502c1e6ed3344365614a0fed3b7479', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), hAsync("li", { key: 'c33912ea002fd04f953d787ab3429aad6cb22819', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '7ee1396dcc55d2ab311a2dd8f3f684f690d149cc', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, hAsync("div", { key: '08db76c840f25159be21cf66f8ab1a5e7c0ec206', class: "grid" }, hAsync("span", { key: 'b46181d8eaa69635063b39efeab603d6961428cc', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: 'a91102f446f351b6be7d27051b947bf72a394606', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '98d406eaa5d641640ca5eb95271fc400282c6f69', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'a4cf89fe913982b3c296dc745323630518b9834f', class: "grid" }, hAsync("span", { key: 'ea5a30092e75135670580b40263314a1e16fb725', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '0a4fe2b93027193d508f593432c7c2589ceedba9', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '117711ee44837fe7545490304e714e4e433c608b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: '5a9e865e7e21279d95072a1e36e514d19bc320f2', class: "grid" }, hAsync("span", { key: '3f50ab38b2537aaa5bd8b0835d3f1bef56ab3a4f', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: 'e54e1bb4f6f98dc2fc00e3e9777673923a5acb39', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: 'a840c223d88b635c5c8d6c769148157c5c706589', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'e5df78c22dec1102cccfe147fe399d9c2dd95763', class: "grid" }, hAsync("span", { key: 'fac7fb25462577388b702d4d344e6a92c2fef703', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '9ee513ef286f8aa73308e312f2dd15dbd9cd66a6', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '1298bd6a27cfb1f6ae78893aecede2ea38dd5918', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, hAsync("div", { key: '49227a94ee6c63902c24ae6e1ce598721f2179e7', class: "grid" }, hAsync("span", { key: '25c2e7c420bf7501c91fb810dcc15b8fabe75211', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '0a7918f45e4315630fdd51701fd502930db1d62d', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: '93fd3a9ce6103b162559697d43bd6c79134bd12e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '9b8af5c7b8c039647035c2252cb9febddf1c12d8', class: "grid" }, hAsync("span", { key: 'c50c154e8587bb41f1c80b61869103d12339308f', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '567798f8d597a9fe26123dd489443e6c752f0b38', class: "f-body-02" }, this.colors[3].pantoneU)))), hAsync("li", { key: '4297335389feff02c051beea3bbfee33677f61ac', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '0a5cda329ffc92c33e323ded6c74a2f3b6309797', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, hAsync("div", { key: '02babf093dea42599bdd40ae789b795714b638a2', class: "grid" }, hAsync("span", { key: 'a5c2e49f307c005c29b6c3c0d5c37604a20b38d7', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: 'e9281ee3b7c23920e165f90796772c5057f0e591', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: '0144a15a5f4276c6d686dd7ea2893ead295d81ad', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '84e6de06e4c31803fa99ef2113866e947631be02', class: "grid" }, hAsync("span", { key: '1a21ce9476d86e83c3a61c591d015d917f34bad2', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), hAsync("span", { key: 'c81bd5ea778d4694847bcbd0f23c320e5acc9167', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, hAsync("div", { key: '0fba58a3d08292a83f9ea355c9f5eaf302ec7e62', class: "grid" }, hAsync("span", { key: '06978e5ccd45c684114baba14197fae88a29b009', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '0bd72456a2de62ef77b091861aa042ab9fd0739b', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: 'f2e9fe5798503e662637ee73182dc00e183c01b7', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '489311b860dfdd54a1facb310a94c684fa34e169', class: "grid" }, hAsync("span", { key: '98b03f75771f438b1dfe1325f0e21ee5b45f9447', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: 'dfa8933173fdb19186372a63fdf7a2b683c36b95', class: "f-body-02" }, this.colors[3].pantoneU)))), hAsync("li", { key: '5e7516b9e860965a9a1c1b140988bc8789f4e92e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'cde427ae68e8d16a547dd1e714847359e5b39197', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, hAsync("div", { key: '547066eac01d4cc61a1938dccf2d51c1ee3b4f6a', class: "grid" }, hAsync("span", { key: '2deac787b948cfdeaf00b39de8731fa6ffe54512', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '3bbd8a2f82a25f16bb989252912e69bee13b61dd', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'f262c5f8bdfa4355181700078d3a38c13b5598f3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '352d72f29eba7dec334e1e46898921cfe9dbb1e5', class: "grid" }, hAsync("span", { key: 'd199696680cc4cea53920f3898e97a9cd7cce4ca', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), hAsync("span", { key: '058951afa29e29683fcb6b0f89ee046482c50669', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15824,7 +15824,7 @@ class IncorrectUseOfColors {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'dc96e5e7e26b90d55edf211a12cca96331fd50ee', class: "container" }, hAsync("div", { key: '7168395a53d0d1ccb01ea8850dc78b9bafbc80db', class: "mb-8" }, hAsync("eds-alert", { key: '66969d5478be8b0e07dc96e62aac4273fe23927c', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), hAsync("div", { key: '1b31ee746e23288fc37c17e71bc9c5a4d9333a0a', class: "flex" }, hAsync("div", { key: 'f04c1b2349c82720f7e3d9a29c2aaf0ff9d73af0', class: "w-full" }, hAsync("ul", { key: '2ba63701fdde544e5c510e03676d1b1c74061931', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: '7642247ada8ff3201e3a1273a20cb37860a1581d', class: "w-full" }, hAsync("ul", { key: 'ef03781a8ed2067adc0b8cb65ba9268ba0920f04', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (hAsync("div", { key: '46ba571846c2b481f3ace83fa6ba4a87bcd30782', class: "container" }, hAsync("div", { key: '9dc5ab29cf5eaad08c8b83207e7aeb90b6ab4a4d', class: "mb-8" }, hAsync("eds-alert", { key: '8e7f6cef090d49b6bbc7073287160c1043c55a93', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), hAsync("div", { key: 'f1179f91e386c3eafea6a0ddfe8f4cec957d8e45', class: "flex" }, hAsync("div", { key: 'a2e2bdde2b2e7db03cdc7c4bcf3340a1de588502', class: "w-full" }, hAsync("ul", { key: 'de6f792de1485bb7771b5feb911185ad8e433dab', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), hAsync("div", { key: 'b018dc2bf1644efc96807184e7996bb32221ecc3', class: "w-full" }, hAsync("ul", { key: '6ec1aff24d751fde41e3f4a878f641a84bf91854', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15847,7 +15847,7 @@ class LogoSpace {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '60dcb01fe1791ae536755d50234c38fe1b8355f2', class: "container" }, hAsync("ul", { key: 'f8392d3dd6620cfe57b39a03c4f427eb201faa2a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'f89baf7dfe7257402a93c06faf09d6602a169de3', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '94ba054bcc5ada258cb95530dcc380184820cc59', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), hAsync("li", { key: '226d955d9d0a049d2a99b83a3d1223369c3a75a3', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'ebd3897ab3207f1ddebbf4d9cdbbe6a2069c9952', class: "text-center mt-16" }, hAsync("p", { key: '4e56dc98d24514717e4711204d9bad0c59ca816c', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), hAsync("eds-table", { key: 'e04e02f59c35d52d647f18a71a37657a5d7115b3', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), hAsync("li", { key: 'd499f9bf757d0daa9d22fdb41e56058a1d7b3749', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
+        return (hAsync("div", { key: '636539f79ffa0f99700e05a7dc5096e824959aed', class: "container" }, hAsync("ul", { key: '505f5632c6726bd10f9a4f98c471452dd69f87db', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '7488de77952464c75c7b427f642673e63def6344', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'f892d703e92f518d58ca51c87ea51b67c5a520d1', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), hAsync("li", { key: '22e2f278b5bba1cd20742fc04c4f3bceba67f916', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '76fa2224e922e312c132c817a32334b5737568c5', class: "text-center mt-16" }, hAsync("p", { key: '446e27f37cf9f49ca2acdd5ba206dd37a7bf96d2', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), hAsync("eds-table", { key: 'bcefae89104a8690b21db7bfa23b3fdc2486be0c', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), hAsync("li", { key: 'cbd5ddd28fd58cef55cde10d93a72c6464eb92ef', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
     }
     static get style() { return LogoSpaceStyle0; }
     static get cmpMeta() { return {
@@ -15871,7 +15871,7 @@ class LogoVariationsHorizontal {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '0f0c8f6752da65c793c2f7ad20a9e9a038c15f16', class: "container" }, hAsync("ul", { key: 'fb9647dcdb07fc5eec1a84c7458094add83233ba', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '06069a4da6863f7bd714191610ce44730531c25d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: 'a2c24b224acb98ea80b4d43695a0cae87de8f311', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: 'a672294c291984c387fb5ddfbbf89a5209cf88d3', class: "coloured" }, hAsync("eds-logo", { key: 'f6540444fabfeb1313103ecc860c9543335bf693', type: "no-bg", href: "#" }))), hAsync("li", { key: '769c0e2d304e117ae5925a0d2d981f85cb31281f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: '1c4b6cb455ef32c5b94bead22b7116aec3b9233c', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: '8e3c36097fa1dd5d0fa8cdafe00daaaa035f5463', class: "bg-default" }, hAsync("eds-logo", { key: 'cdd92bd788afa9e127ad6163ce132f2e6d620c95', type: "black", href: "#" }))), hAsync("li", { key: 'e8012388b0209873684706e16306144174212b6c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: '49b42b62f6f769c81526add05822df44941bba5c', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: '4ba6fc32175d6b6dd3f38e551eb80f4e5d1144d0' }, hAsync("eds-logo", { key: '3ebe5f6551a960873a82af20a4d415b175b7f8de', type: "color-white", href: "#" }))))));
+        return (hAsync("div", { key: '31080c3f61b7081b812d2148af7f6b534d3b9205', class: "container" }, hAsync("ul", { key: '8c425610616c76af3511717cd9848d8c08b6bb5a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'ac2a5a9aa41ff24812ec784afc48a824914b9b5f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: 'c6c4506d720f25b8fd5c640f1e6ac88d16c5f3cd', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: 'cf934aaffba7de45df6d520f10cd62a3446e3513', class: "coloured" }, hAsync("eds-logo", { key: '7e7f53445d58659b79ac0894b330c8bfa6cf0029', type: "no-bg", href: "#" }))), hAsync("li", { key: 'e0df9fe7cba5df458cc0b4a71155a3142cda903f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: 'fd276f221216a21255a91983d3e7dd01a68c249e', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: '1a6fb9c33f9b08a530e77abd0ee52a1ff331593a', class: "bg-default" }, hAsync("eds-logo", { key: 'eadd809060652b6258164bb4fa28a932177d916d', type: "black", href: "#" }))), hAsync("li", { key: '12bf924628c51eccf3ce49a9cbb8505852256f49', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: '5b5378282b032642133d624cf0b795c443fab16e', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: 'f84ba6c4c58ee16adcaccfcf04537e60f8bb694a' }, hAsync("eds-logo", { key: 'd0e17a1eb56a657bd390543b8d2f27543f8cb4e1', type: "color-white", href: "#" }))))));
     }
     static get style() { return LogoVariationsHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -15903,7 +15903,7 @@ class LogoVariationsTabs {
         }
     }
     render() {
-        return hAsync("div", { key: 'b05bf7f07b39c2119f4716da95f34372f75f6137', class: "container" }, this.renderContent());
+        return hAsync("div", { key: 'f35a343973fee85b4aa9341af797dc006aad4a03', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15930,7 +15930,7 @@ class LogoVariationsVertical {
         this.type = undefined;
     }
     render() {
-        return (hAsync("div", { key: '7d88d267037ee805159ea73f27b15d2e7ec0e1b6', class: "container" }, hAsync("ul", { key: '848defdb55c164b9fb3cee0b1425acbcbfeda209', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '9e5d7a1218da406b571ef4a8026aabfd2618846d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: 'ed5bc7c77061eee46c95e719aa938d1374d413c6', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: 'b508a4c0fb271a880e16a375cff36ecfe70d55a7', class: "mx-auto coloured w-[300px]" }, hAsync("eds-logo", { key: 'e92421e0d04d84ae40d36bdd1d7d20b0582da600', orientation: "vertical", type: "no-bg", href: "#" }))), hAsync("li", { key: '1a6c57792d0b9a7fd89036d963556def55a9a3cf', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: '56b18c6f6932f92995b5e936dc271f07fdcb2896', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: '8d77de5838230e17a30d6327c71a3e93cf52c8db', class: "mx-auto bg-default w-[300px]" }, hAsync("eds-logo", { key: 'f818a1028b59b30aa2d7ddd35146e81d332f653a', orientation: "vertical", type: "black", href: "#" }))), hAsync("li", { key: '0ce7ef6e6f3e95d43a8133c12a0b2b57bfb9b67a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: '8a0e61ff35121c1c3e60320d4023e44e639cee72', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: '412f19f119a71743bae3a824874e1a1dcafcd258', class: "mx-auto w-[300px]" }, hAsync("eds-logo", { key: 'a62f01cb47568231e90facf00ab74481e818a40b', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (hAsync("div", { key: 'c3c9836a877143b6cc94fb1b1e5460651290c55a', class: "container" }, hAsync("ul", { key: '09c53755ca2f7c96dffc3c2cb431c0283b22e476', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '4e69783ee97bc8a87e355aded11969bd722b9cb6', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: '8dbb1dc5944bdd0c8a291953a812aa8260e891ae', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: '80014d18145ff1a926eae339472ca7c7281ca7b0', class: "mx-auto coloured w-[300px]" }, hAsync("eds-logo", { key: '832765f9d2e6bfd286917ab64bc30c8f5eee4f6f', orientation: "vertical", type: "no-bg", href: "#" }))), hAsync("li", { key: '3501b56b46e16bdf16b963dc1ce21c7bb537d7a7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: 'beb34779015221aa5595d0741b07e6d25b096afa', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: '01f629499e08510989e7091c5360a568998bf3d7', class: "mx-auto bg-default w-[300px]" }, hAsync("eds-logo", { key: '49aa4ef2bf284c891fe2ecca8fbe3a867e7de039', orientation: "vertical", type: "black", href: "#" }))), hAsync("li", { key: '9b55564be0a4fb1d55452e7d3c0d4bd643d0517f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("p", { key: 'a95288658f7199722ab086779e8613856e7079bd', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: 'edaa539d4b4733274311621f65395371addffbdf', class: "mx-auto w-[300px]" }, hAsync("eds-logo", { key: 'e8a2997d451664afca22b6dc61c5da109a096e54', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
     static get style() { return LogoVariationsVerticalStyle0; }
     static get cmpMeta() { return {
@@ -15957,7 +15957,7 @@ class LogoWrongUsage {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '37850687dda1175073866d4898102d185ced3e2d', class: "container" }, hAsync("ul", { key: '2734a992d3ee5249c024dbb982fc452334645dff', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '26514741d093eb98a9898df179a5308864116b2a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '8162f53c61380494f776122dd5e7183dbaa5a941', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), hAsync("p", { key: 'c8a6b7af377d7bd214f3fa85d0032af5d9c64b58', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), hAsync("li", { key: 'c17db6db70ecaf33bf39942d18d11041d233c6e0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'c0e542cfa0cec0729dd56f4b7dd5e3e514a4c375', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), hAsync("p", { key: '10ee19b46078ea7fcaad394adff676f7a90d39e1', class: "f-ui-02 text-center" }, "Do not apply other colors")), hAsync("li", { key: '7e02bb8a4d1ba255a7a2323bbf7056788822301d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '7901b9c28eaed72f2816cc4fa16461a64b2b876c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), hAsync("p", { key: '011b641e58c216d125bf0fe0495be11c65710a13', class: "f-ui-02 text-center" }, "Do not deform the logo")), hAsync("li", { key: '4dd09cd947f29519c2c7b3f78dd98bd40a80b54f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'c19319983842106734c63c103fb04b5e5fc32e39', class: "mx-auto effects logo", innerHTML: hLogoColor }), hAsync("p", { key: '2de8694d6e8b790086a5d9e2ce8c2454ad02e1fb', class: "f-ui-02 text-center" }, "Do not apply effects")), hAsync("li", { key: '9e70df0ce29692c5f70ac4849fa0765fbf979ad8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'd0f778976c8dc89ec22174b56600aa69f15a45a2', class: "mx-auto rotated logo", innerHTML: hLogoColor }), hAsync("p", { key: 'e8d9c2bafc5eebfd2f289fee9cfb916abe77b04a', class: "f-ui-02 text-center" }, "Do not rotate the logo")), hAsync("li", { key: 'd590b661312fd6b56199ee0790a10acda0b8aadb', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'cfeb7d7a4af9fc595c0d4e083ad670a170ca2885', class: "mx-auto outlined logo", innerHTML: hLogoColor }), hAsync("p", { key: '15f6ff0ba150d42f18a19973d167510ae4c95c6b', class: "f-ui-02 text-center" }, "Do not apply outlines")), hAsync("li", { key: '56c45146f541a7fb8814810a31e8b0393c976281', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '1ded3e72b457a639184f4f3f0801eb62af87f536', class: "mx-auto" }, hAsync("div", { key: '67661f2f1273b925779001cb94b345771a74d726', class: "bg-accent p-16" }, hAsync("div", { key: '33d473c812643bf3fbc87170c80638566de1b0b5', class: "text-inverse", innerHTML: hLogoColor })), hAsync("p", { key: '7a5edbc5ae089dd87eef05baa755caf8e4a5bde3', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (hAsync("div", { key: '6bbcb3339a0704b6bc75d38d8c699dbdf333ed4f', class: "container" }, hAsync("ul", { key: 'a87538139dce51e0b67274cd7eb4a514cddf1892', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'c1b2d506f4bc4212ced9f42ca2cf5940e8c50002', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '3af5af8f6b1388fd61550838cf3aa6dcfbc6f78d', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), hAsync("p", { key: 'c6576b28269f62dfbc9ad4c012f7253265e40ed7', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), hAsync("li", { key: '2f0cf0b80c42585d5f49667e758be1bd666686a8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '1483d36ce2107a2c4e2a3b4bb581559ef651dae0', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), hAsync("p", { key: 'f4f654f2ffcbc628620fdf93593effe220f5ab80', class: "f-ui-02 text-center" }, "Do not apply other colors")), hAsync("li", { key: '5411619f96e5db5f9e41c998bb2624346d9fc874', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '1bf1eae3cac99a849ed20d77c340faa3ed333189', class: "mx-auto distorted logo", innerHTML: hLogoColor }), hAsync("p", { key: '73156bd4f715e56510f83ac12442516a5955c85c', class: "f-ui-02 text-center" }, "Do not deform the logo")), hAsync("li", { key: '784997d0d0b9f438d04b0e6e5c373ea16a7350b7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: '6c630fadddafc30eeed0512298a01b7f609cc9c0', class: "mx-auto effects logo", innerHTML: hLogoColor }), hAsync("p", { key: 'd94d025029f55a163c14ee601f93bfce69a90b98', class: "f-ui-02 text-center" }, "Do not apply effects")), hAsync("li", { key: '54de1bb2f15c4817365f81b00c054f5ce5c3f73f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'd10080524287c741489bcb0b0e110a1d5fe85e6a', class: "mx-auto rotated logo", innerHTML: hLogoColor }), hAsync("p", { key: '09f9f4e58ef7b5c0d5f3226f5e7f985a85876c9f', class: "f-ui-02 text-center" }, "Do not rotate the logo")), hAsync("li", { key: '9cf00dcba969bfc4b979f4e48a6fc54eef0a0f70', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'ea6ac8711d0bd15c90b57e0b49d429df29db1f46', class: "mx-auto outlined logo", innerHTML: hLogoColor }), hAsync("p", { key: '034f83d9ed7e7d28824060a725676180ea4c5558', class: "f-ui-02 text-center" }, "Do not apply outlines")), hAsync("li", { key: '530423af692930c0b7dfad9ce66584d1bfb6f61a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, hAsync("div", { key: 'cf068a0bf96cbaa1ec78badc46d7045257ecbae3', class: "mx-auto" }, hAsync("div", { key: 'fb927d7148d7dbc3fd8d0a7cb585c29ccc4082dc', class: "bg-accent p-16" }, hAsync("div", { key: '2b272b08d0fa2d5972d6c26387279813d83c6990', class: "text-inverse", innerHTML: hLogoColor })), hAsync("p", { key: '1c104c8279497a6c4cce15f973de9341d4768653', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
     static get style() { return LogoWrongUsageStyle0; }
     static get cmpMeta() { return {
@@ -16001,7 +16001,7 @@ class SvgRepository {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (hAsync("div", { key: '996c9a1b05d34ec171b8c58098fb3fd8e28aa81f', class: "full-width" }, hAsync("eds-table", { key: 'bc8d69bba7a6e6580ee808935fe7845194f6d38b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (hAsync("div", { key: '741972b0adefcb91106a9229df6d1eb258b9a20e', class: "full-width" }, hAsync("eds-table", { key: '2c06211f9e1ad7d3a10ddf95908db83783c37e53', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     get hostEl() { return getElement(this); }
     static get style() { return SvgRepositoryStyle0; }
@@ -16258,7 +16258,7 @@ class TokenList {
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (hAsync("section", { key: '2fcc5dd08b84b47b561c6f32f49c65b90560069f', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (hAsync("section", { key: '940429578fd363c79e2dd79f0f2ac758ca87e905', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
@@ -16291,7 +16291,7 @@ class TokenRadii {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '2afbed04fa53695bfc13275ab6d6f77d314e4d14', class: "w-full mt-28" }, hAsync("ul", { key: '87490ba0d46027993d10cdf5f5deef419cc147c1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, hAsync("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), hAsync("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (hAsync("section", { key: '4e8ae60a6a8c9ed3f49c4d69a6b68b2f9e6e5c5a', class: "w-full mt-28" }, hAsync("ul", { key: '5a4b2c649170390872aec0c21694067d735f4069', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, hAsync("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), hAsync("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -16320,7 +16320,7 @@ class TokenRatios {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '4dcf52cac610208030db8af7681cfee611f02a62', class: "w-full" }, hAsync("eds-section-core", { key: 'cb571aba92bc59c7b458281258362ca91becc09b', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, hAsync("ul", { key: '734f5db424dce811f5b6508c49c9f4c9ea4f4474', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+        return (hAsync("section", { key: '70fd39ec49cf5e57a1d1775b18a3dacc3f6afa73', class: "w-full" }, hAsync("eds-section-core", { key: 'fd94df5d8f1049a86e6bebd2e96f5b1c44b8881d', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, hAsync("ul", { key: 'cd5928f33ea769e01ff0f7bf402e737cb03940e6', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
                 aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
                 width: '100%', // Full width to show the aspect ratio correctly
                 maxWidth: '300px'
@@ -16362,7 +16362,7 @@ class TokenShadows {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '56dcf320ff3ee79c493757a3cfe27c1f7bca33d9', class: "w-full mt-28" }, hAsync("ul", { key: '8113c23d2eaab9abd28acb618c9599d5be1262a6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, hAsync("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, hAsync("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), hAsync("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (hAsync("section", { key: 'b5a033c491057c60a7b0d2ac1a1ef46a234eb718', class: "w-full mt-28" }, hAsync("ul", { key: '3f39094a92599645183ee2eb60b3726bd69b6166', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, hAsync("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, hAsync("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), hAsync("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -16382,7 +16382,7 @@ class TokenSpacing {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '45442561f72445e84c257ebc9d30f2147303427a', class: "w-full" }, hAsync("ul", { key: 'cca0cba4260ddebb2b0f1e39a9cc96d067d3fa73', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '8c38c0e0802683d9ba2cb38dff013aa02650bbe0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '406aac1f24a9a812b7405b5e323e3cb73574fb79', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'ec7f90ce92020a91b57e28545ede5d782d4a7dcc', class: "spacing-sample m-16 bg-strong" }, hAsync("span", { key: 'e84d0c8ccc0c6be14ca41bceece9cc63a8137dfb', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), hAsync("li", { key: 'dce507afa0eac9ddd430d8b2034b943e844a9b32', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'cc986ee89d249ac351c6ed81650668a8ba8ab139', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '1778c2032e322a0cde34987e5ecaaeec38933892', class: "spacing-sample ml-64 bg-strong" }, hAsync("span", { key: '8ee98a9847db2baf69adf1e5919ecefa86a1dea8', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), hAsync("li", { key: '589485906ebebf8fdc348e995e6aae0dcd4124fd', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'b94fe2cd4f93f7e52fc82423d728f5ffd3cb7dd1', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '5c6ed8a3c4573eb4f7644e18a4e6c10cab958e2a', class: "spacing-sample mt-32 bg-strong" }, hAsync("span", { key: 'bec15bc9092c36295bf012f82fd34e8eee5954cf', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), hAsync("li", { key: 'e9568891252c4597431f117f0f8c9136d30c3658', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '1fac252cd3bfd2cb1f9aa3b419e04f570f57f4e8', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'd59e7e5f180ab164837c5b94cf3f61a7084a6385', class: "spacing-sample p-32 bg-strong" }, hAsync("span", { key: '73dc397292ae7ff9c532b4c6c9f2a42c35945493', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), hAsync("li", { key: 'af9c0e9fb5fd5c314d34f2cf6b2bdc9a63133c0d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '498a46c66ec671f41681f458615d69a741784761', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '6e511b973ff53d748e99728fb1b186796437bbca', class: "spacing-sample pt-32 bg-strong" }, hAsync("span", { key: 'cae79c38937cae94930fa8750fb308ab4329de45', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), hAsync("li", { key: '67e0ec47dfcbaf8c51969973137c4ba87ee6337d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'aa8003ce3db28c8697d57728c02797324dffbf1f', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'aeaa333a1e0fbfaf5d2fcc49c4e8180e94b91b03', class: "spacing-sample pl-32 bg-strong" }, hAsync("span", { key: '708a18ad1ebeb0a24fcea4d06aa42c024bb2258a', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (hAsync("div", { key: '6b3242864d2a095f7a39a2e13be792d864a2f349', class: "w-full" }, hAsync("ul", { key: 'afb2db7e82d1efc4c5f2118d3ce912836214b65c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '01f8b99e5d3bc38d9946f645c79c93bd7c2118b1', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'd6986922cca32cdfeb39d3b31f7c3a1a7c1bb9e4', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'f8cfae4596dbd048053d5e433b55d6b4ecaa5351', class: "spacing-sample m-16 bg-strong" }, hAsync("span", { key: '4b19dd66840ea52b31b94d7222bde7cde6346225', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), hAsync("li", { key: '8a8a0b2815f07dd8e9c3235b16ae1e8bdac1c3e3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '096cc724cec2033f1f8f87bb5b6fac60dce82bd5', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'cf1917d881f307141e011aadc6d353883bf96720', class: "spacing-sample ml-64 bg-strong" }, hAsync("span", { key: '46c1054edcbad036d37d31ea86f85c13ea141dc3', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), hAsync("li", { key: '562965b0245275992204e227b7cdb0d15df3e7fe', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '1e3f7de64f7916a507b2dad14b9f6f711990dc0f', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'e7d391fca34899535c0c480dca50a169832cad89', class: "spacing-sample mt-32 bg-strong" }, hAsync("span", { key: 'c8ecacf9b3ffe5cc0d5178953ed81612bfe7bfb9', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), hAsync("li", { key: '578d79c02cfd18f3fd325c854c83a175358de29c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'ea1b373a23cb9f504bb2f668592b05d7906463ff', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '4f5c6994dd127b2d8f6242d34182e768bff37a93', class: "spacing-sample p-32 bg-strong" }, hAsync("span", { key: '6833463ec21e77da1bed3b1c2d2e4df3892d655c', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), hAsync("li", { key: 'c625bba2faa660cd7de320d5de8833ad67124e65', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '1c28128ae1046cbe561f526725f2e1f4098841a8', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '2d82995a9278f32ad257b5f43e299dc59fccfb8b', class: "spacing-sample pt-32 bg-strong" }, hAsync("span", { key: '7afad7410f0f0c867d32b7e81a384fe294bdba07', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), hAsync("li", { key: '96a65c8b325e8c271e95d3e98c447ed6c438ee09', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '4907c7fdc86c09e0760ba4ab9e0b06606804ca46', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'cebf638f44789c31845edfafe6d6e82e6fe8d188', class: "spacing-sample pl-32 bg-strong" }, hAsync("span", { key: '3ca0c927fe573467215c84ffb8373bb90e4bf949', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -16600,7 +16600,7 @@ class TokenTypography {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '859a416f39219fa58601b57eab3d3ceeceb072fa', class: "w-full" }, hAsync("ul", { key: '3c29d182685328e8bf1ae8b46909426c2b2164cf', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (hAsync("section", { key: 'aedc3e99bcef2710c6919855fd30de9fa44d48f5', class: "w-full" }, hAsync("ul", { key: '7391f39ff3599e976cd19805f35a5d4e74e06fa6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (hAsync("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, hAsync("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,