@ebrains/react 1.4.0 → 2.1.0

package/eds-icon-clone.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { c as clone } from './clone-dab56639.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconClone = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db',
+      class: this.class,
+      innerHTML: clone
+    });
+  }
+};
+
+export { EdsIconClone as eds_icon_clone };

package/eds-icon-close.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconClose = class {
   }
   render() {
     return h("span", {
-      key: '8e4dedef0fe684fdd6078db8005661e49207da55',
+      key: '91f33941205260a787d69146e390fa970a1c0d72',
       class: this.class,
       innerHTML: close
     });

package/eds-icon-copy.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconCopy = class {
   }
   render() {
     return h("span", {
-      key: 'ff014a9761d8380a9fd8c97d3dd483b8d6fc786c',
+      key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4',
       class: this.class,
       innerHTML: copy
     });

package/eds-icon-draft.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { d as draft } from './draft-dd5dada2.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconDraft = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '13898eb065f5a243104bc79293a5e6afcd276230',
+      class: this.class,
+      innerHTML: draft
+    });
+  }
+};
+
+export { EdsIconDraft as eds_icon_draft };

package/eds-icon-edit.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { e as edit } from './edit-3893a517.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconEdit = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '1758d925314772dc29c4349f71f186ba775d2b41',
+      class: this.class,
+      innerHTML: edit
+    });
+  }
+};
+
+export { EdsIconEdit as eds_icon_edit };

