@ebrains/react 1.2.0 → 1.4.0

package/{eds-avatar_28.entry.esm.js → eds-avatar_29.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",
@@ -517,11 +517,24 @@ const EdsFooter = class {
 EdsFooter.style = EdsFooterStyle0;
 
 // utils/validators.ts
-function validateField(name, value, type, required, maxLength) {
+function validateField(name, value, type, required, maxLength, min, max) {
   const errors = [];
   if (required && !value) {
     errors.push(`${name} is required.`);
   }
+  if (type === 'number') {
+    const parsed = typeof value === 'number' ? value : parseFloat(value);
+    if (isNaN(parsed)) {
+      errors.push(`${name} must be a valid number.`);
+    } else {
+      if (typeof min === 'number' && parsed < min) {
+        errors.push(`${name} must be greater than or equal to ${min}.`);
+      }
+      if (typeof max === 'number' && parsed > max) {
+        errors.push(`${name} must be less than or equal to ${max}.`);
+      }
+    }
+  }
   if (maxLength && typeof value === 'string' && value.length > maxLength) {
     errors.push(`${name} must be at most ${maxLength} characters.`);
   }
@@ -622,7 +635,7 @@ isFieldVisible) {
         const inputEl = findFieldElement(formEl, field.name);
         if (inputEl) {
           const value = inputEl.value;
-          const fieldErrors = validateField(field.name, value, field.type, field.required, field.maxlength);
+          const fieldErrors = validateField(field.name, value, field.type, field.required, field.maxlength, field.min, field.max);
           if (fieldErrors.length > 0) {
             errors[field.name] = fieldErrors;
             hasError = true;
@@ -650,7 +663,7 @@ function validateInputField(field, value, formEl) {
     }
     return validateSingleBox(field.name, field.required, formEl);
   }
-  return validateField(field.name, value, field.type, field.required, field.maxlength);
+  return validateField(field.name, value, field.type, field.required, field.maxlength, field.min, field.max);
 }
 
 /**
@@ -726,11 +739,11 @@ const EdsForm = class {
     linkElement.dispatchEvent(event);
   }
   isFieldVisible(field) {
-    if (!field.condition) {
-      return true;
-    }
-    const parentValue = this.values[field.condition.field];
-    return parentValue === field.condition.value;
+    if (!field.condition) return true;
+    const actual = this.values[field.condition.field];
+    const expected = field.condition.value;
+    // Handle loose match between booleans and strings
+    return String(actual) === String(expected);
   }
   validateForm() {
     const {
@@ -820,6 +833,7 @@ const EdsForm = class {
   }
   handleChange(e, field) {
     const target = e.target;
+    let newValue = target.value;
     if (target.type === 'checkbox') {
       // Get the current comma separated string or default to an empty string.
       const currentStr = this.values[field.name] || '';
@@ -834,16 +848,14 @@ const EdsForm = class {
         // Remove the value from the array if the checkbox is unchecked.
         valuesArray = valuesArray.filter(item => item !== target.value);
       }
-      // Reassemble the comma separated string and update your form values.
-      this.values = Object.assign(Object.assign({}, this.values), {
-        [field.name]: valuesArray.join(',')
-      });
-    } else {
-      // Handle non-checkbox input normally.
-      this.values = Object.assign(Object.assign({}, this.values), {
-        [field.name]: target.value
-      });
+      newValue = valuesArray.join(',');
+    } else if (target.type === 'radio') {
+      if (!target.checked) return; // Only react to the selected radio
+      newValue = target.value;
     }
+    this.values = Object.assign(Object.assign({}, this.values), {
+      [field.name]: newValue
+    });
     // If it’s the password field, return here for no event emission
     if (field.name === 'password') {
       return;
@@ -852,13 +864,15 @@ const EdsForm = class {
     this.form.emit({
       event: 'change',
       field: field.name,
-      value: target.type === 'checkbox' ? this.values[field.name] : target.value,
+      value: newValue,
       message: `${field.name} updated`
       //data: this.makeFormData()
     });
   }
   handleInput(e, field) {
     const target = e.target;
+    if (target.type === 'radio' && !target.checked) return;
+    const newValue = target.value;
     // Update the field's value in state.
     //this.values = { ...this.values, [field.name]: target.value };
     // Create a copy of the current errors.
@@ -877,7 +891,7 @@ const EdsForm = class {
     this.form.emit({
       event: 'input',
       field: field.name,
-      value: target.type === 'checkbox' ? this.values[field.name] : target.value,
+      value: newValue,
       message: `${field.name} updated`
       //data: this.makeFormData()
     });
@@ -942,14 +956,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: '98825e73a0279bed49b82caf2cc0529f30b53c70',
       ref: el => this.formEl = el,
       autocomplete: "on",
       onSubmit: this.handleSubmit
     }, h("div", {
-      key: 'ae6f05d50a1c32312e585d55f0b5d64b0dd1fc9c'
+      key: '6b9abe2a6c2d091d57ea9ca383d9edb5d48445dc'
     }, h("slot", {
-      key: '09c9ddd0d3b77ae9cbcb54389b799af7a6fc6c9e'
+      key: '930bcd24d9b1c6ec1b29ccb1c3150897fa9d0a35'
     }), hiddenFields.map((field, index) => h("eds-input", {
       key: index,
       type: "hidden",
@@ -967,6 +981,9 @@ const EdsForm = class {
         label: field.label,
         placeholder: field.placeholder,
         value: this.values[field.name] || null,
+        min: field.min,
+        max: field.max,
+        step: field.step,
         type: field.type,
         icon: field.icon || null,
         disabled: field.disabled,
@@ -983,10 +1000,10 @@ const EdsForm = class {
         options: field.options
       });
     })), this.formBtn && h("div", {
-      key: 'c97041c2e421c21a38513d3b456991167f5d1cdb',
+      key: 'e0ab2f16ff4a677a2b09a1069212e374f6d6eff8',
       class: "mt-20"
     }, h("eds-button", {
-      key: '96c35271f7227b9acd467fe822745bd41d3eaa80',
+      key: '781250d5e456a3f0176ade6e28356063c6981bb7',
       intent: "primary",
       label: this.formBtnLabel,
       disabled: this.isSubmitting,
@@ -1171,20 +1188,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 +1213,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",
@@ -1353,6 +1370,9 @@ const EdsInput = class {
     this.maxLength = undefined;
     this.options = [];
     this.extraClass = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.step = undefined;
     this.innerVal = '';
     this.maxLengthReached = false;
   }
@@ -1375,7 +1395,7 @@ const EdsInput = class {
     const withIcon = !!this.icon;
     const describedBy = this.hasMessage || this.error ? `${this.name}-error` : '';
     return h("div", {
-      key: '5c66c14b19aa3d5fc37e7a77a2d1194fa0be9b8c',
+      key: '8645092d1b4c53609cbac2077fd0575f7bae4aaa',
       class: "relative flex items-center"
     }, this.type === 'textarea' ? h("textarea", {
       id: this.inputId || this.name,
@@ -1404,7 +1424,7 @@ const EdsInput = class {
       value: option.value,
       selected: option.value === this.innerVal,
       key: option.value
-    }, option.label))) : h("input", {
+    }, option.label))) : h("input", Object.assign({
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -1412,7 +1432,12 @@ const EdsInput = class {
       required: this.required,
       disabled: this.disabled,
       type: this.type,
-      checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined,
+      checked: ['radio', 'checkbox'].includes(this.type) ? this.checked : undefined
+    }, this.type === 'number' ? {
+      min: this.min,
+      max: this.max,
+      step: this.step
+    } : {}, {
       class: `
               ${this.extraClass || ''} 
               input ${this.type === 'radio' ? 'input-radio' : this.type === 'checkbox' ? 'input-checkbox' : ''}
@@ -1424,11 +1449,11 @@ const EdsInput = class {
       maxlength: this.maxLength,
       onInput: this.handleInput,
       onChange: this.handleInput
-    }), this.maxLength && this.type === 'textarea' && h("span", {
-      key: '4326db3729dea8bbddb7a109a90424aa832aded7',
+    })), this.maxLength && this.type === 'textarea' && h("span", {
+      key: '3cbf1dbffabb0cb895c6b69651933867584606d0',
       class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? 'input-counter-error' : ''}`
     }, this.maxLength), this.icon && h("eds-icon-wrapper", {
-      key: 'df2f5598aedd36b9cb2ce886fb8ea08da58dc5ff',
+      key: 'fb3a7051ecb72a5f425a0590dae14ee731e40a60',
       class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled ? 'text-lightest' : 'text-lightest'}`,
       icon: this.icon
     }));
@@ -1450,21 +1475,44 @@ const EdsInputField = class {
     this.edsinput = createEvent(this, "edsinput", 7);
     this.edschange = createEvent(this, "edschange", 7);
     this.handleNativeInput = ev => {
-      var _a;
+      var _a, _b;
       (_a = this.onInput) === null || _a === void 0 ? void 0 : _a.call(this, ev);
       if (this.shouldEmitValue()) {
-        const newValue = ev.target.value;
+        const target = ev.target;
+        let value = target.value;
+        if (this.type === 'checkbox' && ((_b = this.parsedOptions) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+          // checkbox group case
+          const checkboxes = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
+          value = Array.from(checkboxes).filter(cb => cb.checked).map(cb => cb.value);
+        } else if (this.type === 'checkbox') {
+          value = target.checked;
+        } else if (this.type === 'radio') {
+          value = target.value;
+        } else {
+          value = target.value;
+        }
         this.edsinput.emit({
-          value: newValue
+          value
         });
       }
     };
     this.handleNativeChange = ev => {
-      var _a;
+      var _a, _b;
       (_a = this.onChangeNative) === null || _a === void 0 ? void 0 : _a.call(this, ev);
       if (this.shouldEmitValue()) {
         const target = ev.target;
-        const value = target.value;
+        let value = target.value;
+        if (this.type === 'checkbox' && ((_b = this.parsedOptions) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+          // checkbox group case
+          const checkboxes = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
+          value = Array.from(checkboxes).filter(cb => cb.checked).map(cb => cb.value);
+        } else if (this.type === 'checkbox') {
+          value = target.checked;
+        } else if (this.type === 'radio') {
+          value = target.value;
+        } else {
+          value = target.value;
+        }
         this.edschange.emit({
           value
         });
@@ -1485,6 +1533,9 @@ const EdsInputField = class {
     this.errorMessage = undefined;
     this.value = undefined;
     this.maxLength = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.step = undefined;
     this.options = undefined;
     this.type = 'text';
     this.onChangeNative = undefined;
@@ -1507,7 +1558,7 @@ const EdsInputField = class {
     return [];
   }
   render() {
-    const inputOpts = {
+    const inputOpts = Object.assign({
       name: this.name,
       id: this.inputId,
       placeholder: this.placeholder,
@@ -1520,10 +1571,13 @@ const EdsInputField = class {
       error: this.error,
       icon: this.icon,
       checked: this.checked
-    };
+    }, this.type === 'number' ? {
+      min: this.min,
+      max: this.max,
+      step: this.step
+    } : {});
     return h("div", {
-      key: '2ff82dedd17922c5cb72fc30b7f616c7fafa7b07',
-      class: "space-y-8"
+      key: '48926c14240f7e26d2277729d829d98ab17f9eee'
     }, this.type === 'checkbox' || this.type === 'radio' ? this.parsedOptions.length > 0 ? h("fieldset", {
       class: "space-y-4 mt-8"
     }, h("div", {
@@ -1548,7 +1602,7 @@ const EdsInputField = class {
       class: "flex items-center gap-x-8"
     }, h("eds-input", Object.assign({}, inputOpts, {
       value: this.value,
-      checked: this.value === 'on'
+      checked: this.value === 'on' || this.checked
     })), this.label && h("eds-input-label", {
       name: this.inputId || this.name,
       label: this.label,
@@ -1593,21 +1647,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: '4b8513dcd713d56953934b158ba1b9182e1497a8',
+    })() : h("eds-input", Object.assign({}, inputOpts))), h("div", {
+      key: '72b565ac1c52a56d7e563e227baf187d72f2ba21',
+      class: "mt-4"
+    }, h("eds-input-footer", {
+      key: '65c40184d6fd5dfc730a46ffe8e826687c7d6f36',
       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);
@@ -1619,31 +1678,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);
@@ -1654,20 +1715,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);
@@ -2078,7 +2140,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,
@@ -2089,10 +2151,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()));
   }
@@ -2163,13 +2225,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
     }));
   }
@@ -2279,40 +2341,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() {
@@ -2487,12 +2549,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"
@@ -2621,12 +2683,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
@@ -3102,10 +3164,9 @@ const EdsTable = class {
   }
   updateColumns() {
     var _a, _b;
-    // 1) Grab all data‐keys from the first row (if any) as before:
+    // Grab all data‐keys from the first row (if any) as before:
     this.columns = this.tbData.length > 0 ? Object.keys(this.tbData[0]) : [];
-    // 2) Instead of pushing each action.name, we add just a single “actions” column
-    //    (you can call it anything; we’ll detect it in render())
+    // Instead of pushing each action.name, add just a single “actions” column
     if (((_b = (_a = this.parsedActions) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0 && this.tbData.length > 0) {
       this.columns.push('actions');
     }
@@ -3135,9 +3196,9 @@ const EdsTable = class {
     const paginatedRows = this.getPaginatedRows();
     const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
     return h("div", {
-      key: '5034177431626ab2bfc5fd0118c006d11a4f6e96'
+      key: 'f188b98870101f250e8515178d50763bb708ade5'
     }, this.searchEnabled && h("div", {
-      key: '86e1a6ffc4bed69f290b3a53031341ab276eaf04'
+      key: '96f046ad286df6cb46e9f9f6d3e45a69f90af108'
     }, h("eds-input-field", {
       key: 1,
       name: "search",
@@ -3146,29 +3207,26 @@ const EdsTable = class {
       placeholder: "Search...",
       onInput: event => this.handleSearch(event)
     })), h("div", {
-      key: 'bc11838d819ecf89c5ba1cc1cfe7ac0af0e82b59',
+      key: 'bbf27504732266f3e3ae299fcf742a653a23fdef',
       class: "mt-20"
     }, h("table", {
-      key: '97f16b65eb1d9387e9ca7588184c9e68c1afcc2e',
+      key: 'a1c76a7b0d4c4a1382c34cf58a49896567610403',
       class: "block overflow-x-auto mt-6 p-0"
     }, h("thead", {
-      key: 'f4d64ada28c225db1b224277513e663a99de1cec'
+      key: 'ea7e4b5d1c48c63094a96ba5c8fb38bf8e805024'
     }, h("tr", {
-      key: 'c6a69e159cceada0f7143c0acb787e5c23242ae7',
+      key: '6e49bc93f9678f5f6449269728ca893a88ceb51a',
       class: "m-0 p-0 border border-softer even:bg-inverse-softer"
     }, this.columns.map(col => {
       var _a;
-      // 3) For the “actions” column, override the header to “Actions”
       if (col === 'actions') {
-        // You can choose a smaller min‐width here if you wish:
         return h("th", {
           class: "m-0 py-8 border border-softer f-ui-02 break-words",
           style: {
             minWidth: `${columnWidth - 4}px`
           }
-        }, "Actions");
+        });
       }
-      // Otherwise, render column name or action label if you do want to override:
       if (!((_a = this.parsedConfig[col]) === null || _a === void 0 ? void 0 : _a.hidden)) {
         return h("th", {
           class: "m-0 py-8 border border-softer f-ui-02 break-words",
@@ -3179,13 +3237,12 @@ const EdsTable = class {
       }
       return null;
     }))), h("tbody", {
-      key: '133af82fdd1f820e853734ab48123cb3db527e15'
+      key: '7f09b3133241c4a19ad75c27134c04192e9dc357'
     }, paginatedRows.map(row => h("tr", {
       class: "m-0 p-0 border border-softer even:bg-inverse-softer"
     }, this.columns.map(col => {
       var _a;
       if (col === 'actions') {
-        // 4) Render ALL actions inside a single <td> for this row:
         return h("td", {
           class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell",
           style: {
@@ -3205,7 +3262,7 @@ const EdsTable = class {
         }, this.renderSingleActionCell(act.name, row)))));
       }
       if (!((_a = this.parsedConfig[col]) === null || _a === void 0 ? void 0 : _a.hidden)) {
-        // Regular data cell:
+        // Regular data cell
         return h("td", {
           class: "text-center border border-softer m-0 py-8 f-ui-2 break-words",
           style: {
@@ -3215,10 +3272,10 @@ const EdsTable = class {
       }
       return null;
     })))))), this.shouldEnablePagination() && h("div", {
-      key: '85032d06cd0ac5dae9b504d423fceba3cd074861',
+      key: 'ceb320ba2e1cb14e4220c653c92bb2a9e8bf3593',
       class: "mt-20"
     }, h("eds-pagination", {
-      key: '8caf6f57960e222c04d45f57a5811cd7bd524f4c',
+      key: '19c22566443e476742fd7f5e232c9240ecb34bec',
       currentPage: this.currentPage,
       lastPage: lastPage,
       perPage: this.rowsPerPage,
@@ -3340,13 +3397,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
@@ -3359,7 +3416,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
@@ -3420,12 +3477,102 @@ const EdsTag = class {
       size: this.size
     });
     return h("span", {
-      key: '78ef2d9ed4fc79f078df2fe418c339fc8934eef2',
+      key: 'a0d8788511615d0099fd764501449476126d343f',
       class: classes
     }, this.label);
   }
 };
 EdsTag.style = EdsTagStyle0;
+const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";
+const EdsToastStyle0 = edsToastCss;
+const toastStyles = cva(['relative bottom-4 w-auto p-12 rounded-lg shadow-md'], {
+  variants: {
+    intent: {
+      default: 'bg-dark text-light',
+      success: 'bg-success text-dark',
+      error: 'bg-error text-light',
+      warning: 'bg-warning text-dark'
+    }
+  },
+  defaultVariants: {
+    intent: 'default'
+  }
+});
+const EdsToast = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.toast = createEvent(this, "toast", 7);
+    /**
+     * Dismisses the toast.
+     */
+    this.dismissToast = () => {
+      this.toast.emit({
+        visible: false,
+        label: 'dismissed'
+      });
+      this.visible = false;
+    };
+    this.message = undefined;
+    this.intent = 'default';
+    this.duration = undefined;
+    this.visible = true;
+  }
+  componentDidLoad() {
+    const btn = this.el.shadowRoot.querySelector('eds-button');
+    this.emitContext(btn);
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given button element.
+   * This event provides context information about the toast component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(btnElement) {
+    const event = new CustomEvent('parentContext', {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    btnElement.dispatchEvent(event);
+  }
+  connectedCallback() {
+    if (this.duration && this.duration > 0) {
+      this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
+    }
+  }
+  disconnectedCallback() {
+    // Clear the timeout when the component is removed
+    clearTimeout(this.dismissTimeout);
+  }
+  render() {
+    if (!this.visible) {
+      return null;
+    }
+    const classes = toastStyles({
+      intent: this.intent
+    });
+    return h("div", {
+      class: classes,
+      role: "alert",
+      "aria-live": "assertive"
+    }, h("div", {
+      class: "flex items-center justify-between gap-4"
+    }, h("span", {
+      class: "f-ui-01"
+    }, this.message), h("eds-button", {
+      intent: "tertiary",
+      icon: "close",
+      "aria-label": "Close Toast",
+      onClick: () => this.dismissToast(),
+      "extra-class": "ml-8"
+    })));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsToast.style = EdsToastStyle0;
 const edsUserCss = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}";
 const EdsUserStyle0 = edsUserCss;
 const EdsUser = class {
@@ -3457,13 +3604,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",
@@ -3472,36 +3619,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() {
@@ -3510,4 +3657,4 @@ const EdsUser = class {
 };
 EdsUser.style = EdsUserStyle0;
 
-export { EdsAvatar as eds_avatar, EdsBlockBreak as eds_block_break, EdsButton as eds_button, EdsDropdown as eds_dropdown, EdsFooter as eds_footer, EdsForm as eds_form, EdsFullscreenMenu as eds_fullscreen_menu, EdsHeader as eds_header, EdsIconWrapper as eds_icon_wrapper, EdsImg as eds_img, EdsInput as eds_input, EdsInputField as eds_input_field, EdsInputFooter as eds_input_footer, EdsInputLabel as eds_input_label, EdsInputRange as eds_input_range, EdsInputSearch as eds_input_search, EdsInputSelect as eds_input_select, EdsLink as eds_link, EdsLogo as eds_logo, EdsModal as eds_modal, EdsPagination as eds_pagination, EdsSocialNetworks as eds_social_networks, EdsSteps as eds_steps, EdsStepsV2 as eds_steps_v2, EdsTable as eds_table, EdsTabs as eds_tabs, EdsTag as eds_tag, EdsUser as eds_user };
+export { EdsAvatar as eds_avatar, EdsBlockBreak as eds_block_break, EdsButton as eds_button, EdsDropdown as eds_dropdown, EdsFooter as eds_footer, EdsForm as eds_form, EdsFullscreenMenu as eds_fullscreen_menu, EdsHeader as eds_header, EdsIconWrapper as eds_icon_wrapper, EdsImg as eds_img, EdsInput as eds_input, EdsInputField as eds_input_field, EdsInputFooter as eds_input_footer, EdsInputLabel as eds_input_label, EdsInputRange as eds_input_range, EdsInputSearch as eds_input_search, EdsInputSelect as eds_input_select, EdsLink as eds_link, EdsLogo as eds_logo, EdsModal as eds_modal, EdsPagination as eds_pagination, EdsSocialNetworks as eds_social_networks, EdsSteps as eds_steps, EdsStepsV2 as eds_steps_v2, EdsTable as eds_table, EdsTabs as eds_tabs, EdsTag as eds_tag, EdsToast as eds_toast, EdsUser as eds_user };