@vertexvis/ui-react 0.1.5-canary.8 → 1.0.0-canary.0

package/dist/generated/components.d.ts

@@ -0,0 +1,202 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type InputChangeEventDetail, type Point, type RadioChangeEventDetail, type ResizeEventDetails, type Result, type SelectionChangedDetails, type SliderChangeEventDetails, type VertexBannerCustomEvent, type VertexCardCustomEvent, type VertexClickToEditTextfieldCustomEvent, type VertexColorCirclePickerCustomEvent, type VertexColorPickerCustomEvent, type VertexContextMenuCustomEvent, type VertexDialogCustomEvent, type VertexDraggablePopoverCustomEvent, type VertexDropdownMenuCustomEvent, type VertexExpandableCustomEvent, type VertexHelpTooltipCustomEvent, type VertexMenuCustomEvent, type VertexPopoverCustomEvent, type VertexRadioCustomEvent, type VertexRadioGroupCustomEvent, type VertexResizableCustomEvent, type VertexResultListCustomEvent, type VertexSearchBarCustomEvent, type VertexSelectCustomEvent, type VertexSliderCustomEvent, type VertexTabCustomEvent, type VertexTabsCustomEvent, type VertexTextfieldCustomEvent, type VertexToastCustomEvent, type VertexToggleCustomEvent } from "@vertexvis/ui";
+import type { Components } from "@vertexvis/ui/dist/components";
+import { VertexAutoResizeTextarea as VertexAutoResizeTextareaElement } from "@vertexvis/ui/dist/components/vertex-auto-resize-textarea.js";
+import { VertexAvatarGroup as VertexAvatarGroupElement } from "@vertexvis/ui/dist/components/vertex-avatar-group.js";
+import { VertexAvatar as VertexAvatarElement } from "@vertexvis/ui/dist/components/vertex-avatar.js";
+import { VertexBadge as VertexBadgeElement } from "@vertexvis/ui/dist/components/vertex-badge.js";
+import { VertexBanner as VertexBannerElement } from "@vertexvis/ui/dist/components/vertex-banner.js";
+import { VertexButton as VertexButtonElement } from "@vertexvis/ui/dist/components/vertex-button.js";
+import { VertexCardGroup as VertexCardGroupElement } from "@vertexvis/ui/dist/components/vertex-card-group.js";
+import { VertexCard as VertexCardElement } from "@vertexvis/ui/dist/components/vertex-card.js";
+import { VertexChip as VertexChipElement } from "@vertexvis/ui/dist/components/vertex-chip.js";
+import { VertexClickToEditTextfield as VertexClickToEditTextfieldElement } from "@vertexvis/ui/dist/components/vertex-click-to-edit-textfield.js";
+import { VertexCollapsible as VertexCollapsibleElement } from "@vertexvis/ui/dist/components/vertex-collapsible.js";
+import { VertexColorCirclePicker as VertexColorCirclePickerElement } from "@vertexvis/ui/dist/components/vertex-color-circle-picker.js";
+import { VertexColorPicker as VertexColorPickerElement } from "@vertexvis/ui/dist/components/vertex-color-picker.js";
+import { VertexColorSwatch as VertexColorSwatchElement } from "@vertexvis/ui/dist/components/vertex-color-swatch.js";
+import { VertexContextMenu as VertexContextMenuElement } from "@vertexvis/ui/dist/components/vertex-context-menu.js";
+import { VertexDialog as VertexDialogElement } from "@vertexvis/ui/dist/components/vertex-dialog.js";
+import { VertexDraggablePopover as VertexDraggablePopoverElement } from "@vertexvis/ui/dist/components/vertex-draggable-popover.js";
+import { VertexDropdownMenu as VertexDropdownMenuElement } from "@vertexvis/ui/dist/components/vertex-dropdown-menu.js";
+import { VertexExpandable as VertexExpandableElement } from "@vertexvis/ui/dist/components/vertex-expandable.js";
+import { VertexHelpTooltip as VertexHelpTooltipElement } from "@vertexvis/ui/dist/components/vertex-help-tooltip.js";
+import { VertexIconButton as VertexIconButtonElement } from "@vertexvis/ui/dist/components/vertex-icon-button.js";
+import { VertexIcon as VertexIconElement } from "@vertexvis/ui/dist/components/vertex-icon.js";
+import { VertexLogoLoading as VertexLogoLoadingElement } from "@vertexvis/ui/dist/components/vertex-logo-loading.js";
+import { VertexMenuDivider as VertexMenuDividerElement } from "@vertexvis/ui/dist/components/vertex-menu-divider.js";
+import { VertexMenuItem as VertexMenuItemElement } from "@vertexvis/ui/dist/components/vertex-menu-item.js";
+import { VertexMenu as VertexMenuElement } from "@vertexvis/ui/dist/components/vertex-menu.js";
+import { VertexPopover as VertexPopoverElement } from "@vertexvis/ui/dist/components/vertex-popover.js";
+import { VertexRadioGroup as VertexRadioGroupElement } from "@vertexvis/ui/dist/components/vertex-radio-group.js";
+import { VertexRadio as VertexRadioElement } from "@vertexvis/ui/dist/components/vertex-radio.js";
+import { VertexResizable as VertexResizableElement } from "@vertexvis/ui/dist/components/vertex-resizable.js";
+import { VertexResultList as VertexResultListElement } from "@vertexvis/ui/dist/components/vertex-result-list.js";
+import { VertexSearchBar as VertexSearchBarElement } from "@vertexvis/ui/dist/components/vertex-search-bar.js";
+import { VertexSelect as VertexSelectElement } from "@vertexvis/ui/dist/components/vertex-select.js";
+import { VertexSlider as VertexSliderElement } from "@vertexvis/ui/dist/components/vertex-slider.js";
+import { VertexSpinner as VertexSpinnerElement } from "@vertexvis/ui/dist/components/vertex-spinner.js";
+import { VertexTab as VertexTabElement } from "@vertexvis/ui/dist/components/vertex-tab.js";
+import { VertexTabs as VertexTabsElement } from "@vertexvis/ui/dist/components/vertex-tabs.js";
+import { VertexTextfield as VertexTextfieldElement } from "@vertexvis/ui/dist/components/vertex-textfield.js";
+import { VertexToast as VertexToastElement } from "@vertexvis/ui/dist/components/vertex-toast.js";
+import { VertexToggle as VertexToggleElement } from "@vertexvis/ui/dist/components/vertex-toggle.js";
+import { VertexTooltip as VertexTooltipElement } from "@vertexvis/ui/dist/components/vertex-tooltip.js";
+export type VertexAutoResizeTextareaEvents = NonNullable<unknown>;
+export declare const VertexAutoResizeTextarea: StencilReactComponent<VertexAutoResizeTextareaElement, VertexAutoResizeTextareaEvents, Components.VertexAutoResizeTextarea>;
+export type VertexAvatarEvents = NonNullable<unknown>;
+export declare const VertexAvatar: StencilReactComponent<VertexAvatarElement, VertexAvatarEvents, Components.VertexAvatar>;
+export type VertexAvatarGroupEvents = NonNullable<unknown>;
+export declare const VertexAvatarGroup: StencilReactComponent<VertexAvatarGroupElement, VertexAvatarGroupEvents, Components.VertexAvatarGroup>;
+export type VertexBadgeEvents = NonNullable<unknown>;
+export declare const VertexBadge: StencilReactComponent<VertexBadgeElement, VertexBadgeEvents, Components.VertexBadge>;
+export type VertexBannerEvents = {
+    onClosed: EventName<VertexBannerCustomEvent<void>>;
+};
+export declare const VertexBanner: StencilReactComponent<VertexBannerElement, VertexBannerEvents, Components.VertexBanner>;
+export type VertexButtonEvents = NonNullable<unknown>;
+export declare const VertexButton: StencilReactComponent<VertexButtonElement, VertexButtonEvents, Components.VertexButton>;
+export type VertexCardEvents = {
+    onContentClick: EventName<VertexCardCustomEvent<MouseEvent>>;
+};
+export declare const VertexCard: StencilReactComponent<VertexCardElement, VertexCardEvents, Components.VertexCard>;
+export type VertexCardGroupEvents = NonNullable<unknown>;
+export declare const VertexCardGroup: StencilReactComponent<VertexCardGroupElement, VertexCardGroupEvents, Components.VertexCardGroup>;
+export type VertexChipEvents = NonNullable<unknown>;
+export declare const VertexChip: StencilReactComponent<VertexChipElement, VertexChipEvents, Components.VertexChip>;
+export type VertexClickToEditTextfieldEvents = {
+    onInputFocus: EventName<VertexClickToEditTextfieldCustomEvent<FocusEvent>>;
+    onInputBlur: EventName<VertexClickToEditTextfieldCustomEvent<FocusEvent>>;
+    onInputInput: EventName<VertexClickToEditTextfieldCustomEvent<InputChangeEventDetail>>;
+    onInputChange: EventName<VertexClickToEditTextfieldCustomEvent<InputChangeEventDetail>>;
+    onInputSubmit: EventName<VertexClickToEditTextfieldCustomEvent<InputChangeEventDetail>>;
+};
+export declare const VertexClickToEditTextfield: StencilReactComponent<VertexClickToEditTextfieldElement, VertexClickToEditTextfieldEvents, Components.VertexClickToEditTextfield>;
+export type VertexCollapsibleEvents = NonNullable<unknown>;
+export declare const VertexCollapsible: StencilReactComponent<VertexCollapsibleElement, VertexCollapsibleEvents, Components.VertexCollapsible>;
+export type VertexColorCirclePickerEvents = {
+    onSelectionChanged: EventName<VertexColorCirclePickerCustomEvent<SelectionChangedDetails>>;
+};
+export declare const VertexColorCirclePicker: StencilReactComponent<VertexColorCirclePickerElement, VertexColorCirclePickerEvents, Components.VertexColorCirclePicker>;
+export type VertexColorPickerEvents = {
+    onValueInput: EventName<VertexColorPickerCustomEvent<string>>;
+    onValueChanged: EventName<VertexColorPickerCustomEvent<string>>;
+};
+export declare const VertexColorPicker: StencilReactComponent<VertexColorPickerElement, VertexColorPickerEvents, Components.VertexColorPicker>;
+export type VertexColorSwatchEvents = NonNullable<unknown>;
+export declare const VertexColorSwatch: StencilReactComponent<VertexColorSwatchElement, VertexColorSwatchEvents, Components.VertexColorSwatch>;
+export type VertexContextMenuEvents = {
+    onMenuOpened: EventName<VertexContextMenuCustomEvent<PointerEvent>>;
+    onMenuClosed: EventName<VertexContextMenuCustomEvent<any>>;
+};
+export declare const VertexContextMenu: StencilReactComponent<VertexContextMenuElement, VertexContextMenuEvents, Components.VertexContextMenu>;
+export type VertexDialogEvents = {
+    onBackdropClick: EventName<VertexDialogCustomEvent<void>>;
+    onClosed: EventName<VertexDialogCustomEvent<void>>;
+};
+export declare const VertexDialog: StencilReactComponent<VertexDialogElement, VertexDialogEvents, Components.VertexDialog>;
+export type VertexDraggablePopoverEvents = {
+    onPositionChanged: EventName<VertexDraggablePopoverCustomEvent<Point>>;
+};
+export declare const VertexDraggablePopover: StencilReactComponent<VertexDraggablePopoverElement, VertexDraggablePopoverEvents, Components.VertexDraggablePopover>;
+export type VertexDropdownMenuEvents = {
+    onMenuOpened: EventName<VertexDropdownMenuCustomEvent<UIEvent>>;
+    onMenuClosed: EventName<VertexDropdownMenuCustomEvent<any>>;
+};
+export declare const VertexDropdownMenu: StencilReactComponent<VertexDropdownMenuElement, VertexDropdownMenuEvents, Components.VertexDropdownMenu>;
+export type VertexExpandableEvents = {
+    onExpand: EventName<VertexExpandableCustomEvent<void>>;
+    onCollapse: EventName<VertexExpandableCustomEvent<void>>;
+};
+export declare const VertexExpandable: StencilReactComponent<VertexExpandableElement, VertexExpandableEvents, Components.VertexExpandable>;
+export type VertexHelpTooltipEvents = {
+    onMenuOpened: EventName<VertexHelpTooltipCustomEvent<UIEvent>>;
+    onMenuClosed: EventName<VertexHelpTooltipCustomEvent<any>>;
+};
+export declare const VertexHelpTooltip: StencilReactComponent<VertexHelpTooltipElement, VertexHelpTooltipEvents, Components.VertexHelpTooltip>;
+export type VertexIconEvents = NonNullable<unknown>;
+export declare const VertexIcon: StencilReactComponent<VertexIconElement, VertexIconEvents, Components.VertexIcon>;
+export type VertexIconButtonEvents = NonNullable<unknown>;
+export declare const VertexIconButton: StencilReactComponent<VertexIconButtonElement, VertexIconButtonEvents, Components.VertexIconButton>;
+export type VertexLogoLoadingEvents = NonNullable<unknown>;
+export declare const VertexLogoLoading: StencilReactComponent<VertexLogoLoadingElement, VertexLogoLoadingEvents, Components.VertexLogoLoading>;
+export type VertexMenuEvents = {
+    onMenuClosed: EventName<VertexMenuCustomEvent<any>>;
+};
+export declare const VertexMenu: StencilReactComponent<VertexMenuElement, VertexMenuEvents, Components.VertexMenu>;
+export type VertexMenuDividerEvents = NonNullable<unknown>;
+export declare const VertexMenuDivider: StencilReactComponent<VertexMenuDividerElement, VertexMenuDividerEvents, Components.VertexMenuDivider>;
+export type VertexMenuItemEvents = NonNullable<unknown>;
+export declare const VertexMenuItem: StencilReactComponent<VertexMenuItemElement, VertexMenuItemEvents, Components.VertexMenuItem>;
+export type VertexPopoverEvents = {
+    onDismissed: EventName<VertexPopoverCustomEvent<void>>;
+};
+export declare const VertexPopover: StencilReactComponent<VertexPopoverElement, VertexPopoverEvents, Components.VertexPopover>;
+export type VertexRadioEvents = {
+    onValueChanged: EventName<VertexRadioCustomEvent<RadioChangeEventDetail>>;
+};
+export declare const VertexRadio: StencilReactComponent<VertexRadioElement, VertexRadioEvents, Components.VertexRadio>;
+export type VertexRadioGroupEvents = {
+    onValueChanged: EventName<VertexRadioGroupCustomEvent<string>>;
+};
+export declare const VertexRadioGroup: StencilReactComponent<VertexRadioGroupElement, VertexRadioGroupEvents, Components.VertexRadioGroup>;
+export type VertexResizableEvents = {
+    onResizeStart: EventName<VertexResizableCustomEvent<ResizeEventDetails>>;
+    onResizeEnd: EventName<VertexResizableCustomEvent<ResizeEventDetails>>;
+};
+export declare const VertexResizable: StencilReactComponent<VertexResizableElement, VertexResizableEvents, Components.VertexResizable>;
+export type VertexResultListEvents = {
+    onEnterPressed: EventName<VertexResultListCustomEvent<Result>>;
+    onResultClick: EventName<VertexResultListCustomEvent<Result>>;
+};
+export declare const VertexResultList: StencilReactComponent<VertexResultListElement, VertexResultListEvents, Components.VertexResultList>;
+export type VertexSearchBarEvents = {
+    onSearchChanged: EventName<VertexSearchBarCustomEvent<string>>;
+    onInputChanged: EventName<VertexSearchBarCustomEvent<string>>;
+    onResultReplaced: EventName<VertexSearchBarCustomEvent<Result>>;
+    onInputFocus: EventName<VertexSearchBarCustomEvent<FocusEvent>>;
+    onInputBlur: EventName<VertexSearchBarCustomEvent<FocusEvent>>;
+};
+export declare const VertexSearchBar: StencilReactComponent<VertexSearchBarElement, VertexSearchBarEvents, Components.VertexSearchBar>;
+export type VertexSelectEvents = {
+    onOptionChanged: EventName<VertexSelectCustomEvent<string>>;
+};
+export declare const VertexSelect: StencilReactComponent<VertexSelectElement, VertexSelectEvents, Components.VertexSelect>;
+export type VertexSliderEvents = {
+    onValueChange: EventName<VertexSliderCustomEvent<SliderChangeEventDetails>>;
+    onValueInput: EventName<VertexSliderCustomEvent<SliderChangeEventDetails>>;
+};
+export declare const VertexSlider: StencilReactComponent<VertexSliderElement, VertexSliderEvents, Components.VertexSlider>;
+export type VertexSpinnerEvents = NonNullable<unknown>;
+export declare const VertexSpinner: StencilReactComponent<VertexSpinnerElement, VertexSpinnerEvents, Components.VertexSpinner>;
+export type VertexTabEvents = {
+    onTabClick: EventName<VertexTabCustomEvent<string>>;
+};
+export declare const VertexTab: StencilReactComponent<VertexTabElement, VertexTabEvents, Components.VertexTab>;
+export type VertexTabsEvents = {
+    onSelectedTabChanged: EventName<VertexTabsCustomEvent<string>>;
+};
+export declare const VertexTabs: StencilReactComponent<VertexTabsElement, VertexTabsEvents, Components.VertexTabs>;
+export type VertexTextfieldEvents = {
+    onInputFocus: EventName<VertexTextfieldCustomEvent<FocusEvent>>;
+    onInputBlur: EventName<VertexTextfieldCustomEvent<FocusEvent>>;
+    onInputInput: EventName<VertexTextfieldCustomEvent<InputChangeEventDetail>>;
+    onInputChange: EventName<VertexTextfieldCustomEvent<InputChangeEventDetail>>;
+    onTextFieldKeyDown: EventName<VertexTextfieldCustomEvent<KeyboardEvent>>;
+    onInputAutofill: EventName<VertexTextfieldCustomEvent<InputChangeEventDetail>>;
+};
+export declare const VertexTextfield: StencilReactComponent<VertexTextfieldElement, VertexTextfieldEvents, Components.VertexTextfield>;
+export type VertexToastEvents = {
+    onClosed: EventName<VertexToastCustomEvent<void>>;
+};
+export declare const VertexToast: StencilReactComponent<VertexToastElement, VertexToastEvents, Components.VertexToast>;
+export type VertexToggleEvents = {
+    onValueChanged: EventName<VertexToggleCustomEvent<boolean>>;
+};
+export declare const VertexToggle: StencilReactComponent<VertexToggleElement, VertexToggleEvents, Components.VertexToggle>;
+export type VertexTooltipEvents = NonNullable<unknown>;
+export declare const VertexTooltip: StencilReactComponent<VertexTooltipElement, VertexTooltipEvents, Components.VertexTooltip>;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './generated/ui';
-export * from './loader';
+export * from './generated/components';
+export * from './loader';

