@ebrains/react 1.0.0 → 1.1.0

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

@@ -11,7 +11,7 @@ const EdsIconChevronUp = class {
   }
   render() {
     return h("span", {
-      key: 'cc552d780188b225d16fd18ec33a22b0fbbd9660',
+      key: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6',
       class: this.class,
       innerHTML: chevronUp
     });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -11,7 +11,7 @@ const EdsIconSuccess = class {
   }
   render() {
     return h("span", {
-      key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d',
+      key: 'd78b06493302958306d408d823f4a7703d9b9adc',
       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: 'c60c3e5180cd900ce290448563fc476264ba1fe5',
+      key: '84e6d8cff80004a650c6d0fc6b9702cf1ca85ba2',
       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: 'eee2fdd0cdf1e9735e90f34c6bb090f3df67eb49',
+      key: '5f5198ad92684dc173d603499b485e7d0ca8811b',
       class: this.class,
       innerHTML: thumbsUp
     });

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

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

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

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

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

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

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

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

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

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

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

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

package/eds-pie.entry.esm.js

@@ -0,0 +1,131 @@
+import { r as registerInstance, h, H as Host } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsPieCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.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-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.text-default{color:var(--black)}.w-8{width:0.5rem}.h-8{height:0.5rem}.mr-4{margin-right:0.25rem}:host{display:block}.wrapper{display:flex;align-items:center;justify-content:center;height:100%}.pie-chart{overflow:visible}.slice-label{font-size:var(--font-size-chart-label);font-weight:var(--font-weight-chart-label);fill:var(--color-text);pointer-events:none}.legend{list-style:none;margin:0;padding:0 0 0 1rem}.legend-item{display:flex;align-items:center;margin-bottom:0.5rem;outline:none}.legend-item:focus{outline:2px dashed var(--color-primary)}.legend-swatch{width:1rem;height:1rem;border-radius:50%;margin-right:0.5rem}.legend-label{font-size:var(--font-size-base);color:var(--color-text)}";
+const EdsPieStyle0 = edsPieCss;
+const EdsPie = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.size = 200;
+    this.slices = [];
+    this.thickness = 1;
+    this.display = 'value';
+    this.legend = true;
+    this.colorScheme = 'semantic';
+  }
+  parseSlices() {
+    if (typeof this.slices === 'string') {
+      try {
+        return JSON.parse(this.slices);
+      } catch (_a) {
+        // eslint-disable-next-line
+        console.warn('eds-pie: invalid slices JSON');
+      }
+    }
+    return Array.isArray(this.slices) ? this.slices : [];
+  }
+  polarToCartesian(cx, cy, r, angle) {
+    const rad = (angle - 90) * (Math.PI / 180);
+    return {
+      x: cx + r * Math.cos(rad),
+      y: cy + r * Math.sin(rad)
+    };
+  }
+  describeArc(x, y, r, startAngle, endAngle) {
+    const start = this.polarToCartesian(x, y, r, endAngle);
+    const end = this.polarToCartesian(x, y, r, startAngle);
+    const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
+    return [`M ${start.x} ${start.y}`, `A ${r} ${r} 0 ${largeArcFlag} 0 ${end.x} ${end.y}`, `L ${x} ${y}`, 'Z'].join(' ');
+  }
+  render() {
+    const raw = this.parseSlices();
+    if (raw.length > EdsPie.MAX_SLICES) {
+      // eslint-disable-next-line
+      console.warn(`eds-pie: too many slices (${raw.length}), results may overlap.`);
+    }
+    const total = raw.reduce((sum, s) => sum + s.value, 0) || 1;
+    const palette = [...EdsPie.PALETTES[this.colorScheme]];
+    const sorted = [...raw].sort((a, b) => b.value - a.value);
+    let cumulative = 0;
+    const processed = sorted.map(s => {
+      const angle = s.value / total * 360;
+      const start = cumulative,
+        end = cumulative + angle;
+      cumulative = end;
+      const color = s.color || palette.shift() || 'var(--color-chart-neutral-1)';
+      return Object.assign(Object.assign({}, s), {
+        start,
+        end,
+        color
+      });
+    });
+    const diameter = this.size;
+    const radius = diameter / 2;
+    // clamp into [0.5, 1]
+    const tClamped = Math.min(Math.max(this.thickness, 0.5), 1);
+    const innerRadius = radius * (1 - tClamped);
+    const outerRadius = radius;
+    // **replace** the previous labelRadius line with this:
+    const labelRadius = (radius + innerRadius) / 2;
+    // Build ARIA description
+    const ariaLabel = processed.map(s => `${s.label}: ${this.display === 'percent' ? `${Math.round(s.value / total * 100)}%` : s.value}`).join(', ');
+    return h(Host, null, h("div", {
+      class: "wrapper"
+    }, h("svg", {
+      width: diameter,
+      height: diameter,
+      role: "img",
+      "aria-label": `Pie chart: ${ariaLabel}`,
+      class: "pie-chart"
+    }, h("title", null, "Pie chart"), h("g", null, processed.map(s => h("path", {
+      key: s.id,
+      d: this.describeArc(radius, radius, outerRadius, s.start, s.end),
+      fill: s.color
+    })), innerRadius > 0 && h("circle", {
+      cx: radius,
+      cy: radius,
+      r: innerRadius,
+      fill: "var(--white)"
+    }), processed.map(s => {
+      const midAngle = s.start + (s.end - s.start) / 2;
+      const {
+        x,
+        y
+      } = this.polarToCartesian(radius, radius, labelRadius, midAngle);
+      const text = this.display === 'percent' ? `${Math.round(s.value / total * 100)}%` : String(s.value);
+      return h("text", {
+        key: s.id,
+        x: x,
+        y: y,
+        class: "f-ui-02",
+        "text-anchor": "middle",
+        "alignment-baseline": "middle"
+      }, text);
+    }))), this.legend && h("ul", {
+      class: "legend",
+      role: "list"
+    }, processed.map(s => h("li", {
+      key: s.id,
+      role: "listitem",
+      tabindex: "0",
+      class: "legend-item"
+    }, h("span", {
+      class: "legend-swatch",
+      style: {
+        backgroundColor: s.color
+      }
+    }), h("span", {
+      class: "legend-label"
+    }, s.label))))));
+  }
+};
+EdsPie.MAX_SLICES = 9;
+EdsPie.PALETTES = {
+  semantic: ['var(--color-chart-accent)', 'var(--color-chart-strong)', 'var(--color-chart-accent-dark)', 'var(--color-chart-lighter)', 'var(--color-chart-accent-light)', 'var(--color-chart-lightest)', 'var(--color-chart-accent-lighter)', 'var(--color-chart-darker)', 'var(--color-chart-accent-lightest)'],
+  mono: ['var(--grey-700)', 'var(--grey-500)', 'var(--grey-300)', 'var(--grey-100)', 'var(--grey-800)', 'var(--grey-600)', 'var(--grey-400)', 'var(--grey-200)', 'var(--grey-900)']
+};
+EdsPie.style = EdsPieStyle0;
+
+export { EdsPie as eds_pie };

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: '8760afff9f85f05fec52b0a7fb668661e49dc06f',
+      key: '3360c1a9e61c83fee5312d007f6d2965a8983eba',
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
       "aria-valuetext": `${progressValue}%`,
       class: outerClasses
     }, h("div", {
-      key: '06165b69fe7e170f4f61d9f95b5a44342d4ee67a',
+      key: '7210dc5931f08626b286c30ae790a3a864533632',
       class: fillClasses,
       style: {
         width: `${progressValue}%`
       }
     }), h("div", {
-      key: '0c48e65c5a6cb0b4dff7a7e3e248052cdc29957d',
+      key: '7586cd593b4e851f4605ad33b96781841ee0b1aa',
       class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
     }, h("span", {
-      key: 'fc6f7396cf741ba18d1b5d065bdd1b7bfff12abe',
+      key: '21fa3de543e5e717ed4fd76c689aa47c3fa6a853',
       class: "text-default f-body-02"
     }, progressValue, "%")));
   }

