@vertexvis/ui 0.1.5-canary.6 → 1.0.0-testing.0

package/dist/components/vertex-help-tooltip.js

@@ -1,67 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './menu.js';
-import { d as defineCustomElement$2 } from './popover.js';
-
-const helpTooltipCss = ".root{margin:var(--padding-4)}.header{margin-bottom:var(--padding-2);font-size:0.95em;font-weight:normal;color:var(--neutral-800)}.body,.learn-more{width:225px;font-size:0.85em;color:var(--neutral-700);line-height:1.2em}.learn-more{margin-top:var(--padding-4);color:var(--blue-700);text-align:right}";
-
-const HelpTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.menuOpened = createEvent(this, "menuOpened", 7);
-    this.menuClosed = createEvent(this, "menuClosed", 7);
-    this.animated = true;
-    this.placement = 'bottom-end';
-    this.open = false;
-    this.handleClick = this.handleClick.bind(this);
-    this.handleMenuClosed = this.handleMenuClosed.bind(this);
-  }
-  render() {
-    return (h("vertex-menu", { open: this.open, animated: this.animated, placement: this.placement, onMenuClosed: this.handleMenuClosed }, h("div", { slot: "anchor", onClick: this.handleClick }, h("slot", { name: "anchor" })), h("div", { class: "root" }, h("div", { slot: "header", class: "header" }, h("slot", { name: "header" })), h("div", { class: "body" }, h("slot", { name: "body" })), h("div", { class: "learn-more" }, h("slot", { name: "learnMore" })))));
-  }
-  handleClick(e) {
-    if (!this.open) {
-      this.open = true;
-      this.menuOpened.emit(e);
-    }
-  }
-  handleMenuClosed() {
-    this.open = false;
-    this.menuClosed.emit();
-  }
-  static get style() { return helpTooltipCss; }
-}, [1, "vertex-help-tooltip", {
-    "animated": [4],
-    "placement": [1],
-    "open": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-help-tooltip", "vertex-menu", "vertex-popover"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-help-tooltip":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HelpTooltip);
-      }
-      break;
-    case "vertex-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "vertex-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexHelpTooltip = HelpTooltip;
-const defineCustomElement = defineCustomElement$1;
-
-export { HelpTooltip as H, VertexHelpTooltip, defineCustomElement };
+import{H as o,d as s}from"./p-_3Hgy0Z4.js";const p=o,r=s;export{p as VertexHelpTooltip,r as defineCustomElement}

package/dist/components/vertex-icon-button.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexIconButton extends Components.VertexIconButton, HTMLElement {}
 export const VertexIconButton: {
-  prototype: VertexIconButton;
-  new (): VertexIconButton;
+    prototype: VertexIconButton;
+    new (): VertexIconButton;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-icon-button.js

@@ -1,6 +1 @@
-import { I as IconButton, d as defineCustomElement$1 } from './icon-button.js';
-
-const VertexIconButton = IconButton;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexIconButton, defineCustomElement };
+import{I as o,d as s}from"./p-BLc3P-0q.js";const p=o,r=s;export{p as VertexIconButton,r as defineCustomElement}

package/dist/components/vertex-icon.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexIcon extends Components.VertexIcon, HTMLElement {}
 export const VertexIcon: {
-  prototype: VertexIcon;
-  new (): VertexIcon;
+    prototype: VertexIcon;
+    new (): VertexIcon;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-icon.js

@@ -1,6 +1 @@
-import { I as Icon, d as defineCustomElement$1 } from './icon.js';
-
-const VertexIcon = Icon;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexIcon, defineCustomElement };
+import{I as o,d as r}from"./p-C1qwHMcr.js";const s=o,p=r;export{s as VertexIcon,p as defineCustomElement}