package/dist/loader.d.ts

@@ -1 +1 @@
-export * from '@vertexvis/ui/loader';
+export * from '@vertexvis/ui/loader';

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@vertexvis/ui-react",
-  "version": "0.1.5-canary.8",
+  "version": "1.0.0-canary.0",
   "description": "React bindings for the Vertex component library.",
   "license": "MIT",
-  "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
+  "author": "Vertex Developers <support@vertex3d.com> (https://developer.vertex3d.com)",
   "homepage": "https://github.com/Vertexvis/vertex-web-ui#readme",
   "repository": {
     "type": "git",
@@ -12,8 +12,18 @@
   "bugs": {
     "url": "https://github.com/Vertexvis/vertex-web-ui/issues"
   },
-  "main": "./dist/bundle.cjs.js",
-  "module": "./dist/bundle.esm.js",
+  "type": "module",
+  "main": "./dist/bundle.cjs",
+  "module": "./dist/bundle.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/bundle.js",
+      "require": "./dist/bundle.cjs",
+      "default": "./dist/bundle.js"
+    }
+  },
   "typings": "./dist/index.d.ts",
   "files": [
     "dist/"
@@ -33,21 +43,24 @@
     "generate:docs": "../../scripts/generate_docs.sh"
   },
   "devDependencies": {
-    "@types/react": "^18.3.2",
-    "@types/react-dom": "^18.3.0",
-    "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.1",
-    "@vertexwebui/build": "^0.1.5-canary.8",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.2",
+    "@vertexwebui/build": "^1.0.0-canary.0",
     "eslint": "8.49.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^2.80.0"
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "rollup": "2.80.0",
+    "tslib": "2.6.2"
   },
   "peerDependencies": {
-    "react": ">=16.3.0 <19.0.0",
-    "react-dom": ">=16.3.0 <19.0.0"
+    "react": ">=17.0.0 <20.0.0",
+    "react-dom": ">=17.0.0 <20.0.0",
+    "tslib": ">=2.4.0"
   },
   "dependencies": {
-    "@vertexvis/ui": "^0.1.5-canary.8"
+    "@stencil/react-output-target": "1.5.2",
+    "@vertexvis/ui": "^1.0.0-canary.0"
   },