package/eds-rating.entry.esm.js

@@ -48,7 +48,7 @@ const EdsRating = class {
   }
   render() {
     return h("div", {
-      key: '685ac01e4db577b07d00030b0c25e10b9b0defa8',
+      key: '6686575f0b8b9017bf19b105208f6adbfd46dabd',
       role: "radiogroup",
       class: "stars flex space-x-1 my-8"
     }, Array.from({

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: 'ff0b28dffb8aca2ad0ac1ee3eea7ebda75078f96'
+      key: '43f8d599041ae0c9761988fdec4872ec4a8ca037'
     }, h("eds-section-heading", {
-      key: '23e9bb2b084c6b8a534dd310fbe10e0de0211187',
+      key: 'd120ddd851a0485e2edb43e2a6f508a661f35c07',
       headingLevel: this.headingLevel,
       sectionTitle: this.sectionTitle
     }), h("slot", {
-      key: '9cae6378bdb5304191d393967025570f94fdcdb2'
+      key: '9818b82a3eebcb741f5bccc9781e4212f2c5fa3d'
     }));
   }
 };
@@ -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: 'bb32f87fd944ebf08ebcde3980c18cd4bed18783',
+      key: '740ed8b3208e07091a1f4c79888e172dec33773a',
       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: '0cd8ea8aada58e30675579c82ba130b40257c7c6',
