@ebrains/react 0.9.1-beta → 0.9.2-beta

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

@@ -1,62 +0,0 @@
-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: '0ca6de02db6bd537c7efe007c898480d07f69bc6',
-      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

@@ -1,92 +0,0 @@
-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

@@ -1,125 +0,0 @@
-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: '61455282a8a27a420e571ddb0abd31b6761d12ff',
-      class: "relative"
-    }, h("slot", {
-      key: '8a29dd5f74c6a497111786fadcad766e410a1e34'
-    }), this.isVisible && this.isPositioned && this.content && h("div", {
-      key: '34e5eef506a0d203e898027275c96f2dc3d3bd92',
-      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

@@ -1,68 +0,0 @@
-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: '00a54a2865be6f24f9b67bd47008551070c45438',
-      class: "container mx-auto px-4 py-8"
-    }, h("eds-table", {
-      key: '5f60e2a9e4b6bb3b16981c4be01269cd3d985086',
-      "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

@@ -1,30 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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: '80253e3c155668ddc9ff17644feba21c6bbda657',
-      class: "container"
-    }, h("eds-alert", {
-      key: '6ebf1dbef8a8f24dd55b113225780d3763f240df',
-      message: "Note that, each of the four colour tones cannot be mixed in the same composition.",
-      intent: "error"
-    }), h("div", {
-      key: '749dff3be5134a9f314b285c11610eea9a4f4600',
-      class: "flex"
-    }, h("div", {
-      key: 'd46d147fb0b9fab7a7965015892de54f34d69e11',
-      class: "w-full"
-    }, h("ul", {
-      key: 'acb6ad9453e4e1324255a021bf42e52af29eae4f',
-      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: '42dc313b4347957c970f072167173ab564a8d4c0',
-      class: "w-full"
-    }, h("ul", {
-      key: '89328173141957bedfe051dbba174eaa0ff903d2',
-      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

@@ -1,58 +0,0 @@
-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

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

package/index.esm.js

@@ -1,4 +0,0 @@
-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';