package/dist/components/vertex-logo-loading.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexLogoLoading extends Components.VertexLogoLoading, HTMLElement {}
 export const VertexLogoLoading: {
-  prototype: VertexLogoLoading;
-  new (): VertexLogoLoading;
+    prototype: VertexLogoLoading;
+    new (): VertexLogoLoading;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-logo-loading.js

@@ -1,34 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const logoLoadingCss = "@keyframes color-loading{0%{transform:translate(30px, -50px)}10%{transform:translateY(0)}70%{opacity:1}75%,100%{opacity:0}}@keyframes center-loading{0%{transform:translate(-30px, 50px)}10%{transform:translate(0, 0)}70%{opacity:1}75%,100%{opacity:0}}.container{width:100%;height:100%}.visual-center{transform:translateX(7%)}.color-loading-fill{animation:color-loading 2.5s infinite linear}.center-loading-fill{animation:center-loading 2.5s infinite linear}";
-
-const LogoLoading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h("div", { class: "container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 100 100" }, h("defs", null, h("mask", { id: "orange-loading-diamond" }, h("polygon", { points: "70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7", fill: "#fff", class: "color-loading-fill" })), h("mask", { id: "blue-loading-diamond" }, h("polygon", { points: "16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04", fill: "#fff", class: "color-loading-fill" })), h("mask", { id: "green-loading-diamond" }, h("polygon", { points: "16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53", fill: "#fff", class: "color-loading-fill" })), h("mask", { id: "left-center-loading-diamond" }, h("polygon", { points: "29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18", fill: "#fff", class: "center-loading-fill" })), h("mask", { id: "right-center-loading-diamond" }, h("polygon", { points: "43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78", fill: "#fff", class: "center-loading-fill" }))), h("polyline", { points: "57.09 27.11 70.75 50.7 70.67 50.84 57.09 74.45 84.32 74.42 98 50.66 84.34 27.08 57.09 27.11", fill: "#f90" }), h("polyline", { mask: "url(#orange-loading-diamond)", points: "70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7", fill: "#d37f00" }), h("polygon", { points: "29.68 74.44 57.09 74.45 43.46 98.05 16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44", fill: "#09c" }), h("polygon", { mask: "url(#blue-loading-diamond)", points: "16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04", fill: "#007fa9" }), h("polygon", { points: "29.68 27.12 57.09 27.11 43.46 3.52 16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12", fill: "#00b600" }), h("polygon", { mask: "url(#green-loading-diamond)", points: "16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53", fill: "#009700" }), h("polygon", { mask: "url(#left-center-loading-diamond)", points: "29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18", fill: "#bdbdbd" }), h("polygon", { mask: "url(#right-center-loading-diamond)", points: "43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78", fill: "#e0e0e0" }))));
-  }
-  static get style() { return logoLoadingCss; }
-}, [1, "vertex-logo-loading"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-logo-loading"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-logo-loading":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LogoLoading);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexLogoLoading = LogoLoading;
-const defineCustomElement = defineCustomElement$1;
-
-export { LogoLoading as L, VertexLogoLoading, defineCustomElement };
+import{L as o,d as s}from"./p-B2oECB2P.js";const p=o,r=s;export{p as VertexLogoLoading,r as defineCustomElement}

package/dist/components/vertex-menu-divider.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexMenuDivider extends Components.VertexMenuDivider, HTMLElement {}
 export const VertexMenuDivider: {
-  prototype: VertexMenuDivider;
-  new (): VertexMenuDivider;
+    prototype: VertexMenuDivider;
+    new (): VertexMenuDivider;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-menu-divider.js

@@ -1,34 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const menuDividerCss = ":host{--color:var(--vertex-ui-neutral-300)}.root{margin:0.12em 0;border-top:1px solid var(--color)}";
-
-const MenuDivider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return h("div", { class: "root" });
-  }
-  static get style() { return menuDividerCss; }
-}, [1, "vertex-menu-divider"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-menu-divider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-menu-divider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MenuDivider);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexMenuDivider = MenuDivider;
-const defineCustomElement = defineCustomElement$1;
-
-export { MenuDivider as M, VertexMenuDivider, defineCustomElement };
+import{M as o,d as s}from"./p-B9qe9CNv.js";const p=o,r=s;export{p as VertexMenuDivider,r as defineCustomElement}

