@ebrains/react 0.9.2-beta → 0.9.3-beta

package/eds-toast-manager.entry.esm.js

@@ -0,0 +1,62 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { t as toast } from './toastManager-d9eee791.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsToastManagerCss = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";
+const EdsToastManagerStyle0 = edsToastManagerCss;
+const EdsToastManager = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.toastId = 0;
+    this.toasts = [];
+  }
+  connectedCallback() {
+    // Initialize the ToastManager singleton with this element
+    toast.init(this.hostElement);
+    // Listen for custom events
+    this.hostElement.addEventListener('show-toast', event => {
+      const {
+        message,
+        intent
+      } = event.detail;
+      this.addToast(message, intent);
+    });
+  }
+  /**
+   * Adds a new toast.
+   */
+  addToast(message, intent) {
+    const id = this.toastId++;
+    this.toasts = [...this.toasts, {
+      id,
+      message,
+      intent
+    }];
+  }
+  /**
+   * Removes a toast by ID.
+   */
+  removeToast(id) {
+    this.toasts = this.toasts.filter(t => t.id !== id);
+  }
+  render() {
+    return h("div", {
+      key: 'cc2aa94e01507dc8c27e82dfa550af5da6eaba3e',
+      class: "toast-container"
+    }, this.toasts.map(t => h("div", {
+      key: t.id
+    }, h("eds-toast", {
+      message: t.message,
+      intent: t.intent,
+      onClick: () => this.removeToast(t.id)
+    }))));
+  }
+  get hostElement() {
+    return getElement(this);
+  }
+};
+EdsToastManager.style = EdsToastManagerStyle0;
+
+export { EdsToastManager as eds_toast_manager };

package/eds-toast.entry.esm.js

