@ebrains/components 2.3.0 → 2.3.1

package/dist/hydrate/index.js

@@ -2335,7 +2335,7 @@ class ColorPrimaryPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '1ccc8d65b69795afe88b003e6aa1d6eb0f6a8a71', 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: 'b51f8df9e8481654c410a4564554e6af65e5995c', 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,
@@ -2407,7 +2407,7 @@ class ColorSecondaryPalette {
         this.show = undefined;
     }
     render() {
-        return (hAsync("ul", { key: '0c2fe4671a0754b591462dfdc91f8772eb1478c5', 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: 'c7b2a9406709dc3584e8e6f6c57a79ea5a9974c3', 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,
@@ -2481,7 +2481,7 @@ class ColorSupportPalette {
         return 'text-default';
     }
     render() {
-        return (hAsync("ul", { key: '1bafc64afc8d77db69e1847fdf05d2f8ca2d3ee0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (hAsync("ul", { key: '50f93b8bc9ee54e78eb23a21764afb0be5e3ea6c', 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)))));
@@ -2632,7 +2632,7 @@ class ComponentsSection {
         }
     }
     render() {
-        return hAsync("div", { key: 'd5f1ea9d290addbfa2a4c21e815597871f6d7639', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '7c35270931bb242311baaa8b2d45f15135f72410', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2710,7 +2710,7 @@ class CorrectUseOfColors {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '4cf1cf9e4076104bc15626b1812de8e44bb2c314', class: "container" }, hAsync("p", { key: '044662efdf38d73e10baf84af9a53b0d757c8a3f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '08203f71273f93a43bb2984f5fcb6adf91500987', 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: '244c3681fc63df5debbac5094011b9efd557c99f', 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: '1daafe1f19e2552a4ebe785f5533aabecdab8226', class: "flex" }, hAsync("div", { key: 'd3119d8a3b9053173a4ec421782d68a705d63f54', class: "w-full" }, hAsync("ul", { key: 'e59ee9a8e3aecc12cdc573b4147c93487f60a426', 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: 'f8fd15b68a9d9f8b0a2a63ccc92ceb47d8c0ed17', class: "w-full" }, hAsync("ul", { key: '9f8a13d2177fc7b500fadf3cf3a697578378f9ff', 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: '890abae9796f720980c4c40753e64ad9d5854184', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'b8099a6ebd9bee755ecfe7d450dbc191a2986aa0', 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: 'b9b0094d03544cfc8404730f8ceeb8caf44cfcd1', 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: 'f1cd546f656dc302f24106cc5fa5faa4a3fc2ece', class: "flex" }, hAsync("div", { key: '730022a2670de7b3e7d0ed53eb9d2f9d533fddff', class: "w-full" }, hAsync("ul", { key: '04b3c963c8ea94a30983d880b096682171eae657', 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: '78d294c8a18771a66f157f2140ca7aadaad9ed6a', class: "w-full" }, hAsync("ul", { key: 'a7ece655dca8bc3a4d159bdc4b6bad4e86f3846d', 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: '156ee43969b677fd3140426786834631f5743bb8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '26704a99b2bcd72ee414e4df1090d3c360f7d601', 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: '7d7db00799454b2dc76d740529f1381b934a65a5', 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: 'be78a8f1ac1f5b8a0f905e6b1b7981234e627c31', class: "flex" }, hAsync("div", { key: 'a379dd032f13978e6e35432388379f7a932a64d2', class: "w-full" }, hAsync("ul", { key: 'bca9a0adde895d36fec1ca43d59679346408de36', 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: '235c66fc5f649e5efa11966d5d8708a72ed103ed', class: "w-full" }, hAsync("ul", { key: '6155375812c41d5356aa5f04d18d64f917c60e87', 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: '453656ec8a0bd258c49d55edd978c3406f5a0ffc', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '76169ca2b6cf12e269d0d7e22af41adc6c99e95a', 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: '0305f4dc08b6adce8bef1b102c846177ca6ff86d', 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: 'eb2e4206bed167eb28540e79c7b7490bd4a9ae1d', class: "flex" }, hAsync("div", { key: 'c05f20dcfa4e806455b1a8805512b12c7a05cdc0', class: "w-full" }, hAsync("ul", { key: 'bc0fd2e75f75db9b26ce7f225ee2f9fce15e65ca', 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: '335554176ea7a84d08e07162ed0d66ac69a6859c', class: "w-full" }, hAsync("ul", { key: '10c149af45b26455c820d37e0e8109550b79c34f', 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: 'd0be09152cb04a9a38d8a744187a9b26a1e89218', class: "container" }, hAsync("p", { key: 'b271be0db9ebeb6b97f139d104c8ad22f67a0a07', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'c2166109121cb18a2bee1d7e97a829ad726dd635', 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: '77a3b2e02a38239cbdcdfacbe8375a8a37169fa5', 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: '82a056e939a0b263f1454a968688702038389842', class: "flex" }, hAsync("div", { key: 'b9bb7e15d2a5cc4c490d2e4e7d6dd56112fde0f8', class: "w-full" }, hAsync("ul", { key: '9190e2d3a5169fee4fe98a4edb0147be2e355455', 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: 'bae996225c7c49f584d6a5cc9cf3a8ad8f8807ec', class: "w-full" }, hAsync("ul", { key: 'f70940212a1efa846e3563dfbf93df65cd0bbbf1', 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: '9ced01dbcfd41dfb15c40a3f85165b94ffe9de23', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'bc44a1e9c7bf221946c550457e146b8149735e43', 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: 'cf461572ff956405929ca6cf95dfa56d07744593', 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: '37d90b2c2f0269791c923ce440924c0c3b01ca71', class: "flex" }, hAsync("div", { key: 'ff636e6bd9029bc7c9d53f3f0d8524f23b5b8ab3', class: "w-full" }, hAsync("ul", { key: '4b8a8666c8b4a2ac30550a1d0ab2c0e0314f2fe5', 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: '94d98ed72746e71f47ab181cbbb528d2ef61dfce', class: "w-full" }, hAsync("ul", { key: '3600baa2c87dd21cba3e2fc138df5b968c9c52ef', 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: '117caf5580bde7dd9347df9c38acbb4456ab98f8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '6a82c99271f67352ada76deee022ef660b43815a', 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: '935f98fb55d98c8a7e430c14420502cace108e3f', 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: '7d9c32250cdd2f369c536bb4c6c90df2e74a5a33', class: "flex" }, hAsync("div", { key: '376f8f6c2728c8044d058bab425d393534bd663d', class: "w-full" }, hAsync("ul", { key: '317a5310649943460df30cd2e68dbf3dcc547499', 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: '7cde122042c334ddee130cd08ace0e5d85df6f8c', class: "w-full" }, hAsync("ul", { key: '9b86c880cc07b785fcfe364ee3271947f2804079', 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: 'a2c6b976e0afb9f501bb19a6de47faa1a0de095e', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'f7b115c2c96e67123dc3f539cf191f93a8f411e0', 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: '236cba8f8133462144e771fa0911f5f5f3d7af58', 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: '1330c6ae0c7e870a94e9f120587240a605570883', class: "flex" }, hAsync("div", { key: '548fd1822b448bc1d424d0d8d70e21643e0d4b7b', class: "w-full" }, hAsync("ul", { key: '0a03e4b6817a18cfbcbadb0734c7970120b7d632', 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: '535d834c0520279fc1c1356275901aa942037e9c', class: "w-full" }, hAsync("ul", { key: '3125151afe464cdb9ca4a33904ee9f865c743fed', 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,
@@ -2749,7 +2749,7 @@ class DocsContent {
         }
     }
     render() {
-        return hAsync("div", { key: '68fdef1fd6bdc75ce347d326b3329871e2ed5c8d', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '9afe4f5912087e80d327a7c79a69be68b1ffa677', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2782,7 +2782,7 @@ class DocsPalettes {
         }
     }
     render() {
-        return hAsync("div", { key: '97f8cff7dfed11b80a3a9e28d3628a72af8dc12d', class: "container" }, this.renderContent());
+        return hAsync("div", { key: 'c5add26ecb245e398f8b2cf496d05da86a60f108', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -4104,7 +4104,7 @@ class EdsCardSection {
      * @returns {JSX.Element} The rendered section containing a list of cards.
      */
     render() {
-        return (hAsync("section", { key: 'bae0833e4d29cb2874bfb1751d7663751fd64abe', class: "w-full" }, hAsync("ul", { key: '001026f2866cf6101c317f08d32eac4dff46d335', class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (hAsync("li", { class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col` }, hAsync("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
+        return (hAsync("section", { key: '4b30b9eb2585350196efa901f5b36d903e43af4d', class: "w-full" }, hAsync("ul", { key: 'ab51c67c0f4095e70be1b1c2fdf9975726b50760', class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (hAsync("li", { class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col` }, hAsync("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
     }
     static get style() { return EdsCardSectionStyle0; }
     static get cmpMeta() { return {
@@ -6845,7 +6845,7 @@ class EdsCookiesPreference {
         }
     }
     render() {
-        return (hAsync("div", { key: '64edfc7f4d83f6185be6c74707115ec478628c6b' }, hAsync("eds-link", { key: 'd2c07e20ae1e67753b17f017bd5efa9b1e722fec', 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: '778879d8a4552e7dd55ac77b60d90e0bae97522c' }, hAsync("eds-link", { key: '832d45be8a294f90fc81b45c6604aec61c8f8174', 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 {
@@ -7126,7 +7126,7 @@ class EdsFeedback {
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (hAsync("div", { key: 'd197c6324cca1bea1cb69000cfb0a4776285eeea', class: "grid inline" }, hAsync(HeadingTag, { key: '8a09b89f2732d60e470a16b818467768c0f4e474', class: headingClass }, this.label), hAsync("p", { key: '6a2c35b73b8bde9d96841d60d0761581efbd4047', class: "f-body-01 text-light" }, this.description), hAsync("eds-rating", { key: '0fb0acbbe7c473f2de117e0b0028cafc2f959ed8', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (hAsync("span", { key: '8aea027f1c37cbe9ff22555ec00ed183d8c52f0a', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (hAsync("div", { key: 'ddf3974682322578e0fe0b0405ac4ebf2e0f25c1', class: "grid inline" }, hAsync(HeadingTag, { key: '64ef135208df2903c342a8feaafa49d27eb22250', class: headingClass }, this.label), hAsync("p", { key: '95d46d464035e393d80ae259f4232bebf47453ce', class: "f-body-01 text-light" }, this.description), hAsync("eds-rating", { key: 'd390733041689a17937f31dbf07050571997ced2', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (hAsync("span", { key: '61cedb8ba0a5269ac0112dc9a6d91b92e1f0b200', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsFeedbackStyle0; }
@@ -7212,9 +7212,11 @@ class EdsFooter {
      * legal links such as "Cookies Preferences" and copyright information.
      */
     render() {
-        return (hAsync("footer", { key: '5e629d1f5f06ce62843f67b296c94b18765d8100' }, 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: '68966997037f0dd88c9fb2afcc39514aefa5ff8d', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, hAsync("div", { key: 'd3ec3c9341e7509b2f4771ce0f83fbf4913b4e3e', class: "container flex items-center gap-20 lg:flex-nowrap" }, hAsync("div", { key: '30774f2c9c1c5113c8f178af2ad5dbc01b01c8d2', class: "flex items-center gap-x-12" }, hAsync("a", { key: '1939784cb357e1a0a9fc6a00c75953c37d7cac90', 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: 'b9dc32ad675188d061d01e6b11cda37c4edd5e29', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), hAsync("div", { key: '1642eaf31c946bf3f7bd3d235dccd1a66f4de7d8' }, hAsync("div", { key: '4a4b1bf11ebf31a9a0f1735cb0720bdbdab07943', class: "f-ui-04 text-light" }, hAsync("p", { key: '24226946123a5e632d393be9a24971ff9e07b355' }, this.fundedBy), hAsync("div", { key: 'a21829ec3d7d74027a14ee419f37d2ec326b7154', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, hAsync("span", { key: '4791eb4b178cb07f3983f8aa6f3ed0e60918f929', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (hAsync("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        const year = new Date().getFullYear();
+        const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
+        return (hAsync("footer", { key: 'b1c8481183fb67cb8b0a97c4ecb56cbd68b8d5f2' }, 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: 'bfe4a641c968c7c8db656eb15ae4b20994f289f9', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, hAsync("div", { key: '5a65394e8899cf62ac1bed4ac363bee86f9f17ad', class: "container flex items-center gap-20 lg:flex-nowrap" }, hAsync("div", { key: '00163d1e6c4f1021997b910935859a8bb97c18ba', class: "flex items-center gap-x-12" }, hAsync("a", { key: '12cc17423f3988f3f98b9ba9d5ce4a18a486021b', 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: '2448154fd301959d09ae0d4a2bc575ebddef0646', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), hAsync("div", { key: '640d25df8ad2a7d5271c22b979a6198f6f7aa2aa' }, hAsync("div", { key: '6a4256e03d37e93b41bbc5f22db44fcf56f35548', class: "f-ui-04 text-light" }, hAsync("p", { key: 'd2227c0d2f297a995006aa810d889e679f1ef1e2' }, this.fundedBy), hAsync("div", { key: 'd3a56fc0695308fe5547109fb735e64bc4297b5e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, hAsync("span", { key: '5f0a5db7ea735b373fc6106b6fc8f4bc25ba6f27', 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", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), hAsync("div", { key: '9d1173a7b4db564de8fa2ffb85d2b7db724bef95', 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: 'e853a0ee1b2d3e4627ccc4b80aba566a9c7a2350', 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; }
@@ -7635,14 +7637,13 @@ class EdsForm {
             // (Optional) mark that this payload includes files (handy in logs / policies)
             // formData.set('_has_files', '1');
         }
-        formData.forEach((value, key) => {
-            if (value instanceof File) {
-                console.log(`File field: ${key}, File name: ${value.name}, File size: ${value.size}`);
-            }
-            else {
-                console.log(`Field: ${key}, Value: ${value}`);
-            }
-        });
+        /*formData.forEach((value, key) => {
+          if (value instanceof File) {
+            console.log(`File field: ${key}, File name: ${value.name}, File size: ${value.size}`);
+          } else {
+            console.log(`Field: ${key}, Value: ${value}`);
+          }
+        });*/
         return formData;
     }
     handleChange(e, field) {
@@ -7852,9 +7853,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: 'a2e7de988c60301b92f6b756702bfcc78e9f3d90', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, hAsync("div", { key: '22172631522aa6094d8b163b0774c57ef4404d60', class: "flex flex-col gap-y-24" }, this.title && (hAsync("span", { key: '0597bbacbaf5f3d9ec1ab938cf755a10baafdf21', role: "heading", class: "f-heading-04" }, this.title)), this.description && hAsync("span", { key: '5e636072bc2692071bd0b518af721999cc8b511e', class: "f-body-02 text-light" }, this.description), hAsync("slot", { key: '79d21172208eb77ec6460e817d3c7bc3a680c806' })), hiddenFields.map((field, index) => (hAsync("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        return (hAsync("form", { key: '0b7014a7e6c641f2abc6217d919583dafce50067', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, hAsync("div", { key: '3beaa87c72ac60e37bf5c7093b8a3f5b54c9eb4b', class: "flex flex-col gap-y-24" }, this.title && (hAsync("span", { key: '5d07685b0e31419d442765c230f9cd2373ce2773', role: "heading", class: "f-heading-04" }, this.title)), this.description && hAsync("span", { key: '13fe635ea00fa3c950951f1df37549fa75341666', class: "f-body-02 text-light" }, this.description), hAsync("slot", { key: '5e62b8844536ef127ce2565e4167766bf6d5ba4d' })), 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: 'b99941e53dec1c8c4e167d8588d6e86793838d1a', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (hAsync("div", { key: '27365a4d7d8150ff4e94ffb3d27d011400c8c412', class: "mt-32" }, hAsync("eds-button", { key: '66f89292b95d9549e3718d7e499b0724762127c6', 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: '831b919b0784a671596678392fe5aa0433af35a5', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (hAsync("div", { key: 'bdddee0aa0899c9cea3ce737f30f1e25ce8d95c5', class: "mt-32" }, hAsync("eds-button", { key: 'f9a61383079b998dc98558d85b93e30aa32a3eeb', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7982,7 +7983,7 @@ class EdsFrame {
         }
     }
     render() {
-        return (hAsync("div", { key: '7b4f5eb19460a178b98586aa38088e3dc5625671', class: this.articleClasses() }, hAsync("div", { key: '98aefbd4cab33f14c9aa3152c122a11b24df4a02', class: "effect-height flex items-center justify-between py-8 px-12" }, hAsync("span", { key: 'd0cdd2f3354bddc99030ee5215f2bc24b139a261', 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: '030c560bbd0209160c92bc2d152f8d42484dc86b', 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: '919f5de224a556016a2ccf7bdfc20a4885afa3f5', class: this.articleClasses() }, hAsync("div", { key: '13f6c97cd99ddc7a15bed69efed236f44266d9ab', class: "effect-height flex items-center justify-between py-8 px-12" }, hAsync("span", { key: 'a1b912042dbf197dd7044016582412980c9a177b', 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: '186fa28cc18e183318f94ccfd2d557ee800f43b7', 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; }
@@ -8042,6 +8043,10 @@ class EdsFullscreenMenu {
     handleToggleMenu(event) {
         this.isMenuOpen = !!event.detail;
     }
+    onKeydown(e) {
+        if (e.key === 'Escape' && this.isMenuOpen)
+            this.closeMenu();
+    }
     /** Opens the menu */
     openMenu() {
         this.isMenuOpen = true;
@@ -8051,6 +8056,8 @@ class EdsFullscreenMenu {
         this.isMenuOpen = false;
         this.menuClose.emit();
     }
+    async open() { this.isMenuOpen = true; }
+    async close() { this.closeMenu(); }
     // Lifecycle method to add the resize event listener when component loads
     componentDidLoad() {
         window.addEventListener('resize', this.handleResize.bind(this));
@@ -8084,7 +8091,7 @@ class EdsFullscreenMenu {
         return parseData(this.menuLinks);
     }
     render() {
-        return this.isMenuOpen ? (hAsync("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, hAsync("div", { class: "flex min-h-full flex-col" }, hAsync("div", { class: `w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, hAsync("div", { class: "mx-auto flex items-center justify-between" }, hAsync("div", { class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), hAsync("div", { class: "px-16" }, hAsync("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), hAsync("div", { class: "py-16 px-16" }, hAsync("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index) => (hAsync("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), hAsync("eds-block-break", null), hAsync("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index) => (hAsync("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), hAsync("nav", { class: "mt-28 flex flex-col gap-y-8" }, hAsync("slot", null))), hAsync("div", { class: "mt-auto" }, hAsync("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
+        return this.isMenuOpen ? (hAsync("div", { role: "dialog", "aria-modal": "true", "aria-label": "Main menu", class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, hAsync("div", { class: "flex min-h-full flex-col" }, hAsync("div", { class: `w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, hAsync("div", { class: "mx-auto flex items-center justify-between" }, hAsync("div", { class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), hAsync("div", { class: "px-16" }, hAsync("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), hAsync("div", { class: "py-16 px-16" }, hAsync("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index) => (hAsync("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), hAsync("eds-block-break", null), hAsync("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index) => (hAsync("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), hAsync("nav", { class: "mt-28 flex flex-col gap-y-8" }, hAsync("slot", null))), hAsync("div", { class: "mt-auto" }, hAsync("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
     }
     static get style() { return EdsFullscreenMenuStyle0; }
     static get cmpMeta() { return {
@@ -8095,9 +8102,11 @@ class EdsFullscreenMenu {
             "menuLinks": [1, "menu-links"],
             "homeUrl": [1, "home-url"],
             "inverseHeader": [4, "inverse-header"],
-            "isMenuOpen": [32]
+            "isMenuOpen": [32],
+            "open": [64],
+            "close": [64]
         },
-        "$listeners$": [[16, "toggleheadermenu", "handleToggleMenu"]],
+        "$listeners$": [[16, "toggleheadermenu", "handleToggleMenu"], [8, "keydown", "onKeydown"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -8330,10 +8339,10 @@ class EdsGlobalSearch {
         return (this.hasSearched && !this.loading && !this.hasResults && this.query.trim());
     }
     render() {
-        return (hAsync("div", { key: '8fb5d13cbb123d7a6d6a26d0ba59d4c6d1660216', class: "search-wrapper" }, hAsync("eds-input-field", { key: 'a8bf5d6f4aa5746e144b82fad60b77697d0fdb99', 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: '553cb12c9b2aa9ecfbcf9c1eee9ff9a44549e35a', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (hAsync("div", { key: '4f40853beecd11f8812fd97cf07d2394e7b73466', class: "flex text-center justify-center p-64" }, hAsync("eds-spinner", { key: '307a3ba3ec2d296f31f8e5cf1a696786387ea8fa', variant: "primary", size: "sm" }))), this.error && !this.loading && (hAsync("div", { key: '46fc2ed3f48237864c62ce52d5789b72ab007f61', class: "flex text-center justify-center p-16" }, hAsync("span", { key: 'b555370d936f99234d9be576d04766bc674bfd24', class: "text-error f-body-02" }, this.error))), this.showEmpty && (hAsync("div", { key: '7464c4850872ce8dcee55c189b1e78baa1799f14', class: "dropdown-state" }, hAsync("eds-icon-wrapper", { key: '989282ef0fc8fde7018bb80ab172773cc2107942', icon: "search" }), hAsync("div", { key: 'efbdbd61312b7de43c4f9944cbd573573ec22f11' }, hAsync("p", { key: 'fb8bf8c76f101a182f2f0e0c9beac642a872d4cb', class: "f-body-02" }, "No results found"), hAsync("p", { key: '003a1facf39b7efe8f61c58518e7fdef4779f9c3', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (hAsync("ul", { key: '01b48376f9b290218f93eed314bcc71fa15f83ef', class: "dropdown-results" }, this.results.map((result, index) => (hAsync("li", { key: result.id, "data-index": index, class: {
+        return (hAsync("div", { key: 'e3c15463b46aa6349efb86e4907d6f7bfabf682f', class: "search-wrapper" }, hAsync("eds-input-field", { key: 'f2164163925534652c62541b3e954d4bb66510bc', 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: 'f592d322fb3d1556743edc39713c8dbaa6449fa6', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (hAsync("div", { key: '4d3171271b27f70650bbded9cb7c0b76799dc1a1', class: "flex text-center justify-center p-64" }, hAsync("eds-spinner", { key: '74fed5cf70ba698468dd2ca03dc5ff4eb7aeb7db', variant: "primary", size: "sm" }))), this.error && !this.loading && (hAsync("div", { key: '481fd52e321ff02ca61cc0877a61f577b6a1ebd7', class: "flex text-center justify-center p-16" }, hAsync("span", { key: '073d2a12b960b3309e0ab597c41d36f946615ed6', class: "text-error f-body-02" }, this.error))), this.showEmpty && (hAsync("div", { key: '7b031eec1e6720f4cda6bc107ebc6f64f1c6e35f', class: "dropdown-state" }, hAsync("eds-icon-wrapper", { key: '3ce91c3dcdaf27bd85f7ea4c855bab58b1208355', icon: "search" }), hAsync("div", { key: 'c1a9b0c3f62fc568fa9d34d41730da8960bcdd54' }, hAsync("p", { key: 'd3b87b4a6b06e81e5c62e817b924f762974c589e', class: "f-body-02" }, "No results found"), hAsync("p", { key: '67fde47420811b9eaef805d9e6aa1b3515c74251', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (hAsync("ul", { key: 'ba3a77467ba5e709bdf95dc793c316a18a135b64', 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: '3730704ff20781f23403df56a452bf586c06a688', class: "dropdown-footer" }, hAsync("span", { key: '981e0fb42c24116a2b7caa1a341db1435fb57298', class: "footer-hint" }, hAsync("kbd", { key: 'a3afa1202d694af3f87c736f8384b11497729d2c' }, "\u2191"), " ", hAsync("kbd", { key: '4158766047e73eef837b3a7be415b52792473f3e' }, "\u2193"), " navigate \u2022 ", hAsync("kbd", { key: '49dc09c928a6f0d69e4c95cee7ba5b655dfcd56c' }, "\u21B5"), " select \u2022", ' ', hAsync("kbd", { key: '8da9b6f1bef58c7633a484f63e63920646d6b675' }, "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: 'ccdceeb06f423b28868dbf5ec2a11c5b84c651d7', class: "dropdown-footer" }, hAsync("span", { key: 'e9dfb424b4dd277b11c6a630c673ec6368b09ef2', class: "footer-hint" }, hAsync("kbd", { key: '4d045d4356b035c6efc7e029ea9e1f5bb4828b6b' }, "\u2191"), " ", hAsync("kbd", { key: '5ee2913fe448ad3763ca9a70f474bfa9fcd3aad9' }, "\u2193"), " navigate \u2022 ", hAsync("kbd", { key: 'd745261bb53ecffae5ff41d53e349fd74d37b955' }, "\u21B5"), " select \u2022", ' ', hAsync("kbd", { key: 'baa93b7af9e8ae8994f8e73c1bf7942f659b0491' }, "esc"), " close")))))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsGlobalSearchStyle0; }
@@ -8385,14 +8394,10 @@ class EdsHeader {
         this.menuEnabled = false;
         this.isMenuOpen = false;
         this.isUserMenuOpen = false;
-        this.isAuthenticated = false;
-    }
-    onAuthStatusChanged(event) {
-        var _a;
-        this.isAuthenticated = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.authenticated;
     }
     componentDidLoad() {
-        const links = this.hostEl.querySelectorAll('eds-link');
+        var _a, _b;
+        const links = (_b = (_a = this.hostEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('eds-link')) !== null && _b !== void 0 ? _b : [];
         links.forEach((link) => this.emitContext(link));
     }
     emitContext(linkElement) {
@@ -8420,7 +8425,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: '937c78379bb6f3a97705862b2fa3f0f6ddd76d4c', class: `flex items-center justify-between relative z-10 ${classes}` }, hAsync("div", { key: 'd94837e8414d558f02039501d7b01ab550275ca7', class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { key: '02711bc6d80075a215761ce79698555f7b31bffa', type: logoType, href: this.homeUrl })), this.parsedLinks && (hAsync("nav", { key: 'e3f0033cce5a6145a4f457d1c2c7aebb767593f7', 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: '85008ed8ceb8eca869d8730b38a8aa37aeb757ff', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (hAsync("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", 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: '35eb7af751f3da381fada990118fa0a37ce150b1' }), this.menuEnabled && (hAsync("div", { key: '121bba2b027fc21e8c77054f3de533e40fad6b96', class: "md:hidden flex overflow-hidden px-16" }, hAsync("eds-button", { key: '00774810aabf8fa292ecca2210bcd9542a7cb0c2', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (hAsync("header", { key: '33f041754210d5fce8b190e63a6f19ac62262cfd', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, hAsync("div", { key: '596d4b9cbb08fa95aa9b715599290ac91aff3f77', class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { key: 'd13e83eca926b82f7406d5efb3f16555c25c167c', type: logoType, href: this.homeUrl })), this.parsedLinks && (hAsync("nav", { key: 'e120bef9e976e75d523bd6d1e65e8aecd7c6a694', 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: 'ea3db252b028340a007a18b4cb1fb995fefd51b0', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (hAsync("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", 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: '47dfb8dcd8e77bd908236aef0cc0c3c5542de11e', name: "actions" }), this.menuEnabled && (hAsync("div", { key: 'a6f4a3fb9834696d39a6831098c12f1a5a519a6b', class: "md:hidden flex overflow-hidden px-16" }, hAsync("eds-button", { key: '2c6586152953caa33911d19fa69d3518cb73fc41', "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; }
@@ -8433,10 +8438,9 @@ class EdsHeader {
             "headerVariant": [513, "header-variant"],
             "menuEnabled": [4, "menu-enabled"],
             "isMenuOpen": [32],
-            "isUserMenuOpen": [32],
-            "isAuthenticated": [32]
+            "isUserMenuOpen": [32]
         },
-        "$listeners$": [[16, "authStatusChanged", "onAuthStatusChanged"]],
+        "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["homeUrl", "home-url"], ["headerVariant", "header-variant"]]
     }; }
@@ -10438,7 +10442,7 @@ class EdsIconArrowDiagonal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f638b55d0ab199bbd7a52d099aa1242410ae1892', class: this.class, innerHTML: arrowDiagonal });
+        return hAsync("span", { key: '4dd5fc5be465494e8546404231cfdb63609e64f1', class: this.class, innerHTML: arrowDiagonal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10461,7 +10465,7 @@ class EdsIconArrowRight {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '476da936a6861dc0a5db691cee31559c845766a2', class: this.class, innerHTML: arrowRight });
+        return hAsync("span", { key: '64d0cb03ab1a33096ad9e3b7219a2e758707a1d5', class: this.class, innerHTML: arrowRight });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10484,7 +10488,7 @@ class EdsIconBin {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '8bc63b5438fa6bf2ffa729afd07a793b96f3167d', class: this.class, innerHTML: bin });
+        return hAsync("span", { key: '9a7b52f2a2006bd83418d6b4bb2834bffa79305c', class: this.class, innerHTML: bin });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10507,7 +10511,7 @@ class EdsIconBluesky {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b42f25c9a2405c94d83c917026f376c9803058d1', class: this.class, innerHTML: bluesky });
+        return hAsync("span", { key: '4f21c5659e92ea08e1f464d23e351fbfef6e347d', class: this.class, innerHTML: bluesky });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10530,7 +10534,7 @@ class EdsIconBookmark {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '3a7cb54b31e70a446b093453389432938c2fd9d8', class: this.class, innerHTML: bookmark });
+        return hAsync("span", { key: '48b2e81ac7f597b50d13a7a0a753894ac18022cd', class: this.class, innerHTML: bookmark });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10553,7 +10557,7 @@ class EdsIconChevronDown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '49925425ac1fd676eb96b973b1419f1f2aec1c81', class: this.class, innerHTML: chevronDown });
+        return hAsync("span", { key: 'ea6e2250c63af2a7f3ed1d50e6514a28e5629e6d', class: this.class, innerHTML: chevronDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10576,7 +10580,7 @@ class EdsIconChevronLeft {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '38d849e3d7e2b2f5e7df8a5624bcf988b3046b11', class: this.class, innerHTML: chevronLeft });
+        return hAsync("span", { key: '8847183f6f31439d94f87a24ee01697babe53ecf', class: this.class, innerHTML: chevronLeft });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10599,7 +10603,7 @@ class EdsIconChevronRight {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5368c37dc49fa654d75f42a774a9a3ad93db5261', class: this.class, innerHTML: chevronRight });
+        return hAsync("span", { key: '398a406ad137aeb4d51286b82eccee3c0bff2f2b', class: this.class, innerHTML: chevronRight });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10622,7 +10626,7 @@ class EdsIconChevronUp {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '6479f32960c973174c4577beef2f7df7b0baebd4', class: this.class, innerHTML: chevronUp });
+        return hAsync("span", { key: 'f0647dcbf0e597fc3dd2f31d0e1de2ce7237d25a', class: this.class, innerHTML: chevronUp });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10645,7 +10649,7 @@ class EdsIconClone {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'a31ea2174a7c266b62264dad10c486f7dc27f043', class: this.class, innerHTML: clone });
+        return hAsync("span", { key: 'faa232cc2d703f00cbda76fb9c152773a032ded2', class: this.class, innerHTML: clone });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10668,7 +10672,7 @@ class EdsIconClose {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b4283a9fbc348923169a4d56ad6f3b5aad4a13c8', class: this.class, innerHTML: close });
+        return hAsync("span", { key: '001c4d41b324d9b2636087e1fde76e2fdeef9f33', class: this.class, innerHTML: close });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10691,7 +10695,7 @@ class EdsIconCopy {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0', class: this.class, innerHTML: copy });
+        return hAsync("span", { key: '6a7eb765b426e0e142a0d7f742ddc33c9de98601', class: this.class, innerHTML: copy });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10714,7 +10718,7 @@ class EdsIconDownload {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '2fbaad3eebee32d200d0f655b396ea937901f3bd', class: this.class, innerHTML: download });
+        return hAsync("span", { key: 'b2b380a299ee2b9941613ddddc3d67b2db4ce57e', class: this.class, innerHTML: download });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10737,7 +10741,7 @@ class EdsIconDraft {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '408c981cebc10ab4bcf91e2765e7971ad0a83975', class: this.class, innerHTML: draft });
+        return hAsync("span", { key: '0defed3e15ba10e6e62cf35d0540901ec1dd2485', class: this.class, innerHTML: draft });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10760,7 +10764,7 @@ class EdsIconEdit {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'eb8558a13bcab457f260b0c3cddc235867b7f45a', class: this.class, innerHTML: edit });
+        return hAsync("span", { key: '86ec46944e96100f5e262f505dd64839b99f0d8d', class: this.class, innerHTML: edit });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10783,7 +10787,7 @@ class EdsIconEu {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '994f1becb4b226a2d2f022d9bd22a690fad5aab4', class: this.class, innerHTML: euSvg });
+        return hAsync("span", { key: '216be6a7fcc4f8ffb2936507cbff95bc1141c764', class: this.class, innerHTML: euSvg });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10806,7 +10810,7 @@ class EdsIconExternal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '0825d1c73c5f311f7a9d5394542f6fd74791a543', class: this.class, innerHTML: arrowDiagonal });
+        return hAsync("span", { key: 'a061070cf41f0a64e660fe6ea01fcaecf7c45afd', class: this.class, innerHTML: arrowDiagonal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10829,7 +10833,7 @@ class EdsIconFacebook {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: facebook });
+        return hAsync("span", { key: 'b3e7b9c17f476f6d40c446574f0df66a92750b93', class: this.class, innerHTML: facebook });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10852,7 +10856,7 @@ class EdsIconGitlab {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4c0a731d1a67884107112bc5941faf2001dbbfd5', class: this.class, innerHTML: gitlabBlack });
+        return hAsync("span", { key: 'ac1b505068670dc7cb5953b515f768586a79d6a3', class: this.class, innerHTML: gitlabBlack });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10875,7 +10879,7 @@ class EdsIconLinkedin {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: linkedin });
+        return hAsync("span", { key: '98e62dd3477d86fbdcdfb1388795e119910de8c1', class: this.class, innerHTML: linkedin });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10898,7 +10902,7 @@ class EdsIconLoader {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '2207bbac640cf28a2d6d5d725f681e56c8c53011', class: this.class, innerHTML: loader });
+        return hAsync("span", { key: '3a9bd685a48bd253613d94a0755e3011144b69a8', class: this.class, innerHTML: loader });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10921,7 +10925,7 @@ class EdsIconMastodon {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b7ba0f10df196243538aaeefe3db0ee5f594f885', class: this.class, innerHTML: mastodon });
+        return hAsync("span", { key: '780be04fc40f5ac361cc7cce4694c9f624ab4a0a', class: this.class, innerHTML: mastodon });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10944,7 +10948,7 @@ class EdsIconMenu {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5f14cbe4b3ca88f7301c1561c092278b31d04326', class: this.class, innerHTML: menu });
+        return hAsync("span", { key: 'ee487c5a7cbd576d21a7f0b282ca0606a045de2e', class: this.class, innerHTML: menu });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10967,7 +10971,7 @@ class EdsIconMinus {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b19c12426db0068934252c6197ba04789d42f5e2', class: this.class, innerHTML: minus });
+        return hAsync("span", { key: '4c399e259be9fcce197e0735c42dd5fa76daa220', class: this.class, innerHTML: minus });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10990,7 +10994,7 @@ class EdsIconMore {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b6d2b6d7d156c715e2f7d2192d93a4326b22dfc5', class: this.class, innerHTML: more });
+        return hAsync("span", { key: '6eae5aa60d60601dcdacf6fcf1f40be87cd3f869', class: this.class, innerHTML: more });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11013,7 +11017,7 @@ class EdsIconPaper {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '497345c7f18b9cceaf00030b7b3ab052f482c7bf', class: this.class, innerHTML: paper });
+        return hAsync("span", { key: 'a2fd252b8b3050636aeae7308d69ddcaf2d54a4e', class: this.class, innerHTML: paper });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11036,7 +11040,7 @@ class EdsIconPlus {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'd9fdc443e6da9465453f5f201b5782437a45402e', class: this.class, innerHTML: plus });
+        return hAsync("span", { key: '339d03b5782b6acfc41ffa62b4482eb6098bc0b0', class: this.class, innerHTML: plus });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11059,7 +11063,7 @@ class EdsIconPortal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '27be525d5922ed05755e207adc914c7e86fb7033', class: this.class, innerHTML: portal });
+        return hAsync("span", { key: 'dc84ec0bf1fdd9d5461d4cf8496f6b0d9658ffb8', class: this.class, innerHTML: portal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11082,7 +11086,7 @@ class EdsIconPrivate {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '16aa24573646bd0002f9b259dba4ab7bb150d12e', class: this.class, innerHTML: privat });
+        return hAsync("span", { key: 'eb2ac14ec0564bc1a1133ae099b4e49dffde5f92', class: this.class, innerHTML: privat });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11105,7 +11109,7 @@ class EdsIconPublic {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '1aedbead2feca84807fa4dd3d10092c3a4632365', class: this.class, innerHTML: pub });
+        return hAsync("span", { key: 'f8ff53678e0a06d505ac6f19ca79808597a2ef34', class: this.class, innerHTML: pub });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11128,7 +11132,7 @@ class EdsIconSearch {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4d7a6781f65c4fc7159dd29a9d02b2d5333915fd', class: this.class, innerHTML: search });
+        return hAsync("span", { key: '892c0b85f2039ee09a642d6040aa2679b3badfda', class: this.class, innerHTML: search });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11151,7 +11155,7 @@ class EdsIconStar {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4410f1ce5f3b350e75b31ba6089540a9281e474b', class: this.class, innerHTML: star });
+        return hAsync("span", { key: 'c5831907f350c7aa0a0029c69bcb5e8fcd51d221', class: this.class, innerHTML: star });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11174,7 +11178,7 @@ class EdsIconStart {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '3f33c676334b9e7dd18708459ebfb3e3a9cf12a4', class: this.class, innerHTML: start });
+        return hAsync("span", { key: '27ab2edbb78b6560a93158cd2e55a42552337694', class: this.class, innerHTML: start });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11197,7 +11201,7 @@ class EdsIconSuccess {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '0130a392a537a653154383ccd21a1516100459e3', class: this.class, innerHTML: success });
+        return hAsync("span", { key: '6f20d0106096d427556e05b663e3fa133852470e', class: this.class, innerHTML: success });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11220,7 +11224,7 @@ class EdsIconThumbsDown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '747187922f5c94e96c67f5455e4ed3b8afd47885', class: this.class, innerHTML: thumbsDown });
+        return hAsync("span", { key: 'accd4312433f1e6e3e1a4833fa12388b9c6ca544', class: this.class, innerHTML: thumbsDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11243,7 +11247,7 @@ class EdsIconThumbsUp {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '051029abca2749f24ae3407ff3ae36b20007c924', class: this.class, innerHTML: thumbsUp });
+        return hAsync("span", { key: 'afed8c9954ad497d6ac707b07c6890ea8387f011', class: this.class, innerHTML: thumbsUp });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11266,7 +11270,7 @@ class EdsIconTutorial {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '3d0f88fa7ebbec278f9cc1394ed87809ff7c49d1', class: this.class, innerHTML: tutorial });
+        return hAsync("span", { key: '1ad94bbcfc46e1e69f89162ccd0a5c5c0eda3245', class: this.class, innerHTML: tutorial });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11289,7 +11293,7 @@ class EdsIconTwitter {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: twitter });
+        return hAsync("span", { key: '5fb5ffd58614e322c3d371662876805aeb88ae45', class: this.class, innerHTML: twitter });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11312,7 +11316,7 @@ class EdsIconUnknown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '27f8330b13ebecd974913f83e3ae142406d08712', class: this.class, innerHTML: unknown });
+        return hAsync("span", { key: '3784c70a29511c1ef0cab2460186fdb396630df7', class: this.class, innerHTML: unknown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11335,7 +11339,7 @@ class EdsIconUpdown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'ef19f500cdd0289666d512e73952e6ae1ba9e7dc', class: this.class, innerHTML: upDonw });
+        return hAsync("span", { key: '3aa681d785398425792073eb6929fb4169b37817', class: this.class, innerHTML: upDonw });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11358,7 +11362,7 @@ class EdsIconUser {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '134abbd42c49915f772f5d2aed7b53ecc5a0bd8a', class: this.class, innerHTML: user });
+        return hAsync("span", { key: 'b656d852159d8cbcc0e3593f65938f6181c72ae4', class: this.class, innerHTML: user });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11381,7 +11385,7 @@ class EdsIconView {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5725348031c6f0b6944e765b1b52e7f5759493aa', class: this.class, innerHTML: view });
+        return hAsync("span", { key: 'f6135c4eb38623a60d68725ce1171e6f8ded4586', class: this.class, innerHTML: view });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11460,7 +11464,7 @@ class EdsIconYoutube {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '7c8d8693dc6e0a03af0b0a68190d451fee84a013', class: this.class, innerHTML: youtube });
+        return hAsync("span", { key: '9adf87027690ce28aed73d736ce2d3be6a5245b5', class: this.class, innerHTML: youtube });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11536,10 +11540,10 @@ class EdsImg {
             imgOpts['loading'] = 'lazy';
             imgOpts['decoding'] = 'async';
         }
-        return (hAsync("div", { key: '7d704bdd14072d6ce69632d6f2de3270ff393b87', class: {
+        return (hAsync("div", { key: 'c164d1584476f9fb101abb9e1233bed40c782eb9', class: {
                 'items-center justify-center': true,
                 'effect-bg-pattern': this.lazyload && this.showBg
-            } }, hAsync("picture", { key: '724f384b7b9f112727d3ab4ecdab5f769e581b26' }, this.formats.map((format) => (hAsync("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), hAsync("img", Object.assign({ key: '8b12b640a9d66fba117676e6bd81659c72a8e15c', ref: (el) => (this.img = el), class: {
+            } }, hAsync("picture", { key: '70e20db2fe9bdf1a494313c6896e835ff3222f3c' }, this.formats.map((format) => (hAsync("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), hAsync("img", Object.assign({ key: '164d758ed706139d2d4562775a91c9518c437d28', ref: (el) => (this.img = el), class: {
                 'effect-opacity object-cover object-center': true,
                 'opacity-100': this.loaded,
                 'opacity-0': !this.loaded
@@ -11621,7 +11625,7 @@ class EdsInput {
     render() {
         const withIcon = !!this.icon;
         const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
-        return (hAsync("div", { key: '4c49edfceefe448b6f5bb29284f0b757342a6003', 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: '069d8ed6f23b2d98bbc24b727cad0cbc94d1a956', 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,
@@ -11632,7 +11636,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: 'df877332c68d4783d5f0f8d8beb94c1859cd00da', 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: '94f7d3d75f5c578c10ab72b6140785b0b5988a13', 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: '2295538938128173047a5c81166cbee3d652cf25', 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: '70a5bc0c9019c25499c4c65ece50ddb602eb3345', 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 {
@@ -11771,7 +11775,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: '8351609cb76699040d692f3a99746970a1498bea' }, 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: '75e326788d214bcbdd0b4b5204ac309a3e76f6eb' }, 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,
@@ -11784,7 +11788,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: '171ca8dfbf4b30a62a05d00f5296b1aaa3d964bd', class: "mt-6" }, hAsync("eds-input-footer", { key: 'c6b7d0a9dc574a5e0dba1e62ff77934e96b4dec1', 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: '83d2deb40af000499d6d12e33f33b7435372ff30', class: "mt-6" }, hAsync("eds-input-footer", { key: '21035705fd8ef6dbe8d208d4e0b88467a4d4cb09', 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); }
@@ -11836,7 +11840,7 @@ class EdsInputFooter {
         this.link = undefined;
     }
     render() {
-        return (hAsync("div", { key: '4c3c1cc26e2b003f49b3cfd1c2388833c305781b' }, this.error && this.errorMessage && (hAsync("div", { key: '7e14e3a77c99ee2700fd0cd8cb1e738c11e34823', id: `error_${this.name}`, class: "text-error flex items-center" }, hAsync("eds-icon-wrapper", { key: '700bc9b58a15e985903fc91abe4e41847d1cf761', icon: "warning" }), hAsync("p", { key: 'a90a0fb49221c15125a54a0413a926174c065319', class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage }))), this.message && hAsync("p", { key: '24d7c4fb5de1bb54237282edf6e51a16f0475474', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (hAsync("a", { key: '2f01a63b36409dfddd19416777f88008f358b1cb', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
+        return (hAsync("div", { key: 'f968c3f3cfa5d419fe2d736b8da4f1dfd5fca88f' }, this.error && this.errorMessage && (hAsync("div", { key: '780480b021c958a4d429b13a190ed630df98f539', id: `error_${this.name}`, class: "text-error flex items-center" }, hAsync("eds-icon-wrapper", { key: '3577ebdde2d337e393d7ae41b0b55d3eac046149', icon: "warning" }), hAsync("p", { key: 'c839fe81dcd8ee0fba4ffa53dd7ba5e65a39fa46', class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage }))), this.message && hAsync("p", { key: '57833b0f0f58d36773401eaa0f37fd820ebe094c', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (hAsync("a", { key: '2330e747a9274c6b9bcadf5ae4a770cfbab78b27', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
     }
     static get style() { return EdsInputFooterStyle0; }
     static get cmpMeta() { return {
@@ -11867,7 +11871,7 @@ class EdsInputLabel {
         this.disabled = false;
     }
     render() {
-        return (hAsync("label", { key: '51cf53579cea9effbf421c4f4ab45ef63f6770bf', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (hAsync("span", { key: '381c4e1e014d43f726e997767c76565a1979e54a' }, hAsync("span", { key: '08102ef7990f262bf56b6f5bcf70e2ef6ecb0670', "aria-hidden": "true" }, "*"), hAsync("span", { key: '6d3c6f3af5a06c5a1ee2245240cb3fbbef6cf9a8', class: "sr-only" }, "required")))));
+        return (hAsync("label", { key: '4760fa1b6a66b4ba30b689e65acc9f66e944210d', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (hAsync("span", { key: 'db3f8b321ab41765d9cc1e1d3b67ef2d58c1a53a' }, hAsync("span", { key: '0c6f4ee8daab357ff4da750241c472b126cfbb98', "aria-hidden": "true" }, "*"), hAsync("span", { key: 'ad18af56b0f20be3c9ee7280c0610c958adfdb87', class: "sr-only" }, "required")))));
     }
     static get style() { return EdsInputLabelStyle0; }
     static get cmpMeta() { return {
@@ -11933,7 +11937,7 @@ class EdsInputRange {
         return this.inputElement;
     }
     render() {
-        return (hAsync("div", { key: 'c4ce20af554533837b8fc3f7bf69bd649e26b574', class: "relative flex flex-col items-start" }, hAsync("input", { key: '924b247fd81481e648bbf44fec22185284014254', 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: 'a3acfa464938748480e259cac4376a2be3512e6e', id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal)));
+        return (hAsync("div", { key: '7592e5f4c1154281fb0577af739451ea0f16dc17', class: "relative flex flex-col items-start" }, hAsync("input", { key: '8d5d0b3b5b51665a340304ba56f6fd6b053d3c5f', 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: 'c040d2a7e6aae8662e33d393bf1e93b0c8c254dc', 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 {
@@ -12028,7 +12032,7 @@ class EdsInputSearch {
         return this.inputElement;
     }
     render() {
-        return (hAsync("div", { key: 'b1232c04e55c9f0bd7b864271ca855a3de242a73', class: "relative flex items-center" }, hAsync("eds-icon-wrapper", { key: '67e51a49b994fc00cb48f2b55f54217097f4d837', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), hAsync("input", { key: 'a6526f68a35145631254e4a0380a1298242c592e', 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: 'e5065d821db5f66b4ddfccb84e911f8c9148d12c', class: "relative flex items-center" }, hAsync("eds-icon-wrapper", { key: 'e661107b6202d7529209c67622a9f27bb15de2fc', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), hAsync("input", { key: '1633e9108da6b675f1bcbddbbcb88e67843dddbf', 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 })));
     }
@@ -12082,12 +12086,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: 'b28b21c38ed5848cf08c0bc626f4ce32eddfb775', class: "relative" }, hAsync("select", { key: '727f578d43cf12568d3d3b35548a30972fc46300', id: selectId, name: this.name, class: {
+        return (hAsync("div", { key: '640bbcca727ad0c511238335197bc533869f6229', class: "relative" }, hAsync("select", { key: '75efd5a9c7951fce245a7ee8b89c35d712d06c08', 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: '9283f69f3c723d65243d8f38b92ee2fcd16d187e', 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: '63a0a9fc049f10141697028195aa28abb8d246f2', 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: 'aa756ea1d279a03ca7919518a15cd63b368a20a0', 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: 'e8723f0f947dc8e07660a34d49eb769e4bebfd06', 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: '23531f90fcaa854a8abff796e2879648987a56b9', 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: '6e836b9606c1444d8e97b78ebe1ea4cf092070e3', class: "w-20 h-20", icon: "chevron-right" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -12348,7 +12352,7 @@ class EdsLink {
         const labelClasses = this.hideLabelOnSmallScreen
             ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
             : '';
-        return (hAsync("a", { key: 'c09fd68443e1c98a1bfb679b669f9fecfb349548', class: `${classes || ''} ${this.extraClass || ''}`, href: isInteractive ? this.url : 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: '5bf88be39965ca8693daa611b4ca9a85cefb30d3', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && hAsync("span", { key: 'd92b36812200d809cbccfd9da7f2387a7de80699', class: labelClasses }, this.label), this.renderRightIcon())));
+        return (hAsync("a", { key: '5c190b2b079dfecb003883a8b25d3c258697c4d6', class: `${classes || ''} ${this.extraClass || ''}`, href: isInteractive ? this.url : 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: 'f4e89354ea8e252a26c85a560af9e7cfed7f8287', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && hAsync("span", { key: 'ca10c283dd14c3e3830baddec7ba193522a02e7c', class: labelClasses }, this.label), this.renderRightIcon())));
     }
     get el() { return getElement(this); }
     static get style() { return EdsLinkStyle0; }
@@ -12456,7 +12460,7 @@ class EdsLogo {
     }
     render() {
         const logoContent = this.getLogo();
-        return (hAsync("a", { key: '550cb4d73702a6a7053adfb5ebe67ff4201e98ad', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, hAsync("div", { key: '141b0faa05a2d51d3ca97242aa910e53e910ad9d', innerHTML: logoContent })));
+        return (hAsync("a", { key: '735f3592da7eed337c528731c28c6e708bbfcf82', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, hAsync("div", { key: '5db166d68cb6e193d3dbc2a8ba4b54eae99aac44', innerHTML: logoContent })));
     }
     get el() { return getElement(this); }
     static get style() { return EdsLogoStyle0; }
@@ -12731,9 +12735,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: 'e0f35ad87e3b21b98d8d37640f660f2fd490d748', 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: 'cd0bc54ff3e25545709c26f19b2a30f838423250', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (hAsync("div", { key: '084e8a793a54d3b94e9936aea3dddff6c5dbf31c', 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: 'f1ba9240bd0427010e6439e4113a72c723e76735', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), hAsync("div", { key: '314c45094d1f3b7d1b725341a3294fdca9732a26', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, hAsync("div", { key: '8401bca8601d7681d641c04d16a4efe7ba1a4a9f', 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: '9a761bf7dc2a97d192a0d280533e6bbcba1871d2', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), hAsync("eds-button", { key: '631a15d8b010215d68243bcd43ec5c45899474bf', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), hAsync("div", { key: '6718fd42a10f6f861fb910e1b32d42607cf8b7bf', class: "pt-8 px-20 py-20" }, hAsync("slot", { key: 'ac9289dd32dcd985d79c882cddb3203b57f42101' })))));
+            onClick: () => this.close() })), hAsync("div", { key: 'fdc9834811631f45218de181d8c8aac6437b6d8e', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, hAsync("div", { key: '5c26633ad8dcccef085d8e44ae730d2a2aa8c8e8', 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: '469d306cad57cceebc01d7875bf7ff2b2677e25a', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), hAsync("eds-button", { key: '37234a6ba72ec0c2b02b245974b2902a18578f02', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), hAsync("div", { key: '1b30473db862378b7d712b7a9b954a37ae61743f', class: "pt-8 px-20 py-20" }, hAsync("slot", { key: 'e1ef78bbd750000172e3536f8d8b6584085869b6' })))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsModalStyle0; }
@@ -12824,12 +12828,12 @@ class EdsNps {
     render() {
         const count = this.max - this.min + 1;
         //onst fallback = 0;
-        return (hAsync("div", { key: '51e0d272693fd42d1f239f8498d9a5744dead8d7', class: "eds-nps" }, hAsync("eds-input-label", { key: 'f9d3b65985e221f9608da3aba22cc1dc4dd54417', id: "nps-question", name: "nps-question", label: this.question }), hAsync("div", { key: '00b22eff70fd1dd3d210e17aaef5df2057f99bb7', role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: count }, (_, i) => {
+        return (hAsync("div", { key: '19326c22d2b5c9f2fbc97bfb3c3d958d14cdfa25', class: "eds-nps" }, hAsync("eds-input-label", { key: '046239977d2dc639eabfc60a67df62011833a983', id: "nps-question", name: "nps-question", label: this.question }), hAsync("div", { key: 'e296b8ff3a081f42263ee0c0a28ef3f304b1e1c0', role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: count }, (_, i) => {
             const val = this.min + i;
             const isSelected = val === this.selectedValue;
             const tabIndex = isSelected ? 0 : -1;
             return (hAsync("div", { class: "grid-col-span-1", key: val }, hAsync("eds-button", { tabindex: tabIndex, label: `${val}`, "aria-label": `${val}`, intent: isSelected ? 'primary' : 'ghost', "extra-class": "!block !px-0 w-full", triggerClick: () => this.handleClick(val) })));
-        })), hAsync("div", { key: '7289bd6476a2080be3c02011240e2493b84079e5', class: "flex justify-between mt-8" }, hAsync("span", { key: 'ebfcebd9aa3d11cf298e44987debd8edef1f6e40', class: "f-ui-04 text-light ml-4" }, this.leftLabel), hAsync("span", { key: '002f9878b267439af9f83f9ffd1b52eaef46b929', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
+        })), hAsync("div", { key: '305bc5b2d162fc40fc56557291d37e29498563a2', class: "flex justify-between mt-8" }, hAsync("span", { key: '7fe2191db8cacabed26f451ac0175f23ede3317e', class: "f-ui-04 text-light ml-4" }, this.leftLabel), hAsync("span", { key: 'a85aca88d4de2897d7ba04578cf57a844c660675', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsNpsStyle0; }
@@ -13101,7 +13105,7 @@ class EdsPagination {
     }
     render() {
         const navigableIndex = -1; // Track index for keyboard navigation
-        return (hAsync("div", { key: 'bf34cb68555555ef984592b261929cfb5ef93048' }, this.total > 0 && this.mode === 'default' && (hAsync("p", { key: '47b8034e6fd839151cdaff04d4df43fec520ce40', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, hAsync("span", { key: 'd9d340393777b7b6e808fa21d38f691f1002b363', 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: '1ddd5a3ee9c843a06e5f8f446ae8420a6e0df259' }, this.total > 0 && this.mode === 'default' && (hAsync("p", { key: '87b18c6b1fc475e335f829a4f61b7a8883dc7b9e', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, hAsync("span", { key: 'd5af6f58fc41d83c7e9519bbaa76fb31e6cbb522', 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);
                 }
@@ -13308,7 +13312,7 @@ class EdsProgressBar {
         ]
             .filter(Boolean)
             .join(' ');
-        return (hAsync("div", { key: '6a0e7cb42770cecd023f07cd26a3e2716a9c9905', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, hAsync("div", { key: '854743f0fc1b916ec24c7e657349871f2175fc64', class: fillClasses, style: { width: `${progressValue}%` } }), hAsync("div", { key: '74d46ff06e9b41d81563b49c1939a989e32877d5', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, hAsync("span", { key: '0c5925f73934b71e96c6d006c4f7b3a21d144b74', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (hAsync("div", { key: '38e64c698f6cf8c22a6ddf41476a6eda785e537e', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, hAsync("div", { key: 'a0a17695931c6e442d886ef773e2cee3a31ab720', class: fillClasses, style: { width: `${progressValue}%` } }), hAsync("div", { key: '6ee49e1cf553b0cc20a70a8b258a307e5282be97', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, hAsync("span", { key: '0485a3b6ce82ee2c309554e92c14a6dd03819bb2', class: "text-default f-body-02" }, progressValue, "%"))));
     }
     static get style() { return EdsProgressBarStyle0; }
     static get cmpMeta() { return {
@@ -13391,7 +13395,7 @@ class EdsRating {
         this.onSelect(next);
     }
     render() {
-        return (hAsync("div", { key: '764b3b37545e97f028423fd5760b882e6151f767', 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: '8dcde2afdc0db27d3f6be48f1d58cc7c7f88b0f0', 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.
@@ -13441,7 +13445,7 @@ class EdsSectionCore {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (hAsync(TagType, { key: '4765a07e798f1a622c25ec145c31345b27e1815d' }, hAsync("eds-section-heading", { key: 'a320ac532863eaabbc1901ab5d9e9d0c14ae7556', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), hAsync("slot", { key: '8de34d1949c0a7d0d83f977d18d36f435444401d' })));
+        return (hAsync(TagType, { key: 'b27b48854fc7d537c131da2c23850b2b7b9b2368' }, hAsync("eds-section-heading", { key: '7c3575d8c0295e2cd1c70a2748a25aa65d6892e6', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), hAsync("slot", { key: '66526792e818932d8e44ff927638560ce1b40cac' })));
     }
     static get style() { return EdsSectionCoreStyle0; }
     static get cmpMeta() { return {
@@ -13496,12 +13500,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: '960224968ba731050d2b208a07c1faddc386746b', class: {
+        return (hAsync(TagType, { key: 'efba0650ab65807f560c5676ead78b19b94e8b18', 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: 'fc93452bfe1bac130654a187d7d42ee18f273147', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, hAsync(HeadingTag, { key: '50e3a8d81b7fd5af96ef3a1dbb7e5bbacb73ef15', class: this.getHeadingClass() }, this.sectionTitle)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -13575,7 +13579,7 @@ class EdsSocialNetworks {
      * Each social network link uses the `eds-link` component with specific classes and styles.
      */
     render() {
-        return (hAsync("nav", { key: '907adc08d4e02f34994a057146a60b734d6ab81b', "aria-label": "Social media" }, hAsync("p", { key: 'a3620851f2e31d662a812ac74e831f023d2646a4', class: "f-ui-02" }, this.heading), hAsync("ul", { key: 'b8fece03b5ed995a9dba78cf0445a4eb46787bdc', 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: 'fd46b4205a2f03697d14a5a274698726aa9f406a', "aria-label": "Social media" }, hAsync("p", { key: 'b2b5bacadc28417e948832562fbf413ed812aa1a', class: "f-ui-02" }, this.heading), hAsync("ul", { key: '675682966b92c971be9afddc39c632070192da77', 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 {
@@ -13666,7 +13670,7 @@ class EdsSpinner {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (hAsync(Host, { key: 'dbf06a1430e3a69314ec016937a9b3ba89229353' }, hAsync("div", { key: '12a51b0eed154fd2c6b6ae4ce586630a8f61164a', class: "spinner-overlay", style: overlayStyle }, hAsync("span", { key: '0e63b80c45efec7b226b5f4277fe00e4f7bc4f1b', class: "spinner", style: spinnerStyle }), this.message && hAsync("p", { key: '8625d4589ec26c9513d1dc7a53fa17b9874fcf3c', class: "f-body-01" }, this.message))));
+        return (hAsync(Host, { key: 'e4c2f4762d214028c2e97666040e05ad5651debf' }, hAsync("div", { key: 'e12572cb0195a84402847b0fc723ad2198196661', class: "spinner-overlay", style: overlayStyle }, hAsync("span", { key: '6aa3b28a4e79951a5bbb46f6d7d845baf3761d14', class: "spinner", style: spinnerStyle }), this.message && hAsync("p", { key: '5817378b525ecb8d8a211105b73a2db00067fbe3', class: "f-body-01" }, this.message))));
     }
     static get style() { return EdsSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -13852,6 +13856,7 @@ class EdsSteps {
     /** Render the semantic heading element as a clickable control only in linear mode */
     renderHeading(title, index) {
         const Tag = this.headingLevel;
+        const isOpen = this.activeStep === index;
         if (this.type === 'linear') {
             const forwardBlocked = index > this.activeStep && this.isNextDisabledFor(this.activeStep);
             const onKey = (e) => {
@@ -13863,10 +13868,9 @@ class EdsSteps {
                     this.handleTitleClick(index);
                 }
             };
-            const isOpen = this.activeStep === index;
             return (hAsync(Tag, { class: `eds-steps__title ${forwardBlocked ? 'is-disabled' : ''}`, role: "button", tabindex: forwardBlocked ? -1 : 0, "aria-disabled": forwardBlocked ? 'true' : 'false', "aria-expanded": isOpen, "aria-controls": `eds-step-panel-${index}`, onClick: () => !forwardBlocked && this.handleTitleClick(index), onKeyDown: onKey }, title));
         }
-        return hAsync(Tag, { class: "eds-steps__title" }, title);
+        return hAsync(Tag, null, title);
     }
     render() {
         const steps = this.parsedSteps;
@@ -14112,11 +14116,11 @@ class EdsSwitch {
                     : this.labelOff
                 : 'Toggle switch'
             : undefined;
-        return (hAsync("div", { key: 'd73bf797be76e256e065ab8b4fbe68a44802d3f1', class: "switch-container" }, this.labelOff && (hAsync("span", { key: 'f4897e3d9948358a82bd61ea26c86e0d2eba81b5', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), hAsync("button", { key: 'a01753fce0fedbf8a25d2cd64c662da8e69fef95', 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: '34573e6f2b377e168039a13afb4d5fe981f575ad', class: "switch-container" }, this.labelOff && (hAsync("span", { key: '1728e1aac88d275cd6bee0aaf50e93e3a421944d', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), hAsync("button", { key: '5d35387a9bf808923bd94f5d64528cca1e4055d5', 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: 'eee315ce803b246cbe73e9d42635cbaa775febdb', class: "switch-handle" })), this.labelOn && (hAsync("span", { key: 'f1229ffea8041dea2237a032292a4465fc76e216', 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: 'd8e0e1e3b562b4ac894998641cb7c813578e1a3f', class: "switch-handle" })), this.labelOn && (hAsync("span", { key: '86b56fbbc537e9f08d11a509a1cb0e19d8dc3c39', id: `${switchId}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsSwitchStyle0; }
@@ -14605,12 +14609,12 @@ class EdsTabs {
         }
     }
     render() {
-        return (hAsync("div", { key: 'bab7b3d6a9e6e66ab6476827ecc06a3e3c7244be', id: `${this.identifier}` }, hAsync("div", { key: 'e20639e1842936b6c1fe24b19ca7f94ccc09d18f', 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: 'e3f4e385e1bfb1f5abc75697697ab9a6a8124b6b', role: "tablist", ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (hAsync("div", { key: '29c8adfbd79bae86919e8b72f13d9a8a4d1c1d41', id: `${this.identifier}` }, hAsync("div", { key: '94ec3243a35be9db63846b253133fd323fb3759c', 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: '52c337db80f21714a7d3da26b21663c34f5dd836', 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: 'f958fca5abaeeba0b6fcc900b91fa1309508dc57', 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: '9462805200c71ebac037ac5933c156eb9c25ed5c', 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 {
@@ -14673,7 +14677,7 @@ class EdsTag {
     }
     render() {
         const classes = tagStyles({ intent: this.intent, size: this.size });
-        return hAsync("span", { key: 'a00f436391013091c78f15bc53d91b0b01d8f4bb', class: classes }, this.label);
+        return hAsync("span", { key: '6a229183bdaf96687e1f71ca3938a22c1259546e', class: classes }, this.label);
     }
     static get style() { return EdsTagStyle0; }
     static get cmpMeta() { return {
@@ -14735,7 +14739,7 @@ class EdsTimeline {
         }
     }
     render() {
-        return (hAsync("div", { key: '32a281ea95b422dce623838fb46b2baf2362618d', class: "max-w-sidebar mx-auto px-4 py-8" }, hAsync("div", { key: '8709096bd0e6826888ded5656a68e88a60229927', class: "relative" }, hAsync("div", { key: '41fab313fc2d44e63a5b83b90c24650e8d8de74e', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), hAsync("div", { key: '8b386581105a89c677fe374e8248f67bf3ec07cd', 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: '118942ecc019d14e75c72cad982da248d8f47502', class: "max-w-sidebar mx-auto px-4 py-8" }, hAsync("div", { key: '30621fd1cedf9e020c4bbbd47855a8669a5d3cca', class: "relative" }, hAsync("div", { key: 'ed510b0473a63810866a92f3effb26aab6e9ccc2', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), hAsync("div", { key: 'bf5ab0b6d50749aac5d226abaec7321ae6c2d276', 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' }]
@@ -14909,7 +14913,7 @@ class EdsToastManager {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (hAsync("div", { key: '52a933209ce89505ae72ab7f300fd052d03200ed', 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: 'a0c485caf1b9b9394e87d62fac915d6cc181ae3d', 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; }
@@ -14948,7 +14952,7 @@ class EdsTooltip {
     }
     render() {
         const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (hAsync("div", { key: 'c2ae55fbf9fefb2748db770d98f12f679022a416', class: "relative w-full inline-block group" }, hAsync("slot", { key: '5151e3269cb39d3caba960eee7155a3d5171c8cd' }), hAsync("div", { key: '8956683d968d77d88133dc231975d258aca3d1d3', class: `absolute ${positionClass}
+        return (hAsync("div", { key: '67fbc86d5f9ecfde1d5a0a588f4fb8be2050af0b', class: "relative w-full inline-block group" }, hAsync("slot", { key: 'b304174862dd4d5ca93418ecb0d2b4fc2c80427c' }), hAsync("div", { key: 'fcd874d53d0e17b7d3be2c6552571f82fbde6506', 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
@@ -15012,7 +15016,7 @@ class EdsTrl {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (hAsync("div", { key: 'f83fab1ad31bef37b5239c67e635d26d22714e3f', class: "container mx-auto px-4 py-8" }, hAsync("eds-table", { key: '594b47098606f772f043da8171a11d5dcbb0513f', "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: 'abe7bb234b34fbd1465ccfe852d703a8682b7e27', class: "container mx-auto px-4 py-8" }, hAsync("eds-table", { key: '261d7f8fe032e8a9df55b1fd3432aa4f0378e1fb', "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,
@@ -15077,7 +15081,7 @@ class EdsUser {
     render() {
         const user = this.parsedUser;
         const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
-        return (hAsync("div", { key: '68836f7fc63986d1ef1e5d1775258358db3418c6', class: "block" }, hAsync("div", { key: '3b5be3d2d700ce3e1a800c33adde9b55bb07fda0', class: "flex items-center" }, hAsync("eds-dropdown", { key: 'f3f97f19aac315031f428d190f1e143429bcd860', 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: '6a6bccaa4e8b0e68460ac50e3edc8d9fc3612e00', class: "min-w-[280px] p-8" }, hAsync("div", { key: '97a9b4d9c0e0873162103461a542cf401be06c2f', class: "flex gap-x-16", "data-dropdown-no-close": true }, hAsync("eds-avatar", { key: 'f89cee9f0ad6549e60ebb3ade437d1dd0c2e6eb6', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), hAsync("div", { key: 'b9fc649a35280ecebe57955b85844f3a78c4db04', class: "max-w-full" }, user.name && hAsync("p", { key: 'b2914fca3ddabc4d12fa2c6cee83a98505fd110a', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && hAsync("p", { key: '68ec348104e36b6fbf9c5fc47e254f3cfc4ca85b', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && hAsync("p", { key: '3b7720aaa30597a49acf61b6c3ff0c1f1cc3bfd8', class: "f-ui-03-light text-light mt-4" }, user.email))), hAsync("div", { key: '28cdba1fb361b84e9cb0a7ce904ec39cf13d022e', class: "text-default flex w-full flex-col gap-y-8" }, hAsync("slot", { key: 'c1cddbb24c72749c4ea07e2e0311da61af6e9886' })))))));
+        return (hAsync("div", { key: '62bb8a684095f97b6105acdb5d9803c66edba913', class: "block" }, hAsync("div", { key: '350ff5d7b4f47686f7b39662b176f24e719d54e3', class: "flex items-center" }, hAsync("eds-dropdown", { key: 'e3b196b127572d038b5ae6bbf00330911ca41e94', 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: 'a311fd57839b87054afc7aca9c40ce5772b1350b', class: "min-w-[280px] p-8" }, hAsync("div", { key: 'bc8c5b7147718def37bab1adb2715f9ff0074822', class: "flex gap-x-16", "data-dropdown-no-close": true }, hAsync("eds-avatar", { key: 'c9207d4ecab0507981bb047ee6c59ee4400b5121', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), hAsync("div", { key: 'c6ec78d935ee851ef5e8080bf30a7ff9c4603bf1', class: "max-w-full" }, user.name && hAsync("p", { key: 'c39af63002f1449b049d4be13927da5d51599aca', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && hAsync("p", { key: 'd8eaa141490abb1ad917e2da03d4a588ef6d6779', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && hAsync("p", { key: '904aef6596a85ae438b98bd5ab67c7c7e2299d75', class: "f-ui-03-light text-light mt-4" }, user.email))), hAsync("div", { key: '0cd0a2d8cc59d8b054f36188b4c18182e6a7f919', class: "text-default flex w-full flex-col gap-y-8" }, hAsync("slot", { key: 'a41332bcf086d01a458218b74a1812dc55911925' })))))));
     }
     get hostEl() { return getElement(this); }
     static get style() { return EdsUserStyle0; }
@@ -15133,7 +15137,7 @@ class GradientPrimaryPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: 'd32c7b63fb32b92f89a9220e5cd5ff8164865913', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (hAsync("ul", { key: 'f3653cb822e88d5914f12a84342603ad3dfb6af0', 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))))))));
     }
@@ -15206,19 +15210,19 @@ class GradientSecondaryPalette {
         ];
     }
     render() {
-        return (hAsync("div", { key: 'f38bc0f352adeca4bb3c12952d8c7e2431d93874' }, hAsync("ul", { key: '9e00842d3198dace6812197b1ced7b776e3808f4', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'a1f77c93d7ff5de2ab38018278e47530951076cc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '6abb51d7e4cbe6f48610009e65876cd41d8f435d', class: "effect-height flex items-center justify-between p-16", style: {
+        return (hAsync("div", { key: '068872a235a7b4a3bb1b5d49fe3c26014c317995' }, hAsync("ul", { key: 'f2ef5ac747e40b62eda116125b2ec1da32b00c9e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '5c700c0e2794b38e6448709ac4eda002805fed43', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '185747db12912d6fbb672e6c2a3a6a28b533f483', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, hAsync("div", { key: 'e7399fcf955836f47e90e1ab822abf2ec0c0ceae', class: "grid" }, hAsync("span", { key: 'fb245a27f7189381ee8103c21c61d0823c12b4c3', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: '6dc6be165b89266e9b45153dc411ab5692e37ebe', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '196331f3cd83f67e3fbceddc669c0b4c10ad26d3', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'a3547fa7c138e87fa637ef7341dde49595a213e2', class: "grid" }, hAsync("span", { key: '73eee49a4fe2e3fe657dfb5a90b3f8cdd224eff2', class: "f-body-02" }, this.colors[0].pantoneC), hAsync("span", { key: '553c7eb15580455f77b8165bd8a0c8b397d46a4e', class: "f-body-02" }, this.colors[0].pantoneU))), hAsync("div", { key: '1e1c3d2620ef2dac2cd1f7bea0fa99b01c6afcac', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: 'bf2818f7382f1f86989c4e63c1a27abcf6630f77', class: "grid" }, hAsync("span", { key: '21418b3761bfff72fa4e0893e233e7e4e3784940', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: 'a87087d4c32e323ec6f6cb44607bfe106de8e37d', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '7a4b6263093b9046f09ec51aa91b1391096d420e', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'a1aa7b145ce29f5b3e193bd46510b1fd25f59e44', class: "grid" }, hAsync("span", { key: '81ee23a025329d756a120872df9a7d9204209adf', class: "f-body-02" }, this.colors[0].pantoneC), hAsync("span", { key: 'f32a3efb2f2b987201684ab83bdaef467ea0a262', class: "f-body-02" }, this.colors[0].pantoneU))), hAsync("div", { key: '41364b3de70ccec9c37aec1dc448c3a47ead60a9', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, hAsync("div", { key: '1679cca6a6f80765ac163e076b26925065479ad8', class: "grid" }, hAsync("span", { key: '948c1931b138ccc0f8da013735cec94a2b8de513', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '5b7c535631725e8e72b309ce6686bad8b1b384f3', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: 'ac2bb8a8ebf23134ea273d99dfb35ae5c849b071', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '3ce37f99d9dcc8e049553e9029c8f79bedcab049', class: "grid" }, hAsync("span", { key: 'a1c80f90ec26b79cce11e08a723aec38ba14eeec', class: "f-body-02" }, this.colors[1].pantoneC), hAsync("span", { key: '6828dc88ff57a288317fd36c5ae798615c41e045', class: "f-body-02" }, this.colors[1].pantoneU))))), hAsync("eds-block-break", { key: '7b9f28a342ee184e4201e9b2c1a510be7cccdb79' }), hAsync("ul", { key: '8378f6a199ad85a7a4d0c116f1e18dac51f7f76b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'df24c01a7e221fec7eebe08deb1905b2fd211215', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'f0202fc57ba9e6efbab92274144ac109fced963f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: 'b3f90be4ee360322051d26ffef7e09a63a8dfc87', class: "grid" }, hAsync("span", { key: '09f4313220f9d93d578e5fa10ac1b399863244d2', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '0261f9fd84a18c46ece5d982f7158e5a5f638909', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: 'd04ecab2e1f63580ab95c69e4a70293c0358fea8', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'd188c38f611530259dfdef7cd75da4bdca0d2257', class: "grid" }, hAsync("span", { key: '7378b85e8948ef41d5b2140a09768394ac95cb38', class: "f-body-02" }, this.colors[1].pantoneC), hAsync("span", { key: '9e27beba8e19af3b05702d5b82b04db636d815ac', class: "f-body-02" }, this.colors[1].pantoneU))))), hAsync("eds-block-break", { key: '56644448031fb2a4e26b79dfff46d8ada641e7b1' }), hAsync("ul", { key: '2d6213ff4091ca2f9cb77854beafa34886c3ed42', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '717be10bad4a00a04644a09dfcaed2e583327e21', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '381ff7e46bc6508bf2b956b8b0ab61e154d70341', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, hAsync("div", { key: '49111de3251d10ae344587612cff95ac2c61bbfc', class: "grid" }, hAsync("span", { key: 'a4f8b4d521204cf2e9ed34fba25105a31bcf3a2a', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '577de0d99f7f5e052ca9528ba5543070439ec1c1', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: 'b98a82856c805c3bd56d5e8c581c09c640e146a1', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '1c53a8f62d1facc76863611d640938469e6647ce', class: "grid" }, hAsync("span", { key: 'e8e4bdb60c34bc9af133195192afd698ab7ae98e', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '7d23875dce9d05f4deca3518006aac4b4baff061', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '84836d849380828bac1a05b3b1dd3f89a0f063da', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: '0dcbea6ed615f5b99c9d8bfde699bda1aba7d574', class: "grid" }, hAsync("span", { key: 'b8c02c0590f264d68927b17ffa30e9a7af865baf', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '20b702c1743d53a3ecc13c1f105a43fc175c9fde', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '1b10b51df54537b0d236f8a0c1e85415a83a9762', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '381a0109027379acee17ba106778d0a6af2418de', class: "grid" }, hAsync("span", { key: '79be72de7ba1588ac6bbead48c014279500c67e5', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: 'ff2e674caa413fe8eda95b9e683ff3264955a699', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '839e80c29b1f45e1141b5ca7ee14a8164f0d59f4', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, hAsync("div", { key: '0034acff755db241107d6bdf205f15b048ef2073', class: "grid" }, hAsync("span", { key: '59c0066f512154c4c8dc75e929d5f84008bf08c7', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '83f2adc0b2adabc37b53859232b75f1b3c957051', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: 'dc45ae65d0b116dcd25a0da752034f5527421a82', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '3df3bda4c749e858cd9e484906677bbd99fa67c5', class: "grid" }, hAsync("span", { key: '0730784062ec6c4cb548b1044031361d2cd939a1', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '7a6ae957274e730b25727671ef43feff3af1fd63', class: "f-body-02" }, this.colors[3].pantoneU))))), hAsync("eds-block-break", { key: '6d18529316515757e95dea2820861cb5d4fdd3b7' }), hAsync("ul", { key: '8f7a04a63e9846e6e220ee0ccd89a89901b925d8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '32bcb0d0e33b06e5a4f9c2da67ac904d52df5959', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '3f38bd0f5b0d750daa0c6b80493d6ff9b249ebaf', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: 'd1cf88212f2c5cf0a8a3fc95e6f28b576af209bb', class: "grid" }, hAsync("span", { key: '599b3fe538135f04b93e2e9a9ae5884e6fe66307', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: 'fe3989bf9061ee14ba325fdfe61d190e45a8d715', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: 'b5edf416ce3443e33784270ae786117dca54484e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '6337a21286045759e3b8858d225226bd67ccda95', class: "grid" }, hAsync("span", { key: 'cfe45c5f93fe75f7a7d75de09ca74e247b5f9f3c', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '266110a2ccf1a77b76c8795e609b69b933d71e34', class: "f-body-02" }, this.colors[3].pantoneU))))), hAsync("eds-block-break", { key: '5edf56c8f60ca932f25cf4794898ceb09dffc490' }), hAsync("ul", { key: 'e28256a79065796bba19fa8557d1ad4937dbc43a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '0d900d8923731c12436819da4bb78495c82c61e4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '23e00e8340a1a7c4339db354778785bcfcfc34be', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, hAsync("div", { key: '0171242f6197b3fb47d12e49837f28361a13c592', class: "grid" }, hAsync("span", { key: '1331a3a2234f83264efc62d4af972968247c3455', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '9caaef171b78feed4f2d6a5e7a4d81ffd1a87faf', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'e4d152f94f03dea39e1a0a6284d448f545c5c1a1', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '173cb0da7a293350c8aa82f83fd0305b9db3bb74', class: "grid" }, hAsync("span", { key: 'fc5d2f93f3d5963c5da938f86c0147de99426b72', class: "f-body-02" }, this.colors[4].pantoneC), hAsync("span", { key: 'c679055a29a477f85829fc0d9af84b6f6dc7ca08', class: "f-body-02" }, this.colors[4].pantoneU))), hAsync("div", { key: '694abc4966e365267fe4536f891445bc36937290', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: 'ff202435e451358b08d02fbe5ed085cb61bb27e2', class: "grid" }, hAsync("span", { key: '6710617d3369d48fbd7b0d50e5cee98816ce7b92', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '998e0c640f8b090da7662743a857ac0ee0ea4e0a', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'ff4a789b3dbed8d20a636403b2ad921c7c4dc7b8', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'e5d5fef837f2f1b1ba36746da1806eba8396d288', class: "grid" }, hAsync("span", { key: 'ed1302507a2760b27c1aaed2d48899b04d166d66', class: "f-body-02" }, this.colors[4].pantoneC), hAsync("span", { key: '89bda8fc8cd7e150bde7263edc8fc4631e6831be', class: "f-body-02" }, this.colors[4].pantoneU))), hAsync("div", { key: '689354344f53850640da266e14d6b622429eb1ff', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, hAsync("div", { key: '6e51b6e4134b2ba71880b271b7dac46d57de772c', class: "grid" }, hAsync("span", { key: 'a9671b440a17417746d54cae8e7c0ee2208bbce1', class: "f-body-02" }, this.colors[5].rgb), hAsync("span", { key: '4dd3bf0d00389d1ca9cd1529d1b6bdf9acd6291b', class: "f-body-02 w-full" }, this.colors[5].cmyk), hAsync("eds-code-block", { key: 'dc8e6956da3d6c6d539c194e101f8fa88cf1f08a', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '1cd9760de92ebbd5e0f1710140fe41ddad3aae29', class: "grid" }, hAsync("span", { key: 'eec5ff4dd0b743a9b9b8640e4078c4d695dbcc15', class: "f-body-02" }, this.colors[5].pantoneC), hAsync("span", { key: '00db45cedd939950df3e4cd2540d0b80d61bd4b1', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, hAsync("div", { key: 'ace17479948837f012514a27392dad21f8c801e8', class: "grid" }, hAsync("span", { key: 'dd776f7884fa45d50204c0b10b4d2b6cac3eca5a', class: "f-body-02" }, this.colors[5].rgb), hAsync("span", { key: '7e44097339748f3309502391ab77dc5bd447b053', class: "f-body-02 w-full" }, this.colors[5].cmyk), hAsync("eds-code-block", { key: 'c656dc07828b4548faaae6d0071cd02639016d54', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'cab214dadb52b79f24efdc607fe0507eccb94644', class: "grid" }, hAsync("span", { key: '2282a82817bc3cbb25f08e943fd086fa458ef34a', class: "f-body-02" }, this.colors[5].pantoneC), hAsync("span", { key: '06bf558a5387c5512b28fbbef644769fc8cf5b37', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15281,11 +15285,11 @@ class GradientSupportPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '8eefaf781527a438aa6f0dcbbb6a7bfdffd69d38', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '8492ff1b709fa7d20f76fd18d7e9aa2bbfee17eb', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '3775884ad3c2b78ac178dbd003779d968022c981', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, hAsync("div", { key: '94d75d01276a3e4e41781550450318dac8f220e4', class: "grid" }, hAsync("span", { key: '729bda27271b7df5e7ec05eff89ff6116539d4b0', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: 'cb4b6bd1e3bfab381047b7375e547c662a5d50de', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '43c5df7d9cac3753f4a3c5d81e081f76606a5797', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '98aee106b847f1321591cfbfa2d5c22d0e2b3c2f', class: "grid" }, hAsync("span", { key: 'a3789c31e43eb6887b298eb353fde2be9134dd79', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), hAsync("span", { key: '7195d70eaf994b4d1d1eb9a2ec0b684d62289e75', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), hAsync("li", { key: '81654a5fb216096e9818033a2b857eb723c2d373', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'd7b5ff16686894d0b06d2a291f6e7ababd5bfb02', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, hAsync("div", { key: 'fdbd11809337e535e819c5ce18d7427ae31ee70e', class: "grid" }, hAsync("span", { key: 'f108c9afa0fa02356395792bd7dd4a8a4c872d02', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '1e359cd78d80db5040c4cdff4dea30dd9387cfb2', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '1969dd093129596136b67cb972bece4e1d295fca', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '6858e8847dc5ce5baf79874a207f02953f84651e', class: "grid" }, hAsync("span", { key: '9eb2a2cafb5f2be23142752d2a48b35d0b8ab0c9', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), hAsync("span", { key: 'cc0b17b803f00030b5a6d5dd0070c62031e21125', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), hAsync("li", { key: '1e58c33fe358f33c30f8935f9205ef9c3008f907', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '2fc8ba7c13678d30002f07eea50f14ae1138d2ee', class: "effect-height flex items-center justify-between p-16", style: {
+        return (hAsync("ul", { key: '3d8000d8778c4f6f35f8feca3c54fb2d535bc09f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '28143c46226cc5452c009346ec23ab016d78c675', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '57bbdd2b971ef3235e14f5b175e7e15696b68a28', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, hAsync("div", { key: '24c7d800175b4b453b06795b1e759c6819b35607', class: "grid" }, hAsync("span", { key: '16653d8c729d81156d1df461de0fded8aa7d8e93', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: '4b4a537f3896f2a7b986172feb5d08cf05355714', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: 'b6d4d3472e18e03a373b2667a785ef9e735dfaec', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '8e85ec4998995bbdde92a2afc1939f0c2deabee5', class: "grid" }, hAsync("span", { key: 'e5815876cb2a5e0790cb2a5ea9e132a24b677880', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), hAsync("span", { key: '745a25fc7b57801a4aef526001359e6427b6efd1', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), hAsync("li", { key: 'cb10855c01a39e52b4d651a1df440b6e9dc86a62', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '56d0b50121ad6386d0f91c24cb73a8bc9596a720', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, hAsync("div", { key: 'bed562bf4fabe0599e315ff86fbf17aba5ee3d74', class: "grid" }, hAsync("span", { key: 'bdb88a23996aeca2cf8da34d534ed1e2e1098890', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '5c55cd02843963393abbf393a851fff3790c1905', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: 'f11febc9e05590d48879d93cd3b823bbbb7bc878', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '79119e208137848015ff77ae326afe1fb5cfc0d3', class: "grid" }, hAsync("span", { key: '7dfeb3a9e103f208986888f967384c5ba3ed4d4c', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), hAsync("span", { key: '205cf6b9473d9d236fac83aa2b6eb458ecd1aee5', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), hAsync("li", { key: '16406e3fa39372ebb6c32a2bbf506427fc047c13', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '4d44f5f7771164d581b7883698a8c891c9615a1f', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, hAsync("div", { key: '18c781274b5f5054b454c00a34b45cdda4848826', class: "grid" }, hAsync("span", { key: '28ef2ea60735401f0234cea519d9ecff8c4e2694', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '2da6879adfc3b5f4992d0b107e40cf02db7a25c1', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: 'c442dcf09f129891355a8a42b742c10333338e8b', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '9dffa371f8a1c3002c35634eb2fb487011c71f90', class: "grid" }, hAsync("span", { key: '65c50e09e5275ebf7d159228b9cbc07602667ba6', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '7bb7a1a6a1988b2b65783ed792085e257703466b', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: 'cc69e3020f50b302b1e4f3d6b37477fb868f7906', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, hAsync("div", { key: '95b07ece22975f09f30fdff39dff685e71ad94e7', class: "grid" }, hAsync("span", { key: '9144a8c71d1e198b5a46bb1b6d3a4b7937b980d0', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '7be418e7bec46b05decfe58bd04bdb0cbc2f9c4f', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '61050dd447d35dcd1388785cadb809b9936460ff', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '87289e9f27972a7ac01f95dfdc780b2a63840246', class: "grid" }, hAsync("span", { key: 'e2d37a0132d667f3a95a248f5b5a26cd55b7bed0', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '58d126103e9bf1dc68ba22fdc6e8a2d24ed18693', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '0ca5402553a62bb66b9d5271b2f6d9bdc03b9aa5', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, hAsync("div", { key: 'c59d2d743b0fb9fe5796407df80a81be410be47d', class: "grid" }, hAsync("span", { key: 'bcf7f280d8e1a74dfe157a1c996a89cebcb42d40', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: 'dd7beff9e6336784ba7cb77692f6ac4ea42b8204', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: '4bafc48fddad31a1c2a4e08cd0148c6df8f332ae', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'c1fe6efeec78fed5be26568e0ebea3b56d16f070', class: "grid" }, hAsync("span", { key: '930e80dbed784ddf4364be16649624118541e570', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '8b7357d66a1b47347df67abcda6107572cb019f9', class: "f-body-02" }, this.colors[3].pantoneU)))), hAsync("li", { key: 'dc86699c8029642eb73c4679a49d5ff844f2924c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'dbfa8b4899292fec628dc410d70e0c306d0f378c', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, hAsync("div", { key: '2e3c528ed9efc681a09858e85230f5fdd36cf845', class: "grid" }, hAsync("span", { key: '4b607cdc825ba567d86f3536ec7bb1148e09d854', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: 'dda453cb7a8ebb420896e460802f7d917916ccd4', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: '8ae119f9f823401ebcf3020069e614e991052529', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '1ac0ea0d52a00a7f8b45206bdd3d647ba221e429', class: "grid" }, hAsync("span", { key: '58c93b7dacd8a2766a8cb5d23c536a065ca64b22', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), hAsync("span", { key: '70359540a3662ba14dbd8c08e4033d5bcd4c1a0d', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, hAsync("div", { key: '4934962684a70ea4ab804bd2435f6b184d7f52c8', class: "grid" }, hAsync("span", { key: '1a891700e10b5fc4eafd7f2a42d901b949bac2e7', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '99ebfc2392e11e67a3739796b4606ec6cee12ef3', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: '13f9e44bc9b34cbdfb93a5a97ada482627e11a92', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '2c2a179f5073ead1646e114d76b4c26f48d998b5', class: "grid" }, hAsync("span", { key: 'aba72113f0e47ec564bfb8dc1695d74cc0dacf0b', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '4a113554b101bcf1db71eff702914e2de6bb5876', class: "f-body-02" }, this.colors[3].pantoneU)))), hAsync("li", { key: '78085204312fd78071a88d329c1085cd4615fe95', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'edc490c0d48ecdfa8be56ba2921ff7f5a6f74ee1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, hAsync("div", { key: '5f8ff231f7752ad50a8bebdbaccfc63543a8e16b', class: "grid" }, hAsync("span", { key: '22c0035742e6dd5e2c02c59e67b5769ce97324cf', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '87215ff0541f7891b74082bd63c59e3e65db1998', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'f96e95f761998e790c44c9b62f9b4eab4007f985', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '9b31a9dd4b8cc239c9b66c7adbc312bdd827b93e', class: "grid" }, hAsync("span", { key: 'c271cd470251c490af7a47726477ff1ad924ca1e', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), hAsync("span", { key: '1fe724e0c13e01af88619953dada47e659a234a4', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15339,7 +15343,7 @@ class IncorrectUseOfColors {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '9822fa84b1af42bc1f1eb31bae9b60736f27c692', class: "container" }, hAsync("div", { key: 'c67d9626f5ceba5fcde0cb279fb9d15c73166cfb', class: "mb-8" }, hAsync("eds-alert", { key: '898d449b311306781b323968edb0c2d7e03b0d32', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), hAsync("div", { key: '2409916ecc2de685042d1f93f02d656270457a19', class: "flex" }, hAsync("div", { key: '305965230c45b879c68004ca985f8d6e9b4482ab', class: "w-full" }, hAsync("ul", { key: 'a66a5a76d3d1d7167b0655e7a1af9310655b9881', 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: 'e962b2b3bff48395983243ac2cf877d03ced85b6', class: "w-full" }, hAsync("ul", { key: '38a2b41471334181fc3e70dd7eaf10b957bdaada', 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: 'd433cf3416554a48fd728386bea79e2d876ac5fa', class: "container" }, hAsync("div", { key: 'e8e821cdee53343675f171420ea6a37821d048f6', class: "mb-8" }, hAsync("eds-alert", { key: '44f28c11e4c2997fe1774da68881a9f647631929', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), hAsync("div", { key: '3478eb5fcd7c30a8474acae5892a1e3f1c3ae039', class: "flex" }, hAsync("div", { key: '3921f7de637d98f5dd8f64c36258391392875f13', class: "w-full" }, hAsync("ul", { key: '4d79c3d5330ae7cda3deecede1d2c3c784f13c32', 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: '1905adc0741fd76758d69c13f343dade55c9c7c1', class: "w-full" }, hAsync("ul", { key: '72f35110e6c9da32b0df2be4d5ade3b778b58245', 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,
@@ -15362,7 +15366,7 @@ class LogoSpace {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'b07b6c2b9e042c3c330de470cf2e792285362a0f', class: "container" }, hAsync("ul", { key: '40cb4cca1a4b42026becc95a46a380e23ed77723', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'aabdf6b8bf59cd755976ae99b79dca074e904c71', 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: '4f3b6da2c7f238b814c8a8537d6246215e935a26', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), hAsync("li", { key: 'b8ee9f87dc5140b964f20600cad7ec65dc6c9837', 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: 'ac4e8c0cdd8f2f206f9ead55806b32425279c8ee', class: "text-center mt-16" }, hAsync("p", { key: '0db3cdd9c348fa3855f995363fc3cd872b6da2c4', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), hAsync("eds-table", { key: '9bd39257f807324aa45013009ebbe08c1a8b2ee7', 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: '27789915053632c4fa664363b4e2fbdd5524569c', 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: '411079c2662e0a3a30a86d5772cb805f4efa37ac', class: "container" }, hAsync("ul", { key: 'c68ca64183ed475c7dc674dede1fd6487eddef63', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'e0100ca54422f34ff4cd15e0917644ec8712c156', 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: '812f16e80ab95933bffe6c7ef39e52f702b79edb', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), hAsync("li", { key: 'c5209c8ede7c3f3fd5f0e9334aab586296c4d008', 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: '9ab0f8f9a361ee987dee921009f89123247c921d', class: "text-center mt-16" }, hAsync("p", { key: '205d342af4c1a674cb84e3ef5d153228a1c093c8', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), hAsync("eds-table", { key: '0391c6dea176b8752b1415fc1519808371f7d04c', 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: '24d1d1e16a52cef90e4cc0cb20896b193e04f25d', 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 {
@@ -15386,7 +15390,7 @@ class LogoVariationsHorizontal {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '148d0694cc666c2048a65f035e3b423f14721a24', class: "container" }, hAsync("ul", { key: '577efdbf7af11206706768435afcf949e704c16a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'e280ee9020e2750a2f3637a01cf623ccc0b94bfe', 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: 'a5be5fc2dae4b966722d0ad69510f6622882aa99', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: 'e20d0633cc5c1c6f61c8147d55b7dd228c774f99', class: "coloured" }, hAsync("eds-logo", { key: '2a5a4eea4c70fadfcaef15c5b2c498b833231603', type: "no-bg", href: "#" }))), hAsync("li", { key: '6da7cc2329e7abcccfe3d2a0f095320d33b6272e', 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: '5dcb436091288a40213ad53fff116c0a18fd8626', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: 'e0f165856fb0a693ca2a655b5f6beb8f37810905', class: "bg-default" }, hAsync("eds-logo", { key: 'ca1d9b99e93b458c9a4c59389ade43db1aedd473', type: "black", href: "#" }))), hAsync("li", { key: '8ae1f94da858d44f7efa0d7c2c4d83b8e1780bf6', 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: 'dcd75bb1f4717a6d8b34f522c25b04a976bcbdea', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: '11f500da753124767502a09824007bef6586b445' }, hAsync("eds-logo", { key: '95ed147e3a5284960d5c740841620d622537cc3c', type: "color-white", href: "#" }))))));
+        return (hAsync("div", { key: '43ff78b2e28f748b65d76997fc217f694ab11210', class: "container" }, hAsync("ul", { key: '0b41f3d923858c41b34ec2df2a2536dc0d5ee129', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '766c9f9b9555cccbf8a77f11a41ae7b1bc0fcbcb', 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: '1a7e7814e435a6ee20ba8925b5b6bf8ac590ea89', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: '135de0fdb2863f618e8e6da2bf8e49b91d9f4053', class: "coloured" }, hAsync("eds-logo", { key: '367b20f96d4318d6bc9750ea6b18b30bbce5036e', type: "no-bg", href: "#" }))), hAsync("li", { key: '36d3d81aaf9518fd996bdc34498581bca3d70d2e', 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: 'b24aa1c6658bacab12264a63a95062fcadc870cc', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: 'cb77e4797f9b0c415d0df06a9250b356899f26f2', class: "bg-default" }, hAsync("eds-logo", { key: '7ccba5fd14b38ff9c4ea7531231559b0ed02966c', type: "black", href: "#" }))), hAsync("li", { key: '3926dd438bf041dd421cf244c50ada804894f32b', 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: '734670d268558409ac6a3f72b7076c2d31428174', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: 'a96c5dc623498e217fdab19ece1ccf0049077c6e' }, hAsync("eds-logo", { key: '2edd46a62c77ae56801ad035cfd128f77e3bf90a', type: "color-white", href: "#" }))))));
     }
     static get style() { return LogoVariationsHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -15418,7 +15422,7 @@ class LogoVariationsTabs {
         }
     }
     render() {
-        return hAsync("div", { key: '5e6042f51c956138d571256803766ef2497ca160', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '84eb012e0b54780f60d478863ce3561d48ce85b1', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15445,7 +15449,7 @@ class LogoVariationsVertical {
         this.type = undefined;
     }
     render() {
-        return (hAsync("div", { key: '33670ab1d0922b7ce5d561ae1bcb25d85cdf3ecb', class: "container" }, hAsync("ul", { key: '7b05bb7f6e1699766f6d0321762f0ef66ab3b306', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'f64a1ad98d1c126581283ed16b665dea3fa1d03e', 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: '41c416c593cacad33a826c76e6617bc6c6b5b9e3', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: '9bf761058eb7581b949af689a0341dc2a8b85b24', class: "mx-auto coloured w-[300px]" }, hAsync("eds-logo", { key: 'eb04b74cf4feb3054ba5b769fd7690281dbf768b', orientation: "vertical", type: "no-bg", href: "#" }))), hAsync("li", { key: '15eede1e668a9012de6ab03dde25b5e4c51605c6', 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: '8d99d4f4caf4ef224fb691fdebfd3048075db0c0', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: 'f4b55a2fc4305075270e9e4a6149be5278fe3618', class: "mx-auto bg-default w-[300px]" }, hAsync("eds-logo", { key: '38ca84d79e788b92ce2489e19f35b8ba989313f2', orientation: "vertical", type: "black", href: "#" }))), hAsync("li", { key: 'e6193b54d8b8cda2dc44bce2b983af7e7f3db0b3', 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: '2564444f18acf01edd3caa3e4df06a0a54cad60a', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: '70db409bd6dfd47bb66cef38059a52a9b0556e14', class: "mx-auto w-[300px]" }, hAsync("eds-logo", { key: '567844257939403cee8d4ce76b84dfdc12df97d1', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (hAsync("div", { key: 'ed4602bffec9b896853f794b6b9e56d2beed3a89', class: "container" }, hAsync("ul", { key: '3ffbcc4dbd811288a4f381d8eba61b06cde9297d', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'd47f43861c009c634338d5a04fa74a5d89c30f94', 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: 'e5db6a71f75fded654a99ec79e8fff330dd832ed', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: '5868a3f04cd2a88df6cf3eefb46badbfada3ea8d', class: "mx-auto coloured w-[300px]" }, hAsync("eds-logo", { key: '590e3dfc99929401fceebb37346dc87cb24b9aa4', orientation: "vertical", type: "no-bg", href: "#" }))), hAsync("li", { key: 'd7dde19a741953af97b7c2ef52ac9fe535dd8d44', 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: '1301a26d1f989762dad8ada3f2e85d5975ae8416', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: 'ede8c0b521720e3f73f7cd17a98df8d617d06d6b', class: "mx-auto bg-default w-[300px]" }, hAsync("eds-logo", { key: '298f13765230a428fe948df4e7f580a7ea438786', orientation: "vertical", type: "black", href: "#" }))), hAsync("li", { key: '558abf2aa94784e70252277adecae2f1f7be83ac', 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: 'ccdde6e4a2cfd1eeca62362430f0e1ace6e33f9c', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: 'abdef9d3f5762ebbd571851192677bba00f45a48', class: "mx-auto w-[300px]" }, hAsync("eds-logo", { key: 'b3c7f59aff43c12dfb70e1b93c5746c2d8f2499b', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
     static get style() { return LogoVariationsVerticalStyle0; }
     static get cmpMeta() { return {
@@ -15472,7 +15476,7 @@ class LogoWrongUsage {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'a5d22b7db9bf43fa54d7e0fe611b819e374b6f6b', class: "container" }, hAsync("ul", { key: 'a2d9ebad864822e00db5bb207caf599de80be433', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'ad449a11eb8e1404a47266adb9072efa0c182752', 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: '3f9ab867a20bc72e15c5403683d50b0f86c18727', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), hAsync("p", { key: '8a9ebdfd97d048e046adc85f182657c065d7c5e2', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), hAsync("li", { key: '621dc6459bd6934ada8cbbcb99e848464c6d7719', 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: 'be8c7b7fc30111d6bd7e7803d4a47b58ab8275f9', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), hAsync("p", { key: '1e458e14065bc2f064c29f03e7047578837e8dbf', class: "f-ui-02 text-center" }, "Do not apply other colors")), hAsync("li", { key: '92f588b1b08e74ae6de62037c611cd2c07c2d0f6', 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: '1a8b871c1887b96183efc5a884085cd627a5dd03', class: "mx-auto distorted logo", innerHTML: hLogoColor }), hAsync("p", { key: '2ca68cc09eac491203fec3d84b19623dfc1c0433', class: "f-ui-02 text-center" }, "Do not deform the logo")), hAsync("li", { key: 'ee43635fa2d0dff9b9a5ea76127f5a35d1863c2a', 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: '3176d2dbec423d743b8d05c64d7a21088bf830a1', class: "mx-auto effects logo", innerHTML: hLogoColor }), hAsync("p", { key: '1148d744012e92f34ac48a2b69c3fb6451e4f844', class: "f-ui-02 text-center" }, "Do not apply effects")), hAsync("li", { key: 'acde874cf0fd644ec0edc7350fc038e0ae13719d', 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: '27b2b50f017142b1e9638baf1865fd804ba9121d', class: "mx-auto rotated logo", innerHTML: hLogoColor }), hAsync("p", { key: '28dfe52d02bdb82f29947227a9a9a699aabf82ef', class: "f-ui-02 text-center" }, "Do not rotate the logo")), hAsync("li", { key: 'e754250d250603022bb031e66e7fd8e8e0f04155', 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: '042817f8f946a10372439398e4f6dd3c0fc182f6', class: "mx-auto outlined logo", innerHTML: hLogoColor }), hAsync("p", { key: 'f5136df73757f3ebd3c954f3aa5f9e47d7907c64', class: "f-ui-02 text-center" }, "Do not apply outlines")), hAsync("li", { key: '6e30b4684ebe21136ddecef9e879024ce93206ad', 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: '29ceba568f002cf04a810546ac76ed4d4a0c63fd', class: "mx-auto" }, hAsync("div", { key: '53976603b457baf9d28f4216b2ef54284467ffd7', class: "bg-accent p-16" }, hAsync("div", { key: 'bdce208801ad76f3f8fd1639ca08b3a341ccf014', class: "text-inverse", innerHTML: hLogoColor })), hAsync("p", { key: '97e656465d81823f22593dd8ec936dde966560e0', 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: '47db71fa97eed9b24d6873aac34e4d513f835c8a', class: "container" }, hAsync("ul", { key: 'f06cff3d8313404bbbe50e2744582a8d394384a2', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'ddac40db90edc523f2d95f7da243596baf3c00af', 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: 'e7ec76fb43d846bfaa09b7fd12a70d3b3fd91476', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), hAsync("p", { key: '3288cbda1a66f4557dd0546cfc7fc1db64113520', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), hAsync("li", { key: 'af5f8b9fcf5583f970b2f097f2ebbf581f5e65c4', 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: '06c9a344c7505b5299bca221ca3b3222ff141cfe', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), hAsync("p", { key: 'b9a018ccf607edb5f4646f41269f39b4146dfb07', class: "f-ui-02 text-center" }, "Do not apply other colors")), hAsync("li", { key: '549d912c33d1d72b5a09e0bcf1b3866b83a42bcb', 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: '4e01b36b889bbd5a76581e4a7d7dad700cce647c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), hAsync("p", { key: '15c8d9949f2fe250005879152e96ac6ddf9a9dde', class: "f-ui-02 text-center" }, "Do not deform the logo")), hAsync("li", { key: '4e3d38bba478657ef86242a5defab77340549e68', 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: '92b31722f79d8324a25cfea1583b64dc5710d96f', class: "mx-auto effects logo", innerHTML: hLogoColor }), hAsync("p", { key: '0b9a84f0d8a9d3c02b7d8ace6b95964106239cd6', class: "f-ui-02 text-center" }, "Do not apply effects")), hAsync("li", { key: 'ebfea671909f84d0b3bb018bf56ebdfabc2c3785', 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: 'dec45dc8ca9fcca44be26c0001dbefe045fab6b5', class: "mx-auto rotated logo", innerHTML: hLogoColor }), hAsync("p", { key: '32407a77fcd5bd9efe075f66fe7de260d6ac76bf', class: "f-ui-02 text-center" }, "Do not rotate the logo")), hAsync("li", { key: '65fe0d30655a81fb4b791d19bbcad66e4b6098e9', 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: '561983d5e3ce55c7afa14999230838312c5682c6', class: "mx-auto outlined logo", innerHTML: hLogoColor }), hAsync("p", { key: '230eeb47f7e1d3d864b4202cb39cdadb883649da', class: "f-ui-02 text-center" }, "Do not apply outlines")), hAsync("li", { key: '3e30322cd2a4c1f9d03f9e9c5758a3e2141f61c1', 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: '6d19155d8c5f4413118f3a2f3af89e276c707311', class: "mx-auto" }, hAsync("div", { key: '64d6e6b6502add707ccb16da25f4fbb6699ab1b0', class: "bg-accent p-16" }, hAsync("div", { key: '8f2c70ce2a39638634f388b7d28e6e3869a6d30d', class: "text-inverse", innerHTML: hLogoColor })), hAsync("p", { key: '9ce6b36d8c6ca1c90299664765bdca50c3d1d412', 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 {
@@ -15516,7 +15520,7 @@ class SvgRepository {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (hAsync("div", { key: '9e4eb1306b8d43f5879b2e7c0ef0019f83c0b3b5', class: "full-width" }, hAsync("eds-table", { key: '3b6349562155ffed788587d39a82d0a2fb9798bb', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (hAsync("div", { key: '4c92aff806bb91d25e1c29d6d01c035e0a534eef', class: "full-width" }, hAsync("eds-table", { key: '3dd1d7abd1a310611a6229b356d7732ac4dc8e40', "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; }
@@ -15773,7 +15777,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: 'db196307702df28bf9e2f7fb0b87298bf84baabb', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (hAsync("section", { key: 'c8634946d5cd2813e8ed6eb3ee7a5071a8e80449', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
@@ -15806,7 +15810,7 @@ class TokenRadii {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: 'bdd584d53625299e4faa9a28f6f259bc5587b125', class: "w-full mt-28" }, hAsync("ul", { key: '3076e4efcca5749cc07e69df70ce2658d6186ec6', 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: 'a274ee157395f49f9f224ef496813ea5c3b8503c', class: "w-full mt-28" }, hAsync("ul", { key: 'd2d6dbee8ef7e54dc1a85eb400c37b5910928e58', 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,
@@ -15835,7 +15839,7 @@ class TokenRatios {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '83fc87fd64531611114fe47d977dc54b6af1d327', class: "w-full" }, hAsync("eds-section-core", { key: 'b0b72d4f387cd48f4905c68b9f05ac3058d359c1', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, hAsync("ul", { key: 'af5677bb15a4ffb008fd90bdfdfb1b757a36e138', 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: '01282f48cbcd27d349565fc5b87bd50159441e1f', class: "w-full" }, hAsync("eds-section-core", { key: 'ff586dcefa969a84732fbbac7f237089ec8d358d', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, hAsync("ul", { key: 'f3c879e4105194896fd3fb8d98c39ee614973c24', 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'
@@ -15877,7 +15881,7 @@ class TokenShadows {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: 'a2fbc57c2153391bc53b47a263488118ca3aa01a', class: "w-full mt-28" }, hAsync("ul", { key: 'e4e2d6cbc8d1510ede2b678b24ce8b34b838888f', 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: '44c305a74ba522938b27fe4a8deba5e18e752e72', class: "w-full mt-28" }, hAsync("ul", { key: '8fa403e44506eb4847f1651a7fd519b9c5f336b8', 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,
@@ -15897,7 +15901,7 @@ class TokenSpacing {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '46cb6fe655e9f8b8688f44e2351f3992e8011b2a', class: "w-full" }, hAsync("ul", { key: '9d7205ee2e0b3b0386284dc282fcc5375c43ec26', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'b3e9d62bb934c1b413712b182cfdf015484db525', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '78c8a23dcacfd216a6159da8af3809607ef29702', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '92a2938c5bdcb38456d96077f78993c711bc789f', class: "spacing-sample m-16 bg-strong" }, hAsync("span", { key: '7738363bee7cc25863bec922f55224044af61b6e', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), hAsync("li", { key: '96c1f622b7e4136cebd53862b79bbc17ad484a25', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'ff4357650e10f9e7a61903c3c9f6a4f4d60d8c73', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'cd07be06a51604f81f2868786028066f834cd87d', class: "spacing-sample ml-64 bg-strong" }, hAsync("span", { key: 'ded579013d8765c7802862b57cf2bf7ae03f1b99', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), hAsync("li", { key: 'a8e244c95f027993755fa567d900ff88ed08669b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'e3662c064d089089ebb796aadede38bbd7ebe69d', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'f168cbeaec417b0eccd66ed60f2776bdffdb7bfb', class: "spacing-sample mt-32 bg-strong" }, hAsync("span", { key: '696ec848f217896ae3fc06bf07546fe735d6ccd8', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), hAsync("li", { key: '5e5d4a63fd7e28114a87dfa5789f5213b6c057f3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '14cb262cc18f340e72a922dc793244c17fa9fb05', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '791781717dc851f2e174277c557212e7e5c15b7a', class: "spacing-sample p-32 bg-strong" }, hAsync("span", { key: 'd1df2d8f2520746e49ec9c85d8e17cf5569c4bc5', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), hAsync("li", { key: '312e2c71672a05cc54cd492297a1cdcb2b11a395', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '8cd16bfafd2345b68e50a46c08c7a8f2430ee6ef', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '8f7e910d8fc43b596b35f3e72a48646e9550e8ba', class: "spacing-sample pt-32 bg-strong" }, hAsync("span", { key: '509c712085a239a435fc11f8ea7a6c9c788be60c', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), hAsync("li", { key: 'b99c86cd7dd23e7c091dd2c70ec42133d9d2e2ef', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '0e61fb5d7bf779eddc16c9627d6ca0ff6cf702e1', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'e65eb20ca88e563ae43eb0c208feacf7e310870f', class: "spacing-sample pl-32 bg-strong" }, hAsync("span", { key: '2a40e6977caccb37173f60de613c1a72b02f6d3e', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (hAsync("div", { key: 'e6d23c9b0eecdbb9551da827e84b536c237c3fa2', class: "w-full" }, hAsync("ul", { key: 'f8c8ea13fd5f36050858e813f3300c12c9ed8a93', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '9473a1f844d1d6e4cfd2aaf6e8ec8587ebbc8f46', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '86f5d11b9f24a78c2d000a487402ea203663472d', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '2aa3f316b2a8b9f75403bc148f1e0f2c5b008760', class: "spacing-sample m-16 bg-strong" }, hAsync("span", { key: '178bcea91ee96b6ba7d7f35d3129ba0365103a51', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), hAsync("li", { key: '3bea85f0dabe95c77f1f7efa20868e05dbe8ac29', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '5500ec5a1b8a408ace5f6b74a09af135953508b9', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '4fe620bb9f4e246aac4093a3bceeb504a91f7347', class: "spacing-sample ml-64 bg-strong" }, hAsync("span", { key: '8043e928ce06e7eb4f9a980523b85bc1aeacce23', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), hAsync("li", { key: '3909330218202d18909ece6bb6c24209cdf89737', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'eddaed5ba95dcff41b807123719b86a2e109f199', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '9d4ab0bce204ed45ec8a35079213a3663dff2e70', class: "spacing-sample mt-32 bg-strong" }, hAsync("span", { key: '95a3e2eddf9d5b5659ee455de56815e83c873d22', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), hAsync("li", { key: '3dfe973b5081f9c209386a0b090703c5d9ee9286', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'a82ec5b68b327c2d6c73109170babaa42866a7bb', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'bf446dc3468e554be2419cd4f86a9e015f36e027', class: "spacing-sample p-32 bg-strong" }, hAsync("span", { key: '5569dc17bfd58e125651fa8bb7ff3c510e5a11c8', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), hAsync("li", { key: '2bd50606ad35620c512c764008e1ebae74b7eb5a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '6d3172e3d9db2aca2d44112795e030cbe8764327', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '7abece54dfbf26fa0f441079192e3de3d1924897', class: "spacing-sample pt-32 bg-strong" }, hAsync("span", { key: 'dce98a63280c8b9e8a691074e7727a02c8683290', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), hAsync("li", { key: '2330aed59c3748951cd1b99bec3324554b81f51b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: 'f17b856f30a3ddaabc9d7dcc4438cde42f49956d', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'fb0907d427077e137a878adcb54b1e9b0cdf368e', class: "spacing-sample pl-32 bg-strong" }, hAsync("span", { key: 'e5f919cc44e91ce7eb887bc0419f998039c95fa6', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -16115,7 +16119,7 @@ class TokenTypography {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: 'ff15f73114d16107a766fe6fe8342315cf2fa542', class: "w-full" }, hAsync("ul", { key: '22e8e89e792fee03f1957e5705fca1938771b9ac', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (hAsync("section", { key: '234d2f000995c4dbd180a2c80d4ead037c8f76ad', class: "w-full" }, hAsync("ul", { key: '7a4b29e3ecbb07c04c401fdbb473a4b122440e24', 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,