-  "gitHead": "a2a6fcbae83628b4950dd2ee76a2e6eb5db7bb02"
+  "gitHead": "6d2c038b8f0057908c429d102455b1ee37c598e7"
 }

package/dist/bundle.cjs.js

@@ -1,319 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-require('react-dom');
-var loader = require('@vertexvis/ui/loader');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var dashToPascalCase = function (str) {
-    return str
-        .toLowerCase()
-        .split('-')
-        .map(function (segment) { return segment.charAt(0).toUpperCase() + segment.slice(1); })
-        .join('');
-};
-var camelToDashCase = function (str) { return str.replace(/([A-Z])/g, function (m) { return "-".concat(m[0].toLowerCase()); }); };
-
-var attachProps = function (node, newProps, oldProps) {
-    if (oldProps === void 0) { oldProps = {}; }
-    // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
-    if (node instanceof Element) {
-        // add any classes in className to the class list
-        var className = getClassName(node.classList, newProps, oldProps);
-        if (className !== '') {
-            node.className = className;
-        }
-        Object.keys(newProps).forEach(function (name) {
-            if (name === 'children' ||
-                name === 'style' ||
-                name === 'ref' ||
-                name === 'class' ||
-                name === 'className' ||
-                name === 'forwardedRef') {
-                return;
-            }
-            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                var eventName = name.substring(2);
-                var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (!isCoveredByReact(eventNameLc)) {
-                    syncEvent(node, eventNameLc, newProps[name]);
-                }
-            }
-            else {
-                node[name] = newProps[name];
-                var propType = typeof newProps[name];
-                if (propType === 'string') {
-                    node.setAttribute(camelToDashCase(name), newProps[name]);
-                }
-            }
-        });
-    }
-};
-var getClassName = function (classList, newProps, oldProps) {
-    var newClassProp = newProps.className || newProps.class;
-    var oldClassProp = oldProps.className || oldProps.class;
-    // map the classes to Maps for performance
-    var currentClasses = arrayToMap(classList);
-    var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-    var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-    var finalClassNames = [];
-    // loop through each of the current classes on the component
-    // to see if it should be a part of the classNames added
-    currentClasses.forEach(function (currentClass) {
-        if (incomingPropClasses.has(currentClass)) {
-            // add it as its already included in classnames coming in from newProps
-            finalClassNames.push(currentClass);
-            incomingPropClasses.delete(currentClass);
-        }
-        else if (!oldPropClasses.has(currentClass)) {
-            // add it as it has NOT been removed by user
-            finalClassNames.push(currentClass);
-        }
-    });
-    incomingPropClasses.forEach(function (s) { return finalClassNames.push(s); });
-    return finalClassNames.join(' ');
-};
-/**
- * Transforms a React event name to a browser event name.
- */
-var transformReactEventName = function (eventNameSuffix) {
-    switch (eventNameSuffix) {
-        case 'doubleclick':
-            return 'dblclick';
-    }
-    return eventNameSuffix;
-};
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-var isCoveredByReact = function (eventNameSuffix) {
-    if (typeof document === 'undefined') {
-        return true;
-    }
-    else {
-        var eventName = 'on' + transformReactEventName(eventNameSuffix);
-        var isSupported = eventName in document;
-        if (!isSupported) {
-            var element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
-        }
-        return isSupported;
-    }
-};
-var syncEvent = function (node, eventName, newEventHandler) {
-    var eventStore = node.__events || (node.__events = {});
-    var oldEventHandler = eventStore[eventName];
-    // Remove old listener so they don't double up.
-    if (oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
-    }
-    // Bind new listener.
-    node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
-        if (newEventHandler) {
-            newEventHandler.call(this, e);
-        }
-    }));
-};
-var arrayToMap = function (arr) {
-    var map = new Map();
-    arr.forEach(function (s) { return map.set(s, s); });
-    return map;
-};
-
-var setRef = function (ref, value) {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref != null) {
-        // Cast as a MutableRef so we can assign current
-        ref.current = value;
-    }
-};
-var mergeRefs = function () {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    return function (value) {
-        refs.forEach(function (ref) {
-            setRef(ref, value);
-        });
-    };
-};
-var createForwardRef = function (ReactComponent, displayName) {
-    var forwardRef = function (props, ref) {
-        return React__default["default"].createElement(ReactComponent, tslib.__assign({}, props, { forwardedRef: ref }));
-    };
-    forwardRef.displayName = displayName;
-    return React__default["default"].forwardRef(forwardRef);
-};
-
-var createReactComponent = function (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    var displayName = dashToPascalCase(tagName);
-    var ReactComponent = /** @class */ (function (_super) {
-        tslib.__extends(class_1, _super);
-        function class_1(props) {
-            var _this = _super.call(this, props) || this;
-            _this.setComponentElRef = function (element) {
-                _this.componentEl = element;
-            };
-            return _this;
-        }
-        class_1.prototype.componentDidMount = function () {
-            this.componentDidUpdate(this.props);
-        };
-        class_1.prototype.componentDidUpdate = function (prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        };
-        class_1.prototype.render = function () {
-            var _a = this.props, children = _a.children, forwardedRef = _a.forwardedRef, style = _a.style; _a.className; _a.ref; var cProps = tslib.__rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-            var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
-                var value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    var eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-                        acc[name] = value;
-                    }
-                }
-                else {
-                    // we should only render strings, booleans, and numbers as attrs in html.
-                    // objects, functions, arrays etc get synced via properties on mount.
-                    var type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            var newProps = tslib.__assign(tslib.__assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style: style });
-            /**
-             * We use createElement here instead of
-             * React.createElement to work around a
-             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-             * React.createElement causes all elements to be rendered
-             * as <tagname> instead of the actual Web Component.
-             */
-            return React.createElement(tagName, newProps, children);
-        };
-        Object.defineProperty(class_1, "displayName", {
-            get: function () {
-                return displayName;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return class_1;
-    }(React__default["default"].Component));
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
-    return createForwardRef(ReactComponent, displayName);
-};
-
-/* eslint-disable */
-loader.defineCustomElements();
-var VertexAutoResizeTextarea = /*@__PURE__*/ createReactComponent('vertex-auto-resize-textarea');
-var VertexAvatar = /*@__PURE__*/ createReactComponent('vertex-avatar');
-var VertexAvatarGroup = /*@__PURE__*/ createReactComponent('vertex-avatar-group');
-var VertexBadge = /*@__PURE__*/ createReactComponent('vertex-badge');
-var VertexBanner = /*@__PURE__*/ createReactComponent('vertex-banner');
-var VertexButton = /*@__PURE__*/ createReactComponent('vertex-button');
-var VertexCard = /*@__PURE__*/ createReactComponent('vertex-card');
-var VertexCardGroup = /*@__PURE__*/ createReactComponent('vertex-card-group');
-var VertexChip = /*@__PURE__*/ createReactComponent('vertex-chip');
-var VertexClickToEditTextfield = /*@__PURE__*/ createReactComponent('vertex-click-to-edit-textfield');
-var VertexCollapsible = /*@__PURE__*/ createReactComponent('vertex-collapsible');
-var VertexColorCirclePicker = /*@__PURE__*/ createReactComponent('vertex-color-circle-picker');
-var VertexColorPicker = /*@__PURE__*/ createReactComponent('vertex-color-picker');
-var VertexColorSwatch = /*@__PURE__*/ createReactComponent('vertex-color-swatch');
-var VertexContextMenu = /*@__PURE__*/ createReactComponent('vertex-context-menu');
-var VertexDialog = /*@__PURE__*/ createReactComponent('vertex-dialog');
-var VertexDraggablePopover = /*@__PURE__*/ createReactComponent('vertex-draggable-popover');
-var VertexDropdownMenu = /*@__PURE__*/ createReactComponent('vertex-dropdown-menu');
-var VertexExpandable = /*@__PURE__*/ createReactComponent('vertex-expandable');
-var VertexHelpTooltip = /*@__PURE__*/ createReactComponent('vertex-help-tooltip');
-var VertexIcon = /*@__PURE__*/ createReactComponent('vertex-icon');
-var VertexIconButton = /*@__PURE__*/ createReactComponent('vertex-icon-button');
-var VertexLogoLoading = /*@__PURE__*/ createReactComponent('vertex-logo-loading');
-var VertexMenu = /*@__PURE__*/ createReactComponent('vertex-menu');
-var VertexMenuDivider = /*@__PURE__*/ createReactComponent('vertex-menu-divider');
-var VertexMenuItem = /*@__PURE__*/ createReactComponent('vertex-menu-item');
-var VertexPopover = /*@__PURE__*/ createReactComponent('vertex-popover');
-var VertexRadio = /*@__PURE__*/ createReactComponent('vertex-radio');
-var VertexRadioGroup = /*@__PURE__*/ createReactComponent('vertex-radio-group');
-var VertexResizable = /*@__PURE__*/ createReactComponent('vertex-resizable');
-var VertexResultList = /*@__PURE__*/ createReactComponent('vertex-result-list');
-var VertexSearchBar = /*@__PURE__*/ createReactComponent('vertex-search-bar');
-var VertexSelect = /*@__PURE__*/ createReactComponent('vertex-select');
-var VertexSlider = /*@__PURE__*/ createReactComponent('vertex-slider');
-var VertexSpinner = /*@__PURE__*/ createReactComponent('vertex-spinner');
-var VertexTab = /*@__PURE__*/ createReactComponent('vertex-tab');
-var VertexTabs = /*@__PURE__*/ createReactComponent('vertex-tabs');
-var VertexTextfield = /*@__PURE__*/ createReactComponent('vertex-textfield');
-var VertexToast = /*@__PURE__*/ createReactComponent('vertex-toast');
-var VertexToggle = /*@__PURE__*/ createReactComponent('vertex-toggle');
-var VertexTooltip = /*@__PURE__*/ createReactComponent('vertex-tooltip');
-
-exports.VertexAutoResizeTextarea = VertexAutoResizeTextarea;
-exports.VertexAvatar = VertexAvatar;
-exports.VertexAvatarGroup = VertexAvatarGroup;
-exports.VertexBadge = VertexBadge;
-exports.VertexBanner = VertexBanner;
-exports.VertexButton = VertexButton;
-exports.VertexCard = VertexCard;
-exports.VertexCardGroup = VertexCardGroup;
-exports.VertexChip = VertexChip;
-exports.VertexClickToEditTextfield = VertexClickToEditTextfield;
-exports.VertexCollapsible = VertexCollapsible;
-exports.VertexColorCirclePicker = VertexColorCirclePicker;
-exports.VertexColorPicker = VertexColorPicker;
-exports.VertexColorSwatch = VertexColorSwatch;
-exports.VertexContextMenu = VertexContextMenu;
-exports.VertexDialog = VertexDialog;
-exports.VertexDraggablePopover = VertexDraggablePopover;
-exports.VertexDropdownMenu = VertexDropdownMenu;
-exports.VertexExpandable = VertexExpandable;
-exports.VertexHelpTooltip = VertexHelpTooltip;
-exports.VertexIcon = VertexIcon;
-exports.VertexIconButton = VertexIconButton;
-exports.VertexLogoLoading = VertexLogoLoading;
-exports.VertexMenu = VertexMenu;
-exports.VertexMenuDivider = VertexMenuDivider;
-exports.VertexMenuItem = VertexMenuItem;
-exports.VertexPopover = VertexPopover;
-exports.VertexRadio = VertexRadio;
-exports.VertexRadioGroup = VertexRadioGroup;
-exports.VertexResizable = VertexResizable;
-exports.VertexResultList = VertexResultList;
-exports.VertexSearchBar = VertexSearchBar;
-exports.VertexSelect = VertexSelect;
-exports.VertexSlider = VertexSlider;
-exports.VertexSpinner = VertexSpinner;
-exports.VertexTab = VertexTab;
-exports.VertexTabs = VertexTabs;
-exports.VertexTextfield = VertexTextfield;
-exports.VertexToast = VertexToast;
-exports.VertexToggle = VertexToggle;
-exports.VertexTooltip = VertexTooltip;
-Object.keys(loader).forEach(function (k) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return loader[k]; }
-  });
-});
-//# sourceMappingURL=bundle.cjs.js.map