@@ -0,0 +1,92 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { c as cva } from './index-39c58238.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+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 right-4 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);
+    /**
+     * Dismisses the toast.
+     */
+    this.dismissToast = () => {
+      this.visible = false;
+    };
+    this.message = undefined;
+    this.intent = 'default';
+    this.duration = 5000;
+    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() {
+    // Auto-dismiss the toast after the specified duration
+    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;
+
+export { EdsToast as eds_toast };

package/eds-tooltip.entry.esm.js

@@ -0,0 +1,125 @@
+import { r as registerInstance, h, g as getElement } from './index.esm2.js';
+import { s as sendAnalytics } from './analytics-44b1416b.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-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))}.-translate-y-full{--tw-translate-y:-100%;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}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";
+const EdsTooltipStyle0 = edsTooltipCss;
+const EdsTooltip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.content = undefined;
+    this.position = 'above';
+    this.isVisible = false;
+    this.isPositioned = false;
+    this.tooltipStyle = {
+      top: '0px',
+      left: '0px',
+      transform: ''
+    };
+  }
+  /**
+   * Show the tooltip and update its position.
+   */
+  async showTooltip() {
+    var _a;
+    await this.updateTooltipPosition();
+    this.isPositioned = true;
+    this.isVisible = true;
+    sendAnalytics({
+      category: 'ui-component',
+      parentContext: null,
+      tag: this.el.tagName.toLowerCase(),
+      name: ((_a = this.content) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+      action: 'hover'
+    });
+  }
+  /**
+   * Hide the tooltip.
+   */
+  hideTooltip() {
+    this.isVisible = false;
+    this.isPositioned = false; // Reset positioning when hiding
+  }
+  /**
+   * Hide the tooltip when the `Escape` key is pressed.
+   */
+  handleKeyPress(event) {
+    if (event.key === 'Escape') {
+      this.isVisible = false;
+      this.isPositioned = false; // Reset positioning when hiding
+    }
+  }
+  /**
+   * Update the tooltip's position dynamically based on the slotted element's dimensions and position.
+   */
+  updateTooltipPosition() {
+    var _a, _b;
+    const slotElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+    if (!slotElement) {
+      return;
+    }
+    const assignedNodes = (slotElement === null || slotElement === void 0 ? void 0 : slotElement.assignedNodes({
+      flatten: true
+    })) || [];
+    const targetElement = assignedNodes.find(node => node instanceof HTMLElement);
+    if (targetElement) {
+      const targetRect = targetElement.getBoundingClientRect();
+      const tooltipElement = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('[role="tooltip"]');
+      if (tooltipElement) {
+        const tooltipWidth = tooltipElement.offsetWidth;
+        const tooltipHeight = tooltipElement.offsetHeight;
+        // Calculate position based on the preferred `position` prop
+        let top = 0;
+        let left = 0;
+        switch (this.position) {
+          case 'above':
+            top = window.scrollY - tooltipHeight - 8; // Above with offset
+            left = targetRect.left + targetRect.width / 2 - tooltipWidth / 2; // Centered horizontally
+            break;
+          case 'below':
+            top = tooltipHeight - window.scrollY + 18; // Below with offset
+            left = targetRect.left + targetRect.width / 2 - tooltipWidth / 2; // Centered horizontally
+            break;
+          /*case 'left':
+            top = targetRect.top - window.scrollY + targetRect.height / 2 - tooltipHeight / 2; // Centered vertically
+            left = targetRect.left - tooltipWidth - 8; // To the left with offset
+            break;
+          case 'right':
+            top = targetRect.top - window.scrollY + targetRect.height / 2 - tooltipHeight / 2; // Centered vertically
+            left = targetRect.right + 8; // To the right with offset
+            break;*/
+        }
+        this.tooltipStyle = {
+          top: `${top}px`,
+          left: `${left}px`,
+          transform: 'translateX(0)' // No additional horizontal adjustment needed
+        };
+      }
+    }
+  }
+  render() {
+    return h("div", {
+      key: '7bc92c002eaf263a2d10a2391f356f40e23d5998',
+      class: "relative"
+    }, h("slot", {
+      key: 'cc8126196b03fd02bb17701aa4f55d4a406f685a'
+    }), this.isVisible && this.isPositioned && this.content && h("div", {
+      key: '00d854649ef43b958081bbb336319a537c181574',
+      class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",
+      role: "tooltip",
+      style: {
+        top: this.tooltipStyle.top,
+        left: this.tooltipStyle.left,
+        transform: this.tooltipStyle.transform
+      }
+    }, this.content));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsTooltip.style = EdsTooltipStyle0;
+
+export { EdsTooltip as eds_tooltip };

package/eds-trl.entry.esm.js

@@ -0,0 +1,68 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsTrl = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.applications = undefined;
+  }
+  getParsedApplications() {
+    let apps = [];
+    // If applications is a string, attempt to parse it as JSON.
+    if (typeof this.applications === 'string') {
+      try {
+        apps = JSON.parse(this.applications || '[]');
+      } catch (error) {
+        // eslint-disable-next-line
+        console.error('Invalid applications trl JSON', error);
+        apps = [];
+      }
+    }
+    // If applications is already an array, use it directly.
+    else if (Array.isArray(this.applications)) {
+      apps = this.applications;
+    }
+    return apps;
+  }
+  calculateProgress(currentTrl) {
+    const maxTrl = 9;
+    return Math.ceil(currentTrl / maxTrl * 100); // Calculate percentage and round up
+  }
+  render() {
+    const apps = this.getParsedApplications();
+    // Map applications into table-friendly data.
+    const tableData = apps.map(app => ({
+      Application: app.name,
+      'Current TRL Stage': `TRL ${app.currentTrl}`,
+      Progress: h("div", {
+        class: "w-[200px]"
+      }, h("eds-progress-bar", {
+        value: this.calculateProgress(app.currentTrl)
+      }))
+    }));
+    const tableConfig = {
+      Application: {
+        format: 'code'
+      },
+      'Current TRL Stage': {
+        format: 'text'
+      }
+    };
+    return h("div", {
+      key: '7f2775e107e053cf1e8091f97915e6bc372c3954',
+      class: "container mx-auto px-4 py-8"
+    }, h("eds-table", {
+      key: '9576b1c5dc72335ef0f7158fa4eaa44835acd8db',
+      "table-data": JSON.stringify(tableData),
+      config: JSON.stringify(tableConfig),
+      "rows-per-page": "2",
+      "pagination-enabled": "true",
+      "search-enabled": "true",
+      "column-size": "default"
+    }));
+  }
+};
+
+export { EdsTrl as eds_trl };

