@ebrains/components 2.2.0 → 2.3.0

package/dist/hydrate/index.mjs

@@ -123,7 +123,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'components';
-const BUILD = /* components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Hydrate Platform v4.22.0 | MIT Licensed | https://stenciljs.com
@@ -1739,6 +1739,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (elm, flags) => {
+  if (flags & 4 /* TargetDocument */) return doc;
   if (flags & 8 /* TargetWindow */) return win;
   if (flags & 16 /* TargetBody */) return doc.body;
   return elm;
@@ -2330,7 +2331,7 @@ class ColorPrimaryPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '80a1683bf07afddfc75d803735a7ebb6e175275e', 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: '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))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2402,7 +2403,7 @@ class ColorSecondaryPalette {
         this.show = undefined;
     }
     render() {
-        return (hAsync("ul", { key: '8897905f5b4e2a95b0697e90bc9b0476b9110c10', 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: '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))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2476,7 +2477,7 @@ class ColorSupportPalette {
         return 'text-default';
     }
     render() {
-        return (hAsync("ul", { key: 'f0ba44197d75db8e8c35b1c774fcb9a5cf57b955', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (hAsync("ul", { key: '1bafc64afc8d77db69e1847fdf05d2f8ca2d3ee0', 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)))));
@@ -2627,7 +2628,7 @@ class ComponentsSection {
         }
     }
     render() {
-        return hAsync("div", { key: 'a5c54560de99e81caaabafc4342522602ffe35a1', class: "container" }, this.renderContent());
+        return hAsync("div", { key: 'd5f1ea9d290addbfa2a4c21e815597871f6d7639', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2705,7 +2706,7 @@ class CorrectUseOfColors {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '2ece8530e14e2578756ea7a4b7c6de47692ea437', class: "container" }, hAsync("p", { key: '2c1de740ce1273bff57584a89d126996b89a2585', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '3ce5ec41aff1fa649799bb1b24e2c78ce3d5709e', 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: 'f067c4b8812fb79ddd8302a6e469131bb5ca2540', 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: '07216a1e8bc1c8944d7cd266fd88fd779a47af2e', class: "flex" }, hAsync("div", { key: '86594b56c689f5013ad372f61591256b96983d1e', class: "w-full" }, hAsync("ul", { key: '890766f2292df846fddf466b950ad572bd012732', 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: 'c118abd619f14e52c4987a7994603ff61976a30a', class: "w-full" }, hAsync("ul", { key: '68ff730e9d179c7c29701f82f08d0086af20d00b', 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: '183bb8155e1584b04b493934edaa437d5cf4b783', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: 'a040517846fb066a35816d293ac04bc7872b3b26', 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: '386c5220437d6e6659488e7bef5b3ffe52caf4ee', 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: '0d63252310aaa25e69938f3347454094d8722071', class: "flex" }, hAsync("div", { key: 'e4afc567b16e421b47d60679f1ea35e6663d06c6', class: "w-full" }, hAsync("ul", { key: '479d5422ddc0fbc7bb7364fd004c91b6091eb23c', 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: 'cd991c92db354f80862ae1542396ea32b95c208a', class: "w-full" }, hAsync("ul", { key: 'b88178a45d9f371feab17accb2e7316ef8471380', 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: '3777953463dcb70490b0c2ce6c42dc2dcbbf1d30', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '13fe2cb15600d4c8d38cb62537222b7cc254b4ea', 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: 'e8156e3295aefedc79483b2f07abeb840980c76e', 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: 'a37aa06966858518d02108f3dc62666fdac001ad', class: "flex" }, hAsync("div", { key: '58dd02808202c7a3e1b09b9ca2dbd560e76cd336', class: "w-full" }, hAsync("ul", { key: '0db69e93ff385af493c2b4e6797108d3b20eb4ff', 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: 'f7135c48160aec5de8d7a8f550b416e54ea2c7e8', class: "w-full" }, hAsync("ul", { key: 'f0d5d0a49bcc9ea372266683b6c029b427db73bf', 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: '0a42fea17681992eec8f8c107b49cc90934730b4', class: "f-body-01" }, "This guide demonstrates the correct usage of the", hAsync("eds-link", { key: '17c3efd3b9a55bea075920137d2a58cb910115c1', 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: '60e5ed7491f4d1814973f6c9f7fbfe8b96626f9d', 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: '87b6b39208abc11441edc407a81208f4cda8bf49', class: "flex" }, hAsync("div", { key: 'a123aa0926649903d2167293788e02ebfced78b9', class: "w-full" }, hAsync("ul", { key: '2e791bb7cd1c15cccb46942e92a3fa9f6241742a', 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: '3b7effab5bce2b76d6ac73c8d2353eb0d69cb021', class: "w-full" }, hAsync("ul", { key: '2412301e05f2f711e5b48f86eff270795f363ee6', 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: '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 } })))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2744,7 +2745,7 @@ class DocsContent {
         }
     }
     render() {
-        return hAsync("div", { key: '17148efe64117050084010b77d85de64bdfe2000', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '68fdef1fd6bdc75ce347d326b3329871e2ed5c8d', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2777,7 +2778,7 @@ class DocsPalettes {
         }
     }
     render() {
-        return hAsync("div", { key: '8ef26f3be50f9083f1430ec0c9dbf5213ac1268e', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '97f8cff7dfed11b80a3a9e28d3628a72af8dc12d', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -2935,10 +2936,10 @@ class EdsAccordion {
      * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
      */
     render() {
-        return (hAsync("div", { key: '1abfd8bfea763bc10e6f17148dbc252d0c3ffdea', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (hAsync("div", { key: 'd162692cb9a99b6a1b9b736b828214c9d425046e', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''}
-          ${this.description ? 'min-h-56' : ''}` }, hAsync("h3", { key: '137a3311195d51f46c6677558219828e5f4d06b5', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), hAsync("div", { key: '0fc6d493fd61726a53a8c4311bd183eb3ad5b270', class: "ml-auto" }, hAsync("eds-button", { key: 'cb8182e05c5c11950c0e624ce6b11e27a4d506ab', id: "toggleAccordion", intent: this.buttonIntent, "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md`, onClick: this.handleClick, icon: "chevron-down" })), hAsync("div", { key: '084bfb116dcccadf7253ca8ac8de6a1e1d4aa41f', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (hAsync("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, hAsync("section", { key: 'c332a210fa4ce90f1974098ff790a7600dfb1721', id: "accordionSection", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, hAsync("div", { key: '842bc3bc7a968ef5a428a97327f38253e8a32888', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, hAsync("span", { key: '7c8fa8040da18cc2c128b42cdf9e75bfffe4c439', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, hAsync("slot", { key: '852837c0c8c9d8a36f6263f7a943f50d82563a3c' })))))));
+          ${this.description ? 'min-h-56' : ''}` }, hAsync("h3", { key: '3770e241daa7e4696c5481c97965fb2ebe0b17f9', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), hAsync("div", { key: '56b7b70d16cf3f944bf3cec878bd15c3e18b399b', class: "ml-auto" }, hAsync("eds-button", { key: '4b770831f155f7e77a424b9dd3ec0a8708a0859f', id: "toggleAccordion", intent: this.buttonIntent, "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md`, onClick: this.handleClick, icon: "chevron-down" })), hAsync("div", { key: 'c75c4d840bc8be25ee7590d90e3290faf090fdf0', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (hAsync("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, hAsync("section", { key: 'b78b8f7fa93a85c886136cac8119d7b94de2a129', id: "accordionSection", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, hAsync("div", { key: '75ba9a9a7082b4ded3dacd6cbaa9ceb3688c5045', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, hAsync("span", { key: 'e08cefc1d6fe7f3d162de86a17646d88a8686d83', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, hAsync("slot", { key: '77d3a7fb997a9f313e3013a17f87c28f7ff8adad' })))))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsAccordionStyle0; }
@@ -3115,12 +3116,12 @@ class EdsAlert {
     }
     render() {
         const ariaLabel = this.intent !== 'default' ? `${this.intent} alert` : 'alert';
-        return (hAsync("div", { key: '2d22944e7ae86cf2523c194e20215a3d986083d9', class: alertStyles({
+        return (hAsync("div", { key: '33781ae5fb8504158e8fe780a76d89566a39e914', class: alertStyles({
                 intent: this.intent,
                 brd: this.brd,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert", "aria-label": ariaLabel, "aria-live": this.intent === 'error' ? 'assertive' : 'polite', "aria-labelledby": "alert-message", "aria-describedby": this.withBtn ? 'alert-action' : undefined }, hAsync("p", { key: 'b6c22446b0d87fb01a3cb882fe205ef48ea60b05', id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (hAsync("div", { key: '8414820eb7b65c83459cfb90adef3ea696e42444', id: "alert-action" }, this.pressableUrl ? (hAsync("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : (hAsync("eds-button", { class: "eds-alert-button", label: this.pressableLabel, intent: "secondary", onClick: () => this.handleAction() }))))));
+            }), role: "alert", "aria-label": ariaLabel, "aria-live": this.intent === 'error' ? 'assertive' : 'polite', "aria-labelledby": "alert-message", "aria-describedby": this.withBtn ? 'alert-action' : undefined }, hAsync("p", { key: 'fb3a1d216279b4076b09ef9544d37c5229b4d706', id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (hAsync("div", { key: 'a5edd833ae3924f41edb17068090eeeb4e9f9cfd', id: "alert-action" }, this.pressableUrl ? (hAsync("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : (hAsync("eds-button", { class: "eds-alert-button", label: this.pressableLabel, intent: "secondary", onClick: () => this.handleAction() }))))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsAlertStyle0; }
@@ -3171,7 +3172,7 @@ class EdsAppRoot {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (hAsync("div", { key: '01c80f8c47f13066a4b9e6978951c2a264efbd15' }, hAsync("eds-splash-screen", { key: 'bb17fc106515c71c7d70196a933301987c69ae4b', inverse: true, initPromise: this.combinedInitPromise }), hAsync("eds-login", { key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), hAsync("main", { key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4' }, this.isAuthenticated ? hAsync("h1", null, "Welcome, authenticated user!") : hAsync("h1", null, "Please log in."))));
+        return (hAsync("div", { key: '814465ac49c8f5688bc8b1006723a531c925c030' }, hAsync("eds-splash-screen", { key: '578982c4b01714129ebf0e7c415bdacea10061f8', inverse: true, initPromise: this.combinedInitPromise }), hAsync("eds-login", { key: 'abc4ef7fed629bc2eda0e2f14f5165b83851794d', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), hAsync("main", { key: '1fb96900889c942ec0beb120e1ed869a9d78c6fa' }, this.isAuthenticated ? hAsync("h1", null, "Welcome, authenticated user!") : hAsync("h1", null, "Please log in."))));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -3254,7 +3255,7 @@ class EdsAvatar {
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (hAsync("div", { key: '34e86e50b1176efd8ae0cd9b30cd3823527d7eee', class: this.containerClasses }, this.picture ? (hAsync("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (hAsync("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (hAsync("div", { key: 'd29c110e340567236716e77c4f003bec5c70ee63', class: this.containerClasses }, this.picture ? (hAsync("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (hAsync("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get style() { return EdsAvatarStyle0; }
     static get cmpMeta() { return {
@@ -3285,7 +3286,7 @@ class EdsBlockBreak {
         this.inverse = false;
     }
     render() {
-        return hAsync("hr", { key: '688e11c730af1193f28db196cd144c6dd2efc3c6', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
+        return hAsync("hr", { key: '0e2ec4b9c8b70ff9b65e6c4f2af42f198b1eb7d0', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
     }
     static get style() { return EdsBlockBreakStyle0; }
     static get cmpMeta() { return {
@@ -3445,7 +3446,7 @@ class EdsBreadcrumb {
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (hAsync("nav", { key: '0625a234ec9f5095abbeaafa11e56bceb0432764', "aria-label": "Breadcrumb" }, hAsync("ol", { key: '3898a4b048eca6c606a6948b26ec25a608cb908e', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (hAsync("nav", { key: '27ddf744a07f1b697e549cdc6d2a66f65ebe6386', "aria-label": "Breadcrumb" }, hAsync("ol", { key: '43ac089290c0a6f9b3c5cd629def8540966637b8', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
             const isLast = index === itemsToRender.length - 1;
             return (hAsync("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
                 const { fullLabel } = this.getLabels(item, isLast);
@@ -3662,7 +3663,7 @@ class EdsButton {
         });
         const ElementType = this.elementType;
         const isInteractive = !this.disabled && !this.loading;
-        return (hAsync(Host, { key: '835cc81d3563abf1b5cb4c21165de1ef726d1e43' }, hAsync(ElementType, { key: 'df05b2b2152e707e5fdd6028c5f557097d7e2b04', tabindex: isInteractive ? '0' : '-1', "aria-label": this.label ? undefined : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? 'true' : undefined, "aria-busy": this.loading ? 'true' : undefined, disabled: this.elementType === 'button' ? this.disabled || this.loading : undefined, role: this.elementType === 'a' ? 'button' : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, this.label && (hAsync("span", { key: '27c7473403e7c1bfd3dfc270151d44dbb639ceb3', class: this.loading ? 'opacity-0' : '', "aria-hidden": this.loading ? 'true' : undefined }, this.label)), this.loading && (hAsync("span", { key: 'f52496884816bc299fb76c1afae5e4798bf642d2', class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, hAsync("span", { key: 'd42bf2c229f6956a1e0dbe64aa6c79ad5608ca5c', class: "loader", style: {
+        return (hAsync(Host, { key: 'fe91be3eb9c2a3ece800097392462b3bd76f1264' }, hAsync(ElementType, { key: 'aa1d4e0544beff8759d232d0e897ffdbcd584ea5', tabindex: isInteractive ? '0' : '-1', "aria-label": this.label ? undefined : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? 'true' : undefined, "aria-busy": this.loading ? 'true' : undefined, disabled: this.elementType === 'button' ? this.disabled || this.loading : undefined, role: this.elementType === 'a' ? 'button' : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, this.label && (hAsync("span", { key: '2b55edc1b986950ba03a759cffd7346c8611ac0a', class: this.loading ? 'opacity-0' : '', "aria-hidden": this.loading ? 'true' : undefined }, this.label)), this.loading && (hAsync("span", { key: '5b035b8ef848cde63af9a2cc4a3ed72c68e1e03d', class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, hAsync("span", { key: '2746ef996f0835c76c4ef2cbd39103ad4d07c21f', class: "loader", style: {
                 border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
                 borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
             } }))), this.icon ? (hAsync("eds-icon-wrapper", { class: `
@@ -3722,7 +3723,7 @@ class EdsCardDesc {
         return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
     }
     render() {
-        return (hAsync("p", { key: '302734334d08002f94c269977ebda7762fd19843', class: "text-light f-ui-03-light" }, hAsync("span", { key: '925f6cea41068b62d22902f33d80d700d0975f39', class: this.getTruncateClass() }, this.description)));
+        return (hAsync("p", { key: '1e2ae9b46a477adb8a249a0a06c963d3e44ff297', class: "text-light f-ui-03-light" }, hAsync("span", { key: '072222b2b2249a772c1e26f566d7ac863dd6a1dd', class: this.getTruncateClass() }, this.description)));
     }
     static get style() { return EdsCardDescStyle0; }
     static get cmpMeta() { return {
@@ -3739,7 +3740,7 @@ class EdsCardDesc {
     }; }
 }
 
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
+const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-8{margin-bottom:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
 var EdsCardGenericStyle0 = edsCardGenericCss;
 
 /**
@@ -3827,7 +3828,7 @@ class EdsCardGeneric {
         });
     }
     render() {
-        return (hAsync("article", { key: '0d0a2bfb5ab1f08cdada2180977ff7bd77594030', class: this.articleClasses(), onClick: () => this.handleClick() }, hAsync("eds-card-title", { key: '4c262de23e15ee9112b8562d22fb5a35cf59938f', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (hAsync("eds-card-desc", { key: '867cbc0ee0b24aa3acbfed5d7efbffc11ea85ccd', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (hAsync("eds-img", Object.assign({ class: "mt-8 block mx-auto" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (hAsync("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, hAsync("div", { key: '66fe518e05e4fcaf99ea815b0c2f3d525a2a9989', class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((tag, index) => (hAsync("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
+        return (hAsync("article", { key: '76e77261a0c6e0c506fe7600d31a492808293d27', class: this.articleClasses(), onClick: () => this.handleClick() }, hAsync("eds-card-title", { key: 'ca26508b05a31310df7fc0c3fa5769f7947e80fc', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), hAsync("div", { key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b', class: "mt-8 mb-8" }, this.description && (hAsync("eds-card-desc", { key: '7f8b687ac2c2f334549b5d9d438aab5c62a6fcc0', "truncate-lines": "3", description: this.description }))), this.parsedImage ? (hAsync("eds-img", Object.assign({ class: "mt-8 block mx-auto" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (hAsync("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, hAsync("div", { key: '63cc046648dbf7d56909b2478d6c15b14e8d9ae4', class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((tag, index) => (hAsync("eds-tag", { key: index, intent: tag.style, label: tag.label, size: tag.size })))), ' '));
     }
     get el() { return getElement(this); }
     static get style() { return EdsCardGenericStyle0; }
@@ -4039,7 +4040,7 @@ class EdsCardProject {
             this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'
         ].join(' ');
         const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
-        return (hAsync("article", { key: 'b4587158532ddc495a1cda29941b69934b93c7d3', class: cardClasses, onClick: (event) => this.handleClick(event) }, hAsync("div", { key: '96ab6c6b9f5e89db0ca29c678c0ff3d7643976de', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, hAsync("div", { key: '6b1e39c1b3445c2eff43f03efc0d14307e044428', class: "lg:max-w-[720px]" }, hAsync("eds-card-title", { key: 'a5a2c5916c35dec35d261da0bf10a3905ce0452e', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (hAsync("span", { key: '65f034e9ae8f7abbc37fb8fc3b03a440467c33f5', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (hAsync("div", { key: '690f9157169e6344af51407fca8c25f7cf35ac74', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && hAsync("eds-tag", { key: '651b1f0424b45348c854b7ec98e4dae1e4952bbd', label: this.categoryTitle })))), this.parsedImage && (hAsync("div", { key: 'b761288da975f05bb558b0e60767292c20e767e8', class: imageClasses }, hAsync("div", { key: 'bf027b4359774454d9f866f4bb17872a1c0ba724', class: "aspect-1x1 w-full" }, hAsync("eds-img", Object.assign({ key: '19b4c37dcbe7c463afd3ece46d5c348c681771c8', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
+        return (hAsync("article", { key: '65af57bfbe558b895f74dd4d088c243a25c7265d', class: cardClasses, onClick: (event) => this.handleClick(event) }, hAsync("div", { key: 'cf0e9f71cd617a44facf7e35cdf78774e41b3eb1', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, hAsync("div", { key: '82870bbaf7203ac92f25ca241186ba7a32b784d5', class: "lg:max-w-[720px]" }, hAsync("eds-card-title", { key: '0f0356d2e4a7af3a5d50c66382ff5d3f70298e8c', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (hAsync("span", { key: '3586446f9ad1bb190c93cd54d7e53d6e835b8e37', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (hAsync("div", { key: '750c707f04d12ddd1d38aa0377b47f8804070535', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && hAsync("eds-tag", { key: '01fbeebd88ee60feede3b21db177b3691ffc2808', label: this.categoryTitle })))), this.parsedImage && (hAsync("div", { key: 'c61baca9d015c9bfb7ec6ce3ec4ea2e41d8ac513', class: imageClasses }, hAsync("div", { key: '04d4828b6648470543ddde09d935aaa7c6133d7e', class: "aspect-1x1 w-full" }, hAsync("eds-img", Object.assign({ key: 'cde6eb483641c02abb6c229470f07aa5b08fbf9b', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -4099,7 +4100,7 @@ class EdsCardSection {
      * @returns {JSX.Element} The rendered section containing a list of cards.
      */
     render() {
-        return (hAsync("section", { key: 'eb64be830a5a1b752fadd0a8a76be9240b70cfe8', class: "w-full" }, hAsync("ul", { key: 'd4eb8d8492a67f7491535953e0e37172fc9e09ff', 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: '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 })))))));
     }
     static get style() { return EdsCardSectionStyle0; }
     static get cmpMeta() { return {
@@ -4128,7 +4129,7 @@ class EdsCardTags {
         this.tags = [];
     }
     render() {
-        return (hAsync("div", { key: '2acec4bb37d05bb40910cdd198e2ffac9f16610d', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (hAsync("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
+        return (hAsync("div", { key: 'dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (hAsync("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
     }
     static get style() { return EdsCardTagsStyle0; }
     static get cmpMeta() { return {
@@ -4192,7 +4193,7 @@ class EdsCardTitle {
     render() {
         //const Tag = this.getTag();
         const Heading = this.headingLevel;
-        return (hAsync(Heading, { key: 'f3a72db6143e59ef04e589397126dcbf5b4d2d47', class: this.getTitleClass() }, hAsync("a", { key: '4fe1c9af922959b26824f01a0e5b52137c3854f2', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
+        return (hAsync(Heading, { key: '1fd3f080c09f94d7b7175d51b9d8e38bb0b76286', class: this.getTitleClass() }, hAsync("a", { key: 'dd06cbecbc9eaef8052f34eae28ae17c5f92c918', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
     }
     static get style() { return EdsCardTitleStyle0; }
     static get cmpMeta() { return {
@@ -4280,7 +4281,7 @@ class EdsCardTool {
         });
     }
     render() {
-        return (hAsync("article", { key: '2ae8e814b1509d167912424bb5093dba780f70e7', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, hAsync("eds-card-title", { key: '1d0e4312589a917bc96b2c2dd3455ad0edc54b25', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (hAsync("eds-card-desc", { key: '70b074fa7755e20627c50383e1a04a684dd1bab6', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (hAsync("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (hAsync("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, hAsync("div", { key: 'eb5b236057ef9044701d9662cdc2fa359d5c8053', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (hAsync("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
+        return (hAsync("article", { key: '00f417ee065537f8b30bc73e5ad9ca0d69b3aed3', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, hAsync("eds-card-title", { key: '9d8156f655c9344c872631b75cfcaf52fdf23347', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (hAsync("eds-card-desc", { key: 'da7aa3d0d9f7995a824fd7720342e6dd4d94224f', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (hAsync("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (hAsync("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, hAsync("div", { key: '3e3001ec404a0bbca84deafc89de6aab8bf2fe45', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (hAsync("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsCardToolStyle0; }
@@ -6792,7 +6793,7 @@ class EdsCodeBlock {
         return this.code; // Fallback if language is not provided or unsupported
     }
     render() {
-        return (hAsync("div", { key: '3cfaec27c58d05868313150f1a358ff64c8eafbd', class: "relative bg-stronger rounded-sm" }, hAsync("div", { key: 'ed91821385f30305348750dbfffec5fdd7b4dbb8', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (hAsync("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (hAsync("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, hAsync("code", { innerHTML: this.getHighlightedCode() }))), hAsync("span", { key: '3e419585214883c878a8e84c440dbd29d590002d', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, hAsync("eds-icon-wrapper", { key: '051fa9c714d5c077d5d96ec9b92f8a744ec123bc', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), hAsync("span", { key: '707950ce89cb0c24b1afac42a8801d13659b6bab', class: "sr-only" }, "Copy Code")), this.language && (hAsync("pre", { key: '59923dd4c16cfecafffa2edaaac5ef7579c3f128', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, hAsync("code", { key: '8c708992c04029d71685ad8922383ecdda05ac3c', innerHTML: this.getHighlightedCode() })))));
+        return (hAsync("div", { key: '2c5addd195dc8d930db643e95ecc52410dd94052', class: "relative bg-stronger rounded-sm" }, hAsync("div", { key: 'aea2d891f9e5d57d4b8390cff4597cb8edd163a1', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (hAsync("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (hAsync("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, hAsync("code", { innerHTML: this.getHighlightedCode() }))), hAsync("span", { key: '41e2d463bde145f901eae42dda68091a9a42e3ef', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, hAsync("eds-icon-wrapper", { key: '7285b81dd936c770b09b4a36bed8c8ba2a87da99', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), hAsync("span", { key: 'a12d74735064478480544cc4b5cf14d7b028b1a8', class: "sr-only" }, "Copy Code")), this.language && (hAsync("pre", { key: '2fcde4f271059ac98cb3b1b6bffbf4564ccf795b', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, hAsync("code", { key: '68a8b83f492e7b0eb2916a063e28a4293e6a988f', innerHTML: this.getHighlightedCode() })))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsCodeBlockStyle0; }
@@ -6840,7 +6841,7 @@ class EdsCookiesPreference {
         }
     }
     render() {
-        return (hAsync("div", { key: '030dd5db2221d5613fae0fb215cac7c20c815c2b' }, hAsync("eds-link", { key: '61d1bdf5e4299e65d980a08d25bec93b089f5330', 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: '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 })));
     }
     static get style() { return EdsCookiesPreferenceStyle0; }
     static get cmpMeta() { return {
@@ -6864,13 +6865,23 @@ var EdsDropdownStyle0 = edsDropdownCss;
 /**
  * `EdsDropdown` is a versatile dropdown component that provides a list of items
  * that appear upon clicking the dropdown button. It supports various customization options,
- * such as positioning, styling, and keyboard accessibility.
+ * such as positioning, styling, keyboard accessibility, and automatic closing behavior.
  *
- * Key features include:
- * - Configurable dropdown position (left or right) and offset.
- * - Customizable intent styles (e.g., primary, secondary).
- * - Keyboard navigation with support for up and down arrow keys.
- * - Option to use as a navigation menu or standard dropdown.
+ * ## Key Features:
+ * - Configurable dropdown position (left or right) and offset
+ * - Customizable intent styles (e.g., primary, secondary)
+ * - Keyboard navigation with support for up and down arrow keys
+ * - Automatic closing on clicks inside the dropdown panel
+ * - Flexible opt-in/opt-out mechanisms for closing behavior
+ * - Option to use as a navigation menu or standard dropdown
+ *
+ * ## Auto-Close Behavior:
+ * By default (`autoClose: true`), the dropdown closes when any element inside the panel is clicked.
+ * This includes links, buttons, custom elements, or any other clickable content.
+ *
+ * ## Data Attributes:
+ * - `data-dropdown-close`: Force close dropdown when clicked (works regardless of autoClose setting)
+ * - `data-dropdown-no-close`: Prevent dropdown from closing when this element or its children are clicked
  *
  * This component is well-suited for use in menus, navigational elements, and other interactive UI patterns.
  */
@@ -6883,10 +6894,12 @@ class EdsDropdown {
          * Toggles the visibility of the dropdown and manages focus.
          */
         this.handleClick = () => {
-            var _a;
+            var _a, _b;
             this.isOpen = !this.isOpen;
             if (this.isOpen) {
-                this.focusIndex = 0;
+                // refresh focusables each open in case slot changed
+                this.focusableItems = Array.from(((_a = this.panelEl) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a, button, [role="menuitem"]')) || []);
+                this.focusIndex = this.focusableItems.length ? 0 : -1;
                 this.focusItem();
             }
             else {
@@ -6897,7 +6910,7 @@ class EdsDropdown {
                 category: 'ui-component',
                 parentContext: null,
                 tag: this.host.tagName.toLowerCase(),
-                name: ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+                name: ((_b = this.label) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '',
                 action: this.isOpen ? 'expanded' : 'collapsed'
             });
         };
@@ -6909,9 +6922,14 @@ class EdsDropdown {
         this.dropdownPos = 'left';
         this.dropdownOffset = true;
         this.intent = 'tertiary';
+        this.autoClose = true;
+        this.noCloseSelector = '[data-dropdown-no-close]';
         this.isOpen = false;
         this.focusIndex = -1;
     }
+    async close() {
+        this.closeDropdown();
+    }
     /**
      * Closes the dropdown when a click occurs outside of it.
      * @param {Event} e - The click event.
@@ -6971,19 +6989,55 @@ class EdsDropdown {
         var _a;
         this.focusableItems = Array.from(((_a = this.dropdownContent) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a, button')) || []);
     }
+    handleHostInternalClick(ev) {
+        var _a;
+        if (!this.isOpen || !this.panelEl) {
+            return;
+        }
+        const path = (((_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) || []);
+        const clickedInsidePanel = path.includes(this.panelEl);
+        if (!clickedInsidePanel) {
+            return;
+        }
+        // Check if element has explicit close attribute
+        const hasCloseAttribute = path.some((t) => {
+            var _a;
+            const n = t;
+            return (_a = n === null || n === void 0 ? void 0 : n.closest) === null || _a === void 0 ? void 0 : _a.call(n, '[data-dropdown-close]');
+        });
+        // If element has data-dropdown-close, always close regardless of autoClose setting
+        if (hasCloseAttribute) {
+            setTimeout(() => this.closeDropdown(), 0);
+            return;
+        }
+        // If autoClose is disabled and no explicit close attribute, don't close
+        if (!this.autoClose) {
+            return;
+        }
+        // Auto-close mode: close unless clicked element opts out
+        const shouldNotClose = path.some((t) => {
+            var _a;
+            const n = t;
+            return (_a = n === null || n === void 0 ? void 0 : n.closest) === null || _a === void 0 ? void 0 : _a.call(n, this.noCloseSelector);
+        });
+        if (!shouldNotClose) {
+            // Defer to allow the item's own click (e.g., router navigation) to run first
+            setTimeout(() => this.closeDropdown(), 0);
+        }
+    }
     /**
      * Renders the dropdown component and displays its content when open.
      * @returns {JSX.Element} The rendered dropdown component.
      */
     render() {
-        return (hAsync("div", { key: '31e8b1fd4e146cbcad4d74bd78dff1cd1e1950bd', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, hAsync("eds-button", { key: '7021a0b0ff66780a324d7d9d1f6cff250ab64178', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), hAsync("nav", { key: '904fd2a7f727a8b3966eab6cf9ebdb0efa474ae0', role: "menu", class: {
+        return (hAsync("div", { key: 'e31acbda3428f47fe32cfe550cf00c53374da215', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, hAsync("eds-button", { key: 'ce3e11ecee4f603c3ba0e003fccf3fe81289f4c8', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), hAsync("nav", { key: '59f8533409171401ed73eac8d307e4eafbde9209', ref: (el) => (this.panelEl = el), role: "menu", class: {
                 'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
                 'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
                 'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
                 'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
                 'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
                 'rounded-lg': this.rounded
-            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, hAsync("slot", { key: 'b416621930c7117775fef2ee91bdca0f660302f5' }))));
+            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, hAsync("slot", { key: '675839893bf667a7a05a63e552935bb1a5874b73' }))));
     }
     get host() { return getElement(this); }
     static get style() { return EdsDropdownStyle0; }
@@ -6999,10 +7053,13 @@ class EdsDropdown {
             "dropdownPos": [1, "dropdown-pos"],
             "dropdownOffset": [4, "dropdown-offset"],
             "intent": [1],
+            "autoClose": [4, "auto-close"],
+            "noCloseSelector": [1, "no-close-selector"],
             "isOpen": [32],
-            "focusIndex": [32]
+            "focusIndex": [32],
+            "close": [64]
         },
-        "$listeners$": [[8, "click", "handleWindowClick"], [8, "keydown", "handleKeyDown"]],
+        "$listeners$": [[8, "click", "handleWindowClick"], [8, "keydown", "handleKeyDown"], [0, "click", "handleHostInternalClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -7065,7 +7122,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: '58d69e0acbaca740439666bb9da015eaa81d160a', class: "grid inline" }, hAsync(HeadingTag, { key: 'f7b066a56636e6555ace1b4947e00c293961b4ca', class: headingClass }, this.label), hAsync("p", { key: '9bfb1903e25ba6c1d53849874f3309845c1b86dc', class: "f-body-01 text-light" }, this.description), hAsync("eds-rating", { key: '785ea01ac3d2f40bb148d52c9c18698c89424175', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (hAsync("span", { key: '16d5b1ab0ab56a5e320a878f8259dc643b533e16', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        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]))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsFeedbackStyle0; }
@@ -7151,9 +7208,9 @@ class EdsFooter {
      * legal links such as "Cookies Preferences" and copyright information.
      */
     render() {
-        return (hAsync("footer", { key: '844c47f7e5119a577b03d1bf4bb598e891d7f8c7' }, 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: '0a6f03f13cf5513758740ce6f3d3357cac413826', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, hAsync("div", { key: '1751d052c529e46de47bbe09ef24621b546b1514', class: "container flex items-center gap-20 lg:flex-nowrap" }, hAsync("div", { key: '86b3c5fac384d1ae0f310d43f9a4492ce96866cf', class: "flex items-center gap-x-12" }, hAsync("a", { key: '7fed16c8a7bb7c15ea59438427987303a5a0ae14', 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: '491b2691d011359df1dc24a2408347574a893ca8', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), hAsync("div", { key: '50e5d853ee86066c932dd5fa3f04706d21b0d3aa' }, hAsync("div", { key: 'ba36e26f29e1aee7d7da4cd91235419b18ab813a', class: "f-ui-04 text-light" }, hAsync("p", { key: '120302d9cdad309da91bcd9f82e81f707f5f5b48' }, this.fundedBy), hAsync("div", { key: '222a27fb7f085750312654c11d03793f02e29676', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, hAsync("span", { key: '56db11dc4295c21c5e9d54cbc5568c5889f2dbb9', 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: () => {
+        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: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), hAsync("div", { key: '221f15b6c92e91835dcc2efa3d2247b055690a22', 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: '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)))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsFooterStyle0; }
@@ -7407,8 +7464,8 @@ class EdsForm {
         registerInstance(this, hostRef);
         this.form = createEvent(this, "form", 7);
         this.name = 'eds-form';
-        this.title = undefined;
-        this.description = undefined;
+        this.title = 'Form Title';
+        this.description = 'Form Description';
         this.setFormUrl = true;
         this.formBtn = true;
         this.formBtnLabel = 'Submit';
@@ -7539,6 +7596,7 @@ class EdsForm {
         return formData;
     }
     makeFormData() {
+        var _a;
         const formData = new FormData();
         // Add the form name
         formData.append('form_name', this.name);
@@ -7550,6 +7608,37 @@ class EdsForm {
             // Append each key-value pair to the FormData object.
             formData.append(key, this.values[key]);
         });
+        // 2) Only do the (slower) DOM scan if we actually have file fields in the config
+        const hasFileField = (_a = this.parsedFields) === null || _a === void 0 ? void 0 : _a.some((f) => (f === null || f === void 0 ? void 0 : f.type) === 'file');
+        if (hasFileField && this.formEl) {
+            // Find file inputs inside each eds-input-field's shadowRoot
+            const hosts = Array.from(this.formEl.querySelectorAll('eds-input-field'));
+            hosts.forEach((host) => {
+                const root = host.shadowRoot;
+                if (!root)
+                    return;
+                const fileInputs = Array.from(root.querySelectorAll('input[type="file"][name]'));
+                console.log(fileInputs);
+                fileInputs.forEach((fi) => {
+                    const name = fi.name;
+                    const files = fi.files ? Array.from(fi.files) : [];
+                    if (files.length > 0) {
+                        // Append each file under the same field name (backend can use request.files.getlist(name))
+                        files.forEach((file) => formData.append(name, file));
+                    }
+                });
+            });
+            // (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}`);
+            }
+        });
         return formData;
     }
     handleChange(e, field) {
@@ -7660,11 +7749,11 @@ class EdsForm {
             message: `${field.name} updated`
         });
     }
-    handleSubmit() {
+    handleSubmit(e) {
         var _a, _b;
-        if (this.isSubmitting) {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        if (this.isSubmitting)
             return;
-        }
         this.isSubmitting = true;
         this.validateForm();
         if (this.hasError) {
@@ -7759,9 +7848,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: 'ecf49eb81f18b444d059d3bdea4600f4ae594ea9', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, hAsync("div", { key: '65137fb770f274431c7906326cdf49e0fee73b18', class: "flex flex-col gap-y-24" }, this.title && (hAsync("span", { key: 'e4c5b4a7883c4569a657cc234f18f995480ec8df', role: "heading", class: "f-heading-04" }, this.title)), this.description && hAsync("span", { key: '65528e4600127f1cff4ce0e5be6f8a6bddc4c864', class: "f-body-02 text-light" }, this.description), hAsync("slot", { key: '6230035a050386763723c2b60bd5e81b912762d7' })), hiddenFields.map((field, index) => (hAsync("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        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
             .filter((g) => Array.isArray(buckets[g.id]) && buckets[g.id].length > 0)
-            .map((g) => (hAsync("div", { class: "container 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: '8116d30248f8461a842365470da9915200531028', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (hAsync("div", { key: 'e2f1d3ca6a9f6a3b44c45e576150505c49e41dd1', class: "mt-32" }, hAsync("eds-button", { key: 'e312bf08b5db526c00497fafaa9476a225919aaf', 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: '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() })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7889,7 +7978,7 @@ class EdsFrame {
         }
     }
     render() {
-        return (hAsync("div", { key: '665bc189cd905a55a9c6ac31eb2ec82853552f34', class: this.articleClasses() }, hAsync("div", { key: '6ad6183a94cd0cb26d3e5641c5e584e8afc652d7', class: "effect-height flex items-center justify-between py-8 px-12" }, hAsync("span", { key: '85bd9a7a4475ca3664cadf17ef1e729643c758f6', 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: '4799d59442cabb05f3bfea26a02db22a429266e6', 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: '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 })))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsFrameStyle0; }
@@ -8058,7 +8147,7 @@ class EdsGauge {
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (hAsync("div", { key: '798a7345ee5c3eeb59b5fe29a39827ce347dc756', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, hAsync("div", { key: 'f255f7036a5b11de88fbb32648388905932eb56e', class: "absolute bg-inverse rounded-full", style: maskStyle }), hAsync("div", { key: '2a6dd1d88b32cb2c534f253703a8caa0099f2a43', class: "absolute inset-0 flex items-center justify-center" }, hAsync("span", { key: 'ccbf1852d2f43b925f565c7117aca4a878e7f636', class: "f-body-01 text-default", style: textStyle }, clamped))));
+        return (hAsync("div", { key: '8834b0fc3cb78c0e7926392d04229d67d8deab90', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, hAsync("div", { key: 'f9ad68bd6bf19bceb46df1cfe16cdbbc2375099c', class: "absolute bg-inverse rounded-full", style: maskStyle }), hAsync("div", { key: '64a2ba3ba2f104fa018f81949cdabc0fc53eea42', class: "absolute inset-0 flex items-center justify-center" }, hAsync("span", { key: 'ae66f977802793f4e10210e75ddfa53839a9ff6e', class: "f-body-01 text-default", style: textStyle }, clamped))));
     }
     static get style() { return EdsGaugeStyle0; }
     static get cmpMeta() { return {
@@ -8078,6 +8167,194 @@ class EdsGauge {
     }; }
 }
 
+const edsGlobalSearchCss = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}.search-wrapper{position:relative;width:100%}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);max-height:500px;overflow:hidden;z-index:9999;display:flex;flex-direction:column}.dropdown-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#616161;font-size:14px}.dropdown-results{list-style:none;margin:0;overflow-y:auto;overflow-x:hidden;max-height:440px}.result-item{padding:10px 14px;cursor:pointer;transition:background-color 0.15s ease;border-left:3px solid transparent;overflow:hidden;word-wrap:break-word;word-break:break-word}.result-item:hover,.result-item--selected{background-color:var(--grey-200);border-left-color:var(--green-600)}.result-header{display:flex;align-items:center;justify-content:space-between}.result-snippet{font-size:13px;color:#616161;line-height:1.4;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dropdown-footer{border-top:1px solid #e0e0e0;padding:8px 16px;background:#fafafa;flex-shrink:0}.footer-hint{font-size:11px;color:#757575;display:flex;align-items:center;gap:4px;flex-wrap:wrap}kbd{display:inline-block;padding:2px 5px;font-size:10px;font-family:monospace;line-height:1;color:#424242;background-color:#f5f5f5;border:1px solid #bdbdbd;border-radius:3px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.1)}.dropdown-results::-webkit-scrollbar{width:8px}.dropdown-results::-webkit-scrollbar-track{background:#f5f5f5}.dropdown-results::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.dropdown-results::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.flex{display:flex}.inline-flex{display:inline-flex}.text-center{text-align:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-error{color:var(--red-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-4{margin-left:0.25rem}.ml-8{margin-left:0.5rem}.ml-16{margin-left:1rem}.p-16{padding:1rem}.p-64{padding:4rem}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}";
+var EdsGlobalSearchStyle0 = edsGlobalSearchCss;
+
+class EdsGlobalSearch {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.resultSelected = createEvent(this, "resultSelected", 7);
+        this.searchClosed = createEvent(this, "searchClosed", 7);
+        this.handleInput = (event) => {
+            var _a;
+            const target = event.target;
+            this.query = target.value;
+            if (this.debounceTimer) {
+                clearTimeout(this.debounceTimer);
+            }
+            if (!this.query.trim()) {
+                this.results = [];
+                this.hasSearched = false;
+                this.showDropdown = false;
+                return;
+            }
+            sendAnalytics({
+                category: 'shared-ui',
+                parentContext: null,
+                tag: this.el.tagName.toLowerCase(),
+                name: `search-input: ${(_a = this.query) === null || _a === void 0 ? void 0 : _a.toLowerCase()}` ||
+                    'unknow seach input query',
+                action: 'click',
+            });
+            this.debounceTimer = window.setTimeout(() => {
+                this.runSearch();
+            }, this.debounceDelay);
+        };
+        this.apiEndpoint = '/api/v1/global-search';
+        this.placeholder = 'Search Handbook + Design...';
+        this.limit = 20;
+        this.debounceDelay = 300;
+        this.query = '';
+        this.results = [];
+        this.loading = false;
+        this.error = '';
+        this.hasSearched = false;
+        this.showDropdown = false;
+        this.selectedIndex = -1;
+    }
+    componentDidLoad() {
+        // Focus input if needed
+        if (this.inputRef) {
+            this.inputRef.focus();
+        }
+    }
+    disconnectedCallback() {
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+        }
+    }
+    handleDocumentClick(event) {
+        const path = event.composedPath();
+        if (!path.includes(this.el)) {
+            this.showDropdown = false;
+            this.selectedIndex = -1;
+        }
+    }
+    handleKeydown(event) {
+        if (!this.showDropdown || this.results.length === 0) {
+            if (event.key === 'Escape') {
+                this.searchClosed.emit();
+            }
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.selectedIndex = Math.min(this.selectedIndex + 1, this.results.length - 1);
+                this.scrollToSelected();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.selectedIndex = Math.max(this.selectedIndex - 1, -1);
+                this.scrollToSelected();
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (this.selectedIndex >= 0 &&
+                    this.selectedIndex < this.results.length) {
+                    this.selectResult(this.results[this.selectedIndex]);
+                }
+                break;
+            case 'Escape':
+                this.showDropdown = false;
+                this.selectedIndex = -1;
+                this.searchClosed.emit();
+                break;
+        }
+    }
+    async runSearch() {
+        var _a;
+        const query = this.query.trim();
+        if (!query) {
+            this.results = [];
+            this.hasSearched = false;
+            this.showDropdown = false;
+            return;
+        }
+        this.loading = true;
+        this.error = '';
+        try {
+            const response = await fetch(`${this.apiEndpoint}?q=${encodeURIComponent(query)}&limit=${this.limit}`);
+            if (!response.ok) {
+                throw new Error('Search failed');
+            }
+            const data = await response.json();
+            this.results = (_a = data.items) !== null && _a !== void 0 ? _a : [];
+            this.hasSearched = true;
+            this.showDropdown = true;
+            this.selectedIndex = -1;
+        }
+        catch (err) {
+            console.error('Search error:', err);
+            this.error = 'Search failed. Please try again.';
+            this.results = [];
+            this.showDropdown = true;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    selectResult(result) {
+        this.resultSelected.emit(result);
+        this.searchClosed.emit();
+        sendAnalytics({
+            category: 'shared-ui',
+            parentContext: null,
+            tag: this.el.tagName.toLowerCase(),
+            name: `search-select: ${result.url}` || 'unknow search result selection',
+            action: 'click',
+        });
+        window.open(result.url, '_blank', 'noopener,noreferrer');
+    }
+    scrollToSelected() {
+        if (this.selectedIndex >= 0 && this.dropdownRef) {
+            const selectedItem = this.dropdownRef.querySelector(`[data-index="${this.selectedIndex}"]`);
+            if (selectedItem) {
+                selectedItem.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+            }
+        }
+    }
+    stripHtml(html) {
+        const div = document.createElement('div');
+        div.innerHTML = html;
+        return div.textContent || div.innerText || '';
+    }
+    get hasResults() {
+        return this.results.length > 0;
+    }
+    get showEmpty() {
+        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: {
+                '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")))))));
+    }
+    get el() { return getElement(this); }
+    static get style() { return EdsGlobalSearchStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "eds-global-search",
+        "$members$": {
+            "apiEndpoint": [1, "api-endpoint"],
+            "placeholder": [1],
+            "limit": [2],
+            "debounceDelay": [2, "debounce-delay"],
+            "query": [32],
+            "results": [32],
+            "loading": [32],
+            "error": [32],
+            "hasSearched": [32],
+            "showDropdown": [32],
+            "selectedIndex": [32]
+        },
+        "$listeners$": [[4, "click", "handleDocumentClick"], [0, "keydown", "handleKeydown"]],
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const edsHeaderCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}";
 var EdsHeaderStyle0 = edsHeaderCss;
 
@@ -8139,7 +8416,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: 'a0f5bb7d9e850e9414db804019674d6bcbc8ea0b', class: `flex items-center justify-between relative z-10 ${classes}` }, hAsync("div", { key: '678d5b1583e6fa47c0eac8ce734e8ec34cd76ad9', class: "mr-auto w-[200px] h-[85px]" }, hAsync("eds-logo", { key: '12ce9c42b266bbddfd75d2a8f0097708480a2490', type: logoType, href: this.homeUrl })), this.parsedLinks && (hAsync("nav", { key: 'eb388b679d4e268dc7fc011bc2a6406a619287c8', 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: 'c3f8689bb257166c50dd678287c8ad4f54eb315a', 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: '3f689a811a60052393a795937a908cf7d0604cc6' }), this.menuEnabled && (hAsync("div", { key: '506b953b455b72085d83bdaafc6855992075ddbe', class: "md:hidden flex overflow-hidden px-16" }, hAsync("eds-button", { key: '5b526affd813549a6142efab255d6486a5e2dd66', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        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() })))));
     }
     get hostEl() { return getElement(this); }
     static get style() { return EdsHeaderStyle0; }
@@ -10157,7 +10434,7 @@ class EdsIconArrowDiagonal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'ef60986a4391dffcbb2a66109f217f3cec95a5fc', class: this.class, innerHTML: arrowDiagonal });
+        return hAsync("span", { key: 'f638b55d0ab199bbd7a52d099aa1242410ae1892', class: this.class, innerHTML: arrowDiagonal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10180,7 +10457,7 @@ class EdsIconArrowRight {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '02288b13fa941076a5cc73fd3821bd78e206b2b3', class: this.class, innerHTML: arrowRight });
+        return hAsync("span", { key: '476da936a6861dc0a5db691cee31559c845766a2', class: this.class, innerHTML: arrowRight });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10203,7 +10480,7 @@ class EdsIconBin {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5f314df297274d153638c96027c23632f47f6a3a', class: this.class, innerHTML: bin });
+        return hAsync("span", { key: '8bc63b5438fa6bf2ffa729afd07a793b96f3167d', class: this.class, innerHTML: bin });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10226,7 +10503,7 @@ class EdsIconBluesky {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f', class: this.class, innerHTML: bluesky });
+        return hAsync("span", { key: 'b42f25c9a2405c94d83c917026f376c9803058d1', class: this.class, innerHTML: bluesky });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10249,7 +10526,7 @@ class EdsIconBookmark {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b7c85131bafc5d7d3fcf8fde09cf646b4dd3fdab', class: this.class, innerHTML: bookmark });
+        return hAsync("span", { key: '3a7cb54b31e70a446b093453389432938c2fd9d8', class: this.class, innerHTML: bookmark });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10272,7 +10549,7 @@ class EdsIconChevronDown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '5547e9d98f781dc03e88a014f726b3a402e6425d', class: this.class, innerHTML: chevronDown });
+        return hAsync("span", { key: '49925425ac1fd676eb96b973b1419f1f2aec1c81', class: this.class, innerHTML: chevronDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10295,7 +10572,7 @@ class EdsIconChevronLeft {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '49925425ac1fd676eb96b973b1419f1f2aec1c81', class: this.class, innerHTML: chevronLeft });
+        return hAsync("span", { key: '38d849e3d7e2b2f5e7df8a5624bcf988b3046b11', class: this.class, innerHTML: chevronLeft });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10318,7 +10595,7 @@ class EdsIconChevronRight {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'e9abd378d28d9e2251e530f97a11973ea558fbe2', class: this.class, innerHTML: chevronRight });
+        return hAsync("span", { key: '5368c37dc49fa654d75f42a774a9a3ad93db5261', class: this.class, innerHTML: chevronRight });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10341,7 +10618,7 @@ class EdsIconChevronUp {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f81db967bf78d75a4a8e572cda6427046603f0a6', class: this.class, innerHTML: chevronUp });
+        return hAsync("span", { key: '6479f32960c973174c4577beef2f7df7b0baebd4', class: this.class, innerHTML: chevronUp });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10364,7 +10641,7 @@ class EdsIconClone {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db', class: this.class, innerHTML: clone });
+        return hAsync("span", { key: 'a31ea2174a7c266b62264dad10c486f7dc27f043', class: this.class, innerHTML: clone });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10387,7 +10664,7 @@ class EdsIconClose {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '91f33941205260a787d69146e390fa970a1c0d72', class: this.class, innerHTML: close });
+        return hAsync("span", { key: 'b4283a9fbc348923169a4d56ad6f3b5aad4a13c8', class: this.class, innerHTML: close });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10410,7 +10687,7 @@ class EdsIconCopy {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: copy });
+        return hAsync("span", { key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0', class: this.class, innerHTML: copy });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10433,7 +10710,7 @@ class EdsIconDownload {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '1fc6b1410cf98a4a992c0d98d78ec27aeac65b7c', class: this.class, innerHTML: download });
+        return hAsync("span", { key: '2fbaad3eebee32d200d0f655b396ea937901f3bd', class: this.class, innerHTML: download });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10456,7 +10733,7 @@ class EdsIconDraft {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'e76f56aaba4a67096e6314e61d53bc2512941552', class: this.class, innerHTML: draft });
+        return hAsync("span", { key: '408c981cebc10ab4bcf91e2765e7971ad0a83975', class: this.class, innerHTML: draft });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10479,7 +10756,7 @@ class EdsIconEdit {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '54502ee7a072ad54a5c22367b89c1d00afcaaafe', class: this.class, innerHTML: edit });
+        return hAsync("span", { key: 'eb8558a13bcab457f260b0c3cddc235867b7f45a', class: this.class, innerHTML: edit });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10502,7 +10779,7 @@ class EdsIconEu {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '89fde5fbed839d6fdedc0399bf1475abf22d205d', class: this.class, innerHTML: euSvg });
+        return hAsync("span", { key: '994f1becb4b226a2d2f022d9bd22a690fad5aab4', class: this.class, innerHTML: euSvg });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10525,7 +10802,7 @@ class EdsIconExternal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '1abc7edbab033c99ffaede9ebe0f210849fe8d61', class: this.class, innerHTML: arrowDiagonal });
+        return hAsync("span", { key: '0825d1c73c5f311f7a9d5394542f6fd74791a543', class: this.class, innerHTML: arrowDiagonal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10548,7 +10825,7 @@ class EdsIconFacebook {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873', class: this.class, innerHTML: facebook });
+        return hAsync("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: facebook });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10571,7 +10848,7 @@ class EdsIconGitlab {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b35f2e94d903549d867579f2e008c323a441019c', class: this.class, innerHTML: gitlabBlack });
+        return hAsync("span", { key: '4c0a731d1a67884107112bc5941faf2001dbbfd5', class: this.class, innerHTML: gitlabBlack });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10594,7 +10871,7 @@ class EdsIconLinkedin {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: linkedin });
+        return hAsync("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: linkedin });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10617,7 +10894,7 @@ class EdsIconLoader {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: loader });
+        return hAsync("span", { key: '2207bbac640cf28a2d6d5d725f681e56c8c53011', class: this.class, innerHTML: loader });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10640,7 +10917,7 @@ class EdsIconMastodon {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: mastodon });
+        return hAsync("span", { key: 'b7ba0f10df196243538aaeefe3db0ee5f594f885', class: this.class, innerHTML: mastodon });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10663,7 +10940,7 @@ class EdsIconMenu {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: menu });
+        return hAsync("span", { key: '5f14cbe4b3ca88f7301c1561c092278b31d04326', class: this.class, innerHTML: menu });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10686,7 +10963,7 @@ class EdsIconMinus {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3', class: this.class, innerHTML: minus });
+        return hAsync("span", { key: 'b19c12426db0068934252c6197ba04789d42f5e2', class: this.class, innerHTML: minus });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10709,7 +10986,7 @@ class EdsIconMore {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb', class: this.class, innerHTML: more });
+        return hAsync("span", { key: 'b6d2b6d7d156c715e2f7d2192d93a4326b22dfc5', class: this.class, innerHTML: more });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10732,7 +11009,7 @@ class EdsIconPaper {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'eaa676b09d81da31b600a910b99b416c1a5420d3', class: this.class, innerHTML: paper });
+        return hAsync("span", { key: '497345c7f18b9cceaf00030b7b3ab052f482c7bf', class: this.class, innerHTML: paper });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10755,7 +11032,7 @@ class EdsIconPlus {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '825957824697ceeec9d6f81007c4dd1dfc208b28', class: this.class, innerHTML: plus });
+        return hAsync("span", { key: 'd9fdc443e6da9465453f5f201b5782437a45402e', class: this.class, innerHTML: plus });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10778,7 +11055,7 @@ class EdsIconPortal {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4c557c9fe9168f361c55aae7a7c6874d78ec620d', class: this.class, innerHTML: portal });
+        return hAsync("span", { key: '27be525d5922ed05755e207adc914c7e86fb7033', class: this.class, innerHTML: portal });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10801,7 +11078,7 @@ class EdsIconPrivate {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'fe423636431e96ce42d0b8236b04c11c92633a18', class: this.class, innerHTML: privat });
+        return hAsync("span", { key: '16aa24573646bd0002f9b259dba4ab7bb150d12e', class: this.class, innerHTML: privat });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10824,7 +11101,7 @@ class EdsIconPublic {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '4c0a1ff37a1bfa79173c6b91da33fb808ef1b918', class: this.class, innerHTML: pub });
+        return hAsync("span", { key: '1aedbead2feca84807fa4dd3d10092c3a4632365', class: this.class, innerHTML: pub });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10847,7 +11124,7 @@ class EdsIconSearch {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'c788833c6a51e489ca432697a9c46d9b5756a519', class: this.class, innerHTML: search });
+        return hAsync("span", { key: '4d7a6781f65c4fc7159dd29a9d02b2d5333915fd', class: this.class, innerHTML: search });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10870,7 +11147,7 @@ class EdsIconStar {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '297e73664320032b2f78dd3c43aa0852545c0723', class: this.class, innerHTML: star });
+        return hAsync("span", { key: '4410f1ce5f3b350e75b31ba6089540a9281e474b', class: this.class, innerHTML: star });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10893,7 +11170,7 @@ class EdsIconStart {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '360d1178d8f9f8485718f5ab1ed823ac16be2987', class: this.class, innerHTML: start });
+        return hAsync("span", { key: '3f33c676334b9e7dd18708459ebfb3e3a9cf12a4', class: this.class, innerHTML: start });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10916,7 +11193,7 @@ class EdsIconSuccess {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '281f7141b6b45b60e8f11f85430af0cd8364d91f', class: this.class, innerHTML: success });
+        return hAsync("span", { key: '0130a392a537a653154383ccd21a1516100459e3', class: this.class, innerHTML: success });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10939,7 +11216,7 @@ class EdsIconThumbsDown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'b119fa870a00fbad7cffeb30b0ab76d2165eb76d', class: this.class, innerHTML: thumbsDown });
+        return hAsync("span", { key: '747187922f5c94e96c67f5455e4ed3b8afd47885', class: this.class, innerHTML: thumbsDown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10962,7 +11239,7 @@ class EdsIconThumbsUp {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '86834f96ac586f4bd7404ebdcd8ac0e496f063bb', class: this.class, innerHTML: thumbsUp });
+        return hAsync("span", { key: '051029abca2749f24ae3407ff3ae36b20007c924', class: this.class, innerHTML: thumbsUp });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -10985,7 +11262,7 @@ class EdsIconTutorial {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'f7457ee049fe477b51776527b58d459312c52cf4', class: this.class, innerHTML: tutorial });
+        return hAsync("span", { key: '3d0f88fa7ebbec278f9cc1394ed87809ff7c49d1', class: this.class, innerHTML: tutorial });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11008,7 +11285,7 @@ class EdsIconTwitter {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '6f1d0b5e073ef4d754aecb600a8578fc59950496', class: this.class, innerHTML: twitter });
+        return hAsync("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: twitter });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11031,7 +11308,7 @@ class EdsIconUnknown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '3b2750a85a74227efe458ceaa2d0995ab0c472b3', class: this.class, innerHTML: unknown });
+        return hAsync("span", { key: '27f8330b13ebecd974913f83e3ae142406d08712', class: this.class, innerHTML: unknown });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11054,7 +11331,7 @@ class EdsIconUpdown {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '1768da9f606b60dd3dc1c8ef76673c6b17eb1b37', class: this.class, innerHTML: upDonw });
+        return hAsync("span", { key: 'ef19f500cdd0289666d512e73952e6ae1ba9e7dc', class: this.class, innerHTML: upDonw });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11077,7 +11354,7 @@ class EdsIconUser {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'ccb41b3ad799e44dab0664dadd5407f6aef9b39c', class: this.class, innerHTML: user });
+        return hAsync("span", { key: '134abbd42c49915f772f5d2aed7b53ecc5a0bd8a', class: this.class, innerHTML: user });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11100,7 +11377,7 @@ class EdsIconView {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: 'af0fae74516d7f51af3616aa09c16b80b603504f', class: this.class, innerHTML: view });
+        return hAsync("span", { key: '5725348031c6f0b6944e765b1b52e7f5759493aa', class: this.class, innerHTML: view });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11179,7 +11456,7 @@ class EdsIconYoutube {
         this.class = '';
     }
     render() {
-        return hAsync("span", { key: '063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4', class: this.class, innerHTML: youtube });
+        return hAsync("span", { key: '7c8d8693dc6e0a03af0b0a68190d451fee84a013', class: this.class, innerHTML: youtube });
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -11255,10 +11532,10 @@ class EdsImg {
             imgOpts['loading'] = 'lazy';
             imgOpts['decoding'] = 'async';
         }
-        return (hAsync("div", { key: 'fec0dcf2ec178a953f4ced8a71b037030983670d', class: {
+        return (hAsync("div", { key: '7d704bdd14072d6ce69632d6f2de3270ff393b87', class: {
                 'items-center justify-center': true,
                 'effect-bg-pattern': this.lazyload && this.showBg
-            } }, hAsync("picture", { key: '0df010a6ed50519be0a2017bf12db7d1ab2fb208' }, this.formats.map((format) => (hAsync("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), hAsync("img", Object.assign({ key: 'ea4275b2cc6be0cce5ab63f97d05454e3c4ee1dc', ref: (el) => (this.img = el), class: {
+            } }, 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: {
                 'effect-opacity object-cover object-center': true,
                 'opacity-100': this.loaded,
                 'opacity-0': !this.loaded
@@ -11340,7 +11617,7 @@ class EdsInput {
     render() {
         const withIcon = !!this.icon;
         const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
-        return (hAsync("div", { key: '0a6386205f78655569bf93960a4e2664563e4014', 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: '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'
             ? {
                 min: this.min,
                 max: this.max,
@@ -11351,7 +11628,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: 'c78bf1501f682cde9a193ea6726baf2433566516', 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: 'c07e7d5d8394292cf365f32838dfd837ccf168d6', 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: '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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11490,7 +11767,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: 'eaa1d9c1095204c82bd01eab0f19f80eeee64d05' }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (hAsync("fieldset", { class: "space-y-4 mt-8" }, 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: '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' ? ((() => {
             var _a, _b, _c;
             const rangeProps = {
                 name: inputOpts.name,
@@ -11503,7 +11780,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: '60e6c848d41591b2e9ec8c5cf8dd656ec8562c38', class: "mt-6" }, hAsync("eds-input-footer", { key: 'e9298e01dbab9aa6a98a486286b32024766348d1', 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: '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 }))));
     }
     static get delegatesFocus() { return true; }
     get hostEl() { return getElement(this); }
@@ -11555,7 +11832,7 @@ class EdsInputFooter {
         this.link = undefined;
     }
     render() {
-        return (hAsync("div", { key: '54571d8f3c08a7a4f12e40728e02a7210ab0d345' }, this.error && this.errorMessage && (hAsync("div", { key: 'db35f0c0dfa931d55d57a9c4ad3fffaeb4cea914', id: `error_${this.name}`, class: "text-error flex items-center" }, hAsync("eds-icon-wrapper", { key: '63e401d86876829d8d2bbab887a66ef0dbd1837f', icon: "warning" }), hAsync("p", { key: '81f8b0819a7cb119353c8ac38ab1df0cafb9d36f', class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage }))), this.message && hAsync("p", { key: 'e5018623e2d8578864dc1f0b06d54e4a60ff9020', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (hAsync("a", { key: 'e7b6bde26ae02cf07ac8b8e6461282a4ba1355ed', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
+        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))));
     }
     static get style() { return EdsInputFooterStyle0; }
     static get cmpMeta() { return {
@@ -11586,7 +11863,7 @@ class EdsInputLabel {
         this.disabled = false;
     }
     render() {
-        return (hAsync("label", { key: '90e0659383fd3be9a166457de5429385fe3bfe02', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (hAsync("span", { key: '4d417c45dd636bfd5872d846e5eb89ff3694a4d4' }, hAsync("span", { key: '3924011891ee03e530fe25b269bf4231f3acd9cb', "aria-hidden": "true" }, "*"), hAsync("span", { key: '2f343b6b4ab4cbd538189cfa404210cf676eefe7', class: "sr-only" }, "required")))));
+        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")))));
     }
     static get style() { return EdsInputLabelStyle0; }
     static get cmpMeta() { return {
@@ -11652,7 +11929,7 @@ class EdsInputRange {
         return this.inputElement;
     }
     render() {
-        return (hAsync("div", { key: '3fa2ef579847e66bcacc35afe202192b78a06975', class: "relative flex flex-col items-start" }, hAsync("input", { key: '669cc03e44dfa1ae8eae758f82f41939de1be625', 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: 'b3865e1bfacb423da277f4b76dfd0f3294f96cc6', id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal)));
+        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)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11747,7 +12024,7 @@ class EdsInputSearch {
         return this.inputElement;
     }
     render() {
-        return (hAsync("div", { key: 'ad7c42baf7c54ede5dca7dd2a6916557f46d33d6', class: "relative flex items-center" }, hAsync("eds-icon-wrapper", { key: '6de80c397bae5e541de1ce3c2937bed860b58363', icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), hAsync("input", { key: '9637c5569c97061fde3735ecb58b6a6f81a10e15', 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: '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}`,
             //onInput={this.onInput}
             onChange: this.onChange })));
     }
@@ -11801,12 +12078,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: '06be08db809ec9970ca4d7bdbdcdf1c8f2bc8840', class: "relative" }, hAsync("select", { key: 'e4319592e6c2f0c71e0dc75ca2d854506bda70bc', id: selectId, name: this.name, class: {
+        return (hAsync("div", { key: 'b28b21c38ed5848cf08c0bc626f4ce32eddfb775', class: "relative" }, hAsync("select", { key: '727f578d43cf12568d3d3b35548a30972fc46300', 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: 'a0ece38948f84a10ea8cd4c0a01b3f8b9730c7ef', 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: '8ce085e43d0ba6340e52b0666dc0a31abbf1a2f9', 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: '8b91b3fa3a819d04ede5d7816fcb2f04e66fd03b', 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: '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" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -12067,7 +12344,7 @@ class EdsLink {
         const labelClasses = this.hideLabelOnSmallScreen
             ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
             : '';
-        return (hAsync("a", { key: 'bc82c9ea21f98ed71c812c8366ba8368c3ac5bf4', 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: 'eed89377d27a476a7d7e70a8c40f3100b8089a0b', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && hAsync("span", { key: 'c6d09f0c54e092e53350014d6d89b67c35a8be71', class: labelClasses }, this.label), this.renderRightIcon())));
+        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())));
     }
     get el() { return getElement(this); }
     static get style() { return EdsLinkStyle0; }
@@ -12175,7 +12452,7 @@ class EdsLogo {
     }
     render() {
         const logoContent = this.getLogo();
-        return (hAsync("a", { key: 'e5c4e4701d698282dc85561c8c434f0790fb2401', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, hAsync("div", { key: '32cc8649fe67b6c4a874b5c1aaa6d4d793b4c4c7', innerHTML: logoContent })));
+        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 })));
     }
     get el() { return getElement(this); }
     static get style() { return EdsLogoStyle0; }
@@ -12325,7 +12602,7 @@ class EdsMatomoNotice {
     }; }
 }
 
-const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
+const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
 var EdsModalStyle0 = edsModalCss;
 
 /**
@@ -12450,9 +12727,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: '29700a7b84c8728c11232aaaa526638dc6cd3156', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (hAsync("div", { key: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        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
             ,
-            onClick: () => this.close() })), hAsync("div", { key: 'd69445a547c27fccc868bee1dae9537e3e4c9d68', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, hAsync("div", { key: 'e4d3ddcadf49051ebb0fe5c1d12d40f8992a5549', 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: '6a9e5c1cb187e4684b267859f2150f485d6fcced', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), hAsync("eds-button", { key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), hAsync("div", { key: '150e61106d25a1a0ecf470abf14ac5c5ba836b64', class: "pt-8 px-20 py-20" }, hAsync("slot", { key: '30100f97aa7504023e43b51fc9bebad20097b480' })))));
+            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' })))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsModalStyle0; }
@@ -12543,12 +12820,12 @@ class EdsNps {
     render() {
         const count = this.max - this.min + 1;
         //onst fallback = 0;
-        return (hAsync("div", { key: '3831baab086cbf44a3d1511885f15bbab23c9cd2', class: "eds-nps" }, hAsync("eds-input-label", { key: 'f9bd8a812d1b65a634dfaa7aae704218dc79468c', id: "nps-question", name: "nps-question", label: this.question }), hAsync("div", { key: '398f5225c5b4071c2570a74a9e642f5059bb7813', 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: '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) => {
             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: '0acafaae3f2ce522ffbc245c5733ca509d4bf3c1', class: "flex justify-between mt-8" }, hAsync("span", { key: '001e0be00b07ae2e831ea6af0c577a5eeecb9a56', class: "f-ui-04 text-light ml-4" }, this.leftLabel), hAsync("span", { key: '99a12d89ea577fb2bb9c34241a2b9f0f254c284a', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
+        })), 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))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsNpsStyle0; }
@@ -12820,7 +13097,7 @@ class EdsPagination {
     }
     render() {
         const navigableIndex = -1; // Track index for keyboard navigation
-        return (hAsync("div", { key: '9379c40daaca176e67fb59918f1ca387cb4759b9' }, this.total > 0 && this.mode === 'default' && (hAsync("p", { key: 'd09f7f6b7de136987d5b52564bc60afb3775299a', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, hAsync("span", { key: '4af8f097a79c8fb0495838f06424f43e5e5dcddc', 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: '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) => {
                 if (this.mode === 'default' && !this.isFirstPage()) {
                     this.handlePageClick(event, (this.currentPage || 1) - 1);
                 }
@@ -13027,7 +13304,7 @@ class EdsProgressBar {
         ]
             .filter(Boolean)
             .join(' ');
-        return (hAsync("div", { key: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, hAsync("div", { key: 'a46a83e9086471adde1837e59d909096d59e7882', class: fillClasses, style: { width: `${progressValue}%` } }), hAsync("div", { key: '193f2efa8259e7facacba374fff8087e9702c246', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, hAsync("span", { key: 'e3454f3507d2a30245671698752a7f0f26baff57', class: "text-default f-body-02" }, progressValue, "%"))));
+        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, "%"))));
     }
     static get style() { return EdsProgressBarStyle0; }
     static get cmpMeta() { return {
@@ -13110,7 +13387,7 @@ class EdsRating {
         this.onSelect(next);
     }
     render() {
-        return (hAsync("div", { key: 'a7fc18897f2901f60432432899da18861e76edf6', 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: '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) => {
             const starRating = index + 1;
             const isSelected = starRating <= this.selectedRating;
             // Use the mapping text if available; otherwise, fall back to a generic label.
@@ -13160,7 +13437,7 @@ class EdsSectionCore {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (hAsync(TagType, { key: '99f87da56df0ac4b5b28ce721288507beb0cd431' }, hAsync("eds-section-heading", { key: '101137aa9637a95580393a52e7f41d71e8ae8e8b', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), hAsync("slot", { key: '0b6a6131d8e1e2528982571cf7ba617736a34173' })));
+        return (hAsync(TagType, { key: '4765a07e798f1a622c25ec145c31345b27e1815d' }, hAsync("eds-section-heading", { key: 'a320ac532863eaabbc1901ab5d9e9d0c14ae7556', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), hAsync("slot", { key: '8de34d1949c0a7d0d83f977d18d36f435444401d' })));
     }
     static get style() { return EdsSectionCoreStyle0; }
     static get cmpMeta() { return {
@@ -13215,12 +13492,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: '2af16d4d21378244ba843b619b3fd4f283b3e179', class: {
+        return (hAsync(TagType, { key: '960224968ba731050d2b208a07c1faddc386746b', 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: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, hAsync(HeadingTag, { key: 'fc93452bfe1bac130654a187d7d42ee18f273147', class: this.getHeadingClass() }, this.sectionTitle)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -13294,7 +13571,7 @@ class EdsSocialNetworks {
      * Each social network link uses the `eds-link` component with specific classes and styles.
      */
     render() {
-        return (hAsync("nav", { key: '62692c53f820ff5d6569e42af692063ad8918cdd', "aria-label": "Social media" }, hAsync("p", { key: 'a571612ba3c1b669e0145484bec4d480b17c1979', class: "f-ui-02" }, this.heading), hAsync("ul", { key: 'c0cc02cd5eebf16130f7b09fb8f11319695fdccb', 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: '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" })))))));
     }
     static get style() { return EdsSocialNetworksStyle0; }
     static get cmpMeta() { return {
@@ -13385,7 +13662,7 @@ class EdsSpinner {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (hAsync(Host, { key: 'b10a5d28d0b06e7b36276fb814e3b8b57b767094' }, hAsync("div", { key: '8f2205bb74775c16660d35f80bf880ac9c39d725', class: "spinner-overlay", style: overlayStyle }, hAsync("span", { key: 'f681700791c6c10ea63473f34719a873757bcf5e', class: "spinner", style: spinnerStyle }), this.message && hAsync("p", { key: 'b0afdd60a6c74fd740626cb7da3402a9a5075e34', class: "f-body-01" }, this.message))));
+        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))));
     }
     static get style() { return EdsSpinnerStyle0; }
     static get cmpMeta() { return {
@@ -13469,7 +13746,7 @@ class EdsSplashScreen {
     }; }
 }
 
-const edsStepsCss = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mt-16{margin-top:1rem}.mb-28{margin-bottom:1.75rem}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.cursor-pointer{cursor:pointer}";
+const edsStepsCss = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mt-16{margin-top:1rem}.mb-28{margin-bottom:1.75rem}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.cursor-pointer{cursor:pointer}.eds-steps__title{cursor:pointer}";
 var EdsStepsStyle0 = edsStepsCss;
 
 class EdsSteps {
@@ -13479,9 +13756,26 @@ class EdsSteps {
         this.finished = createEvent(this, "finished", 7);
         this.next = createEvent(this, "next", 7);
         this.back = createEvent(this, "back", 7);
+        this.handleTitleClick = (index) => {
+            // 1) If clicking the current title, keep your existing toggle behavior
+            if (index === this.activeStep) {
+                this.activeStep = this.activeStep === index ? -1 : index;
+                this.step.emit(this.activeStep);
+                return;
+            }
+            // 2) In linear mode, block jumping *forward* when current step is gated
+            const forwardBlocked = this.type === 'linear' && index > this.activeStep && this.isNextDisabledFor(this.activeStep);
+            if (forwardBlocked) {
+                return;
+            } // do nothing when Next/Finish would be disabled
+            // 3) Allow jumping back or forward when not gated
+            this.activeStep = index;
+            this.step.emit(this.activeStep);
+        };
         this.handleNext = () => {
             const lastIndex = this.parsedSteps.length - 1;
             if (this.activeStep >= lastIndex) {
+                this.activeStep = -1;
                 this.finished.emit();
                 return;
             }
@@ -13551,21 +13845,35 @@ class EdsSteps {
             ? !!this.disableNext[index] // per-step
             : index === this.activeStep && !!this.disableNext; // only active step
     }
-    /** Render the semantic heading element */
-    renderHeading(title) {
+    /** Render the semantic heading element as a clickable control only in linear mode */
+    renderHeading(title, index) {
         const Tag = this.headingLevel;
-        return hAsync(Tag, null, title);
+        if (this.type === 'linear') {
+            const forwardBlocked = index > this.activeStep && this.isNextDisabledFor(this.activeStep);
+            const onKey = (e) => {
+                if (forwardBlocked) {
+                    return;
+                }
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    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);
     }
     render() {
         const steps = this.parsedSteps;
         if (this.type === 'linear') {
             return (hAsync("div", { class: "steps" }, steps.map((step, index) => {
                 const isLast = index === steps.length - 1;
-                return (hAsync("div", { class: "step mb-28", key: index }, this.renderHeading(step.title), this.activeStep === index && (hAsync("div", { class: "content grid gap-y-16" }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: isLast ? 'f-body-02 text-lighter' : 'f-body-02 text-lighter', innerHTML: step.content })), hAsync("div", { class: "flex items-center mt-16" }, hAsync("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: true, onClick: this.handleBack, disabled: index === 0, class: index === 0 ? 'hidden' : 'block', size: "small" }), hAsync("eds-button", { label: isLast ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: true, onClick: this.handleNext, disabled: this.isNextDisabledFor(index), size: "small", class: "ml-8" })), hAsync("slot", { name: `actions-${index}` })))));
+                return (hAsync("div", { class: "step mb-28", key: index }, this.renderHeading(step.title, index), this.activeStep === index && (hAsync("div", { class: "content grid gap-y-16", id: `eds-step-panel-${index}` }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: isLast ? 'f-body-02 text-lighter' : 'f-body-02 text-lighter', innerHTML: step.content })), hAsync("div", { class: "flex items-center mt-16" }, hAsync("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: true, onClick: this.handleBack, disabled: index === 0, class: index === 0 ? 'hidden' : 'block', size: "small" }), hAsync("eds-button", { label: isLast ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: true, onClick: this.handleNext, disabled: this.isNextDisabledFor(index), size: "small", class: "ml-8" })), hAsync("slot", { name: `actions-${index}` })))));
             })));
         }
         // Static: no navigation buttons
-        return (hAsync("div", { class: "steps" }, steps.map((step, index) => (hAsync("div", { class: "step mb-28", key: index }, this.renderHeading(step.title), hAsync("div", { class: "content" }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content }))))))));
+        return (hAsync("div", { class: "steps" }, steps.map((step, index) => (hAsync("div", { class: "step mb-28", key: index }, this.renderHeading(step.title, index), hAsync("div", { class: "content", id: `eds-step-panel-${index}` }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13591,7 +13899,7 @@ class EdsSteps {
     }; }
 }
 
-const edsStepsV2Css = ".steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}";
+const edsStepsV2Css = ".steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}.eds-steps__title{cursor:pointer}";
 var EdsStepsV2Style0 = edsStepsV2Css;
 
 class EdsStepsV2 {
@@ -13601,14 +13909,29 @@ class EdsStepsV2 {
         this.finished = createEvent(this, "finished", 7);
         this.next = createEvent(this, "next", 7);
         this.back = createEvent(this, "back", 7);
+        this.handleTitleClick = (index) => {
+            // If clicking the same title, keep your existing toggle behavior
+            if (index === this.activeStep) {
+                this.activeStep = this.activeStep === index ? -1 : index;
+                this.step.emit(this.activeStep);
+                return;
+            }
+            // Block *forward* jumps when progression is gated by disableNext (boolean)
+            const forwardBlocked = this.type === 'linear' && index > this.activeStep && this.isNextDisabledForCurrent();
+            if (forwardBlocked) {
+                return;
+            }
+            // Allow back (or forward when not gated)
+            this.activeStep = index;
+            this.step.emit(this.activeStep);
+        };
         this.handleNext = () => {
             const lastIndex = this.parsedSteps.length - 1;
             if (this.activeStep >= lastIndex) {
-                // Finish
                 this.finished.emit();
+                this.activeStep = -1; // collapse last step
                 return;
             }
-            // Next
             const target = this.activeStep + 1;
             this.next.emit(target);
             if (!this.disableNext) {
@@ -13679,16 +14002,33 @@ class EdsStepsV2 {
     get parsedSteps() {
         return parseData(this.steps);
     }
+    isNextDisabledForCurrent() {
+        return !!this.disableNext;
+    }
     /** Render the semantic heading element */
-    renderHeading(title) {
+    renderHeading(title, index) {
         const Tag = this.headingLevel;
-        return hAsync(Tag, null, title);
+        if (this.type === 'linear') {
+            const isOpen = this.activeStep === index;
+            const forwardBlocked = index > this.activeStep && this.isNextDisabledForCurrent();
+            const onKey = (e) => {
+                if (forwardBlocked) {
+                    return;
+                }
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    this.handleTitleClick(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);
     }
     render() {
         const steps = this.parsedSteps;
-        return (hAsync("div", { key: '1ff00f17a85e9a3a9d7bef23694560acd77e7ee4', class: this.articleClasses() }, this.imageSrc ? (hAsync("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, hAsync("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" }))) : (this.message && (hAsync("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, hAsync("div", { class: "p-24" }, hAsync("span", { class: "text-inverse f-heading-04 " }, this.message))))), hAsync("div", { key: 'a0328e80df5d9447cfa5378eb9e45925f1f68c69', class: "pb-20 px-8" }, this.type === 'linear' ? (hAsync("div", { class: "steps" }, steps.map((step, index) => (hAsync("div", { class: index === 0 ? 'step' : 'step space-y-16', key: index }, this.renderHeading(step.title), this.activeStep === index && (hAsync("div", { class: "content grid gap-y-16" }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter' : 'f-body-02 text-lighter', innerHTML: step.content })), hAsync("div", { class: "flex items-center" }, hAsync("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: true, onClick: this.handleBack, disabled: index === 0, class: index === 0 ? 'hidden' : 'block', size: "small" }), hAsync("eds-button", { label: index === steps.length - 1 ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: true, onClick: this.handleNext, disabled: this.disableNext, size: "small", class: "ml-8" }))))))))) : (
+        return (hAsync("div", { key: 'b486aa34dfab4902cd6569cc2ce228104ca536cd', class: this.articleClasses() }, this.imageSrc ? (hAsync("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, hAsync("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" }))) : (this.message && (hAsync("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, hAsync("div", { class: "p-24" }, hAsync("span", { class: "text-inverse f-heading-04 " }, this.message))))), hAsync("div", { key: 'e2a928ecb67caed4885c9e364621b422249610f1', class: "pb-20 px-8" }, this.type === 'linear' ? (hAsync("div", { class: "steps" }, steps.map((step, index) => (hAsync("div", { class: index === 0 ? 'step' : 'step space-y-16', key: index }, this.renderHeading(step.title, index), this.activeStep === index && (hAsync("div", { class: "content grid gap-y-16", id: `eds-step-panel-${index}` }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter' : 'f-body-02 text-lighter', innerHTML: step.content })), hAsync("div", { class: "flex items-center" }, hAsync("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: true, onClick: this.handleBack, disabled: index === 0, class: index === 0 ? 'hidden' : 'block', size: "small" }), hAsync("eds-button", { label: index === steps.length - 1 ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: true, onClick: this.handleNext, disabled: this.disableNext, size: "small", class: "ml-8" }))))))))) : (
         // Static mode: show all steps with their content.
-        hAsync("div", { class: "steps space-y-8" }, steps.map((step, index) => (hAsync("div", { class: "step", key: index }, this.renderHeading(step.title), hAsync("div", { class: "content" }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter', innerHTML: step.content })))))))))));
+        hAsync("div", { class: "steps space-y-8" }, steps.map((step, index) => (hAsync("div", { class: "step", key: index }, this.renderHeading(step.title, index), hAsync("div", { class: "content", id: `eds-step-panel-${index}` }, hAsync("slot", { name: `step-${index}` }, hAsync("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter', innerHTML: step.content })))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13768,11 +14108,11 @@ class EdsSwitch {
                     : this.labelOff
                 : 'Toggle switch'
             : undefined;
-        return (hAsync("div", { key: '95a833cbe8e736d7e747f6fdd8504dd8c169ea60', class: "switch-container" }, this.labelOff && (hAsync("span", { key: 'a88de63c35409ab244a6cba5bd70a10728a08b2a', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), hAsync("button", { key: 'd6573f05164f2b57063e9a97c3b983f32700bd7a', 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: '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: {
                 switch: true,
                 'switch--checked': this.checked,
                 'switch--disabled': this.disabled
-            }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, hAsync("span", { key: '35e6da3bb76779bfaad04d8990dec419524fb543', class: "switch-handle" })), this.labelOn && (hAsync("span", { key: 'b14243d9d45dbdddb9473ad2c5696e07be9831d3', 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: 'eee315ce803b246cbe73e9d42635cbaa775febdb', class: "switch-handle" })), this.labelOn && (hAsync("span", { key: 'f1229ffea8041dea2237a032292a4465fc76e216', id: `${switchId}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn))));
     }
     get el() { return getElement(this); }
     static get style() { return EdsSwitchStyle0; }
@@ -14026,7 +14366,7 @@ class EdsTable {
         const columnWidth = visibleColumnsCount > 0 ? Math.floor((currentContainerWidth / visibleColumnsCount) * this.divisionFactor()) : 100;
         const paginatedRows = this.getPaginatedRows();
         const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
-        return (hAsync("div", { key: '67cfdabc741af13585699e43e67ba0d204a60706' }, this.searchEnabled && (hAsync("div", { key: '208240b9832f9b2e9645cc9d7315a43bd47b54b3' }, hAsync("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (event) => this.handleSearch(event) }))), hAsync("div", { key: '893924497d1535b7d29bc0b64ba48f4a3e366c43', class: "mt-20" }, hAsync("table", { key: 'a019fa4f2886d4c2aa4bddc88dc7b6d7aa63fdcb', class: "block overflow-x-auto mt-6 p-0" }, hAsync("thead", { key: 'a6360fea59c605878e443a23cf45d0f8a9644140' }, hAsync("tr", { key: '09702e8838f32c52bf6314b59ec598c6fa55d609', class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
+        return (hAsync("div", { key: '0c986dec22a52676b110fad1f7f82ef792da796e' }, this.searchEnabled && (hAsync("div", { key: '855c5c3d6c2b86e75a210c0296524bc8029e37f2' }, hAsync("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (event) => this.handleSearch(event) }))), hAsync("div", { key: '62b18340bbf992dba888c2d24ff306ada8a1a985', class: "mt-20" }, hAsync("table", { key: '656dd0dd7f99611c2bd9beea4cd1f37f57da1384', class: "block overflow-x-auto mt-6 p-0" }, hAsync("thead", { key: '1278ea89f588aa52c215c32bcc03c424e4501fed' }, hAsync("tr", { key: '186e6ac48859dd9f7cbf8c4f4fb5f6bfddfd4d34', class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
             var _a;
             if (col === 'actions') {
                 return (hAsync("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${columnWidth - 4}px` } }));
@@ -14035,7 +14375,7 @@ class EdsTable {
                 return (hAsync("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${columnWidth - 4}px` } }, this.capitalize(col)));
             }
             return null;
-        }))), hAsync("tbody", { key: '5cdb3697e6c84921a823b40714a497f02c82e360' }, paginatedRows.map((row) => (hAsync("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
+        }))), hAsync("tbody", { key: 'b27bd372efe64469d2a5001dc6d5b464eb419217' }, paginatedRows.map((row) => (hAsync("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
             var _a;
             if (col === 'actions') {
                 return (hAsync("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${columnWidth - 4}px` } }, hAsync("div", { role: "toolbar", "aria-label": "Row actions", onKeyDown: this.onActionKeyDown, style: {
@@ -14050,7 +14390,7 @@ class EdsTable {
                 return (hAsync("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${columnWidth - 4}px` } }, this.renderCell(row[col], col)));
             }
             return null;
-        }))))))), this.shouldEnablePagination() && (hAsync("div", { key: 'f5af2cd6e65c3ed55ec2810ec4b1e3f891866271', class: "mt-20" }, hAsync("eds-pagination", { key: '32965384707df502fb197712c73bb290e38ce040', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
+        }))))))), this.shouldEnablePagination() && (hAsync("div", { key: 'd442153f48c85c6de1a0752d1348d8814811faed', class: "mt-20" }, hAsync("eds-pagination", { key: '4c48c96eacb112002b0110e85dce0dab94350dfb', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {
@@ -14261,12 +14601,12 @@ class EdsTabs {
         }
     }
     render() {
-        return (hAsync("div", { key: '7cb51cf475d45ee3e43877ee4d42565f5930613a', id: `${this.identifier}` }, hAsync("div", { key: '4f3c6d23f9084f07e5728b72310b96798d20b724', 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: '4d55e72e9f437cef8be06931445f619196a973a7', role: "tablist", ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        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) => {
             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: 'e75f877da39c25e912853fea5dc2438fc15c67b5', 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: '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}` })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -14329,7 +14669,7 @@ class EdsTag {
     }
     render() {
         const classes = tagStyles({ intent: this.intent, size: this.size });
-        return hAsync("span", { key: 'e3fe041e8783a7d1bb5a281eb154e3c07851da38', class: classes }, this.label);
+        return hAsync("span", { key: 'a00f436391013091c78f15bc53d91b0b01d8f4bb', class: classes }, this.label);
     }
     static get style() { return EdsTagStyle0; }
     static get cmpMeta() { return {
@@ -14391,7 +14731,7 @@ class EdsTimeline {
         }
     }
     render() {
-        return (hAsync("div", { key: 'c3362fa23185787a8d5a974f1f53978569e28a63', class: "max-w-sidebar mx-auto px-4 py-8" }, hAsync("div", { key: '59f85c0ae88876cf891b8fd2852cb15426f05c2a', class: "relative" }, hAsync("div", { key: '89fc0969c72ba183dee530a428d6d1d9421b2764', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), hAsync("div", { key: '190262fe1b382ac41fba398d05e640d0db746fe9', 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: '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
                 ? [{ 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' }]
@@ -14565,7 +14905,7 @@ class EdsToastManager {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (hAsync("div", { key: '27172b1f3c76ebb460c35ea070eeff330390ed7d', 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: '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) }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return EdsToastManagerStyle0; }
@@ -14604,7 +14944,7 @@ class EdsTooltip {
     }
     render() {
         const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (hAsync("div", { key: '135df7d17db03fb3bb7bbcc50ad9ee5d84a2bca2', class: "relative w-full inline-block group" }, hAsync("slot", { key: '4c12874eeb942e33f9c62ea6f1077fd051f683b6' }), hAsync("div", { key: '8bb7173d16889b2ae550dc0269d9e47e1dae00ac', class: `absolute ${positionClass}
+        return (hAsync("div", { key: 'c2ae55fbf9fefb2748db770d98f12f679022a416', class: "relative w-full inline-block group" }, hAsync("slot", { key: '5151e3269cb39d3caba960eee7155a3d5171c8cd' }), hAsync("div", { key: '8956683d968d77d88133dc231975d258aca3d1d3', 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
@@ -14668,7 +15008,7 @@ class EdsTrl {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (hAsync("div", { key: '42873472d353599cbc2903b00ff03f0f802f1120', class: "container mx-auto px-4 py-8" }, hAsync("eds-table", { key: '980a4d934f0554fefd34f8c4631f305d45f81bc3', "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: '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" })));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -14699,7 +15039,9 @@ class EdsUser {
         };
         this.user = undefined;
         this.intent = 'tertiary';
+        this.dropdownLabel = 'Account';
         this.expanded = false;
+        this.shortMode = false;
     }
     /**
      * Helper getter to ensure we work with a User object.
@@ -14723,10 +15065,15 @@ class EdsUser {
         const initials = `${((_a = user.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) || ''}${((_b = user.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0)) || ''}`.toUpperCase();
         return initials || ((_d = (_c = user.name) === null || _c === void 0 ? void 0 : _c.charAt(0)) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '';
     }
+    async closeDropdown() {
+        var _a;
+        await ((_a = this.dropdownEl) === null || _a === void 0 ? void 0 : _a.close());
+        this.expanded = false;
+    }
     render() {
         const user = this.parsedUser;
         const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
-        return (hAsync("div", { key: '965387104c4bd6cd3223c08f16d90146c098594c', class: "block" }, hAsync("div", { key: '37fe5539cb058112ebe0d910439acb55b5abccd8', class: "flex items-center" }, hAsync("eds-dropdown", { key: '17afc8dbae191aec1202ba04d85c41ed656a8c5b', label: `Hi, ${user.preferred_username}`, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: iconName, class: "text-default", onDropdown: this.handleDropdown }, hAsync("div", { key: '0228c1728b0b73e2504d2608339f9be408be09b8', class: "min-w-[280px] p-8" }, hAsync("div", { key: 'b83148ff8249bde91842b036da5506f9f5cbb145', class: "flex gap-x-16" }, hAsync("eds-avatar", { key: '243a05bae2e4e592dc386b1897d824232d0bcfa6', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), hAsync("div", { key: '6938f54621aa89e61aa6639e8c88af4e262e0fec', class: "max-w-full" }, user.name && hAsync("p", { key: '224ce5cf6819a9dd0c3794410a94da30cc4213bf', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && hAsync("p", { key: '096ac761149763ef4305ef5e9bf1f4b593a0fe4f', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && hAsync("p", { key: '79f7da3c6c5efc1f521991c403184cf050b3d2e7', class: "f-ui-03-light text-light mt-4" }, user.email))), hAsync("div", { key: '52ce98bcc290902605ebd427ee8ab72ac9af3d62', class: "text-default flex w-full flex-col gap-y-8" }, hAsync("slot", { key: '88d1b250c434830347e0eb813214382ce899c485' })))))));
+        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' })))))));
     }
     get hostEl() { return getElement(this); }
     static get style() { return EdsUserStyle0; }
@@ -14736,7 +15083,10 @@ class EdsUser {
         "$members$": {
             "user": [1025],
             "intent": [1],
-            "expanded": [32]
+            "dropdownLabel": [1, "dropdown-label"],
+            "expanded": [32],
+            "shortMode": [32],
+            "closeDropdown": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -14779,7 +15129,7 @@ class GradientPrimaryPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '1a8020d4141fdd0e5849eeec1f474a9e423df044', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (hAsync("ul", { key: 'd32c7b63fb32b92f89a9220e5cd5ff8164865913', 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))))))));
     }
@@ -14852,19 +15202,19 @@ class GradientSecondaryPalette {
         ];
     }
     render() {
-        return (hAsync("div", { key: '3f2934f897c4cc6f620542a1ba4283c1d5a33df9' }, hAsync("ul", { key: 'aaaf0f3c8930efd24ed43c2a921821442dd73050', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '52df1b6804670c365e43dc704d9ac5b8b15715a8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'c301ab6086f2c1c9596336a2ad971242d1e21083', class: "effect-height flex items-center justify-between p-16", style: {
+        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: {
                 background: this.colors[0].background
-            } }, hAsync("div", { key: '2b25b2b94472be6cf429f3698f0b867b779d5289', class: "grid" }, hAsync("span", { key: 'dcd99303196abf883d50d9f0e3d952a5ab8213ea', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: 'b7bf94422eddb9d39463f261275cc2d2264c09a1', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '9ba5dec72e690f1612361102191dfa35da9f6260', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '594086b8cca19613c8470f018f01dc4f006cf0ea', class: "grid" }, hAsync("span", { key: '2c5b9af8a63edb49b863a491b2d05c03bf1d4074', class: "f-body-02" }, this.colors[0].pantoneC), hAsync("span", { key: 'ca8b44a7f414459f63398ed1f77c60e9ab5f3cc1', class: "f-body-02" }, this.colors[0].pantoneU))), hAsync("div", { key: 'f97f1c58886e6802e4c4ef7601570bcf39a34d33', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[1].background
-            } }, hAsync("div", { key: 'fe4232938f50f1ed4438fbda528e825924317bb1', class: "grid" }, hAsync("span", { key: '17fd45986226dc01589a6214c9c409ea7b83a2b7', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '78a16b2a247b3b7ef9ba55fcea86a46414d48dd4', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '5ba4c6cb2a15ba812ad2155f03279e45a4eb5470', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'e3459241ff6aee17dcca8b40c6d032c39eb85dcb', class: "grid" }, hAsync("span", { key: 'cc3085e05ddc7d1837ab73aba82562ca10dc5ad8', class: "f-body-02" }, this.colors[1].pantoneC), hAsync("span", { key: '40e81ff1064c79bc1217d7548d9af3f0aa71820b', class: "f-body-02" }, this.colors[1].pantoneU))))), hAsync("eds-block-break", { key: '7748f6c8cc03b4e8107da154294263408238bc72' }), hAsync("ul", { key: '371c71de57cce47d517fbc5e070b5abc7249d1d1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '368f86411b9f0b09ade201b7ed95e2e571c92b86', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'e311b5b80115d467ffd03b222017d422def6c157', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[2].background
-            } }, hAsync("div", { key: '7b8dfb5ee427559431a5ebb64d0fe62b0611e809', class: "grid" }, hAsync("span", { key: '607edea5d452ed3b6cde489eb1bd86d4b0fff9af', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '6cdeef4b8a3c443274334cfd42c2793b54e1fe02', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '0632e3bb77e36fe5dca4cc4177ff9cabd52a0139', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '0036eb061196835f1406a7e50aab44fcab32d308', class: "grid" }, hAsync("span", { key: 'c26f3a1e9a0ab48883e0e70986c21b11a0b7b014', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '46f7a99fcfbf3aa8a6b9d03f4b3fe4733d1d2133', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: 'f4c1504965dc6e26aeeb580f16b2934f3f5038df', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[3].background
-            } }, hAsync("div", { key: 'be7223a1145d57111f1db9aff6ff362f6338e526', class: "grid" }, hAsync("span", { key: 'de3f52cc909b249e3bfb327a8d4404cf22d9f79f', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: '44ee6cf212e334ef7b825add5754288382d98cc7', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: 'e3f55aaa3015811c4186e09a68ec3c5fde3a8e0a', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'fd2196253e2d01363143862935eeac2b9e16ee4a', class: "grid" }, hAsync("span", { key: 'd27d7ed13497d0e3c81a9d01a02b4fa48390613e', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '85f65a7bf51b56e03e17448eaf8a2b1cf67b13f9', class: "f-body-02" }, this.colors[3].pantoneU))))), hAsync("eds-block-break", { key: 'c4571ad26fc567e66106c8d4925aa1234cf6a343' }), hAsync("ul", { key: 'cd9d2007239b792d15a9f31242cec6748ee0962b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '9d668bd5fe1fa168996a878c1dca6da6c2575794', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '46e2911bf0d340aabff6e2e3f374bd9d165c0ff9', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[4].background
-            } }, hAsync("div", { key: '9871887c8fdfb870081bd6811ec7d1345d903602', class: "grid" }, hAsync("span", { key: '417a74c81f179931fb935a979f2cd6b8d9d36a10', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '6a4d66af1fc49a403eb3b9d618191752631912d6', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'f5b3dfafd77f41040fd364f12f9993eee6efa678', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '78b8cd5951f2c058bdc989ef9e8ecd33fd4e227e', class: "grid" }, hAsync("span", { key: '81c591df12b07254704c4c888e79ee795182aae8', class: "f-body-02" }, this.colors[4].pantoneC), hAsync("span", { key: '546eb21d683067f23c0c392413945c5ff59d0992', class: "f-body-02" }, this.colors[4].pantoneU))), hAsync("div", { key: 'a1d7d8ac8f18b76a2b0174be4e20a538ba58e836', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[5].background
-            } }, hAsync("div", { key: '30ff0da22696dd631e21ddd8354b4fc0a54f430d', class: "grid" }, hAsync("span", { key: '7546e1a8e2ebaf41e2241dd536581308cc4a92b0', class: "f-body-02" }, this.colors[5].rgb), hAsync("span", { key: '650027eddd52b22d4e735ba459eb325e10f6c1af', class: "f-body-02 w-full" }, this.colors[5].cmyk), hAsync("eds-code-block", { key: '5b119196ead9e34bc4360c270f02bcc21e31dafe', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '07af615883c1648cbca851527bf7ebcaef6ec1cf', class: "grid" }, hAsync("span", { key: '4cf871344f93b002d32022a270a7ff0ba5de7c92', class: "f-body-02" }, this.colors[5].pantoneC), hAsync("span", { key: 'e4240bbaed87c2a5c6eb717d186d6eca0e84952f', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, 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)))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -14927,11 +15277,11 @@ class GradientSupportPalette {
         ];
     }
     render() {
-        return (hAsync("ul", { key: '19fa0d13f425559a057eac44251af122fa28d8f2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '04b62c9e98c068d300d76584eee86c7a441d7308', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '51b00b545676c2f755f5209c39d299bbe5bfb3eb', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, hAsync("div", { key: '0f9074bc3de0bc69e7500ea57d43a454af8e453b', class: "grid" }, hAsync("span", { key: '41d0e3badfab9220b9ef6c1b3fe089238cb1ee4b', class: "f-body-02" }, this.colors[0].rgb), hAsync("span", { key: '8f02aa05d411d781215b7b41234f5ea816ed5af8', class: "f-body-02 w-full" }, this.colors[0].cmyk), hAsync("eds-code-block", { key: '08ec618c5fcc6ebeb7d92c5dda2fb58c7af26293', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'e9aaf995a542a3d4497f4e2129fa8e9b99d0e8f1', class: "grid" }, hAsync("span", { key: 'ab62f5c7d81f83570bd25f9ae8c0872bdffdee49', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), hAsync("span", { key: '20d1b270e55f172373e498b96fde480e75436893', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), hAsync("li", { key: 'c12be45607f611fb7ef295a1942949ed4197d3c2', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '82119d77e7b21d5fff3dbfb2ae6352417f927397', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, hAsync("div", { key: 'c76edf55a482aeb8fcdc6d7c442337db086d2874', class: "grid" }, hAsync("span", { key: '5a828a7f6c8ea95afe08e220b4474d09abb8ba38', class: "f-body-02" }, this.colors[1].rgb), hAsync("span", { key: '39ecebe4bdebf12b27bad8267a20bdae7bc91c5c', class: "f-body-02 w-full" }, this.colors[1].cmyk), hAsync("eds-code-block", { key: '478d7cf0b85dc6fd125a4e879628737a89b34ef9', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '639acf9fb8e989bc42b18908ba6e063f2943a619', class: "grid" }, hAsync("span", { key: '604c16acc523e86e355a4d9cb21b577d4305b153', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), hAsync("span", { key: '681d72b5503e3e4886661879b73d611238802be0', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), hAsync("li", { key: '13b78355e265c0ae0b69af342d7c335349bf9656', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: 'eb7de148459e79667b8a0abea79f29c0a29f4c04', class: "effect-height flex items-center justify-between p-16", style: {
+        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: {
                 background: this.colors[2].background
-            } }, hAsync("div", { key: '8053120d580f111fbb1f3d9554567892a50a140c', class: "grid" }, hAsync("span", { key: '0e4c72fcb479d8ce3625443d4c09430f905c8cf4', class: "f-body-02" }, this.colors[2].rgb), hAsync("span", { key: '1cc8f9ecd5f3c753d227d5d8f0b8a79b218167b9', class: "f-body-02 w-full" }, this.colors[2].cmyk), hAsync("eds-code-block", { key: '68b0940f2317af55229b792088abe9021ece3382', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '4213b6f6e59300a79d01108a0a530042c2eb164b', class: "grid" }, hAsync("span", { key: '3942f091461176f14e7115d4ec26454dc84a77af', class: "f-body-02" }, this.colors[2].pantoneC), hAsync("span", { key: '7d56bffc0bbcd7fedc2b429eda6cd843ce75084c', class: "f-body-02" }, this.colors[2].pantoneU))), hAsync("div", { key: '6e54e4369bc24fe897372626d2b8f524c899979e', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, 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: {
                 background: this.colors[3].background
-            } }, hAsync("div", { key: 'c10240910d81584325f5fb8fe99ea2bdf471fcca', class: "grid" }, hAsync("span", { key: 'b463043e7fcec06836ea668caaf8f88d662c0b50', class: "f-body-02" }, this.colors[3].rgb), hAsync("span", { key: 'd4cb38555b59b84b8c28e6f94a194198237087d8', class: "f-body-02 w-full" }, this.colors[3].cmyk), hAsync("eds-code-block", { key: 'e11e259fdf1b28d83f425bbb627c3cfb4a4eb80b', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: 'bdd93a1bd8f270ddb2ccc6a8ab0643092d4c57c9', class: "grid" }, hAsync("span", { key: 'a9874a23df6404e94c467322a416d161ae07a31b', class: "f-body-02" }, this.colors[3].pantoneC), hAsync("span", { key: '84fc3e06a694fc63d991a84f92e1ef4a74ef3db8', class: "f-body-02" }, this.colors[3].pantoneU)))), hAsync("li", { key: '43d5a6b41ab34621e54769e32cdb896e09e4f94a', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, hAsync("div", { key: '4cd11ea97f536e8eb36b04aca8b3da178d282817', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, hAsync("div", { key: 'bc41de6560f69b0818f9655430099d80fc65146a', class: "grid" }, hAsync("span", { key: '8d075abf0d186b80377dee9f4ccb3770e9c16ab3', class: "f-body-02" }, this.colors[4].rgb), hAsync("span", { key: '78d0f7796b14ed72742e5f4cb88688179b0f1630', class: "f-body-02 w-full" }, this.colors[4].cmyk), hAsync("eds-code-block", { key: 'ddec227e11cb2b73e14ba7b5600f18d19788bc31', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), hAsync("div", { key: '5f2ea3156897994045de1b86bc1cf77230a5a93d', class: "grid" }, hAsync("span", { key: '72b20e3cd6bea5de93311ee02d245570f7164ad4', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), hAsync("span", { key: '48e0fc418cac0932891c20266099c9f6293f366a', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, 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'))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -14985,7 +15335,7 @@ class IncorrectUseOfColors {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'd09d8204f4369476882f0614e96c07c953b34f54', class: "container" }, hAsync("div", { key: 'a80342ee08961192aa3a664f66406b220cd208ed', class: "mb-8" }, hAsync("eds-alert", { key: '242c9bae130e9a7487412da4f75ab30a2db49335', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), hAsync("div", { key: 'f9d60933f46189f848938a5beb1ca5fadfa84934', class: "flex" }, hAsync("div", { key: 'd7f33f14834c5a97aafbdb447f723e1a20b5e498', class: "w-full" }, hAsync("ul", { key: '0e3b7baf000534530164f373884a6957419539a7', 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: 'd0422452dbb56de94fee33562b07867fb9bfd6ac', class: "w-full" }, hAsync("ul", { key: 'e5daf06bbcec1227ccf03b3f3a8a6016a33c289c', 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: '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 } })))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15008,7 +15358,7 @@ class LogoSpace {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '2ff3cdb12cbd61fc4053418d1a678409c05755f2', class: "container" }, hAsync("ul", { key: 'abfc33d14841a457959f5b15e8542465e8a0f883', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'd81281a2d146a19d036678cb794f5224236ce521', 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: '9d3774468a2b09098b84a8354683b2c6940491f5', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), hAsync("li", { key: 'cb4d4a3ff951b25fba627bd98cc1319dcb803158', 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: 'fa2f563d8ad8100b6d12c626f41b4552d99c743e', class: "text-center mt-16" }, hAsync("p", { key: 'bda0bb099f9e82b9462bee494f7d417bdd9984b9', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), hAsync("eds-table", { key: '92b100f67e3a7dd84d817b5dbc8cdfe76d6b2408', 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: '4d6ad4aacf24c4386493fe74ed928321627602ac', 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: '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" }))));
     }
     static get style() { return LogoSpaceStyle0; }
     static get cmpMeta() { return {
@@ -15032,7 +15382,7 @@ class LogoVariationsHorizontal {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'd8357d0a4234d0c411881928a6daabdda928f272', class: "container" }, hAsync("ul", { key: '30e3d8efd0f5fd173f48c6e1e02005e7da813ce9', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '751d2de97fe8774614b15de1feda7f59c8da2ef0', 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: 'd0ba9b152a505a591cabf5a54b720b6e718173e0', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: '81b91d5c53a7ac440364083dd06222f32bf5dc51', class: "coloured" }, hAsync("eds-logo", { key: '921cac572b2da3871eff8c2912de79babb909c91', type: "no-bg", href: "#" }))), hAsync("li", { key: '74cebe6855e0e23d95a3ec74927b569c29b34d07', 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: 'ed5484e8ff8f85251f85a61fb53d21639dbb914b', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: '7a5f1894fe514a323e8955c01d1ab071187c2a5c', class: "bg-default" }, hAsync("eds-logo", { key: '9a072cdaf4f7f901b8cb91d3fe9bc85ddb0e8eba', type: "black", href: "#" }))), hAsync("li", { key: 'ea3f60807f78264c6305061dc292d1d17f7fd173', 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: '530e8f71e5d6f56a9f8981ad454ecbd00162030e', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: 'b74d2cfb21a8d6f8288444cfed8ba9dc80d929b7' }, hAsync("eds-logo", { key: 'f31c76f4f3e3f03f02d2712a272ba893f7832a7a', type: "color-white", href: "#" }))))));
+        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: "#" }))))));
     }
     static get style() { return LogoVariationsHorizontalStyle0; }
     static get cmpMeta() { return {
@@ -15064,7 +15414,7 @@ class LogoVariationsTabs {
         }
     }
     render() {
-        return hAsync("div", { key: 'a7e8981363410d2a325478150990092516e74f2e', class: "container" }, this.renderContent());
+        return hAsync("div", { key: '5e6042f51c956138d571256803766ef2497ca160', class: "container" }, this.renderContent());
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15091,7 +15441,7 @@ class LogoVariationsVertical {
         this.type = undefined;
     }
     render() {
-        return (hAsync("div", { key: '983decc613dcf98cc903eb0220e4604e6eaff4d0', class: "container" }, hAsync("ul", { key: '4c76eb52168bc862e3d9ba4afcfce2feadb92ab8', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '4e51746424e45dcae4bd01fe5ff30a9634333e2f', 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: '18227e8430d94259740bcbcfe100540831d2a857', class: "f-body-01 text-center my-4" }, "#1 Coloured"), hAsync("div", { key: '374be81aba7532670ff470026317a49d78f54762', class: "mx-auto coloured w-[300px]" }, hAsync("eds-logo", { key: 'fdfe6b1cc100dff3a53c9065bc16803043df97e5', orientation: "vertical", type: "no-bg", href: "#" }))), hAsync("li", { key: '5aaf638a69109964188bbcad753f420177859107', 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: 'aadc470260f28236f3f4628ebf5c7261915f1fb2', class: "f-body-01 text-center my-4" }, "#2 Black & White"), hAsync("div", { key: '3fed72cb0a3f38c6619d78a6995746a3cee5ee0e', class: "mx-auto bg-default w-[300px]" }, hAsync("eds-logo", { key: 'bcf169b31b33615c82b768f20a0b648236644c65', orientation: "vertical", type: "black", href: "#" }))), hAsync("li", { key: '62f0c6803ca0ec6090db435388da6754054c2007', 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: '32813722dca892164d108df2ef0a3048cb4ebbbd', class: "f-body-01 text-center my-4" }, "#3 Dark"), hAsync("div", { key: 'e33669ea223f6d923d71e2a8568140ae5ef739e3', class: "mx-auto w-[300px]" }, hAsync("eds-logo", { key: '4176811098a57727ed30bfc1db82fa16aa06bd6c', orientation: "vertical", type: "color-white", href: "#" }))))));
+        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: "#" }))))));
     }
     static get style() { return LogoVariationsVerticalStyle0; }
     static get cmpMeta() { return {
@@ -15118,7 +15468,7 @@ class LogoWrongUsage {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'fa573cdaaa0d55c820b5a355bff48d5f1d10544a', class: "container" }, hAsync("ul", { key: '5c1941d3c45fa4814ffbdfaf30af106542862802', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: 'fd02c67fbe23ebb78289e5281c5b4917a44c950e', 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: '246527a7926c377c287a3c8073b06952b54dc694', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), hAsync("p", { key: '88ebc748214a558e6cee28b8624f287de2faf80c', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), hAsync("li", { key: 'dbf4655e3bbbad7566f64f5b8eb474c749967c38', 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: '5d2c9c916bc81ce831daf99c6293024aa9b0b2f0', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), hAsync("p", { key: 'f9a37e0a587b60bf607efd2e1f3aa4114f67ef33', class: "f-ui-02 text-center" }, "Do not apply other colors")), hAsync("li", { key: '3e1126e6636e0064ce852cc4249a684b77d7ba0a', 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: 'a1eb4d8ea7764734f24b39cb95b36d6718f331a3', class: "mx-auto distorted logo", innerHTML: hLogoColor }), hAsync("p", { key: 'e3d0156ec563c657c03beaa61a7ae068e78df09c', class: "f-ui-02 text-center" }, "Do not deform the logo")), hAsync("li", { key: '062a45841b978d79fe82e5773ba82c98e8f9eb6c', 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: 'd0f276a91bf1ea13b4f482e39e9f83b7ef3f2593', class: "mx-auto effects logo", innerHTML: hLogoColor }), hAsync("p", { key: '62f67b5f28839a5bb3706e78004c1989feced677', class: "f-ui-02 text-center" }, "Do not apply effects")), hAsync("li", { key: 'c4d0025e06c8385935a4b6162d65f78bc3d7b94d', 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: 'c6118e7d56abcf4a54f6f590d9a77a9397fa3209', class: "mx-auto rotated logo", innerHTML: hLogoColor }), hAsync("p", { key: 'a6c71000e3cf8b6d3a28c8f8c0df0840fdf2a749', class: "f-ui-02 text-center" }, "Do not rotate the logo")), hAsync("li", { key: 'd558e277275a305f3d491eba94aad8c1e7eec471', 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: '56947add9521b76a88ea05f8f64b6f0f656a9863', class: "mx-auto outlined logo", innerHTML: hLogoColor }), hAsync("p", { key: '0de198ca711a32e9b0f6ff7275af9dc2bce3c1b6', class: "f-ui-02 text-center" }, "Do not apply outlines")), hAsync("li", { key: '12b7c15e994ae6b40041da68eaa609ee0ec499a7', 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: '9ef38af84bee3b83b04f881e6481769fc39991ff', class: "mx-auto" }, hAsync("div", { key: '7f793491cf76a2c937ab0ca820dfd3f2a5779728', class: "bg-accent p-16" }, hAsync("div", { key: '60bfff8e962a543dcda5db9d1bdf75a3702f8b38', class: "text-inverse", innerHTML: hLogoColor })), hAsync("p", { key: '8a0a6a43def963fd5bd00e857ab7e21d60e54454', 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: '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"))))));
     }
     static get style() { return LogoWrongUsageStyle0; }
     static get cmpMeta() { return {
@@ -15162,7 +15512,7 @@ class SvgRepository {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (hAsync("div", { key: '36ab796174ab215a5e8f834f0d6291853305e732', class: "full-width" }, hAsync("eds-table", { key: '31fca470f340fa54137887ef426f4f7e1fc72f73', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        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 })));
     }
     get hostEl() { return getElement(this); }
     static get style() { return SvgRepositoryStyle0; }
@@ -15419,7 +15769,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: 'c5a0dc7f4e58c77624481262b1a6ac31df5425ee', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (hAsync("section", { key: 'db196307702df28bf9e2f7fb0b87298bf84baabb', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
@@ -15452,7 +15802,7 @@ class TokenRadii {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: 'd0e212f61414068b55b2ce1a3d9c7c2a51743908', class: "w-full mt-28" }, hAsync("ul", { key: 'f656822bfc1a95bb4435eec2db9573e4362d1c59', 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: '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" }))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15481,7 +15831,7 @@ class TokenRatios {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '0215729c6c798288f74b3e9a589763c8a71c6fd3', class: "w-full" }, hAsync("eds-section-core", { key: '9ac3c1b933b7bb7cc6c8dd9aeface59ba3646750', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, hAsync("ul", { key: 'd4ae2c487aa2402740dfd1465823fe3d04c19e18', 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: '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: {
                 aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
                 width: '100%', // Full width to show the aspect ratio correctly
                 maxWidth: '300px'
@@ -15523,7 +15873,7 @@ class TokenShadows {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: '2f8e9eef279ee176ba1c72660181a4a36a184985', class: "w-full mt-28" }, hAsync("ul", { key: 'a5ddc9f6faab20c73b6dbb08364925d3b221e848', 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: '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]" })))))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15543,7 +15893,7 @@ class TokenSpacing {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: 'e01032fc0640d466fbf25d52c786c2ad09282deb', class: "w-full" }, hAsync("ul", { key: '067499a0d422c6759393a729018a0e428ac5bb73', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, hAsync("li", { key: '18811cd88f3627f824c09ed57522b624c905704a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '6f810ada1266d71181c85ae01f6d0f03d74c5d62', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'be8c8193dd759eb651230904f482bdd29ece17d9', class: "spacing-sample m-16 bg-strong" }, hAsync("span", { key: '3275ae8d2dcc26a097fcec9e47e865d122e8a7a0', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), hAsync("li", { key: '1501280856acd0f86ed6d18deb2994e2b938d550', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '9c6bd09fb408bf28e1ff7259ee82858657055d53', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '66ce0e318e1ef01c95634678d8dad929261c3559', class: "spacing-sample ml-64 bg-strong" }, hAsync("span", { key: '746c47d3d838c4a2afc3e33f97ea92e4152505a4', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), hAsync("li", { key: '1e743a6b9907f8d533b6bb0e47204ca9f2ac1540', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '9b127a0fc072a67d2a03af42718407f7c570981c', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '603d387bfc95e7eaaa688d9bed69d17dcdbeb023', class: "spacing-sample mt-32 bg-strong" }, hAsync("span", { key: '19105f04e3571991899dcd237a2e88285200fa2a', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), hAsync("li", { key: 'a4bba328ebdb74767c06aed1ddf90251ff53c774', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '8c0ddf065902880ea676a0178d8d384696d11d44', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'c73eb82ac1b447d2441be39f1e07e4864bba2a49', class: "spacing-sample p-32 bg-strong" }, hAsync("span", { key: '6c76e373c0827ed4449abfd0fa1b69db2e02ef10', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), hAsync("li", { key: '23699817570e914c03849e8bc5ab3c72b732470c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '253d94e4ddabd622302bbc38a5e866b9a9dc8826', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: 'c366056f299a7fd53eb589cedbf8f40aa996d032', class: "spacing-sample pt-32 bg-strong" }, hAsync("span", { key: '22b94a1f3f4605af8f11dcd10b03f112ad426798', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), hAsync("li", { key: '18418c7ea84aaaefe187e484774e96d5233946ab', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, hAsync("div", { key: '953b9ebfb47560f768bdf606fdc455eae18fa351', class: "container p-8 item-center border-2 border-soft" }, hAsync("div", { key: '1ee32fc2918a078e421e0641c84e76c2bf48e839', class: "spacing-sample pl-32 bg-strong" }, hAsync("span", { key: '15f50b76c805eb9fc1610d8027cd710f6c8c89b4', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        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")))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -15761,7 +16111,7 @@ class TokenTypography {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("section", { key: 'a50023eb5ce02aebb63994e4319450f3a330617d', class: "w-full" }, hAsync("ul", { key: '757a1845f16da440eaa8ba332b39f62ccb69ed89', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        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)
             .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,
@@ -15820,6 +16170,7 @@ registerComponents([
   EdsFrame,
   EdsFullscreenMenu,
   EdsGauge,
+  EdsGlobalSearch,
   EdsHeader,
   EdsIconArrowDiagonal,
   EdsIconArrowRight,