package/eds-icon-eu.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconEu = class {
   }
   render() {
     return h("span", {
-      key: '3888f0338df2496c334d95dbcb52a0e39906362d',
+      key: 'ac8c58eacb11b11be7928d7799a3eb6c8063597f',
       class: this.class,
       innerHTML: euSvg
     });

package/eds-icon-external.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconExternal = class {
   }
   render() {
     return h("span", {
-      key: '58d51f84a7b6326ef117a905f2c50d4fff6369c5',
+      key: 'e24ee8e9243fa2dcbe8df4fa9d84db5bbc136ec4',
       class: this.class,
       innerHTML: arrowDiagonal
     });

package/eds-icon-facebook.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
   }
   render() {
     return h("span", {
-      key: '3ea80799436c93b1c02ad177bd48910409aebf51',
+      key: '6a6cbdd8f9e6b982af701b97681a98944c5c1797',
       class: this.class,
       innerHTML: facebook
     });

package/eds-icon-gitlab.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
   }
   render() {
     return h("span", {
-      key: 'a2f423ed9227463e27c0c698e6b4bba44cdc6263',
+      key: 'e6ce69e460242b20779766f62a3c7d23dad345d1',
       class: this.class,
       innerHTML: gitlabBlack
     });

package/eds-icon-linkedin.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
   }
   render() {
     return h("span", {
-      key: '88852ca054a7e637efc7fe5b01f343a9b1798e41',
+      key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873',
       class: this.class,
       innerHTML: linkedin
     });

package/eds-icon-loader.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLoader = class {
   }
   render() {
     return h("span", {
-      key: '283c8842f0f755074521fdcbae46969d87b86312',
+      key: '9383784da3e52d22395288f8eba5b6f4ee826aa5',
       class: this.class,
       innerHTML: loader
     });

package/eds-icon-mastodon.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
   }
   render() {
     return h("span", {
-      key: '5a5a90094c1f974dc7932654e97de04975e675bb',
+      key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
       class: this.class,
       innerHTML: mastodon
     });

package/eds-icon-menu.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMenu = class {
   }
   render() {
     return h("span", {
-      key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0',
+      key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8',
       class: this.class,
       innerHTML: menu
     });

package/eds-icon-minus.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMinus = class {
   }
   render() {
     return h("span", {
-      key: 'e76f56aaba4a67096e6314e61d53bc2512941552',
+      key: '0e8b57b9ae1a2e53ef6f50948c49b9a9218f66cc',
       class: this.class,
       innerHTML: minus
     });

package/eds-icon-more.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMore = class {
   }
   render() {
     return h("span", {
-      key: 'cb31d12146ff577195650b502f51005092404a30',
+      key: '5f14cbe4b3ca88f7301c1561c092278b31d04326',
       class: this.class,
       innerHTML: more
     });

package/eds-icon-paper.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconPaper = class {
   }
   render() {
     return h("span", {
-      key: 'abc728a23571f7cc24f6d9d1dc5c72c397983aa3',
+      key: 'b19c12426db0068934252c6197ba04789d42f5e2',
       class: this.class,
       innerHTML: paper
     });

package/eds-icon-plus.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconPlus = class {
   }
   render() {
     return h("span", {
-      key: '35d8e069fbb1bdb01ae6f068c28edd19d299c7c3',
+      key: '520b8d5a7d45f101ef526432b45e4407446685cd',
       class: this.class,
       innerHTML: plus
     });

package/eds-icon-portal.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconPortal = class {
   }
   render() {
     return h("span", {
-      key: '9383784da3e52d22395288f8eba5b6f4ee826aa5',
+      key: 'f9b20e12497e199b7f596f4f457167080e81ccd1',
       class: this.class,
       innerHTML: portal
     });

package/eds-icon-private.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconPrivate = class {
   }
   render() {
     return h("span", {
-      key: '9466d1ce37e58f512579d63ec5049cc58e8b9836',
+      key: 'a342e11087242f9b37365bcbfec2036bd2009c85',
       class: this.class,
       innerHTML: privat
     });

package/eds-icon-public.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconPublic = class {
   }
   render() {
     return h("span", {
-      key: 'e4815b72c160ae98d66dbfa877f82f1d2f7c50b3',
+      key: 'e53f2ac899326e460b27b91772da9d2bee873fb3',
       class: this.class,
       innerHTML: pub
     });

package/eds-icon-search.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconSearch = class {
   }
   render() {
     return h("span", {
-      key: '6a35ea0c0de4916a867f760eb058a3cbb1bc218e',
+      key: '6da0ae2a33a1680caecbaa6bbe1313329d32ef7e',
       class: this.class,
       innerHTML: search
     });

package/eds-icon-star.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconStar = class {
   }
   render() {
     return h("span", {
-      key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb',
+      key: '4c4243f9e6c5c02a2d70eda34b28efe1ba7c696b',
       class: this.class,
       innerHTML: star
     });

package/eds-icon-start.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { s as start } from './start-65126a4f.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconStart = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: 'a788a6ded2b42ad1138be4f74464d4dc08dc485f',
+      class: this.class,
+      innerHTML: start
+    });
+  }
+};
+
+export { EdsIconStart as eds_icon_start };

package/eds-icon-success.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
   }
   render() {
     return h("span", {
-      key: 'd78b06493302958306d408d823f4a7703d9b9adc',
+      key: '68917ac759cd684a6f3f3f67cb174d7291841070',
       class: this.class,
       innerHTML: success
     });

package/eds-icon-thumbs-down.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconThumbsDown = class {
   }
   render() {
     return h("span", {
-      key: '84e6d8cff80004a650c6d0fc6b9702cf1ca85ba2',
+      key: 'fb0abd584eb41fcdf76479aa2953da2ed6a9f8ed',
       class: this.class,
       innerHTML: thumbsDown
     });

package/eds-icon-thumbs-up.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconThumbsUp = class {
   }
   render() {
     return h("span", {
-      key: '5f5198ad92684dc173d603499b485e7d0ca8811b',
+      key: '53bc35a16795640e1fc5ac9a5ddd66015b98adb3',
       class: this.class,
       innerHTML: thumbsUp
     });

package/eds-icon-tutorial.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconTutorial = class {
   }
   render() {
     return h("span", {
-      key: '8be08569144889cca6f801cdd31e4cc31fdc11e5',
+      key: 'bbe35e4b8e341eb54820a661c6a6200e83fd0f3f',
       class: this.class,
       innerHTML: tutorial
     });

package/eds-icon-twitter.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
   }
   render() {
     return h("span", {
-      key: 'c2ee643b5da517a53bd97ec6263161927ad229a7',
+      key: 'de551285a98e6e5340769e9d1422acb2e7bc826f',
       class: this.class,
       innerHTML: twitter
     });

package/eds-icon-unknown.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconUnknown = class {
   }
   render() {
     return h("span", {
-      key: '449cd62f697607ebb17bed06835ee9529d7e8999',
+      key: 'c102d3ac082dab21cb23a322ded78d607ece10f5',
       class: this.class,
       innerHTML: unknown
     });

package/eds-icon-updown.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconUpdown = class {
   }
   render() {
     return h("span", {
-      key: '5b0e914205c9f3fb5e216e0ccb16e350a4449c02',
+      key: 'b2bf11e364727f13859be3c2ed00931ec3379d9d',
       class: this.class,
       innerHTML: upDonw
     });

package/eds-icon-user.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconUser = class {
   }
   render() {
     return h("span", {
-      key: '297e73664320032b2f78dd3c43aa0852545c0723',
+      key: '24acd317006255e7a5b29bd70b667c8ca9271f6c',
       class: this.class,
       innerHTML: user
     });

package/eds-icon-view.entry.esm.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { v as view } from './view-e900f2d4.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '652ea6ae2a82611114e71ed2d2422ad579f7ab54',
+      class: this.class,
+      innerHTML: view
+    });
+  }
+};
+
+export { EdsIconView as eds_icon_view };

package/eds-icon-youtube.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
   }
   render() {
     return h("span", {
-      key: '0a6abd6b62e24c07b4338f0f1f6febbec876791f',
+      key: '6f1d0b5e073ef4d754aecb600a8578fc59950496',
       class: this.class,
       innerHTML: youtube
     });

package/eds-modal.entry.esm.js

@@ -0,0 +1,150 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+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 EdsModalStyle0 = edsModalCss;
+const EdsModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.heading = '';
+    this.truncate = 1;
+    this.position = 'middle';
+    this.inverseHeader = false;
+    this.isOpen = false;
+  }
+  getTruncateClass() {
+    return this.truncate ? `line-clamp-${this.truncate}` : '';
+  }
+  /**
+   * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
+   *
+   * @private
+   * @returns {string} The concatenated CSS classes for modal positioning.
+   */
+  getModalPositionClasses() {
+    switch (this.position) {
+      case 'top':
+        return [
+        // mobile: pinned to top, full-width
+        'top-0', 'left-0', 'w-full',
+        // desktop: half-width centred and offset down
+        'md:left-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:top-20'].join(' ');
+      case 'bottom':
+        return ['bottom-0', 'left-0', 'w-full', 'md:left-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:bottom-20'].join(' ');
+      /*case 'left':
+        …
+      case 'right':
+        …*/
+      case 'middle':
+      default:
+        return [
+        // mobile: full-width, start from top with a little padding
+        'top-0', 'left-0', 'w-full', 'pt-4',
+        // desktop: centred both axes
+        'md:left-1/2', 'md:top-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:-translate-y-1/2'].join(' ');
+    }
+  }
+  /**
+   * Opens the modal.
+   */
+  async open() {
+    var _a;
+    this.isOpen = true;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'opened'
+    });
+  }
+  /**
+   * Closes the modal.
+   */
+  async close() {
+    var _a;
+    this.isOpen = false;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'closed'
+    });
+  }
+  /**
+   * Toggles the modal open or closed.
+   */
+  async toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  /**
+   * Listens for global custom events to open the modal.
+   */
+  handleGlobalOpen() {
+    this.open();
+  }
+  /**
+   * Listens for global custom events to close the modal.
+   */
+  handleGlobalClose() {
+    this.close();
+  }
+  /**
+   * Closes the modal when the Escape key is pressed.
+   */
+  handleKeyDown(event) {
+    if (this.isOpen && event.key === 'Escape') {
+      this.close();
+    }
+  }
+  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 h("div", {
+      key: '14c35228e2aaf72d59f1766fd8e69fcd06ea5270',
+      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: '34b5dad3a31cd9a66135ce9d93d48215712529b9',
+      class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+      ,
+
+      onClick: () => this.close()
+    }), h("div", {
+      key: '5268780d170f080404d2c3ab0bb3f355b50895cb',
+      class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
+    }, h("div", {
+      key: '20c094f3fb3cd31280118d687dec311a8aa59f57',
+      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: 'de7ff288945cd6e0a8c97d9c40cf02cc5ba4ea41',
+      id: titleId,
+      class: `f-heading-04 ${this.getTruncateClass()}`
+    }, this.heading), h("eds-button", {
+      key: 'a46dc51081ad99856cfa81ccdf2ab060f644c7cb',
+      intent: "tertiary",
+      icon: "close",
+      "aria-label": "Close modal",
+      onClick: () => this.close(),
+      "extra-class": "ml-8 text-default"
+    })), h("div", {
+      key: '45557580b90ae4f5d176eaa4805ce527d6e59eec',
+      class: "pt-8 px-20 py-20"
+    }, h("slot", {
+      key: 'b67c888a32c615c5073768ec3cd4e342a34a84c6'
+    }))));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsModal.style = EdsModalStyle0;
+
+export { EdsModal as eds_modal };

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: '4d1905ce42ee1b539519c8bdbcc9cf8d8aad9f03',
+      key: '2a620231eaa84ba7e89e05da48175624fdc92d31',
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
       "aria-valuetext": `${progressValue}%`,
       class: outerClasses
     }, h("div", {
-      key: '7feec42063d2111f68e9957e1b5ca5550df284d0',
+      key: '660e2c84ad358c0de1d9548b730308505e79bcd6',
       class: fillClasses,
       style: {
         width: `${progressValue}%`
       }
     }), h("div", {
-      key: '13ab32e048f0b9e68e8bef96775b5204b653ed95',
+      key: '4d0fa2a209d315b658f80906b95a0bf255c82c78',
       class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
     }, h("span", {
-      key: 'e46641bd65faf5ae4fb3a3c0542d312c9e9f1565',
+      key: '0d423e16659d84b2d050f7d60ced4aefeeef9022',
       class: "text-default f-body-02"
     }, progressValue, "%")));
   }

package/eds-section-core_2.entry.esm.js

@@ -15,13 +15,13 @@ const EdsSectionCore = class {
   render() {
     const TagType = this.tag; // Set dynamic tag type (div or section)
     return h(TagType, {
-      key: '0593fd387e636b25fd817a985db481b654ef169b'
+      key: 'b77b5af1c6f3acbc2696a9608b55199ed4110d71'
     }, h("eds-section-heading", {
-      key: '98805f9d6bdeb1a10f351d6d8277e7fb877b0e63',
+      key: '464dd4c67d69d1ef3ed1d932081c3195a2b51503',
       headingLevel: this.headingLevel,
       sectionTitle: this.sectionTitle
     }), h("slot", {
-      key: '6432856b8bf5f311a42406f4c6126982b2e05cf1'
+      key: 'b5dbd4f55aee2df3bcbc44e21a134544ffd733f7'
     }));
   }
 };
@@ -52,7 +52,7 @@ const EdsSectionHeading = class {
     const TagType = this.tag; // Dynamically set tag type for the container
     const HeadingTag = this.headingLevel; // Dynamically set heading level
     return h(TagType, {
-      key: '4fa6ecdd941eb943faa7311e94d9b67b63273414',
+      key: '4ae69ea354156a0e35a8884a63d7556ead8ada24',
       class: {
         'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
         container: this.withContainer,
@@ -60,7 +60,7 @@ const EdsSectionHeading = class {
         'pt-28': !this.spacingLarge
       }
     }, h(HeadingTag, {
-      key: '945d7d615601806d670ab666971bc6b07e1f442c',
+      key: 'a3549fb733687c3ff31f17bdc362275eb0b29e31',
       class: this.getHeadingClass()
     }, this.sectionTitle));
   }