package/eu-9ddde93a.esm.js

@@ -0,0 +1,30 @@
+const euSvg = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;
+
+export { euSvg as e };

package/facebook-9cb5c17f.esm.js

@@ -0,0 +1,14 @@
+const facebook = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { facebook as f };

package/incorrect-use-of-colors.entry.esm.js

@@ -0,0 +1,71 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const primary = [{
+  background: '#9CE142'
+}, {
+  background: '#00C959'
+}, {
+  background: '#00A595'
+}];
+const purple = [{
+  background: '#C461FF'
+}, {
+  background: '#5D3DF9'
+}];
+const red = [{
+  background: '#FFA543'
+}, {
+  background: '#FF4D68'
+}];
+const incorrect = [{
+  background: '#3FA9F5'
+}, ...purple, ...red];
+const IncorrectUseOfColors = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h("div", {
+      key: '1cfc3c78012371498476886214e85fbf6e387626',
+      class: "container"
+    }, h("eds-alert", {
+      key: '33449eeae0bca270a82d32de75d5d7c54d8b8c6c',
+      message: "Note that, each of the four colour tones cannot be mixed in the same composition.",
+      intent: "error"
+    }), h("div", {
+      key: 'd436f34bf074c175c6308b822c820604a5e272bc',
+      class: "flex"
+    }, h("div", {
+      key: '5f839c0f214b774f13af1499fe3e5f8485f959c5',
+      class: "w-full"
+    }, h("ul", {
+      key: '5cbb81288c0e61431aed523d77f2c6d231c8ce7e',
+      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, primary.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    }))))), h("div", {
+      key: '3622c7c8376208843d3e59c6548e41d9ca8c2b21',
+      class: "w-full"
+    }, h("ul", {
+      key: 'd74e34f45e1d377be5f1087a345dee219b1fc5a3',
+      class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
+    }, incorrect.map(color => h("li", {
+      class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
+    }, h("div", {
+      class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16",
+      style: {
+        backgroundColor: color.background
+      }
+    })))))));
+  }
+};
+
+export { IncorrectUseOfColors as incorrect_use_of_colors };

package/index-39c58238.esm.js

@@ -0,0 +1,58 @@
+function r(e) {
+  var t,
+    f,
+    n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+const falsyToString = value => typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config) => {
+  return props => {
+    var ref;
+    if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+    const {
+      variants,
+      defaultVariants
+    } = config;
+    const getVariantClassNames = Object.keys(variants).map(variant => {
+      const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+      const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+      if (variantProp === null) return null;
+      const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+      return variants[variant][variantKey];
+    });
+    const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+      let [key, value] = param;
+      if (value === undefined) {
+        return acc;
+      }
+      acc[key] = value;
+      return acc;
+    }, {});
+    const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1) => {
+      let {
+        class: cvClass,
+        className: cvClassName,
+        ...compoundVariantOptions
+      } = param1;
+      return Object.entries(compoundVariantOptions).every(param => {
+        let [key, value] = param;
+        return Array.isArray(value) ? value.includes({
+          ...defaultVariants,
+          ...propsWithoutUndefined
+        }[key]) : {
+          ...defaultVariants,
+          ...propsWithoutUndefined
+        }[key] === value;
+      }) ? [...acc, cvClass, cvClassName] : acc;
+    }, []);
+    return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  };
+};
+
+export { cva as c };

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.esm.js

@@ -0,0 +1,4 @@
+export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsHeader, s as EdsIconWrapper, t as EdsImg, u as EdsInputField, v as EdsLink, w as EdsLogo, x as EdsMatomoNotice, y as EdsModal, z as EdsPagination, A as EdsProgressBar, B as EdsRating, C as EdsSectionCore, D as EdsSocialNetworks, F as EdsSpinner, G as EdsSplashScreen, I as EdsSteps, J as EdsStepsV2, K as EdsSwitch, L as EdsTable, M as EdsTabs, N as EdsTag, O as EdsTimeline, P as EdsToast, Q as EdsTooltip, R as EdsUser } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';