@ebrains/react 1.1.0 → 1.3.0

package/eds-avatar_28.entry.esm.js

@@ -447,7 +447,7 @@ const EdsFooter = class {
    */
   render() {
     return h("footer", {
-      key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a'
+      key: '97eecea73acf5ee3d125a446939010055c24e3f3'
     }, this.social ? h("div", {
       class: "border-softest border-t-2 pt-20 md:pt-28"
     }, h("div", {
@@ -459,39 +459,39 @@ const EdsFooter = class {
     }, h("eds-social-networks", {
       class: "mt-28"
     }))))) : null, h("div", {
-      key: '9ee8ada698546344b18e557ee1de76042cd727ed',
+      key: 'b7592d90406aa7b5e4d71e2947335a85dbbf70ae',
       class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
     }, h("div", {
-      key: 'e795e5bba0273b4147c66ed667142997bc0cbaff',
+      key: '054190192082a4fdd2435ef62e5e7765386149f5',
       class: "container flex items-center gap-20 lg:flex-nowrap"
     }, h("div", {
-      key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415',
+      key: 'baa874cda99a882f33643609ffd2b99f09db3646',
       class: "flex items-center gap-x-12"
     }, h("a", {
-      key: '578d6a8463e65d07278f8328c108ee266cfba2b8',
+      key: 'f47a0e02c7db660ab2c5b9894fd6ef1f820239cf',
       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"
     }, h("eds-img", {
-      key: '5b9e987c2ecf62fb4f44c1faacad7c569a149805',
+      key: '470f3ccae44a83383ad7f5bfcab880365b203a50',
       width: 54,
       height: 41,
       src: "https://www.ebrains.eu/flags/4x3/eu.svg",
       alt: "European Union Flag"
     }))), h("div", {
-      key: 'df75949c0718b8fb7dd449a6e7df39d332da366f'
+      key: 'a02153ae5b772b105272eac575911826747ea246'
     }, h("div", {
-      key: 'f83d31b16d0601cd456d5cb72e9fa2adb29a2b66',
+      key: 'a274e52402142dce7df575b29ce8802d1d662368',
       class: "f-ui-04 text-light"
     }, h("p", {
-      key: 'dcdf09d78ca64c5391d56fe5ed69bab987cbf67b'
+      key: 'ae2c393b8585aecd25d08ad20fe8bd712f9c12b5'
     }, this.fundedBy), h("div", {
-      key: 'af279fb5dfdf0a8f1f85e6ce7446dc3a0eeac397',
+      key: '9ef102155624ef47071d4285ea00c65d66d8606e',
       class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
     }, h("span", {
-      key: '026b41fa6162ffb6825ccf98364b4caf64b6457a',
+      key: '86f5992c7570fcd88c80f7877f08cd4b357ca291',
       class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
     }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? h("eds-link", {
       label: this.cookiesPreferences,
@@ -501,7 +501,7 @@ const EdsFooter = class {
         this.toggleCookiesConsent();
       }
     }) : null))), h("div", {
-      key: '27cb561815d6918567ab8cfa1148019aca8aeda0',
+      key: '3ffce63f46352acd80eff48fb121b5ee165c1ad5',
       class: "ml-auto pl-12"
     }, this.enableScrollTop ? h("eds-button", {
       id: "backToTop",
@@ -942,14 +942,14 @@ const EdsForm = class {
     const hiddenFields = this.parsedFields.filter(field => field.type === 'hidden');
     const otherFields = this.parsedFields.filter(field => field.type !== 'hidden');
     return h("form", {
-      key: '1418bbac3ea7c994bf363602e6ddd18ed3c6c661',
+      key: '1a53a4f0d2b8420a14db6fe35548a86cfeb8b698',
       ref: el => this.formEl = el,
       autocomplete: "on",
       onSubmit: this.handleSubmit
     }, h("div", {
-      key: 'ae6f05d50a1c32312e585d55f0b5d64b0dd1fc9c'
+      key: '8fdd2fa6b73f24c025b43d6f0b34cdbb22e0ec82'
     }, h("slot", {
-      key: '09c9ddd0d3b77ae9cbcb54389b799af7a6fc6c9e'
+      key: '385f8c71b86b7ab9a74c1b7a0204331d0022467f'
     }), hiddenFields.map((field, index) => h("eds-input", {
       key: index,
       type: "hidden",
@@ -978,15 +978,15 @@ const EdsForm = class {
         error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0,
         errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'),
         onInput: e => this.handleInput(e, field),
-        onChange: e => this.handleChange(e, field),
+        onChangeNative: e => this.handleChange(e, field),
         class: index > 0 ? 'mt-20' : '',
         options: field.options
       });
     })), this.formBtn && h("div", {
-      key: 'af6ce29d25ae2e7c71537618456308891ff8abf4',
+      key: '0a120557c574112a8686087cfe2dbf3aae3feaa5',
       class: "mt-20"
     }, h("eds-button", {
-      key: '1442f4f6b924533f9aa46bd22e1d0adf69561370',
+      key: '277a39f0d82e01f549966aa0c91347e090a82bc7',
       intent: "primary",
       label: this.formBtnLabel,
       disabled: this.isSubmitting,
@@ -1171,20 +1171,20 @@ const EdsHeader = class {
     // Logo color variant: default and inverse use 'color', strong uses 'color-white'
     const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
     return h("header", {
-      key: '3c6ae4789993e140ee8a00e7f32c8ff3a2793b87',
+      key: '635e25577674250c4ce8cdc91e29fa0c93b7e821',
       class: `flex items-center justify-between relative z-10 ${classes}`
     }, h("div", {
-      key: 'a406f073ae110622ad8930c61438b46d16553362',
+      key: '41275c9aedeff533f00348dfa85b49fdb1a3f25e',
       class: "mr-auto w-[200px] h-[85px]"
     }, h("eds-logo", {
-      key: '19c91de446b76f76e97f160c0af538db2637ffdc',
+      key: 'fa8949ebbeab567b3770c6795a890f9187b66cf2',
       type: logoType,
       href: this.homeUrl
     })), this.parsedLinks && h("nav", {
-      key: '921c87b668b25abc8117014880c9669a96c04122',
+      key: '64428c01fee019a77b15b2ad43fbdb18cf5cc1e9',
       class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"
     }, h("ul", {
-      key: 'b0de4a0eaafb7409eeedc77104b39fed8a55441b',
+      key: '8b6e7e82f077409987e0271f1d1c57d3473a0921',
       class: "flex gap-x-2"
     }, this.parsedLinks.map(link => h("eds-link", {
       label: link.label,
@@ -1196,12 +1196,12 @@ const EdsHeader = class {
       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"
     })))), h("slot", {
-      key: '2b3d292703b8b7083a7ae1dcfbefbd091d5a744b'
+      key: '7ba569eafe18d902e78978840520d708b665a91b'
     }), this.menuEnabled && h("div", {
-      key: '10d16f0f0ecdc450acf900dd8d7d7b439deb8dcd',
+      key: '54c21f2e71a44049c56e4b31ba241996a1e658c3',
       class: "md:hidden flex overflow-hidden px-16"
     }, h("eds-button", {
-      key: '2e62e0a57bf008d0e566988011beab9a09f7774d',
+      key: 'e0bcc14abcad7151cacf19a4c50f238e39538754',
       "aria-label": "Menu",
       intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse',
       icon: "menu",
@@ -1447,43 +1447,33 @@ const EdsInputFieldStyle0 = edsInputFieldCss;
 const EdsInputField = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.edsinput = createEvent(this, "edsinput", 7);
+    this.edschange = createEvent(this, "edschange", 7);
     this.handleNativeInput = ev => {
       var _a;
-      // 1) Call any passed-in handler
       (_a = this.onInput) === null || _a === void 0 ? void 0 : _a.call(this, ev);
       if (this.shouldEmitValue()) {
-        // 2) Re-emit on host so Vue/others can catch it
         const newValue = ev.target.value;
-        this.hostEl.dispatchEvent(new CustomEvent('oninput', {
-          detail: {
-            value: newValue
-          },
-          bubbles: false,
-          composed: true
-        }));
+        this.edsinput.emit({
+          value: newValue
+        });
       }
     };
     this.handleNativeChange = ev => {
       var _a;
-      (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, ev);
+      (_a = this.onChangeNative) === null || _a === void 0 ? void 0 : _a.call(this, ev);
       if (this.shouldEmitValue()) {
         const target = ev.target;
-        this.hostEl.dispatchEvent(new CustomEvent('onchange', {
-          detail: {
-            value: target.value
-          },
-          bubbles: false,
-          composed: true
-        }));
+        const value = target.value;
+        this.edschange.emit({
+          value
+        });
       }
     };
     this.name = undefined;
     this.inputId = undefined;
     this.placeholder = undefined;
     this.disabled = false;
-    this.onChange = undefined;
-    this.onInput = undefined;
-    this.type = 'text';
     this.required = false;
     this.label = undefined;
     this.hint = undefined;
@@ -1496,20 +1486,20 @@ const EdsInputField = class {
     this.value = undefined;
     this.maxLength = undefined;
     this.options = undefined;
+    this.type = 'text';
+    this.onChangeNative = undefined;
+    this.onInput = undefined;
     this.exposeValueEvents = true;
   }
   shouldEmitValue() {
-    // Never emit for password fields, and respect the exposeValueEvents prop
     return this.exposeValueEvents && this.type !== 'password';
   }
   get parsedOptions() {
-    if (Array.isArray(this.options)) {
-      return this.options;
-    } else if (typeof this.options === 'string') {
+    if (Array.isArray(this.options)) return this.options;
+    if (typeof this.options === 'string') {
       try {
         return JSON.parse(this.options);
       } catch (_a) {
-        // eslint-disable-next-line
         console.warn('Invalid options format');
         return [];
       }
@@ -1532,8 +1522,7 @@ const EdsInputField = class {
       checked: this.checked
     };
     return h("div", {
-      key: 'e46f1b26212ee915c2fde3fa0c58a152005d2b50',
-      class: "space-y-8"
+      key: '6f048dc1418d0738fc097d3c48148ccfdf70fbdc'
     }, this.type === 'checkbox' || this.type === 'radio' ? this.parsedOptions.length > 0 ? h("fieldset", {
       class: "space-y-4 mt-8"
     }, h("div", {
@@ -1550,7 +1539,7 @@ const EdsInputField = class {
       key: option.value
     }, h("eds-input", Object.assign({}, inputOpts, {
       value: option.value,
-      checked: (typeof this.value === 'string' ? this.value.split(',') : []).includes(String(option.value))
+      checked: typeof this.value === 'string' && this.value.split(',').includes(String(option.value))
     })), h("eds-input-label", {
       name: `${this.name}-${option.value}`,
       label: option.label
@@ -1580,7 +1569,7 @@ const EdsInputField = class {
       type: "file",
       id: this.inputId || this.name,
       name: this.name,
-      onChange: this.onChange,
+      onChange: this.onChangeNative,
       disabled: this.disabled,
       required: this.required
     }) : this.type === 'search' ? h("eds-input-search", {
@@ -1603,21 +1592,26 @@ const EdsInputField = class {
         step: (_c = opt[2]) === null || _c === void 0 ? void 0 : _c.value,
         value: numberValue
       }));
-    })() : h("eds-input", Object.assign({}, inputOpts))), h("eds-input-footer", {
-      key: 'ecf3ee5c0400749f1d89b53edfdee6fe62ca2a32',
+    })() : h("eds-input", Object.assign({}, inputOpts))), h("div", {
+      key: '27fb201362b478009fdc68a285395bfc24e84d45',
+      class: "mt-4"
+    }, h("eds-input-footer", {
+      key: 'cd3d5742879b13ab62f9ba989971290b527be3ca',
       id: `${this.name}-footer`,
       name: this.name,
       message: this.message,
       "error-message": this.errorMessage,
       error: this.error,
       link: this.link
-    }));
+    })));
   }
   get hostEl() {
     return getElement(this);
   }
 };
 EdsInputField.style = EdsInputFieldStyle0;
+const edsInputFooterCss = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}";
+const EdsInputFooterStyle0 = edsInputFooterCss;
 const EdsInputFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -1629,31 +1623,33 @@ const EdsInputFooter = class {
   }
   render() {
     return h("div", {
-      key: 'd5424778da81d6558246efe97917d3e3ccfa9aaa',
-      class: "space-y-4 mt-4"
+      key: 'a9f24f8726c7d5bcc3adfcb1d93a6076b0e672d8'
     }, this.error && this.errorMessage && h("div", {
-      key: 'e915fc1f4719f48eca5a831ac72913d2f91f633b',
+      key: '5ed4b0881215887ed5532b4f6619cfe22f896773',
       id: `error_${this.name}`,
       class: "text-error flex items-center"
     }, h("eds-icon-wrapper", {
-      key: '9cc87cfd4955766947a2581604fe1e072f8d82a9',
+      key: '978b51b85d34c05f5f86ffa228404514e7572145',
       icon: "warning"
     }), h("p", {
-      key: '564a2397fb7e8185e43e1c2be216c76060e7498e',
+      key: '10c97eea1f6a835ad6c85618578fd4fa58a7d5f5',
       class: "f-ui-04 ml-4",
       innerHTML: this.errorMessage
     })), this.message && h("p", {
-      key: '24e0702df7e5c2fe4ef0cc6755159fefe76b70a7',
+      key: '61db4e71da9136a1c2ede4bd30edb6c8f61e05d2',
       id: `desc_${this.name}`,
       class: "f-ui-05 text-lighter",
       innerHTML: this.message
     }), this.link && h("a", {
-      key: '9e3720a3ded9d755afd7755104df0942246f1fbe',
+      key: 'f44a7c6c17be59a6e6361a1a10c842f9c99f4b47',
       href: this.link.url,
       class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4"
     }, this.link.label));
   }
 };
+EdsInputFooter.style = EdsInputFooterStyle0;
+const edsInputLabelCss = ".input-label{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)}.input-label b,.input-label strong{font-weight:var(--f-ui-04---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
+const EdsInputLabelStyle0 = edsInputLabelCss;
 const EdsInputLabel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -1664,20 +1660,21 @@ const EdsInputLabel = class {
   }
   render() {
     return h("label", {
-      key: 'd700690a67a8348836aec27d2ff4f4d4ee18b9c8',
+      key: '4007d3a533b1d4f199cd143fe0c1d3851a4906b1',
       htmlFor: this.name,
       class: `input-label ${this.disabled ? 'text-lighter' : ''}`
     }, this.label, this.required && h("span", {
-      key: '9b52c053652db132a9bdb2d9fc64c569a529c2d9'
+      key: '319f85ff60d45e24ba8e21ace46b44534f9e1cbf'
     }, h("span", {
-      key: 'cd17268b6048ebaa70dc7f905fc7f7bf3ed3fa34',
+      key: '329b9936137fafa7aae9a442296eb44baaf1ab85',
       "aria-hidden": "true"
     }, "*"), h("span", {
-      key: '352d7b5ef080336a5c7b53e0b710d5b0d7aa0efe',
+      key: 'acac48485fa35c9245bb8795cab0a2b40eb1cee2',
       class: "sr-only"
     }, "required")));
   }
 };
+EdsInputLabel.style = EdsInputLabelStyle0;
 const EdsInputRange = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -2088,7 +2085,7 @@ const EdsLink = class {
     const labelClasses = this.hideLabelOnSmallScreen ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
     : '';
     return h(ComponentType, {
-      key: '8c7ab8b80b9765e83e4e57d59ba1b45fe36f15b7',
+      key: 'bdb8851264265b71dab033b807389ccd26519696',
       class: `${classes || ''} ${this.extraClass || ''}`,
       href: !this.disabled ? this.url : undefined,
       target: this.external && !this.disabled ? '_blank' : undefined,
@@ -2099,10 +2096,10 @@ const EdsLink = class {
       download: this.download ? '' : undefined,
       onClick: event => this.handleClick(event)
     }, h("span", {
-      key: '94284b425a331f6a56a3e63db89fed5fa1a207c1',
+      key: 'fdf681ed48873939fb147c51fce59c7ff8ae772e',
       class: "z-1 relative inline-flex items-center justify-center"
     }, this.renderLeftIcon(), h("span", {
-      key: '7496886c7c975d6795633c36b9cc8d31673d5a4b',
+      key: 'aa2ac0a8c0d12197a4c2c3263b1550f83a1df72f',
       class: labelClasses
     }, this.label), this.renderRightIcon()));
   }
@@ -2173,13 +2170,13 @@ const EdsLogo = class {
   render() {
     const logoContent = this.getLogo();
     return h("a", {
-      key: 'ab11d53e1f417221dcca2de441c7b3efa96f99a5',
+      key: 'ff5c1ee09b325dca504a73b2d9eb4910fb67835d',
       href: this.href,
       onClick: () => this.handleClick(),
       class: "eds-logo-wrapper",
       "aria-label": this.label
     }, h("div", {
-      key: '0d4a6b970788534d34d55b28fe83407ce7c4e00e',
+      key: '10ef011b7e3725231cf12771be38b209661709ed',
       innerHTML: logoContent
     }));
   }
@@ -2289,40 +2286,40 @@ const EdsModal = class {
     // Generate a unique id for the title so we can reference it for aria-labelledby.
     const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
     return h("div", {
-      key: 'affa340307adc5bdd637696b56a59e3f73cbf7e9',
+      key: '064613bfc4ada7e980d47b7ccb37b21e313731ca',
       id: "eds-modal",
       class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": titleId
     }, this.isOpen && h("div", {
-      key: 'e4359b32052a155f879070deea34fbca2fb67e3b',
+      key: '6430a5e2734f948e40ccdc7bfcbd6e934070ff25',
       class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
       ,
 
       onClick: () => this.close()
     }), h("div", {
-      key: 'ba95f463e8c807e2ac2e900b3167191908ca2f5d',
+      key: '468ce4425ce69c7612d9dbca6b812d7b0c2f869a',
       class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
     }, h("div", {
-      key: '1fc4649d6ba728745e4f1ed73e8fb8bdac6eda59',
+      key: 'e694805e5c39df16801fd2f13eaf2f113fbe2c5e',
       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'}`
     }, h("span", {
-      key: '731e7cb6c7aaa36bcda8d1c32bd1b8da9d85f253',
+      key: 'f4c1204f3971618138bd8385b15face3acd1ea71',
       id: titleId,
       class: `f-heading-04 ${this.getTruncateClass()}`
     }, this.heading), h("eds-button", {
-      key: '89657ac29b27ce173569353f3101e998cb756eec',
+      key: '813ba1a0c5d357187fc73964bb66230a15593ddc',
       intent: "tertiary",
       icon: "close",
       "aria-label": "Close modal",
       onClick: () => this.close(),
       "extra-class": "ml-8 text-default"
     })), h("div", {
-      key: '2e39edaa1f5cc5389873e203c3e4294de8b56678',
+      key: '9ae10bc0e79c4553c2a5bdd2dbacd7a97d99f50c',
       class: "pt-8 px-20 py-20"
     }, h("slot", {
-      key: '0fb09f52100042fc5f20f5f443a8f5cff381d944'
+      key: 'f460df4582e298289ab7abcd5417b7ef8d8ac827'
     }))));
   }
   get el() {
@@ -2497,12 +2494,12 @@ const EdsPagination = class {
   }
   render() {
     return h("div", {
-      key: '6377e0187e461bcbeac835dd7cb83e93ef199865'
+      key: 'a92aad013df27ce619c50ee8ed273c4799d9b55b'
     }, this.total > 0 && this.mode === 'default' && h("p", {
-      key: 'ec2a6b6a40c76352743d012c51cda5d7fe1137df',
+      key: '33b6a436765a10356cf201c19b837f668a74a035',
       class: "f-ui-03 text-lightest mb-28 w-full text-center"
     }, h("span", {
-      key: '3a23e3d156f87167b0dacb4085870958ce19e793',
+      key: '0c45ab429986ba7537abbdaafddd4b960b92f41a',
       class: "sr-only"
     }, "Results:"), this.pageResults()), this.mode === 'navigator' || this.lastPage && this.lastPage > 1 ? h("nav", {
       "aria-label": "Pagination"
@@ -2631,12 +2628,12 @@ const EdsSocialNetworks = class {
    */
   render() {
     return h("div", {
-      key: '49661af4c05520403c4801e447c730b971e0096f'
+      key: '6d52d64b09170108d1b61157d0ab126cefa794be'
     }, h("p", {
-      key: '22fc89817969a9e7059335b43f8e7b6cc2d095f7',
+      key: '97e929fdaff0bcd4360140428007da0294567ea9',
       class: "f-ui-02"
     }, this.heading), h("ul", {
-      key: '90c04408db4f9d58a5ee4834f8fcfde88aede8ee',
+      key: '3264e9e0ac366c4a502b69f6aa8545935b8536e7',
       class: "mt-12 flex gap-4"
     }, this.socialNetworks.map((network, index) => h("li", {
       key: index
@@ -3350,13 +3347,13 @@ const EdsTabs = class {
   }
   render() {
     return h("div", {
-      key: 'b6752f90f4c1a9501816c574baf92a0c8b95e802',
+      key: 'dd41d2d7ccbe03e08d3c20a2e9a370e69dfd1459',
       id: `${this.identifier}`
     }, h("div", {
-      key: '266813bd461bae3d5df1b76563b949b8dd900482',
+      key: '14c95711c8e7df2b7f6f0557ce233bc1a68ad31b',
       class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"
     }, h("nav", {
-      key: 'b16c4f78ee24dace9a188097a8c5995476d7da41',
+      key: '3ed1c5cc5d0aa1e7cb4bebe337885c7e5687aa68',
       ref: el => this.tabContainer = el,
       class: "inline-flex",
       "aria-label": this.navAriaLabel
@@ -3369,7 +3366,7 @@ const EdsTabs = class {
         onClick: () => this.handleTabClick(index, tab.label)
       }), tab.label || tab.ariaLabel);
     }))), h("div", {
-      key: '09c25532583d443eac47da606955955e1e66f2e8',
+      key: '63399c53b2e5d642676d7f884bdecec0f8c515de',
       class: "tab-panels"
     }, this.parsedTabs.map((_, index) => h("div", {
       hidden: index !== this.activeIndex
@@ -3430,7 +3427,7 @@ const EdsTag = class {
       size: this.size
     });
     return h("span", {
-      key: '78ef2d9ed4fc79f078df2fe418c339fc8934eef2',
+      key: 'a0d8788511615d0099fd764501449476126d343f',
       class: classes
     }, this.label);
   }
@@ -3467,13 +3464,13 @@ const EdsUser = class {
   render() {
     const user = this.parsedUser;
     return h("div", {
-      key: '9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b',
+      key: 'b30b0a30a94c6bd9046b234cd793da80c1b16de8',
       class: "block"
     }, h("div", {
-      key: 'ccc34b3c7b0ab8d515eebfa1962264365d20c788',
+      key: '9ecea595c3d900aeda7c75a6aa5ae84999d775e1',
       class: "flex items-center"
     }, h("eds-dropdown", {
-      key: 'dc4920fd442baa9f13d9f2b9a21065b5184eba83',
+      key: '6a4c4751aaeaa6426ee4c89305b5c419ee912ced',
       label: `Hi, ${user.preferred_username}`,
       intent: "tertiary",
       "aria-label": "User Menu",
@@ -3482,36 +3479,36 @@ const EdsUser = class {
       icon: "chevron-down",
       class: "text-default"
     }, h("div", {
-      key: '0522db7fc229186c645665a4c9eeedc46fb5823b',
+      key: '8e695af42fd229ca71e5d8f6fe367ed5ecc4184b',
       class: "min-w-[280px] p-8"
     }, h("div", {
-      key: 'af7b9daec713d24f8a1415415d19cdf48905c0cb',
+      key: 'd28e78ace074d7513a002297558219afae079646',
       class: "flex gap-x-16"
     }, h("eds-avatar", {
-      key: 'c3ea7307d9beb597fe93d3942b7724f8526298ad',
+      key: 'e9895e380ece01d116c14dbf0424061b1a039261',
       "first-name": user.given_name,
       "last-name": user.family_name,
       initials: this.initials,
       color: "grey"
     }), h("div", {
-      key: '7af823b5f38a3d7acf16c633471dcfe74bca5e3c',
+      key: '1597248135606e3300546b3278114cd8cc36d4b5',
       class: "max-w-full"
     }, user.name && h("p", {
-      key: '5973dfbac0efceeddb0dc211d9c502a1ad3b0dde',
+      key: 'fa04e93e50f3cf6d1e3d49dafc02d0dd5233a9f4',
       class: "f-ui-01 text-default w-full text-ellipsis"
     }, user.name), user.preferred_username && h("p", {
-      key: '5989927760ed2a2d1365661bbdc112a3a3d23bbf',
+      key: '1203bf8078cb1c2a4d31effbe96e7aefd9222eb2',
       class: "f-ui-03-light text-light mt-4"
     }, user.preferred_username), user.email && h("p", {
-      key: 'ee36be95298c0c7a748537012d48a85884955904',
+      key: '6fcd932e87eb6e086daf61d2d8d16e6f8f27f12a',
       class: "f-ui-03-light text-light mt-4"
     }, user.email))), h("eds-block-break", {
-      key: 'fb3ef5cad6e81f51983e54914412131c3bd4cbc2'
+      key: '5811252802eecc3f5c001705c8e8fb94fb33e1bb'
     }), h("div", {
-      key: 'e3784f3f4931378bf55d766d4a1cf5e24a75d462',
+      key: 'd28913e74e9924f51e9b1e92a0f42691c733c438',
       class: "text-default flex w-full flex-col gap-y-8"
     }, h("slot", {
-      key: 'c0052bb56286d9a3fdc686c8407e105499a38084'
+      key: 'bb003f9bff1042b2778a7a924dc87c7baf1a9fb7'
     }))))));
   }
   get hostEl() {

package/eds-cookies-preference.entry.esm.js

@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
   }
   render() {
     return h("div", {
-      key: '37a817a2c1cccb58a7445c399f20ce5fb97653b8'
+      key: '4563e11542b6cab4f509ec25646a0e1f8380af6c'
     }, h("eds-link", {
-      key: '9bf85d4fe82d7a525bae6f765da7dea9a3913494',
+      key: '24185ecd7818920490c1ca5c742e0f1a884f27da',
       size: "small",
       intent: this.intent,
       label: this.buttonText,

package/eds-feedback.entry.esm.js

@@ -61,20 +61,20 @@ const EdsFeedback = class {
     const levelNum = this.headingLevel.replace('h', '');
     const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
     return h("div", {
-      key: 'f1bec91df97ff2a54a8ec8284e88f572b3bf0081',
+      key: 'b51bb78eea70babd1b1ca98ed5e657184d8e459f',
       class: "grid inline"
     }, h(HeadingTag, {
-      key: '8051043d5ec79a1f972fd732ef8a716487ed51d2',
+      key: 'eb84cce3a03aec99d0980ecd3c4aa4338f8d14e2',
       class: headingClass
     }, this.label), h("p", {
-      key: '55f319e89376372f13c2bb96b9a94ceed6a6565b',
+      key: '5923739b4a7e73dc1c83710fe1535d51d6289b02',
       class: "f-body-01 text-light"
     }, this.description), h("eds-rating", {
-      key: 'c9c725d4a1ae65eb6b773178f6435d239c434034',
+      key: '08d4b80838bc758cfdcf6f909f4bb41ae00d4c40',
       "rating-type": this.type,
       "rating-count": this.count
     }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: 'e3ea621a035ecd6da07803478d202b2326997416',
+      key: '849014d7a3c2ebf78b1de434d7ad92549c0ae2de',
       class: "f-ui-04 text-lighter"
     }, this.parsedMappings[this.selectedRating - 1]));
   }

package/eds-frame.entry.esm.js

@@ -73,13 +73,13 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: '61c401d6e021418e3d705cc9a4418b4f54f6bcf1',
+      key: 'acfa57c701b5c683b3ff48ac2ff6a7c782977cd4',
       class: this.articleClasses()
     }, h("div", {
-      key: '3fe7284c2ce4057d6c953c02e03489c0ef75f43d',
+      key: 'd62b6f7f67e41a6c8f0948c9d94e991d83dbe273',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: 'a0efaa70d4ab2484c76d38e309c0bf9800edf569',
+      key: '40618b0353599888578e08a5422da754f97455d0',
       class: "f-ui-02"
     }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
       label: this.urlLabel,
@@ -90,7 +90,7 @@ const EdsFrame = class {
       disabled: false,
       icon: "arrow-diagonal"
     }) : null), h("div", {
-      key: 'e99188447abb78659865758afe3226a7ade7f8f2',
+      key: '96656482b2732aa766d1bcb45f28189991adb493',
       class: "border-softer"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"

package/eds-progress-bar.entry.esm.js

@@ -25,7 +25,7 @@ const EdsProgressBar = class {
     // Fill bar classes (conditionally rounded only when >0)
     const fillClasses = ['inner', 'h-full', 'transition-all', 'duration-300', 'bg-accent', progressValue > 0 && this.rounded ? 'rounded-lg' : '', 'z-0'].filter(Boolean).join(' ');
     return h("div", {
-      key: '3360c1a9e61c83fee5312d007f6d2965a8983eba',
+      key: '4d1905ce42ee1b539519c8bdbcc9cf8d8aad9f03',
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
       "aria-valuetext": `${progressValue}%`,
       class: outerClasses
     }, h("div", {
-      key: '7210dc5931f08626b286c30ae790a3a864533632',
+      key: '7feec42063d2111f68e9957e1b5ca5550df284d0',
       class: fillClasses,
       style: {
         width: `${progressValue}%`
       }
     }), h("div", {
-      key: '7586cd593b4e851f4605ad33b96781841ee0b1aa',
+      key: '13ab32e048f0b9e68e8bef96775b5204b653ed95',
       class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
     }, h("span", {
-      key: '21fa3de543e5e717ed4fd76c689aa47c3fa6a853',
+      key: 'e46641bd65faf5ae4fb3a3c0542d312c9e9f1565',
       class: "text-default f-body-02"
     }, progressValue, "%")));
   }