+      key: '4d4ceef35b7cb06bfbff2fdae47e66dd7ac10c49',
       class: this.getHeadingClass()
     }, this.sectionTitle));
   }

package/eds-spinner.entry.esm.js

@@ -50,13 +50,13 @@ const EdsSpinner = class {
       justifyContent: 'center'
     };
     return h(Host, {
-      key: '214876a56949c147e74c1a7072406234c2fb1a02'
+      key: 'f687ccbbb05840b7699202f3758ec4a8d0de1bc4'
     }, h("div", {
-      key: 'b75b639fa38aafaf13e1eb727e28c5e67f3edafe',
+      key: '4bb5c697f1ccd90d2d65d519fcfb3ec809b106ac',
       class: "spinner-overlay",
       style: overlayStyle
     }, h("span", {
-      key: '87ba2ef7e1e9601ac0ae8132e9c891b4149a20b5',
+      key: 'a07722d9ee9c94d03d9766a4b297a498998c00be',
       class: "spinner",
       style: spinnerStyle
     })));

package/eds-switch.entry.esm.js

@@ -32,13 +32,13 @@ const EdsSwitch = class {
     // Compute an accessible name based on state.
     const accessibleLabel = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : 'Toggle switch';
     return h("div", {
-      key: '442876be1bad7ea8c9e383bc68b192a2744c38f9',
+      key: '385c1463b11e83ff5b982218e0f28c54299210fd',
       class: "switch-container"
     }, this.labelOff && h("span", {
-      key: 'e4a7b01c0188d26e5b6524741b1c8ef66e357e35',
+      key: 'f7e825a34487a1cec466b5172d77c2802029607c',
       class: "switch-label switch-label--off mr-8"
     }, this.labelOff), h("button", {
-      key: 'f56b3762622671acf793568a96567193c38999c7',
+      key: 'fd1e8ffab675ee79edc6b99de4dfff42545d91af',
       type: "button",
       role: "switch",
       "aria-checked": this.checked ? 'true' : 'false',
@@ -52,10 +52,10 @@ const EdsSwitch = class {
       onClick: this.toggleSwitch,
       disabled: this.disabled
     }, h("span", {
-      key: 'b76e89a1e37130542dd86ce3aed8c5690aeeda63',
+      key: '0d185957ffe2577ffc8798c298820c84c838a2a4',
       class: "switch-handle"
     })), this.labelOn && h("span", {
-      key: '4e5d4f8a2f19bb612a17fa73e441e7e718b71508',
+      key: 'f12b752ff94a363bb9593bd00cf43e7110e4399e',
       class: "switch-label switch-label--on ml-8"
     }, this.labelOn));
   }

package/eds-tooltip.entry.esm.js

@@ -0,0 +1,41 @@
+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 edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.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)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{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-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))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.bottom-full{bottom:100%}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}";
+const EdsTooltipStyle0 = edsTooltipCss;
+const EdsTooltip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.content = undefined;
+  }
+  /** fire analytics on every hover */
+  handleHover() {
+    sendAnalytics({
+      category: 'ui-component',
+      tag: this.el.tagName.toLowerCase(),
+      name: this.content.toLowerCase(),
+      action: 'hover'
+    });
+  }
+  render() {
+    return h("div", {
+      key: 'cf17cd61cd5888d6ea12bf6be0fb8c841072b4d6',
+      class: "relative inline-block group"
+    }, h("slot", {
+      key: '7a41d90940fff4e8b887ec4a3240371466f219a5'
+    }), h("div", {
+      key: 'ccf06592f4c977030b0cf54cce48d13889c059f3',
+      class: "absolute bottom-full left-1/2 \n            transform -translate-x-1/2 mb-2\n            rounded-xs bg-strongest text-inverse \n            f-ui-03-light pointer-events-none \n            z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out\n            group-hover:opacity-100",
+      role: "tooltip"
+    }, this.content));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsTooltip.style = EdsTooltipStyle0;
+
+export { EdsTooltip as eds_tooltip };