package/dist/components/vertex-menu-item.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexMenuItem extends Components.VertexMenuItem, HTMLElement {}
 export const VertexMenuItem: {
-  prototype: VertexMenuItem;
-  new (): VertexMenuItem;
+    prototype: VertexMenuItem;
+    new (): VertexMenuItem;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-menu-item.js

@@ -1,44 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-
-const menuItemCss = ":host{--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--hover-background-color:var(--vertex-ui-neutral-200)}.root{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);line-height:1.1;display:flex;align-items:center;color:var(--color);margin:0.075em 0;padding:0.5rem 0.75rem;background-color:var(--background-color);transition:background-color;transition-duration:0.5s;user-select:none}.root:not(.disabled):hover{cursor:pointer;background-color:var(--hover-background-color)}.root.disabled{opacity:0.5}slot[name='icon']::slotted(*){padding-right:0.8125rem}";
-
-const MenuItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.disabled = false;
-  }
-  render() {
-    return (h("div", { class: classnames('root', {
-        disabled: this.disabled,
-      }), onClick: (e) => {
-        if (this.disabled) {
-          e.stopPropagation();
-        }
-      } }, h("slot", { name: "icon" }), h("slot", null)));
-  }
-  static get style() { return menuItemCss; }
-}, [1, "vertex-menu-item", {
-    "disabled": [516]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-menu-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-menu-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MenuItem);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexMenuItem = MenuItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { MenuItem as M, VertexMenuItem, defineCustomElement };
+import{M as o,d as s}from"./p-4HdACFFW.js";const p=o,r=s;export{p as VertexMenuItem,r as defineCustomElement}

package/dist/components/vertex-menu.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexMenu extends Components.VertexMenu, HTMLElement {}
 export const VertexMenu: {
-  prototype: VertexMenu;
-  new (): VertexMenu;
+    prototype: VertexMenu;
+    new (): VertexMenu;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-menu.js

@@ -1,6 +1 @@
-import { M as Menu, d as defineCustomElement$1 } from './menu.js';
-
-const VertexMenu = Menu;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexMenu, defineCustomElement };
+import{M as o,d as s}from"./p-BdR40EV2.js";const p=o,r=s;export{p as VertexMenu,r as defineCustomElement}

package/dist/components/vertex-popover.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexPopover extends Components.VertexPopover, HTMLElement {}
 export const VertexPopover: {
-  prototype: VertexPopover;
-  new (): VertexPopover;
+    prototype: VertexPopover;
+    new (): VertexPopover;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-popover.js

@@ -1,6 +1 @@
-import { P as Popover, d as defineCustomElement$1 } from './popover.js';
-
-const VertexPopover = Popover;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexPopover, defineCustomElement };
+import{P as o,d as s}from"./p-Ci26QjYl.js";const p=o,r=s;export{p as VertexPopover,r as defineCustomElement}

package/dist/components/vertex-radio-group.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexRadioGroup extends Components.VertexRadioGroup, HTMLElement {}
 export const VertexRadioGroup: {
-  prototype: VertexRadioGroup;
-  new (): VertexRadioGroup;
+    prototype: VertexRadioGroup;
+    new (): VertexRadioGroup;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-radio-group.js

@@ -1,98 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const radioGroupCss = ".radio-group{display:flex;flex-direction:column}";
-
-const RadioGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.name = undefined;
-    this.value = undefined;
-    this.handleListenOnRadioButtonChange =
-      this.handleListenOnRadioButtonChange.bind(this);
-  }
-  updateValue() {
-    var _a;
-    if (this.value != null) {
-      this.valueChanged.emit(this.value);
-      // Update the checked state for the radio buttons
-      (_a = this.radioButtons) === null || _a === void 0 ? void 0 : _a.forEach((radio) => {
-        if (this.value === radio.value) {
-          radio.checked = true;
-        }
-        else {
-          radio.checked = false;
-        }
-      });
-    }
-  }
-  connectedCallback() {
-    this.getVertexRadioButtons();
-    this.addEventListeners();
-  }
-  disconnectedCallback() {
-    this.removeEventListeners();
-  }
-  render() {
-    return (h("div", { class: "radio-group" }, h("slot", null)));
-  }
-  getVertexRadioButtons() {
-    var _a, _b;
-    this.radioButtons =
-      ((_a = this.hostElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('vertex-radio')) || undefined;
-    (_b = this.radioButtons) === null || _b === void 0 ? void 0 : _b.forEach((radio) => {
-      radio.name = this.name;
-      if (this.value === radio.value) {
-        radio.checked = true;
-      }
-    });
-  }
-  removeEventListeners() {
-    var _a;
-    (_a = this.radioButtons) === null || _a === void 0 ? void 0 : _a.forEach((radioButton) => {
-      radioButton.removeEventListener('valueChanged', this.handleListenOnRadioButtonChange);
-    });
-  }
-  addEventListeners() {
-    var _a;
-    (_a = this.radioButtons) === null || _a === void 0 ? void 0 : _a.forEach((radioButton) => {
-      radioButton.addEventListener('valueChanged', this.handleListenOnRadioButtonChange);
-    });
-  }
-  handleListenOnRadioButtonChange(ev) {
-    const event = ev;
-    event.stopPropagation();
-    if (event.detail.checked) {
-      this.value = event.detail.value;
-    }
-  }
-  get hostElement() { return this; }
-  static get watchers() { return {
-    "value": ["updateValue"]
-  }; }
-  static get style() { return radioGroupCss; }
-}, [1, "vertex-radio-group", {
-    "name": [513],
-    "value": [1537]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-radio-group"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-radio-group":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, RadioGroup);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexRadioGroup = RadioGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { RadioGroup as R, VertexRadioGroup, defineCustomElement };
+import{R as o,d as s}from"./p-K5a7HQMt.js";const t=o,a=s;export{t as VertexRadioGroup,a as defineCustomElement}

package/dist/components/vertex-radio.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexRadio extends Components.VertexRadio, HTMLElement {}
 export const VertexRadio: {
-  prototype: VertexRadio;
-  new (): VertexRadio;
+    prototype: VertexRadio;
+    new (): VertexRadio;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-radio.js

@@ -1,56 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-
-const radioCss = ".radio.sc-vertex-radio{display:inline-flex;position:relative;font-family:var(--vertex-ui-font-family);color:var( --vertex-ui-neutral-700);margin:4px 0px;white-space:nowrap}.radio.sc-vertex-radio:not(.disabled):hover{color:var( --vertex-ui-neutral-800)}.radio.sc-vertex-radio input.sc-vertex-radio{position:absolute;opacity:0;cursor:pointer}.radio.sc-vertex-radio:not(.disabled){cursor:pointer}.radio.disabled.sc-vertex-radio input.sc-vertex-radio{cursor:not-allowed}.checkmark.sc-vertex-radio{display:flex;position:relative;margin:auto;margin-right:0.75rem;height:16px;width:16px;background-color:var(--vertex-ui-white);border-radius:50%;border:1px solid var(--vertex-ui-neutral-400)}.checkmark.disabled.sc-vertex-radio{cursor:not-allowed}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-neutral-500);cursor:pointer}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-700)}.radio.disabled.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var( --vertex-ui-neutral-400)}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-500);cursor:pointer}.checkmark.sc-vertex-radio:after{content:\"\";position:absolute;display:none}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio:after{display:flex}.radio.sc-vertex-radio .checkmark.sc-vertex-radio:after{position:relative;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--vertex-ui-blue-700)}.radio.sc-vertex-radio:hover .checkmark.sc-vertex-radio:after{background:var(--vertex-ui-blue-500);cursor:pointer}.radio.disabled.sc-vertex-radio .checkmark.sc-vertex-radio:after{background:var( --vertex-ui-neutral-400)}.disabled.sc-vertex-radio{color:var( --vertex-ui-neutral-400)}";
-
-const Radio = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.disabled = false;
-    this.value = undefined;
-    this.label = undefined;
-    this.name = undefined;
-    this.checked = undefined;
-  }
-  render() {
-    return (h("label", { class: classnames('radio', {
-        disabled: this.disabled,
-      }) }, h("input", { disabled: this.disabled, onChange: (event) => {
-        const radioValue = event.target;
-        this.valueChanged.emit({
-          checked: radioValue.checked,
-          value: radioValue.value,
-        });
-      }, type: "radio", id: `vertex-radio-${this.name}-${this.value}`, name: this.name, value: this.value, checked: this.checked }), h("span", { class: classnames('checkmark', {
-        disabled: this.disabled,
-      }) }), this.label));
-  }
-  static get style() { return radioCss; }
-}, [2, "vertex-radio", {
-    "disabled": [516],
-    "value": [513],
-    "label": [513],
-    "name": [513],
-    "checked": [516]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-radio"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-radio":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Radio);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexRadio = Radio;
-const defineCustomElement = defineCustomElement$1;
-
-export { Radio as R, VertexRadio, defineCustomElement };
+import{R as o,d as s}from"./p-Bo65Viuh.js";const p=o,r=s;export{p as VertexRadio,r as defineCustomElement}

package/dist/components/vertex-resizable.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexResizable extends Components.VertexResizable, HTMLElement {}
 export const VertexResizable: {
-  prototype: VertexResizable;
-  new (): VertexResizable;
+    prototype: VertexResizable;
+    new (): VertexResizable;
 };
 /**
  * Used to define this component and all nested components recursively.