@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.1

package/dist/types/components.d.ts

@@ -32,6 +32,33 @@ import { SpinnerColor, SpinnerSize } from "./components/spinner/spinner";
 import { InputChangeEventDetail as InputChangeEventDetail1, TextFieldAutocomplete, TextFieldType, TextFieldVariant, TextSize as TextSize1 } from "./components/text-field/text-field";
 import { ToastPlacement, ToastType } from "./components/toast/toast";
 import { ToggleVariant } from "./components/toggle/toggle";
+export { AvatarVariant } from "./components/avatar/avatar";
+export { BadgeIconColor } from "./components/badge/badge";
+export { BannerPlacement, BannerType } from "./components/banner/banner";
+export { ButtonColor, ButtonExpand, ButtonSize, ButtonType, ButtonVariant } from "./components/button/button";
+export { CardMode } from "./components/card/card";
+export { ChipColor, ChipVariant } from "./components/chip/chip";
+export { InputChangeEventDetail, TextSize } from "./components/text-field/text-field";
+export { Popover, PopoverPlacement } from "./components/popover/popover";
+export { ColorPickerSizeSize, SelectionChangedDetails } from "./components/color-circle-picker/color-circle-picker";
+export { ColorSwatchSize } from "./components/color-swatch/color-swatch";
+export { ColorPickerExpand, ColorPickerVariant } from "./components/color-picker/color-picker";
+export { ColorSwatchSize as ColorSwatchSize1, ColorSwatchTheme, ColorSwatchVariant } from "./components/color-swatch/color-swatch";
+export { Point } from "./types/point";
+export { VertexExpandableType } from "./components/expandable/expandable";
+export { IconName, IconSize } from "./types/icon";
+export { IconButtonIconColor, IconButtonVariant } from "./components/icon-button/icon-button";
+export { PopoverPlacement as PopoverPlacement1, PopoverResizeBehavior } from "./components/popover/popover";
+export { DetectOverflowOptions, FlipOptions, OffsetOptions } from "@floating-ui/dom";
+export { RadioChangeEventDetail } from "./components/radio/radio";
+export { HorizontalDragDirection, ResizableBoundsUpdate, ResizeEventDetails, VerticalDragDirection } from "./components/resizable/resizable";
+export { Result } from "./components/result-list/types";
+export { SearchBarVariant } from "./components/search-bar/search-bar";
+export { LabelDisplay, SliderChangeEventDetails, SliderSize } from "./components/slider/slider";
+export { SpinnerColor, SpinnerSize } from "./components/spinner/spinner";
+export { InputChangeEventDetail as InputChangeEventDetail1, TextFieldAutocomplete, TextFieldType, TextFieldVariant, TextSize as TextSize1 } from "./components/text-field/text-field";
+export { ToastPlacement, ToastType } from "./components/toast/toast";
+export { ToggleVariant } from "./components/toggle/toggle";
 export namespace Components {
     interface VertexAutoResizeTextarea {
         /**
@@ -44,6 +71,7 @@ export namespace Components {
         "maxRows"?: number;
         /**
           * The minimum number of rows that the textarea will be constrained to.  Defaults to `1`.
+          * @default 1
          */
         "minRows": number;
         /**
@@ -54,6 +82,7 @@ export namespace Components {
     interface VertexAvatar {
         /**
           * Whether the element triggers an action
+          * @default false
          */
         "active": boolean;
         /**
@@ -70,6 +99,7 @@ export namespace Components {
         "value"?: string;
         /**
           * The variant of this avatar. Can be either `default` or `small`, and defaults to `default`.
+          * @default 'default'
          */
         "variant": AvatarVariant;
     }
@@ -78,6 +108,7 @@ export namespace Components {
     interface VertexBadge {
         /**
           * The color of the badge displayed in this <vertex-badge>. Can be "primary" or "secondary", and defaults to "primary."
+          * @default 'primary'
          */
         "badgeColor": BadgeIconColor;
         /**
@@ -88,6 +119,7 @@ export namespace Components {
     interface VertexBanner {
         /**
           * Whether this banner should be animated. Defaults to true.
+          * @default true
          */
         "animated": boolean;
         /**
@@ -96,24 +128,29 @@ export namespace Components {
         "content"?: string;
         /**
           * The duration this banner will appear for. Can be set to `0` to display the banner until explicitly dismissed, and defaults to 3000ms.
+          * @default DEFAULT_BANNER_DURATION
          */
         "duration": number;
         /**
           * Whether this banner is visible. Updating this property to `true` will restart the timer to hide the banner. Defaults to false.
+          * @default false
          */
         "open": boolean;
         /**
           * The placement of the banner. This can be any of the following values:  'top', 'top-left', or 'top-right'.
+          * @default 'top'
          */
         "placement": BannerPlacement;
         /**
           * The type of banner. This will change the styling of the banner
+          * @default 'info'
          */
         "type": BannerType;
     }
     interface VertexButton {
         /**
           * The color of this <vertex-button>. Can be "primary", "secondary", or "danger" and defaults to "secondary".
+          * @default 'secondary'
          */
         "color": ButtonColor;
         /**
@@ -122,6 +159,7 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * The expansion behavior of this <vertex-button>. Can be set to "full" to cause the button to stretch to fill its container, or "block" to cause the button to be sized based on its contents. Defaults to "block".
+          * @default 'block'
          */
         "expand": ButtonExpand;
         /**
@@ -130,6 +168,7 @@ export namespace Components {
         "href"?: string;
         /**
           * The size of this <vertex-button>. Can be "sm", "md", or "lg" and defaults to "md".
+          * @default 'md'
          */
         "size": ButtonSize;
         /**
@@ -142,36 +181,43 @@ export namespace Components {
         "type"?: ButtonType;
         /**
           * The variant of this <vertex-button>. Can be "solid", "text", or "plaintext" and defaults to "solid".  Setting this value to "plaintext" will cause the "color" property to be ignored.
+          * @default 'solid'
          */
         "variant": ButtonVariant;
     }
     interface VertexCard {
         /**
           * The visual mode of this `Card`. Can be either `editing` or `display`, and defaults to `display`.  Setting this to `editing` will stop propagation of clicks on on the default slotted elements to allow for clicking in an input.
+          * @default 'display'
          */
         "mode": CardMode;
     }
     interface VertexCardGroup {
         /**
           * Whether this card's expandable content is expanded or not.
+          * @default false
          */
         "expanded": boolean;
         /**
           * Whether this card should be displayed with a hovered state.
+          * @default false
          */
         "hovered": boolean;
         /**
           * Whether this card should be displayed with a selected state.
+          * @default false
          */
         "selected": boolean;
     }
     interface VertexChip {
         /**
           * The color of this <vertex-chip>. Can be "primary" or "secondary" and defaults to "secondary".
+          * @default 'secondary'
          */
         "color": ChipColor;
         /**
           * The variant of this <vertex-chip>. Can be "filled" or "outlined" and defaults to "filled".
+          * @default 'filled'
          */
         "variant": ChipVariant;
     }
@@ -186,10 +232,12 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * Whether this input is being edited.
+          * @default false
          */
         "editing": boolean;
         /**
           * The size of the text. Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+          * @default 'standard'
          */
         "fontSize": TextSize;
         /**
@@ -206,6 +254,7 @@ export namespace Components {
         "minRows"?: number;
         /**
           * Whether this input should be displayed as a multiline input. Rows will have no minimum or maximum by default unless `min-rows` or `max-rows` are set.
+          * @default false
          */
         "multiline": boolean;
         /**
@@ -214,6 +263,7 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Value for text input.
+          * @default ''
          */
         "value"?: string | number | null;
     }
@@ -224,32 +274,39 @@ export namespace Components {
         "label"?: string;
         /**
           * Whether this collapsible is expanded.
+          * @default false
          */
         "open": boolean;
     }
     interface VertexColorCirclePicker {
         /**
           * The colors to show in this `vertex-color-circle-picker`. These values will map to the `color` property of the underlying `vertex-color-swatch`.
+          * @default [     '#4c87be',     '#f3d336',     '#6fbb29',     '#e38826',     '#c72e16',     '#8c3681',     '#000000',     '#ffffff',   ]
          */
         "colors": string[] | string;
         /**
           * The percentage darker color to use to compute the `darkened` color for the underlying `vertex-color-swatch`. This will be used when the `theme` is set to `dark`.
+          * @default 0.25
          */
         "darkenPercentage": number;
         /**
           * The orientation of this color picker. Can be either `vertical` or `horizontal`, and defaults to `horizontal`.
+          * @default 'horizontal'
          */
         "direction": 'vertical' | 'horizontal';
         /**
           * The placement of the tooltip around the swatch elements. This can be any of the following values:  'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', or 'auto-end', and defaults to 'bottom'.  Note: placement will adjust based on the amount of available space, so tooltips close to screen edges may appear in a different location.
+          * @default 'bottom'
          */
         "labelPlacement": PopoverPlacement;
         /**
           * Optional labels that will be displayed as a tooltip on the underlying `vertex-color-swatch` elements for associated colors in the `colors` array.
+          * @default {}
          */
         "labels": Record<string, string> | string;
         /**
           * The percentage lighter color to use to compute the `lightened` color for the underlying `vertex-color-swatch`. This will be used when the `theme` is set to `light`.
+          * @default 0.25
          */
         "lightenPercentage": number;
         /**
@@ -258,28 +315,34 @@ export namespace Components {
         "selected"?: string;
         /**
           * The size of this color picker. Can be `sm`, `md`, or `lg`, and defaults to `lg`.
+          * @default 'lg'
          */
         "size": ColorPickerSizeSize;
         /**
           * Optional supplemental colors that will be provided to the underlying `vertex-color-swatch` elements for associated indices in the `colors` array.
+          * @default []
          */
         "supplementalColors": string[] | string;
         /**
           * The theme to use for this `vertex-color-circle-picker`. Can be either `light` or `dark`, and defaults to `dark`.  With the `dark` theme, the provided `colors` will be used as the background-colors for `vertex-color-swatch` elements, and a `darkened` color will be used for the border-colors.  With the `light` theme, the provided `colors` will be used as the background-colors for `vertex-color-swatch` elements, and a `lightened` color will be used for the border-colors.
+          * @default 'dark'
          */
         "theme": 'light' | 'dark';
     }
     interface VertexColorPicker {
         /**
           * Whether this color picker is disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
           * The expansion behavior of this <vertex-color-picker>. Can be set to "full" to cause the color picker to stretch to fill its container, or "block" to cause the color picker to be sized based on its contents. Defaults to "block".
+          * @default 'block'
          */
         "expand": ColorPickerExpand;
         /**
           * The size of the swatch displayed for this color picker. Can be `sm`, `md`, `lg`, or `xl`, and defaults to `md`. If the `variant` is `full`, this value will also increase the size of the associated hexadecimal value.
+          * @default 'md'
          */
         "size": ColorSwatchSize;
         /**
@@ -288,50 +351,60 @@ export namespace Components {
         "value"?: string;
         /**
           * The variant of this color picker. Can be `full` or `swatch`, and defaults to `full`.  `full` will display both the visual color swatch and the hexadecimal representation of the color.  `swatch` will display only the visual color swatch.
+          * @default 'full'
          */
         "variant": ColorPickerVariant;
     }
     interface VertexColorSwatch {
         /**
           * The primary color of this `vertex-color-swatch` in hexadecimal format. For `dark` theme, this will be the background-color. For `light` theme, this will be the border-color.
+          * @default '#ffffff'
          */
         "color": string;
         /**
           * The percentage darker color to use to compute the `darkened` color. This will be used when the `theme` is set to `dark`.
+          * @default 0.25
          */
         "darkenPercentage": number;
         /**
           * The computed darker color based on the provided `color` and `darkenPercentage`. This will be used when the `theme` is set to `dark`.
+          * @default this.adjustColor(this.color, this.darkenPercentage)
          */
         "darkened": string;
         /**
           * The percentage lighter color to use to compute the `lightened` color. This will be used when the `theme` is set to `light`.
+          * @default 0.25
          */
         "lightenPercentage": number;
         /**
           * The computed lighter color based on the provided `color` and `lightenPercentage`. This will be used when the `theme` is set to `light`.
+          * @default this.adjustColor(     this.color,     -this.lightenPercentage   )
          */
         "lightened": string;
         /**
           * The size of this color swatch. Can be `sm`, `md`, or `lg`, and defaults to `md`.
+          * @default 'md'
          */
-        "size": ColorSwatchSize;
+        "size": ColorSwatchSize1;
         /**
           * An optional supplemental color to be paired with the `color`. For `dark` theme, this will be the border-color. For `light` theme, this will be the background-color.
          */
         "supplementalColor"?: string;
         /**
           * The theme to use for this `vertex-color-swatch`. Can be `none`, `light`, or `dark`, and defaults to `none`.  With no theme (`none`), the provided `color` will be used as the background-color, and the border will be a neutral color.  With the `dark` theme, the provided `color` will be used as the background-color, and the `darkened` color will be used for the border-color.  With the `light` theme, the provided `color` will be used as the border-color, and the `lightened` color will be used for the background-color.
+          * @default 'none'
          */
         "theme": ColorSwatchTheme;
         /**
           * The variant of this color swatch. Can be either `circle` or `square`, and defaults to `circle`.
+          * @default 'circle'
          */
         "variant": ColorSwatchVariant;
     }
     interface VertexContextMenu {
         /**
           * Whether this context menu is animated on open and close.
+          * @default true
          */
         "animated": boolean;
         /**
@@ -342,14 +415,17 @@ export namespace Components {
     interface VertexDialog {
         /**
           * Whether this dialog should be full screen
+          * @default false
          */
         "fullscreen": boolean;
         /**
           * Whether this dialog's content is visible.
+          * @default false
          */
         "open": boolean;
         /**
           * Whether this dialog can be resized.
+          * @default false
          */
         "resizable": boolean;
     }
@@ -370,46 +446,56 @@ export namespace Components {
     interface VertexDropdownMenu {
         /**
           * Whether this context menu is animated on open and close.
+          * @default true
          */
         "animated": boolean;
         /**
           * Placement of menu relative to the anchor element.
+          * @default 'bottom-end'
          */
         "placement": PopoverPlacement;
     }
     interface VertexExpandable {
         /**
           * Whether or not the expand and collapse of this element is animated.
+          * @default true
          */
         "animated": boolean;
         /**
           * A property indicating that this content is collapsing. This property is for internal use and styling, and should not be modified.
+          * @default false
          */
         "collapsing": boolean;
         /**
           * Indicates whether this collapsible is controlled programmatically. Setting this value will also remove the expand icon, along with the associated slot.
+          * @default false
          */
         "controlled": boolean;
         /**
           * The `VertexExpandableType` for this draggable popover. Can be set to `header`, `content`, or `none`. Defaults to `content`.  `header` will cause the `header` slot to collapse and expand. `content` will cause the unnamed slot to collapse and expand.
+          * @default 'content'
          */
         "expandType": VertexExpandableType;
         /**
           * Whether this popover has its expanded content shown. This is controlled internally by the component, but can also be explicitly set.  Defaults to `false` and requires `expandable` to be `true`.
+          * @default false
          */
         "expanded": boolean;
         /**
           * A property indicating that this content is expanding. This property is for internal use and styling, and should not be modified.
+          * @default false
          */
         "expanding": boolean;
     }
     interface VertexHelpTooltip {
         /**
           * Whether this context menu is animated on open and close.
+          * @default true
          */
         "animated": boolean;
         /**
           * Placement of menu relative to the anchor element.
+          * @default 'bottom-end'
          */
         "placement": PopoverPlacement;
     }
@@ -420,6 +506,7 @@ export namespace Components {
         "name": IconName;
         /**
           * The size of the icon.  Can be 'xs', 'sm', 'md', or 'lg'. Defaults to 'md'.  This can be overridden with the `--icon-size` CSS variable.
+          * @default 'md'
          */
         "size": IconSize;
     }
@@ -430,6 +517,7 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * The color of the icon displayed in this <vertex-icon-button>. Can be "primary", "secondary", or "default" and defaults to "default", where default uses the currentColor value.
+          * @default 'default'
          */
         "iconColor": IconButtonIconColor;
         /**
@@ -438,10 +526,12 @@ export namespace Components {
         "iconName": IconName;
         /**
           * The size of the icon.  Can be 'xs', 'sm', 'md', or 'lg'. Defaults to 'md'.  This can be overridden with the `--icon-size` CSS variable.
+          * @default 'md'
          */
         "iconSize": IconSize;
         /**
-          * The variant of this <vertex-icon-button>. Can be "default", "floating", or "plain" and defaults to "default".  Setting this to "plain" will disable hover, active, and focus backgrounds or box shadows.
+          * The variant of this <vertex-icon-button>. Can be "default", "floating", "inline", or "plain" and defaults to "default".  Setting this to "plain" will disable hover, active, and focus backgrounds or box shadows.
+          * @default 'default'
          */
         "variant": IconButtonVariant;
     }
@@ -450,10 +540,12 @@ export namespace Components {
     interface VertexMenu {
         /**
           * Whether this menu is animated on open and close.
+          * @default true
          */
         "animated": boolean;
         /**
           * Whether to show a backdrop that dismisses this menu. Defaults to true, and is invisible, but can be styled.
+          * @default true
          */
         "backdrop": boolean;
         /**
@@ -462,10 +554,12 @@ export namespace Components {
         "fallbackPlacements"?: PopoverPlacement[];
         /**
           * Whether the menu is visible.
+          * @default false
          */
         "open": boolean;
         /**
           * Whether the menu persists until manually dismissed. Defaults to false.
+          * @default false
          */
         "persistent": boolean;
         /**
@@ -483,6 +577,7 @@ export namespace Components {
     interface VertexMenuItem {
         /**
           * Whether to disallow clicks and display this item as disabled.
+          * @default false
          */
         "disabled": boolean;
     }
@@ -497,10 +592,12 @@ export namespace Components {
         "anchorSelector"?: string;
         /**
           * Whether this popover should animate its contents it is opened. Defaults to false, and the animation can be overridden using the `var(--open-animation)` and `var(--close-animation)` CSS variables. The `transform-origin` will update relative to the `position` property provided.
+          * @default false
          */
         "animated": boolean;
         /**
           * Whether to show a backdrop that dismisses this popover. Defaults to true, and is invisible, but can be styled.
+          * @default true
          */
         "backdrop": boolean;
         /**
@@ -517,6 +614,7 @@ export namespace Components {
         "offsetBehavior"?: OffsetOptions;
         /**
           * Whether this popover's content is visible.
+          * @default false
          */
         "open": boolean;
         /**
@@ -525,21 +623,27 @@ export namespace Components {
         "overflowBehavior"?: DetectOverflowOptions;
         /**
           * The placement of the popover at the clicked point. This can be any of the following values:  'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', and defaults to 'bottom-start'.  Note: placement will adjust based on the amount of available space, so popovers close to screen edges may appear in a different location.
+          * @default 'bottom-start'
          */
-        "placement": PopoverPlacement;
+        "placement": PopoverPlacement1;
         /**
           * The position of the popover anchor.
          */
         "position"?: Point | string;
         /**
           * The behavior that this popover will have when the window is resized. Can be either 'dynamic' or 'fixed', and defaults to 'dynamic'.  'dynamic' will cause a position-based popover to adjust its position relative to the window resize to keep it in the same relative position. 'fixed' will keep the popover in the same position even if that means it would disappear off-screen.
+          * @default 'dynamic'
          */
         "resizeBehavior": PopoverResizeBehavior;
+        /**
+          * @default (cb) => new ResizeObserver(cb)
+         */
         "resizeObserverFactory": (
     cb: (entries: ResizeObserverEntry[]) => void
   ) => ResizeObserver;
         /**
           * Indicates if the position of the popover should be updated when the popover's content size changes.
+          * @default false
          */
         "updateOnResize": boolean;
     }
@@ -550,6 +654,7 @@ export namespace Components {
         "checked"?: boolean;
         /**
           * Whether to disallow clicks and display this item as disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -582,10 +687,12 @@ export namespace Components {
         "contentSelector"?: string;
         /**
           * Indicates whether the component has computed its initial dimensions. This can be used to hide a resizable element that has both a `min-width` or `min-height` and an initial horizontal or vertical scale factor prior to the actual initial width or height being computed.
+          * @default false
          */
         "dimensionsComputed": boolean;
         /**
           * The horizontal direction that this component can be resized in.  Supports `left`, `right`, `both`, or `none`, and defaults to `both`.
+          * @default 'both'
          */
         "horizontalDirection": HorizontalDragDirection;
         /**
@@ -602,6 +709,7 @@ export namespace Components {
         "initialVerticalScale"?: number;
         /**
           * Indicates whether this resizable should set its `top` property to the difference between its initial height and max height, and its `left` property to the difference between its initial width and max width.  Setting this is useful when using the `verticalDirection` of `top` or `horizontalDirection` of `left`, and positioning it to the bottom of the parent container or right of the parent container respectively.
+          * @default false
          */
         "initializeWithOffset": boolean;
         /**
@@ -610,6 +718,7 @@ export namespace Components {
         "parentSelector"?: string;
         /**
           * A prop to tell the component that it is absolutely positioned.  If this prop is passed, it is expected that this component is anchored, and would only be draggable in one direction. It could have adverse affects if it is positioned absolutely, but then dragged in the opposite position from it's anchor point.
+          * @default 'relative'
          */
         "position": 'relative' | 'absolute';
         /**
@@ -618,6 +727,7 @@ export namespace Components {
         "updateDimensions": (bounds: ResizableBoundsUpdate, isRecompute?: boolean) => Promise<void>;
         /**
           * The vertical direction that this component can be resized in.  Supports `top`, `bottom`, `both`, or `none`, and defaults to `both`.
+          * @default 'both'
          */
         "verticalDirection": VerticalDragDirection;
         /**
@@ -626,23 +736,46 @@ export namespace Components {
         "verticalSiblingSelector"?: string;
     }
     interface VertexResultList {
+        /**
+          * @default []
+         */
         "items": Result[];
         "itemsJson"?: string;
+        /**
+          * @default false
+         */
         "open": boolean;
+        /**
+          * @default 25
+         */
         "overScanCount": number;
+        /**
+          * @default 'bottom-start'
+         */
         "placement": PopoverPlacement;
         "position"?: Point | string;
+        /**
+          * @default 32
+         */
         "resultHeight": number;
+        /**
+          * @default 0
+         */
         "viewportEndIndex": number;
+        /**
+          * @default 0
+         */
         "viewportStartIndex": number;
     }
     interface VertexSearchBar {
         /**
           * Characters that should trigger a "break" of the search. If a value in this list is encountered when trying to parse back to the `triggerCharacter`, this will hide the result list.
+          * @default [' ', '\n']
          */
         "breakCharacters": string[];
         /**
           * Whether this search bar is disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -652,14 +785,17 @@ export namespace Components {
         /**
           * The placement of the result list for this search bar.  Corresponds to the value for the underlying <vertex-popover> placement value.
           * @see  (PopoverPlacement)
+          * @default 'bottom-start'
          */
         "placement": PopoverPlacement;
         /**
           * The URI type of the values to replace. When `replacements` are evaluated, this value will be used as the scheme portion of the URI to detect matches.  Defaults to `user`, and will match URIs composed with the `user` scheme and a UUID. E.g. `user:00000000-0000-0000-0000-000000000000`
+          * @default 'user'
          */
         "replacementUriType": string;
         /**
           * Replaced result values. This will be used in combination with the value of `value` to display existing replaced values.  This value will be automatically updated as `Result`s are clicked within this search bar's `<vertex-result-list>`.
+          * @default []
          */
         "replacements": Result[];
         /**
@@ -668,6 +804,7 @@ export namespace Components {
         "resultItems"?: Result[];
         /**
           * The character indicating that we should trigger a search.  When this character is encountered, the text following it (omitting `breakCharacters`) will be emitted as a `searchChanged` event.
+          * @default '@'
          */
         "triggerCharacter": string;
         /**
@@ -676,26 +813,34 @@ export namespace Components {
         "value"?: string;
         /**
           * The search bar variant to display.  Possible options are: - 'standard' (default) - 'filled' - 'underlined' - 'blank
+          * @default 'standard'
          */
         "variant": SearchBarVariant;
     }
     interface VertexSelect {
         /**
           * Whether this select is animated when opening or closing.
+          * @default true
          */
         "animated": boolean;
         /**
           * Whether this select is disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Whether this select will omit the currently selected value in the dropdown list.
+          * @default true
          */
         "hideSelected": boolean;
         /**
           * A placeholder to use when no option has been selected. Defaults to "Select an option...".
+          * @default 'Select an option...'
          */
         "placeholder": string;
+        /**
+          * @default (cb) => new ResizeObserver(cb)
+         */
         "resizeObserverFactory": (
     cb: (entries: ResizeObserverEntry[]) => void
   ) => ResizeObserver;
@@ -707,16 +852,22 @@ export namespace Components {
     interface VertexSlider {
         /**
           * Whether this slider is disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
           * The maximum possible value for the slider.
+          * @default 100
          */
         "max": number;
         /**
           * The lowest possible value for the slider.
+          * @default 0
          */
         "min": number;
+        /**
+          * @default 'sm'
+         */
         "size": SliderSize;
         /**
           * The granularity that the value must adhere to. See [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step) on possible values.
@@ -724,24 +875,31 @@ export namespace Components {
         "step"?: number | string;
         /**
           * The numeric value of the slider.
+          * @default 0
          */
         "value": number;
         /**
           * Controls when the value label is displayed. Default off - auto: the value label will display when the thumb is hovered or focused. - off will never display.
+          * @default 'off'
          */
         "valueLabelDisplay": LabelDisplay;
     }
     interface VertexSpinner {
         /**
           * The color of this <vertex-spinner>. Can be "blue", "white", or "grey", and defaults to "blue"
+          * @default 'blue'
          */
         "color": SpinnerColor;
         /**
           * The size of this <vertex-spinner>. Can be "xs", "sm", "md", or "lg" and defaults to "lg"
+          * @default 'lg'
          */
         "size": SpinnerSize;
     }
     interface VertexTab {
+        /**
+          * @default false
+         */
         "active": boolean;
         /**
           * The label to include in tab list.
@@ -771,8 +929,9 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * The size of the text. Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+          * @default 'standard'
          */
-        "fontSize": TextSize;
+        "fontSize": TextSize1;
         "getInputValue": () => Promise<string>;
         /**
           * Whether this input is in error state
@@ -784,10 +943,12 @@ export namespace Components {
         "maxRows"?: number;
         /**
           * The minimum number of rows to display. This property has no effect if `multiline` is not `true`.  Defaults to `1`.
+          * @default 1
          */
         "minRows": number;
         /**
           * Whether this input should be displayed as a multiline input. Rows will have no minimum or maximum by default unless `min-rows` or `max-rows` are set.
+          * @default false
          */
         "multiline": boolean;
         /**
@@ -804,6 +965,7 @@ export namespace Components {
         "selectAll": () => Promise<void>;
         /**
           * The type of the <input> Can be "text", "password", or "email" and defaults to "text"
+          * @default 'text'
          */
         "type": TextFieldType;
         /**
@@ -813,16 +975,19 @@ export namespace Components {
         "updateInput": (input: string) => Promise<void>;
         /**
           * Value for text input.
+          * @default ''
          */
         "value"?: string | number | null;
         /**
           * The variant of this <vertex-textfield>. Can be "standard", "filled", or "underlined" and defaults to "standard".
+          * @default 'standard'
          */
         "variant": TextFieldVariant;
     }
     interface VertexToast {
         /**
           * Whether this toast should be animated. Defaults to true.
+          * @default true
          */
         "animated": boolean;
         /**
@@ -831,38 +996,46 @@ export namespace Components {
         "content"?: string;
         /**
           * The duration this toast will appear for. Can be set to `0` to display the toast until explicitly dismissed, and defaults to 3000ms.
+          * @default DEFAULT_TOAST_DURATION
          */
         "duration": number;
         /**
           * Whether this toast is visible. Updating this property to `true` will restart the timer to hide the toast. Defaults to false.
+          * @default false
          */
         "open": boolean;
         /**
           * The placement of the toast. This can be any of the following values:  'top', 'top-left', 'top-right', 'bottom', 'bottom-left', or 'bottom-right'.
+          * @default 'bottom-left'
          */
         "placement": ToastPlacement;
         /**
           * The type of toast. This will change the styling of the toast
+          * @default 'info'
          */
         "type": ToastType;
     }
     interface VertexToggle {
         /**
           * Whether this toggle is checked. This prop is modified internally by the component unless the `disabled` prop is set to true.
+          * @default false
          */
         "checked": boolean;
         /**
           * Whether this toggle is disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
           * The type of toggle. This can be either 'check' or 'switch', and defaults to 'check'.
+          * @default 'check'
          */
         "variant": ToggleVariant;
     }
     interface VertexTooltip {
         /**
           * Whether this tooltip should be animated. Defaults to true.
+          * @default true
          */
         "animated": boolean;
         /**
@@ -871,6 +1044,7 @@ export namespace Components {
         "content"?: string;
         /**
           * The delay before this tooltip becomes visible on hover. Defaults to 500ms.
+          * @default TOOLTIP_OPEN_DELAY
          */
         "delay": number;
         /**
@@ -879,6 +1053,7 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * The placement of the tooltip around the slotted element. This can be any of the following values:  'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', or 'auto-end', and defaults to 'bottom'.  Note: placement will adjust based on the amount of available space, so tooltips close to screen edges may appear in a different location.
+          * @default 'bottom'
          */
         "placement": PopoverPlacement;
     }
@@ -1008,7 +1183,18 @@ declare global {
         prototype: HTMLVertexBadgeElement;
         new (): HTMLVertexBadgeElement;
     };
+    interface HTMLVertexBannerElementEventMap {
+        "closed": void;
+    }
     interface HTMLVertexBannerElement extends Components.VertexBanner, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexBannerElementEventMap>(type: K, listener: (this: HTMLVertexBannerElement, ev: VertexBannerCustomEvent<HTMLVertexBannerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexBannerElementEventMap>(type: K, listener: (this: HTMLVertexBannerElement, ev: VertexBannerCustomEvent<HTMLVertexBannerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexBannerElement: {
         prototype: HTMLVertexBannerElement;
@@ -1020,7 +1206,18 @@ declare global {
         prototype: HTMLVertexButtonElement;
         new (): HTMLVertexButtonElement;
     };
+    interface HTMLVertexCardElementEventMap {
+        "contentClick": MouseEvent;
+    }
     interface HTMLVertexCardElement extends Components.VertexCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexCardElementEventMap>(type: K, listener: (this: HTMLVertexCardElement, ev: VertexCardCustomEvent<HTMLVertexCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexCardElementEventMap>(type: K, listener: (this: HTMLVertexCardElement, ev: VertexCardCustomEvent<HTMLVertexCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexCardElement: {
         prototype: HTMLVertexCardElement;
@@ -1038,7 +1235,22 @@ declare global {
         prototype: HTMLVertexChipElement;
         new (): HTMLVertexChipElement;
     };
+    interface HTMLVertexClickToEditTextfieldElementEventMap {
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+        "inputInput": InputChangeEventDetail;
+        "inputChange": InputChangeEventDetail;
+        "inputSubmit": InputChangeEventDetail;
+    }
     interface HTMLVertexClickToEditTextfieldElement extends Components.VertexClickToEditTextfield, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexClickToEditTextfieldElementEventMap>(type: K, listener: (this: HTMLVertexClickToEditTextfieldElement, ev: VertexClickToEditTextfieldCustomEvent<HTMLVertexClickToEditTextfieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexClickToEditTextfieldElementEventMap>(type: K, listener: (this: HTMLVertexClickToEditTextfieldElement, ev: VertexClickToEditTextfieldCustomEvent<HTMLVertexClickToEditTextfieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexClickToEditTextfieldElement: {
         prototype: HTMLVertexClickToEditTextfieldElement;
@@ -1050,13 +1262,36 @@ declare global {
         prototype: HTMLVertexCollapsibleElement;
         new (): HTMLVertexCollapsibleElement;
     };
+    interface HTMLVertexColorCirclePickerElementEventMap {
+        "selectionChanged": SelectionChangedDetails;
+    }
     interface HTMLVertexColorCirclePickerElement extends Components.VertexColorCirclePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexColorCirclePickerElementEventMap>(type: K, listener: (this: HTMLVertexColorCirclePickerElement, ev: VertexColorCirclePickerCustomEvent<HTMLVertexColorCirclePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexColorCirclePickerElementEventMap>(type: K, listener: (this: HTMLVertexColorCirclePickerElement, ev: VertexColorCirclePickerCustomEvent<HTMLVertexColorCirclePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexColorCirclePickerElement: {
         prototype: HTMLVertexColorCirclePickerElement;
         new (): HTMLVertexColorCirclePickerElement;
     };
+    interface HTMLVertexColorPickerElementEventMap {
+        "valueInput": string;
+        "valueChanged": string;
+    }
     interface HTMLVertexColorPickerElement extends Components.VertexColorPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexColorPickerElementEventMap>(type: K, listener: (this: HTMLVertexColorPickerElement, ev: VertexColorPickerCustomEvent<HTMLVertexColorPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexColorPickerElementEventMap>(type: K, listener: (this: HTMLVertexColorPickerElement, ev: VertexColorPickerCustomEvent<HTMLVertexColorPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexColorPickerElement: {
         prototype: HTMLVertexColorPickerElement;
@@ -1068,37 +1303,108 @@ declare global {
         prototype: HTMLVertexColorSwatchElement;
         new (): HTMLVertexColorSwatchElement;
     };
+    interface HTMLVertexContextMenuElementEventMap {
+        "menuOpened": PointerEvent;
+        "menuClosed": any;
+    }
     interface HTMLVertexContextMenuElement extends Components.VertexContextMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexContextMenuElementEventMap>(type: K, listener: (this: HTMLVertexContextMenuElement, ev: VertexContextMenuCustomEvent<HTMLVertexContextMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexContextMenuElementEventMap>(type: K, listener: (this: HTMLVertexContextMenuElement, ev: VertexContextMenuCustomEvent<HTMLVertexContextMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexContextMenuElement: {
         prototype: HTMLVertexContextMenuElement;
         new (): HTMLVertexContextMenuElement;
     };
+    interface HTMLVertexDialogElementEventMap {
+        "backdropClick": void;
+        "closed": void;
+    }
     interface HTMLVertexDialogElement extends Components.VertexDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexDialogElementEventMap>(type: K, listener: (this: HTMLVertexDialogElement, ev: VertexDialogCustomEvent<HTMLVertexDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexDialogElementEventMap>(type: K, listener: (this: HTMLVertexDialogElement, ev: VertexDialogCustomEvent<HTMLVertexDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexDialogElement: {
         prototype: HTMLVertexDialogElement;
         new (): HTMLVertexDialogElement;
     };
+    interface HTMLVertexDraggablePopoverElementEventMap {
+        "positionChanged": Point;
+    }
     interface HTMLVertexDraggablePopoverElement extends Components.VertexDraggablePopover, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexDraggablePopoverElementEventMap>(type: K, listener: (this: HTMLVertexDraggablePopoverElement, ev: VertexDraggablePopoverCustomEvent<HTMLVertexDraggablePopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexDraggablePopoverElementEventMap>(type: K, listener: (this: HTMLVertexDraggablePopoverElement, ev: VertexDraggablePopoverCustomEvent<HTMLVertexDraggablePopoverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexDraggablePopoverElement: {
         prototype: HTMLVertexDraggablePopoverElement;
         new (): HTMLVertexDraggablePopoverElement;
     };
+    interface HTMLVertexDropdownMenuElementEventMap {
+        "menuOpened": UIEvent;
+        "menuClosed": any;
+    }
     interface HTMLVertexDropdownMenuElement extends Components.VertexDropdownMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexDropdownMenuElementEventMap>(type: K, listener: (this: HTMLVertexDropdownMenuElement, ev: VertexDropdownMenuCustomEvent<HTMLVertexDropdownMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexDropdownMenuElementEventMap>(type: K, listener: (this: HTMLVertexDropdownMenuElement, ev: VertexDropdownMenuCustomEvent<HTMLVertexDropdownMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexDropdownMenuElement: {
         prototype: HTMLVertexDropdownMenuElement;
         new (): HTMLVertexDropdownMenuElement;
     };
+    interface HTMLVertexExpandableElementEventMap {
+        "expand": void;
+        "collapse": void;
+    }
     interface HTMLVertexExpandableElement extends Components.VertexExpandable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexExpandableElementEventMap>(type: K, listener: (this: HTMLVertexExpandableElement, ev: VertexExpandableCustomEvent<HTMLVertexExpandableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexExpandableElementEventMap>(type: K, listener: (this: HTMLVertexExpandableElement, ev: VertexExpandableCustomEvent<HTMLVertexExpandableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexExpandableElement: {
         prototype: HTMLVertexExpandableElement;
         new (): HTMLVertexExpandableElement;
     };
+    interface HTMLVertexHelpTooltipElementEventMap {
+        "menuOpened": UIEvent;
+        "menuClosed": any;
+    }
     interface HTMLVertexHelpTooltipElement extends Components.VertexHelpTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexHelpTooltipElementEventMap>(type: K, listener: (this: HTMLVertexHelpTooltipElement, ev: VertexHelpTooltipCustomEvent<HTMLVertexHelpTooltipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexHelpTooltipElementEventMap>(type: K, listener: (this: HTMLVertexHelpTooltipElement, ev: VertexHelpTooltipCustomEvent<HTMLVertexHelpTooltipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexHelpTooltipElement: {
         prototype: HTMLVertexHelpTooltipElement;
@@ -1122,7 +1428,18 @@ declare global {
         prototype: HTMLVertexLogoLoadingElement;
         new (): HTMLVertexLogoLoadingElement;
     };
+    interface HTMLVertexMenuElementEventMap {
+        "menuClosed": any;
+    }
     interface HTMLVertexMenuElement extends Components.VertexMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexMenuElementEventMap>(type: K, listener: (this: HTMLVertexMenuElement, ev: VertexMenuCustomEvent<HTMLVertexMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexMenuElementEventMap>(type: K, listener: (this: HTMLVertexMenuElement, ev: VertexMenuCustomEvent<HTMLVertexMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexMenuElement: {
         prototype: HTMLVertexMenuElement;
@@ -1140,49 +1457,144 @@ declare global {
         prototype: HTMLVertexMenuItemElement;
         new (): HTMLVertexMenuItemElement;
     };
+    interface HTMLVertexPopoverElementEventMap {
+        "dismissed": void;
+    }
     interface HTMLVertexPopoverElement extends Components.VertexPopover, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexPopoverElementEventMap>(type: K, listener: (this: HTMLVertexPopoverElement, ev: VertexPopoverCustomEvent<HTMLVertexPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexPopoverElementEventMap>(type: K, listener: (this: HTMLVertexPopoverElement, ev: VertexPopoverCustomEvent<HTMLVertexPopoverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexPopoverElement: {
         prototype: HTMLVertexPopoverElement;
         new (): HTMLVertexPopoverElement;
     };
+    interface HTMLVertexRadioElementEventMap {
+        "valueChanged": RadioChangeEventDetail;
+    }
     interface HTMLVertexRadioElement extends Components.VertexRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexRadioElementEventMap>(type: K, listener: (this: HTMLVertexRadioElement, ev: VertexRadioCustomEvent<HTMLVertexRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexRadioElementEventMap>(type: K, listener: (this: HTMLVertexRadioElement, ev: VertexRadioCustomEvent<HTMLVertexRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexRadioElement: {
         prototype: HTMLVertexRadioElement;
         new (): HTMLVertexRadioElement;
     };
+    interface HTMLVertexRadioGroupElementEventMap {
+        "valueChanged": string;
+    }
     interface HTMLVertexRadioGroupElement extends Components.VertexRadioGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexRadioGroupElementEventMap>(type: K, listener: (this: HTMLVertexRadioGroupElement, ev: VertexRadioGroupCustomEvent<HTMLVertexRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexRadioGroupElementEventMap>(type: K, listener: (this: HTMLVertexRadioGroupElement, ev: VertexRadioGroupCustomEvent<HTMLVertexRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexRadioGroupElement: {
         prototype: HTMLVertexRadioGroupElement;
         new (): HTMLVertexRadioGroupElement;
     };
+    interface HTMLVertexResizableElementEventMap {
+        "resizeStart": ResizeEventDetails;
+        "resizeEnd": ResizeEventDetails;
+    }
     interface HTMLVertexResizableElement extends Components.VertexResizable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexResizableElementEventMap>(type: K, listener: (this: HTMLVertexResizableElement, ev: VertexResizableCustomEvent<HTMLVertexResizableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexResizableElementEventMap>(type: K, listener: (this: HTMLVertexResizableElement, ev: VertexResizableCustomEvent<HTMLVertexResizableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexResizableElement: {
         prototype: HTMLVertexResizableElement;
         new (): HTMLVertexResizableElement;
     };
+    interface HTMLVertexResultListElementEventMap {
+        "enterPressed": Result;
+        "resultClick": Result;
+    }
     interface HTMLVertexResultListElement extends Components.VertexResultList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexResultListElementEventMap>(type: K, listener: (this: HTMLVertexResultListElement, ev: VertexResultListCustomEvent<HTMLVertexResultListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexResultListElementEventMap>(type: K, listener: (this: HTMLVertexResultListElement, ev: VertexResultListCustomEvent<HTMLVertexResultListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexResultListElement: {
         prototype: HTMLVertexResultListElement;
         new (): HTMLVertexResultListElement;
     };
+    interface HTMLVertexSearchBarElementEventMap {
+        "searchChanged": string;
+        "inputChanged": string;
+        "resultReplaced": Result;
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+    }
     interface HTMLVertexSearchBarElement extends Components.VertexSearchBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexSearchBarElementEventMap>(type: K, listener: (this: HTMLVertexSearchBarElement, ev: VertexSearchBarCustomEvent<HTMLVertexSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexSearchBarElementEventMap>(type: K, listener: (this: HTMLVertexSearchBarElement, ev: VertexSearchBarCustomEvent<HTMLVertexSearchBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexSearchBarElement: {
         prototype: HTMLVertexSearchBarElement;
         new (): HTMLVertexSearchBarElement;
     };
+    interface HTMLVertexSelectElementEventMap {
+        "optionChanged": string;
+    }
     interface HTMLVertexSelectElement extends Components.VertexSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexSelectElementEventMap>(type: K, listener: (this: HTMLVertexSelectElement, ev: VertexSelectCustomEvent<HTMLVertexSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexSelectElementEventMap>(type: K, listener: (this: HTMLVertexSelectElement, ev: VertexSelectCustomEvent<HTMLVertexSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexSelectElement: {
         prototype: HTMLVertexSelectElement;
         new (): HTMLVertexSelectElement;
     };
+    interface HTMLVertexSliderElementEventMap {
+        "valueChange": SliderChangeEventDetails;
+        "valueInput": SliderChangeEventDetails;
+    }
     interface HTMLVertexSliderElement extends Components.VertexSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexSliderElementEventMap>(type: K, listener: (this: HTMLVertexSliderElement, ev: VertexSliderCustomEvent<HTMLVertexSliderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexSliderElementEventMap>(type: K, listener: (this: HTMLVertexSliderElement, ev: VertexSliderCustomEvent<HTMLVertexSliderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexSliderElement: {
         prototype: HTMLVertexSliderElement;
@@ -1194,31 +1606,91 @@ declare global {
         prototype: HTMLVertexSpinnerElement;
         new (): HTMLVertexSpinnerElement;
     };
+    interface HTMLVertexTabElementEventMap {
+        "tabClick": string;
+    }
     interface HTMLVertexTabElement extends Components.VertexTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexTabElementEventMap>(type: K, listener: (this: HTMLVertexTabElement, ev: VertexTabCustomEvent<HTMLVertexTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexTabElementEventMap>(type: K, listener: (this: HTMLVertexTabElement, ev: VertexTabCustomEvent<HTMLVertexTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexTabElement: {
         prototype: HTMLVertexTabElement;
         new (): HTMLVertexTabElement;
     };
+    interface HTMLVertexTabsElementEventMap {
+        "selectedTabChanged": string;
+    }
     interface HTMLVertexTabsElement extends Components.VertexTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexTabsElementEventMap>(type: K, listener: (this: HTMLVertexTabsElement, ev: VertexTabsCustomEvent<HTMLVertexTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexTabsElementEventMap>(type: K, listener: (this: HTMLVertexTabsElement, ev: VertexTabsCustomEvent<HTMLVertexTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexTabsElement: {
         prototype: HTMLVertexTabsElement;
         new (): HTMLVertexTabsElement;
     };
+    interface HTMLVertexTextfieldElementEventMap {
+        "inputFocus": FocusEvent;
+        "inputBlur": FocusEvent;
+        "inputInput": InputChangeEventDetail1;
+        "inputChange": InputChangeEventDetail1;
+        "textFieldKeyDown": KeyboardEvent;
+        "inputAutofill": InputChangeEventDetail1;
+    }
     interface HTMLVertexTextfieldElement extends Components.VertexTextfield, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexTextfieldElementEventMap>(type: K, listener: (this: HTMLVertexTextfieldElement, ev: VertexTextfieldCustomEvent<HTMLVertexTextfieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexTextfieldElementEventMap>(type: K, listener: (this: HTMLVertexTextfieldElement, ev: VertexTextfieldCustomEvent<HTMLVertexTextfieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexTextfieldElement: {
         prototype: HTMLVertexTextfieldElement;
         new (): HTMLVertexTextfieldElement;
     };
+    interface HTMLVertexToastElementEventMap {
+        "closed": void;
+    }
     interface HTMLVertexToastElement extends Components.VertexToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexToastElementEventMap>(type: K, listener: (this: HTMLVertexToastElement, ev: VertexToastCustomEvent<HTMLVertexToastElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexToastElementEventMap>(type: K, listener: (this: HTMLVertexToastElement, ev: VertexToastCustomEvent<HTMLVertexToastElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexToastElement: {
         prototype: HTMLVertexToastElement;
         new (): HTMLVertexToastElement;
     };
+    interface HTMLVertexToggleElementEventMap {
+        "valueChanged": boolean;
+    }
     interface HTMLVertexToggleElement extends Components.VertexToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLVertexToggleElementEventMap>(type: K, listener: (this: HTMLVertexToggleElement, ev: VertexToggleCustomEvent<HTMLVertexToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLVertexToggleElementEventMap>(type: K, listener: (this: HTMLVertexToggleElement, ev: VertexToggleCustomEvent<HTMLVertexToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLVertexToggleElement: {
         prototype: HTMLVertexToggleElement;
@@ -1275,6 +1747,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface VertexAutoResizeTextarea {
         /**
           * The initial value of the text area.
@@ -1286,6 +1760,7 @@ declare namespace LocalJSX {
         "maxRows"?: number;
         /**
           * The minimum number of rows that the textarea will be constrained to.  Defaults to `1`.
+          * @default 1
          */
         "minRows"?: number;
         /**
@@ -1296,6 +1771,7 @@ declare namespace LocalJSX {
     interface VertexAvatar {
         /**
           * Whether the element triggers an action
+          * @default false
          */
         "active"?: boolean;
         /**
@@ -1312,6 +1788,7 @@ declare namespace LocalJSX {
         "value"?: string;
         /**
           * The variant of this avatar. Can be either `default` or `small`, and defaults to `default`.
+          * @default 'default'
          */
         "variant"?: AvatarVariant;
     }
@@ -1320,6 +1797,7 @@ declare namespace LocalJSX {
     interface VertexBadge {
         /**
           * The color of the badge displayed in this <vertex-badge>. Can be "primary" or "secondary", and defaults to "primary."
+          * @default 'primary'
          */
         "badgeColor"?: BadgeIconColor;
         /**
@@ -1330,6 +1808,7 @@ declare namespace LocalJSX {
     interface VertexBanner {
         /**
           * Whether this banner should be animated. Defaults to true.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -1338,6 +1817,7 @@ declare namespace LocalJSX {
         "content"?: string;
         /**
           * The duration this banner will appear for. Can be set to `0` to display the banner until explicitly dismissed, and defaults to 3000ms.
+          * @default DEFAULT_BANNER_DURATION
          */
         "duration"?: number;
         /**
@@ -1346,20 +1826,24 @@ declare namespace LocalJSX {
         "onClosed"?: (event: VertexBannerCustomEvent<void>) => void;
         /**
           * Whether this banner is visible. Updating this property to `true` will restart the timer to hide the banner. Defaults to false.
+          * @default false
          */
         "open"?: boolean;
         /**
           * The placement of the banner. This can be any of the following values:  'top', 'top-left', or 'top-right'.
+          * @default 'top'
          */
         "placement"?: BannerPlacement;
         /**
           * The type of banner. This will change the styling of the banner
+          * @default 'info'
          */
         "type"?: BannerType;
     }
     interface VertexButton {
         /**
           * The color of this <vertex-button>. Can be "primary", "secondary", or "danger" and defaults to "secondary".
+          * @default 'secondary'
          */
         "color"?: ButtonColor;
         /**
@@ -1368,6 +1852,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * The expansion behavior of this <vertex-button>. Can be set to "full" to cause the button to stretch to fill its container, or "block" to cause the button to be sized based on its contents. Defaults to "block".
+          * @default 'block'
          */
         "expand"?: ButtonExpand;
         /**
@@ -1376,6 +1861,7 @@ declare namespace LocalJSX {
         "href"?: string;
         /**
           * The size of this <vertex-button>. Can be "sm", "md", or "lg" and defaults to "md".
+          * @default 'md'
          */
         "size"?: ButtonSize;
         /**
@@ -1388,12 +1874,14 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
         /**
           * The variant of this <vertex-button>. Can be "solid", "text", or "plaintext" and defaults to "solid".  Setting this value to "plaintext" will cause the "color" property to be ignored.
+          * @default 'solid'
          */
         "variant"?: ButtonVariant;
     }
     interface VertexCard {
         /**
           * The visual mode of this `Card`. Can be either `editing` or `display`, and defaults to `display`.  Setting this to `editing` will stop propagation of clicks on on the default slotted elements to allow for clicking in an input.
+          * @default 'display'
          */
         "mode"?: CardMode;
         /**
@@ -1404,24 +1892,29 @@ declare namespace LocalJSX {
     interface VertexCardGroup {
         /**
           * Whether this card's expandable content is expanded or not.
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * Whether this card should be displayed with a hovered state.
+          * @default false
          */
         "hovered"?: boolean;
         /**
           * Whether this card should be displayed with a selected state.
+          * @default false
          */
         "selected"?: boolean;
     }
     interface VertexChip {
         /**
           * The color of this <vertex-chip>. Can be "primary" or "secondary" and defaults to "secondary".
+          * @default 'secondary'
          */
         "color"?: ChipColor;
         /**
           * The variant of this <vertex-chip>. Can be "filled" or "outlined" and defaults to "filled".
+          * @default 'filled'
          */
         "variant"?: ChipVariant;
     }
@@ -1436,10 +1929,12 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * Whether this input is being edited.
+          * @default false
          */
         "editing"?: boolean;
         /**
           * The size of the text. Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+          * @default 'standard'
          */
         "fontSize"?: TextSize;
         /**
@@ -1456,6 +1951,7 @@ declare namespace LocalJSX {
         "minRows"?: number;
         /**
           * Whether this input should be displayed as a multiline input. Rows will have no minimum or maximum by default unless `min-rows` or `max-rows` are set.
+          * @default false
          */
         "multiline"?: boolean;
         /**
@@ -1484,6 +1980,7 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Value for text input.
+          * @default ''
          */
         "value"?: string | number | null;
     }
@@ -1494,32 +1991,39 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * Whether this collapsible is expanded.
+          * @default false
          */
         "open"?: boolean;
     }
     interface VertexColorCirclePicker {
         /**
           * The colors to show in this `vertex-color-circle-picker`. These values will map to the `color` property of the underlying `vertex-color-swatch`.
+          * @default [     '#4c87be',     '#f3d336',     '#6fbb29',     '#e38826',     '#c72e16',     '#8c3681',     '#000000',     '#ffffff',   ]
          */
         "colors"?: string[] | string;
         /**
           * The percentage darker color to use to compute the `darkened` color for the underlying `vertex-color-swatch`. This will be used when the `theme` is set to `dark`.
+          * @default 0.25
          */
         "darkenPercentage"?: number;
         /**
           * The orientation of this color picker. Can be either `vertical` or `horizontal`, and defaults to `horizontal`.
+          * @default 'horizontal'
          */
         "direction"?: 'vertical' | 'horizontal';
         /**
           * The placement of the tooltip around the swatch elements. This can be any of the following values:  'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', or 'auto-end', and defaults to 'bottom'.  Note: placement will adjust based on the amount of available space, so tooltips close to screen edges may appear in a different location.
+          * @default 'bottom'
          */
         "labelPlacement"?: PopoverPlacement;
         /**
           * Optional labels that will be displayed as a tooltip on the underlying `vertex-color-swatch` elements for associated colors in the `colors` array.
+          * @default {}
          */
         "labels"?: Record<string, string> | string;
         /**
           * The percentage lighter color to use to compute the `lightened` color for the underlying `vertex-color-swatch`. This will be used when the `theme` is set to `light`.
+          * @default 0.25
          */
         "lightenPercentage"?: number;
         "onSelectionChanged"?: (event: VertexColorCirclePickerCustomEvent<SelectionChangedDetails>) => void;
@@ -1529,24 +2033,29 @@ declare namespace LocalJSX {
         "selected"?: string;
         /**
           * The size of this color picker. Can be `sm`, `md`, or `lg`, and defaults to `lg`.
+          * @default 'lg'
          */
         "size"?: ColorPickerSizeSize;
         /**
           * Optional supplemental colors that will be provided to the underlying `vertex-color-swatch` elements for associated indices in the `colors` array.
+          * @default []
          */
         "supplementalColors"?: string[] | string;
         /**
           * The theme to use for this `vertex-color-circle-picker`. Can be either `light` or `dark`, and defaults to `dark`.  With the `dark` theme, the provided `colors` will be used as the background-colors for `vertex-color-swatch` elements, and a `darkened` color will be used for the border-colors.  With the `light` theme, the provided `colors` will be used as the background-colors for `vertex-color-swatch` elements, and a `lightened` color will be used for the border-colors.
+          * @default 'dark'
          */
         "theme"?: 'light' | 'dark';
     }
     interface VertexColorPicker {
         /**
           * Whether this color picker is disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * The expansion behavior of this <vertex-color-picker>. Can be set to "full" to cause the color picker to stretch to fill its container, or "block" to cause the color picker to be sized based on its contents. Defaults to "block".
+          * @default 'block'
          */
         "expand"?: ColorPickerExpand;
         /**
@@ -1559,6 +2068,7 @@ declare namespace LocalJSX {
         "onValueInput"?: (event: VertexColorPickerCustomEvent<string>) => void;
         /**
           * The size of the swatch displayed for this color picker. Can be `sm`, `md`, `lg`, or `xl`, and defaults to `md`. If the `variant` is `full`, this value will also increase the size of the associated hexadecimal value.
+          * @default 'md'
          */
         "size"?: ColorSwatchSize;
         /**
@@ -1567,50 +2077,60 @@ declare namespace LocalJSX {
         "value"?: string;
         /**
           * The variant of this color picker. Can be `full` or `swatch`, and defaults to `full`.  `full` will display both the visual color swatch and the hexadecimal representation of the color.  `swatch` will display only the visual color swatch.
+          * @default 'full'
          */
         "variant"?: ColorPickerVariant;
     }
     interface VertexColorSwatch {
         /**
           * The primary color of this `vertex-color-swatch` in hexadecimal format. For `dark` theme, this will be the background-color. For `light` theme, this will be the border-color.
+          * @default '#ffffff'
          */
         "color"?: string;
         /**
           * The percentage darker color to use to compute the `darkened` color. This will be used when the `theme` is set to `dark`.
+          * @default 0.25
          */
         "darkenPercentage"?: number;
         /**
           * The computed darker color based on the provided `color` and `darkenPercentage`. This will be used when the `theme` is set to `dark`.
+          * @default this.adjustColor(this.color, this.darkenPercentage)
          */
         "darkened"?: string;
         /**
           * The percentage lighter color to use to compute the `lightened` color. This will be used when the `theme` is set to `light`.
+          * @default 0.25
          */
         "lightenPercentage"?: number;
         /**
           * The computed lighter color based on the provided `color` and `lightenPercentage`. This will be used when the `theme` is set to `light`.
+          * @default this.adjustColor(     this.color,     -this.lightenPercentage   )
          */
         "lightened"?: string;
         /**
           * The size of this color swatch. Can be `sm`, `md`, or `lg`, and defaults to `md`.
+          * @default 'md'
          */
-        "size"?: ColorSwatchSize;
+        "size"?: ColorSwatchSize1;
         /**
           * An optional supplemental color to be paired with the `color`. For `dark` theme, this will be the border-color. For `light` theme, this will be the background-color.
          */
         "supplementalColor"?: string;
         /**
           * The theme to use for this `vertex-color-swatch`. Can be `none`, `light`, or `dark`, and defaults to `none`.  With no theme (`none`), the provided `color` will be used as the background-color, and the border will be a neutral color.  With the `dark` theme, the provided `color` will be used as the background-color, and the `darkened` color will be used for the border-color.  With the `light` theme, the provided `color` will be used as the border-color, and the `lightened` color will be used for the background-color.
+          * @default 'none'
          */
         "theme"?: ColorSwatchTheme;
         /**
           * The variant of this color swatch. Can be either `circle` or `square`, and defaults to `circle`.
+          * @default 'circle'
          */
         "variant"?: ColorSwatchVariant;
     }
     interface VertexContextMenu {
         /**
           * Whether this context menu is animated on open and close.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -1629,6 +2149,7 @@ declare namespace LocalJSX {
     interface VertexDialog {
         /**
           * Whether this dialog should be full screen
+          * @default false
          */
         "fullscreen"?: boolean;
         /**
@@ -1641,10 +2162,12 @@ declare namespace LocalJSX {
         "onClosed"?: (event: VertexDialogCustomEvent<void>) => void;
         /**
           * Whether this dialog's content is visible.
+          * @default false
          */
         "open"?: boolean;
         /**
           * Whether this dialog can be resized.
+          * @default false
          */
         "resizable"?: boolean;
     }
@@ -1669,6 +2192,7 @@ declare namespace LocalJSX {
     interface VertexDropdownMenu {
         /**
           * Whether this context menu is animated on open and close.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -1681,32 +2205,39 @@ declare namespace LocalJSX {
         "onMenuOpened"?: (event: VertexDropdownMenuCustomEvent<UIEvent>) => void;
         /**
           * Placement of menu relative to the anchor element.
+          * @default 'bottom-end'
          */
         "placement"?: PopoverPlacement;
     }
     interface VertexExpandable {
         /**
           * Whether or not the expand and collapse of this element is animated.
+          * @default true
          */
         "animated"?: boolean;
         /**
           * A property indicating that this content is collapsing. This property is for internal use and styling, and should not be modified.
+          * @default false
          */
         "collapsing"?: boolean;
         /**
           * Indicates whether this collapsible is controlled programmatically. Setting this value will also remove the expand icon, along with the associated slot.
+          * @default false
          */
         "controlled"?: boolean;
         /**
           * The `VertexExpandableType` for this draggable popover. Can be set to `header`, `content`, or `none`. Defaults to `content`.  `header` will cause the `header` slot to collapse and expand. `content` will cause the unnamed slot to collapse and expand.
+          * @default 'content'
          */
         "expandType"?: VertexExpandableType;
         /**
           * Whether this popover has its expanded content shown. This is controlled internally by the component, but can also be explicitly set.  Defaults to `false` and requires `expandable` to be `true`.
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * A property indicating that this content is expanding. This property is for internal use and styling, and should not be modified.
+          * @default false
          */
         "expanding"?: boolean;
         /**
@@ -1721,6 +2252,7 @@ declare namespace LocalJSX {
     interface VertexHelpTooltip {
         /**
           * Whether this context menu is animated on open and close.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -1733,6 +2265,7 @@ declare namespace LocalJSX {
         "onMenuOpened"?: (event: VertexHelpTooltipCustomEvent<UIEvent>) => void;
         /**
           * Placement of menu relative to the anchor element.
+          * @default 'bottom-end'
          */
         "placement"?: PopoverPlacement;
     }
@@ -1743,6 +2276,7 @@ declare namespace LocalJSX {
         "name": IconName;
         /**
           * The size of the icon.  Can be 'xs', 'sm', 'md', or 'lg'. Defaults to 'md'.  This can be overridden with the `--icon-size` CSS variable.
+          * @default 'md'
          */
         "size"?: IconSize;
     }
@@ -1753,6 +2287,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * The color of the icon displayed in this <vertex-icon-button>. Can be "primary", "secondary", or "default" and defaults to "default", where default uses the currentColor value.
+          * @default 'default'
          */
         "iconColor"?: IconButtonIconColor;
         /**
@@ -1761,10 +2296,12 @@ declare namespace LocalJSX {
         "iconName": IconName;
         /**
           * The size of the icon.  Can be 'xs', 'sm', 'md', or 'lg'. Defaults to 'md'.  This can be overridden with the `--icon-size` CSS variable.
+          * @default 'md'
          */
         "iconSize"?: IconSize;
         /**
-          * The variant of this <vertex-icon-button>. Can be "default", "floating", or "plain" and defaults to "default".  Setting this to "plain" will disable hover, active, and focus backgrounds or box shadows.
+          * The variant of this <vertex-icon-button>. Can be "default", "floating", "inline", or "plain" and defaults to "default".  Setting this to "plain" will disable hover, active, and focus backgrounds or box shadows.
+          * @default 'default'
          */
         "variant"?: IconButtonVariant;
     }
@@ -1773,10 +2310,12 @@ declare namespace LocalJSX {
     interface VertexMenu {
         /**
           * Whether this menu is animated on open and close.
+          * @default true
          */
         "animated"?: boolean;
         /**
           * Whether to show a backdrop that dismisses this menu. Defaults to true, and is invisible, but can be styled.
+          * @default true
          */
         "backdrop"?: boolean;
         /**
@@ -1789,10 +2328,12 @@ declare namespace LocalJSX {
         "onMenuClosed"?: (event: VertexMenuCustomEvent<any>) => void;
         /**
           * Whether the menu is visible.
+          * @default false
          */
         "open"?: boolean;
         /**
           * Whether the menu persists until manually dismissed. Defaults to false.
+          * @default false
          */
         "persistent"?: boolean;
         /**
@@ -1810,6 +2351,7 @@ declare namespace LocalJSX {
     interface VertexMenuItem {
         /**
           * Whether to disallow clicks and display this item as disabled.
+          * @default false
          */
         "disabled"?: boolean;
     }
@@ -1824,10 +2366,12 @@ declare namespace LocalJSX {
         "anchorSelector"?: string;
         /**
           * Whether this popover should animate its contents it is opened. Defaults to false, and the animation can be overridden using the `var(--open-animation)` and `var(--close-animation)` CSS variables. The `transform-origin` will update relative to the `position` property provided.
+          * @default false
          */
         "animated"?: boolean;
         /**
           * Whether to show a backdrop that dismisses this popover. Defaults to true, and is invisible, but can be styled.
+          * @default true
          */
         "backdrop"?: boolean;
         /**
@@ -1848,6 +2392,7 @@ declare namespace LocalJSX {
         "onDismissed"?: (event: VertexPopoverCustomEvent<void>) => void;
         /**
           * Whether this popover's content is visible.
+          * @default false
          */
         "open"?: boolean;
         /**
@@ -1856,18 +2401,21 @@ declare namespace LocalJSX {
         "overflowBehavior"?: DetectOverflowOptions;
         /**
           * The placement of the popover at the clicked point. This can be any of the following values:  'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', and defaults to 'bottom-start'.  Note: placement will adjust based on the amount of available space, so popovers close to screen edges may appear in a different location.
+          * @default 'bottom-start'
          */
-        "placement"?: PopoverPlacement;
+        "placement"?: PopoverPlacement1;
         /**
           * The position of the popover anchor.
          */
         "position"?: Point | string;
         /**
           * The behavior that this popover will have when the window is resized. Can be either 'dynamic' or 'fixed', and defaults to 'dynamic'.  'dynamic' will cause a position-based popover to adjust its position relative to the window resize to keep it in the same relative position. 'fixed' will keep the popover in the same position even if that means it would disappear off-screen.
+          * @default 'dynamic'
          */
         "resizeBehavior"?: PopoverResizeBehavior;
         /**
           * Indicates if the position of the popover should be updated when the popover's content size changes.
+          * @default false
          */
         "updateOnResize"?: boolean;
     }
@@ -1878,6 +2426,7 @@ declare namespace LocalJSX {
         "checked"?: boolean;
         /**
           * Whether to disallow clicks and display this item as disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -1918,10 +2467,12 @@ declare namespace LocalJSX {
         "contentSelector"?: string;
         /**
           * Indicates whether the component has computed its initial dimensions. This can be used to hide a resizable element that has both a `min-width` or `min-height` and an initial horizontal or vertical scale factor prior to the actual initial width or height being computed.
+          * @default false
          */
         "dimensionsComputed"?: boolean;
         /**
           * The horizontal direction that this component can be resized in.  Supports `left`, `right`, `both`, or `none`, and defaults to `both`.
+          * @default 'both'
          */
         "horizontalDirection"?: HorizontalDragDirection;
         /**
@@ -1938,6 +2489,7 @@ declare namespace LocalJSX {
         "initialVerticalScale"?: number;
         /**
           * Indicates whether this resizable should set its `top` property to the difference between its initial height and max height, and its `left` property to the difference between its initial width and max width.  Setting this is useful when using the `verticalDirection` of `top` or `horizontalDirection` of `left`, and positioning it to the bottom of the parent container or right of the parent container respectively.
+          * @default false
          */
         "initializeWithOffset"?: boolean;
         /**
@@ -1954,10 +2506,12 @@ declare namespace LocalJSX {
         "parentSelector"?: string;
         /**
           * A prop to tell the component that it is absolutely positioned.  If this prop is passed, it is expected that this component is anchored, and would only be draggable in one direction. It could have adverse affects if it is positioned absolutely, but then dragged in the opposite position from it's anchor point.
+          * @default 'relative'
          */
         "position"?: 'relative' | 'absolute';
         /**
           * The vertical direction that this component can be resized in.  Supports `top`, `bottom`, `both`, or `none`, and defaults to `both`.
+          * @default 'both'
          */
         "verticalDirection"?: VerticalDragDirection;
         /**
@@ -1966,25 +2520,48 @@ declare namespace LocalJSX {
         "verticalSiblingSelector"?: string;
     }
     interface VertexResultList {
+        /**
+          * @default []
+         */
         "items"?: Result[];
         "itemsJson"?: string;
         "onEnterPressed"?: (event: VertexResultListCustomEvent<Result>) => void;
         "onResultClick"?: (event: VertexResultListCustomEvent<Result>) => void;
+        /**
+          * @default false
+         */
         "open"?: boolean;
+        /**
+          * @default 25
+         */
         "overScanCount"?: number;
+        /**
+          * @default 'bottom-start'
+         */
         "placement"?: PopoverPlacement;
         "position"?: Point | string;
+        /**
+          * @default 32
+         */
         "resultHeight"?: number;
+        /**
+          * @default 0
+         */
         "viewportEndIndex"?: number;
+        /**
+          * @default 0
+         */
         "viewportStartIndex"?: number;
     }
     interface VertexSearchBar {
         /**
           * Characters that should trigger a "break" of the search. If a value in this list is encountered when trying to parse back to the `triggerCharacter`, this will hide the result list.
+          * @default [' ', '\n']
          */
         "breakCharacters"?: string[];
         /**
           * Whether this search bar is disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2014,14 +2591,17 @@ declare namespace LocalJSX {
         /**
           * The placement of the result list for this search bar.  Corresponds to the value for the underlying <vertex-popover> placement value.
           * @see  (PopoverPlacement)
+          * @default 'bottom-start'
          */
         "placement"?: PopoverPlacement;
         /**
           * The URI type of the values to replace. When `replacements` are evaluated, this value will be used as the scheme portion of the URI to detect matches.  Defaults to `user`, and will match URIs composed with the `user` scheme and a UUID. E.g. `user:00000000-0000-0000-0000-000000000000`
+          * @default 'user'
          */
         "replacementUriType"?: string;
         /**
           * Replaced result values. This will be used in combination with the value of `value` to display existing replaced values.  This value will be automatically updated as `Result`s are clicked within this search bar's `<vertex-result-list>`.
+          * @default []
          */
         "replacements"?: Result[];
         /**
@@ -2030,6 +2610,7 @@ declare namespace LocalJSX {
         "resultItems"?: Result[];
         /**
           * The character indicating that we should trigger a search.  When this character is encountered, the text following it (omitting `breakCharacters`) will be emitted as a `searchChanged` event.
+          * @default '@'
          */
         "triggerCharacter"?: string;
         /**
@@ -2038,20 +2619,24 @@ declare namespace LocalJSX {
         "value"?: string;
         /**
           * The search bar variant to display.  Possible options are: - 'standard' (default) - 'filled' - 'underlined' - 'blank
+          * @default 'standard'
          */
         "variant"?: SearchBarVariant;
     }
     interface VertexSelect {
         /**
           * Whether this select is animated when opening or closing.
+          * @default true
          */
         "animated"?: boolean;
         /**
           * Whether this select is disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Whether this select will omit the currently selected value in the dropdown list.
+          * @default true
          */
         "hideSelected"?: boolean;
         /**
@@ -2060,6 +2645,7 @@ declare namespace LocalJSX {
         "onOptionChanged"?: (event: VertexSelectCustomEvent<string>) => void;
         /**
           * A placeholder to use when no option has been selected. Defaults to "Select an option...".
+          * @default 'Select an option...'
          */
         "placeholder"?: string;
         /**
@@ -2070,14 +2656,17 @@ declare namespace LocalJSX {
     interface VertexSlider {
         /**
           * Whether this slider is disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * The maximum possible value for the slider.
+          * @default 100
          */
         "max"?: number;
         /**
           * The lowest possible value for the slider.
+          * @default 0
          */
         "min"?: number;
         /**
@@ -2088,6 +2677,9 @@ declare namespace LocalJSX {
           * An event that is emitted as the slider is being dragged.
          */
         "onValueInput"?: (event: VertexSliderCustomEvent<SliderChangeEventDetails>) => void;
+        /**
+          * @default 'sm'
+         */
         "size"?: SliderSize;
         /**
           * The granularity that the value must adhere to. See [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step) on possible values.
@@ -2095,24 +2687,31 @@ declare namespace LocalJSX {
         "step"?: number | string;
         /**
           * The numeric value of the slider.
+          * @default 0
          */
         "value"?: number;
         /**
           * Controls when the value label is displayed. Default off - auto: the value label will display when the thumb is hovered or focused. - off will never display.
+          * @default 'off'
          */
         "valueLabelDisplay"?: LabelDisplay;
     }
     interface VertexSpinner {
         /**
           * The color of this <vertex-spinner>. Can be "blue", "white", or "grey", and defaults to "blue"
+          * @default 'blue'
          */
         "color"?: SpinnerColor;
         /**
           * The size of this <vertex-spinner>. Can be "xs", "sm", "md", or "lg" and defaults to "lg"
+          * @default 'lg'
          */
         "size"?: SpinnerSize;
     }
     interface VertexTab {
+        /**
+          * @default false
+         */
         "active"?: boolean;
         /**
           * The label to include in tab list.
@@ -2146,8 +2745,9 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * The size of the text. Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+          * @default 'standard'
          */
-        "fontSize"?: TextSize;
+        "fontSize"?: TextSize1;
         /**
           * Whether this input is in error state
          */
@@ -2158,10 +2758,12 @@ declare namespace LocalJSX {
         "maxRows"?: number;
         /**
           * The minimum number of rows to display. This property has no effect if `multiline` is not `true`.  Defaults to `1`.
+          * @default 1
          */
         "minRows"?: number;
         /**
           * Whether this input should be displayed as a multiline input. Rows will have no minimum or maximum by default unless `min-rows` or `max-rows` are set.
+          * @default false
          */
         "multiline"?: boolean;
         /**
@@ -2171,7 +2773,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input is set to a value through browser autofill.
          */
-        "onInputAutofill"?: (event: VertexTextfieldCustomEvent<InputChangeEventDetail>) => void;
+        "onInputAutofill"?: (event: VertexTextfieldCustomEvent<InputChangeEventDetail1>) => void;
         /**
           * Emitted when input blurred
          */
@@ -2179,7 +2781,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the value has changed.
          */
-        "onInputChange"?: (event: VertexTextfieldCustomEvent<InputChangeEventDetail>) => void;
+        "onInputChange"?: (event: VertexTextfieldCustomEvent<InputChangeEventDetail1>) => void;
         /**
           * Emitted when input focused
          */
@@ -2187,7 +2789,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when a keyboard input occurred.
          */
-        "onInputInput"?: (event: VertexTextfieldCustomEvent<InputChangeEventDetail>) => void;
+        "onInputInput"?: (event: VertexTextfieldCustomEvent<InputChangeEventDetail1>) => void;
         "onTextFieldKeyDown"?: (event: VertexTextfieldCustomEvent<KeyboardEvent>) => void;
         /**
           * Placeholder for text input.
@@ -2195,20 +2797,24 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * The type of the <input> Can be "text", "password", or "email" and defaults to "text"
+          * @default 'text'
          */
         "type"?: TextFieldType;
         /**
           * Value for text input.
+          * @default ''
          */
         "value"?: string | number | null;
         /**
           * The variant of this <vertex-textfield>. Can be "standard", "filled", or "underlined" and defaults to "standard".
+          * @default 'standard'
          */
         "variant"?: TextFieldVariant;
     }
     interface VertexToast {
         /**
           * Whether this toast should be animated. Defaults to true.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -2217,6 +2823,7 @@ declare namespace LocalJSX {
         "content"?: string;
         /**
           * The duration this toast will appear for. Can be set to `0` to display the toast until explicitly dismissed, and defaults to 3000ms.
+          * @default DEFAULT_TOAST_DURATION
          */
         "duration"?: number;
         /**
@@ -2225,35 +2832,42 @@ declare namespace LocalJSX {
         "onClosed"?: (event: VertexToastCustomEvent<void>) => void;
         /**
           * Whether this toast is visible. Updating this property to `true` will restart the timer to hide the toast. Defaults to false.
+          * @default false
          */
         "open"?: boolean;
         /**
           * The placement of the toast. This can be any of the following values:  'top', 'top-left', 'top-right', 'bottom', 'bottom-left', or 'bottom-right'.
+          * @default 'bottom-left'
          */
         "placement"?: ToastPlacement;
         /**
           * The type of toast. This will change the styling of the toast
+          * @default 'info'
          */
         "type"?: ToastType;
     }
     interface VertexToggle {
         /**
           * Whether this toggle is checked. This prop is modified internally by the component unless the `disabled` prop is set to true.
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Whether this toggle is disabled.
+          * @default false
          */
         "disabled"?: boolean;
         "onValueChanged"?: (event: VertexToggleCustomEvent<boolean>) => void;
         /**
           * The type of toggle. This can be either 'check' or 'switch', and defaults to 'check'.
+          * @default 'check'
          */
         "variant"?: ToggleVariant;
     }
     interface VertexTooltip {
         /**
           * Whether this tooltip should be animated. Defaults to true.
+          * @default true
          */
         "animated"?: boolean;
         /**
@@ -2262,6 +2876,7 @@ declare namespace LocalJSX {
         "content"?: string;
         /**
           * The delay before this tooltip becomes visible on hover. Defaults to 500ms.
+          * @default TOOLTIP_OPEN_DELAY
          */
         "delay"?: number;
         /**
@@ -2270,98 +2885,363 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * The placement of the tooltip around the slotted element. This can be any of the following values:  'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', or 'auto-end', and defaults to 'bottom'.  Note: placement will adjust based on the amount of available space, so tooltips close to screen edges may appear in a different location.
+          * @default 'bottom'
          */
         "placement"?: PopoverPlacement;
     }
+
+    interface VertexAutoResizeTextareaAttributes {
+        "textareaSelector": string;
+        "initialValue": string;
+        "minRows": number;
+        "maxRows": number;
+    }
+    interface VertexAvatarAttributes {
+        "firstName": string;
+        "lastName": string;
+        "value": string;
+        "active": boolean;
+        "variant": AvatarVariant;
+    }
+    interface VertexBadgeAttributes {
+        "badgeText": string;
+        "badgeColor": BadgeIconColor;
+    }
+    interface VertexBannerAttributes {
+        "content": string;
+        "placement": BannerPlacement;
+        "duration": number;
+        "animated": boolean;
+        "open": boolean;
+        "type": BannerType;
+    }
+    interface VertexButtonAttributes {
+        "type": ButtonType;
+        "color": ButtonColor;
+        "variant": ButtonVariant;
+        "size": ButtonSize;
+        "expand": ButtonExpand;
+        "href": string;
+        "target": string;
+        "disabled": boolean;
+    }
+    interface VertexCardAttributes {
+        "mode": CardMode;
+    }
+    interface VertexCardGroupAttributes {
+        "selected": boolean;
+        "hovered": boolean;
+        "expanded": boolean;
+    }
+    interface VertexChipAttributes {
+        "variant": ChipVariant;
+        "color": ChipColor;
+    }
+    interface VertexClickToEditTextfieldAttributes {
+        "placeholder": string;
+        "fontSize": TextSize;
+        "disabled": boolean;
+        "multiline": boolean;
+        "minRows": number;
+        "maxRows": number;
+        "value": string;
+        "autoFocus": boolean;
+        "editing": boolean;
+        "hasError": boolean;
+    }
+    interface VertexCollapsibleAttributes {
+        "label": string;
+        "open": boolean;
+    }
+    interface VertexColorCirclePickerAttributes {
+        "colors": string[] | string;
+        "labels": Record<string, string> | string;
+        "labelPlacement": PopoverPlacement;
+        "size": ColorPickerSizeSize;
+        "supplementalColors": string[] | string;
+        "theme": 'light' | 'dark';
+        "lightenPercentage": number;
+        "darkenPercentage": number;
+        "selected": string;
+        "direction": 'vertical' | 'horizontal';
+    }
+    interface VertexColorPickerAttributes {
+        "value": string;
+        "size": ColorSwatchSize;
+        "variant": ColorPickerVariant;
+        "expand": ColorPickerExpand;
+        "disabled": boolean;
+    }
+    interface VertexColorSwatchAttributes {
+        "variant": ColorSwatchVariant;
+        "size": ColorSwatchSize;
+        "color": string;
+        "supplementalColor": string;
+        "theme": ColorSwatchTheme;
+        "lightenPercentage": number;
+        "darkenPercentage": number;
+        "lightened": string;
+        "darkened": string;
+    }
+    interface VertexContextMenuAttributes {
+        "targetSelector": string;
+        "animated": boolean;
+    }
+    interface VertexDialogAttributes {
+        "open": boolean;
+        "fullscreen": boolean;
+        "resizable": boolean;
+    }
+    interface VertexDraggablePopoverAttributes {
+        "position": Point | string;
+        "boundarySelector": string;
+        "boundaryPadding": number;
+    }
+    interface VertexDropdownMenuAttributes {
+        "animated": boolean;
+        "placement": PopoverPlacement;
+    }
+    interface VertexExpandableAttributes {
+        "expanded": boolean;
+        "expanding": boolean;
+        "collapsing": boolean;
+        "controlled": boolean;
+        "expandType": VertexExpandableType;
+        "animated": boolean;
+    }
+    interface VertexHelpTooltipAttributes {
+        "animated": boolean;
+        "placement": PopoverPlacement;
+    }
+    interface VertexIconAttributes {
+        "name": IconName;
+        "size": IconSize;
+    }
+    interface VertexIconButtonAttributes {
+        "iconName": IconName;
+        "disabled": boolean;
+        "variant": IconButtonVariant;
+        "iconColor": IconButtonIconColor;
+        "iconSize": IconSize;
+    }
+    interface VertexMenuAttributes {
+        "animated": boolean;
+        "open": boolean;
+        "placement": PopoverPlacement;
+        "backdrop": boolean;
+        "persistent": boolean;
+    }
+    interface VertexMenuItemAttributes {
+        "disabled": boolean;
+    }
+    interface VertexPopoverAttributes {
+        "open": boolean;
+        "placement": PopoverPlacement;
+        "position": Point | string;
+        "backdrop": boolean;
+        "animated": boolean;
+        "anchorSelector": string;
+        "boundarySelector": string;
+        "resizeBehavior": PopoverResizeBehavior;
+        "offsetBehavior": OffsetOptions;
+        "updateOnResize": boolean;
+    }
+    interface VertexRadioAttributes {
+        "disabled": boolean;
+        "value": string;
+        "label": string;
+        "name": string;
+        "checked": boolean;
+    }
+    interface VertexRadioGroupAttributes {
+        "name": string;
+        "value": string;
+    }
+    interface VertexResizableAttributes {
+        "horizontalDirection": HorizontalDragDirection;
+        "verticalDirection": VerticalDragDirection;
+        "initialHorizontalScale": number;
+        "initialVerticalScale": number;
+        "initializeWithOffset": boolean;
+        "parentSelector": string;
+        "verticalSiblingSelector": string;
+        "horizontalSiblingSelector": string;
+        "contentSelector": string;
+        "position": 'relative' | 'absolute';
+        "dimensionsComputed": boolean;
+    }
+    interface VertexResultListAttributes {
+        "itemsJson": string;
+        "viewportStartIndex": number;
+        "viewportEndIndex": number;
+        "resultHeight": number;
+        "overScanCount": number;
+        "placement": PopoverPlacement;
+        "position": Point | string;
+        "open": boolean;
+    }
+    interface VertexSearchBarAttributes {
+        "variant": SearchBarVariant;
+        "disabled": boolean;
+        "triggerCharacter": string;
+        "placement": PopoverPlacement;
+        "value": string;
+        "placeholder": string;
+        "replacementUriType": string;
+    }
+    interface VertexSelectAttributes {
+        "value": string;
+        "placeholder": string;
+        "disabled": boolean;
+        "animated": boolean;
+        "hideSelected": boolean;
+    }
+    interface VertexSliderAttributes {
+        "min": number;
+        "max": number;
+        "valueLabelDisplay": LabelDisplay;
+        "step": string;
+        "size": SliderSize;
+        "value": number;
+        "disabled": boolean;
+    }
+    interface VertexSpinnerAttributes {
+        "color": SpinnerColor;
+        "size": SpinnerSize;
+    }
+    interface VertexTabAttributes {
+        "label": string;
+        "active": boolean;
+    }
+    interface VertexTabsAttributes {
+        "active": string;
+    }
+    interface VertexTextfieldAttributes {
+        "type": TextFieldType;
+        "name": string;
+        "variant": TextFieldVariant;
+        "fontSize": TextSize;
+        "multiline": boolean;
+        "minRows": number;
+        "maxRows": number;
+        "placeholder": string;
+        "autoFocus": boolean;
+        "autoComplete": TextFieldAutocomplete;
+        "autoCorrect": 'on' | 'off';
+        "value": string;
+        "disabled": boolean;
+        "hasError": boolean;
+    }
+    interface VertexToastAttributes {
+        "content": string;
+        "placement": ToastPlacement;
+        "duration": number;
+        "animated": boolean;
+        "open": boolean;
+        "type": ToastType;
+    }
+    interface VertexToggleAttributes {
+        "variant": ToggleVariant;
+        "disabled": boolean;
+        "checked": boolean;
+    }
+    interface VertexTooltipAttributes {
+        "content": string;
+        "disabled": boolean;
+        "placement": PopoverPlacement;
+        "delay": number;
+        "animated": boolean;
+    }
+
     interface IntrinsicElements {
-        "vertex-auto-resize-textarea": VertexAutoResizeTextarea;
-        "vertex-avatar": VertexAvatar;
+        "vertex-auto-resize-textarea": Omit<VertexAutoResizeTextarea, keyof VertexAutoResizeTextareaAttributes> & { [K in keyof VertexAutoResizeTextarea & keyof VertexAutoResizeTextareaAttributes]?: VertexAutoResizeTextarea[K] } & { [K in keyof VertexAutoResizeTextarea & keyof VertexAutoResizeTextareaAttributes as `attr:${K}`]?: VertexAutoResizeTextareaAttributes[K] } & { [K in keyof VertexAutoResizeTextarea & keyof VertexAutoResizeTextareaAttributes as `prop:${K}`]?: VertexAutoResizeTextarea[K] };
+        "vertex-avatar": Omit<VertexAvatar, keyof VertexAvatarAttributes> & { [K in keyof VertexAvatar & keyof VertexAvatarAttributes]?: VertexAvatar[K] } & { [K in keyof VertexAvatar & keyof VertexAvatarAttributes as `attr:${K}`]?: VertexAvatarAttributes[K] } & { [K in keyof VertexAvatar & keyof VertexAvatarAttributes as `prop:${K}`]?: VertexAvatar[K] };
         "vertex-avatar-group": VertexAvatarGroup;
-        "vertex-badge": VertexBadge;
-        "vertex-banner": VertexBanner;
-        "vertex-button": VertexButton;
-        "vertex-card": VertexCard;
-        "vertex-card-group": VertexCardGroup;
-        "vertex-chip": VertexChip;
-        "vertex-click-to-edit-textfield": VertexClickToEditTextfield;
-        "vertex-collapsible": VertexCollapsible;
-        "vertex-color-circle-picker": VertexColorCirclePicker;
-        "vertex-color-picker": VertexColorPicker;
-        "vertex-color-swatch": VertexColorSwatch;
-        "vertex-context-menu": VertexContextMenu;
-        "vertex-dialog": VertexDialog;
-        "vertex-draggable-popover": VertexDraggablePopover;
-        "vertex-dropdown-menu": VertexDropdownMenu;
-        "vertex-expandable": VertexExpandable;
-        "vertex-help-tooltip": VertexHelpTooltip;
-        "vertex-icon": VertexIcon;
-        "vertex-icon-button": VertexIconButton;
+        "vertex-badge": Omit<VertexBadge, keyof VertexBadgeAttributes> & { [K in keyof VertexBadge & keyof VertexBadgeAttributes]?: VertexBadge[K] } & { [K in keyof VertexBadge & keyof VertexBadgeAttributes as `attr:${K}`]?: VertexBadgeAttributes[K] } & { [K in keyof VertexBadge & keyof VertexBadgeAttributes as `prop:${K}`]?: VertexBadge[K] };
+        "vertex-banner": Omit<VertexBanner, keyof VertexBannerAttributes> & { [K in keyof VertexBanner & keyof VertexBannerAttributes]?: VertexBanner[K] } & { [K in keyof VertexBanner & keyof VertexBannerAttributes as `attr:${K}`]?: VertexBannerAttributes[K] } & { [K in keyof VertexBanner & keyof VertexBannerAttributes as `prop:${K}`]?: VertexBanner[K] };
+        "vertex-button": Omit<VertexButton, keyof VertexButtonAttributes> & { [K in keyof VertexButton & keyof VertexButtonAttributes]?: VertexButton[K] } & { [K in keyof VertexButton & keyof VertexButtonAttributes as `attr:${K}`]?: VertexButtonAttributes[K] } & { [K in keyof VertexButton & keyof VertexButtonAttributes as `prop:${K}`]?: VertexButton[K] };
+        "vertex-card": Omit<VertexCard, keyof VertexCardAttributes> & { [K in keyof VertexCard & keyof VertexCardAttributes]?: VertexCard[K] } & { [K in keyof VertexCard & keyof VertexCardAttributes as `attr:${K}`]?: VertexCardAttributes[K] } & { [K in keyof VertexCard & keyof VertexCardAttributes as `prop:${K}`]?: VertexCard[K] };
+        "vertex-card-group": Omit<VertexCardGroup, keyof VertexCardGroupAttributes> & { [K in keyof VertexCardGroup & keyof VertexCardGroupAttributes]?: VertexCardGroup[K] } & { [K in keyof VertexCardGroup & keyof VertexCardGroupAttributes as `attr:${K}`]?: VertexCardGroupAttributes[K] } & { [K in keyof VertexCardGroup & keyof VertexCardGroupAttributes as `prop:${K}`]?: VertexCardGroup[K] };
+        "vertex-chip": Omit<VertexChip, keyof VertexChipAttributes> & { [K in keyof VertexChip & keyof VertexChipAttributes]?: VertexChip[K] } & { [K in keyof VertexChip & keyof VertexChipAttributes as `attr:${K}`]?: VertexChipAttributes[K] } & { [K in keyof VertexChip & keyof VertexChipAttributes as `prop:${K}`]?: VertexChip[K] };
+        "vertex-click-to-edit-textfield": Omit<VertexClickToEditTextfield, keyof VertexClickToEditTextfieldAttributes> & { [K in keyof VertexClickToEditTextfield & keyof VertexClickToEditTextfieldAttributes]?: VertexClickToEditTextfield[K] } & { [K in keyof VertexClickToEditTextfield & keyof VertexClickToEditTextfieldAttributes as `attr:${K}`]?: VertexClickToEditTextfieldAttributes[K] } & { [K in keyof VertexClickToEditTextfield & keyof VertexClickToEditTextfieldAttributes as `prop:${K}`]?: VertexClickToEditTextfield[K] };
+        "vertex-collapsible": Omit<VertexCollapsible, keyof VertexCollapsibleAttributes> & { [K in keyof VertexCollapsible & keyof VertexCollapsibleAttributes]?: VertexCollapsible[K] } & { [K in keyof VertexCollapsible & keyof VertexCollapsibleAttributes as `attr:${K}`]?: VertexCollapsibleAttributes[K] } & { [K in keyof VertexCollapsible & keyof VertexCollapsibleAttributes as `prop:${K}`]?: VertexCollapsible[K] };
+        "vertex-color-circle-picker": Omit<VertexColorCirclePicker, keyof VertexColorCirclePickerAttributes> & { [K in keyof VertexColorCirclePicker & keyof VertexColorCirclePickerAttributes]?: VertexColorCirclePicker[K] } & { [K in keyof VertexColorCirclePicker & keyof VertexColorCirclePickerAttributes as `attr:${K}`]?: VertexColorCirclePickerAttributes[K] } & { [K in keyof VertexColorCirclePicker & keyof VertexColorCirclePickerAttributes as `prop:${K}`]?: VertexColorCirclePicker[K] };
+        "vertex-color-picker": Omit<VertexColorPicker, keyof VertexColorPickerAttributes> & { [K in keyof VertexColorPicker & keyof VertexColorPickerAttributes]?: VertexColorPicker[K] } & { [K in keyof VertexColorPicker & keyof VertexColorPickerAttributes as `attr:${K}`]?: VertexColorPickerAttributes[K] } & { [K in keyof VertexColorPicker & keyof VertexColorPickerAttributes as `prop:${K}`]?: VertexColorPicker[K] };
+        "vertex-color-swatch": Omit<VertexColorSwatch, keyof VertexColorSwatchAttributes> & { [K in keyof VertexColorSwatch & keyof VertexColorSwatchAttributes]?: VertexColorSwatch[K] } & { [K in keyof VertexColorSwatch & keyof VertexColorSwatchAttributes as `attr:${K}`]?: VertexColorSwatchAttributes[K] } & { [K in keyof VertexColorSwatch & keyof VertexColorSwatchAttributes as `prop:${K}`]?: VertexColorSwatch[K] };
+        "vertex-context-menu": Omit<VertexContextMenu, keyof VertexContextMenuAttributes> & { [K in keyof VertexContextMenu & keyof VertexContextMenuAttributes]?: VertexContextMenu[K] } & { [K in keyof VertexContextMenu & keyof VertexContextMenuAttributes as `attr:${K}`]?: VertexContextMenuAttributes[K] } & { [K in keyof VertexContextMenu & keyof VertexContextMenuAttributes as `prop:${K}`]?: VertexContextMenu[K] } & OneOf<"targetSelector", VertexContextMenu["targetSelector"], VertexContextMenuAttributes["targetSelector"]>;
+        "vertex-dialog": Omit<VertexDialog, keyof VertexDialogAttributes> & { [K in keyof VertexDialog & keyof VertexDialogAttributes]?: VertexDialog[K] } & { [K in keyof VertexDialog & keyof VertexDialogAttributes as `attr:${K}`]?: VertexDialogAttributes[K] } & { [K in keyof VertexDialog & keyof VertexDialogAttributes as `prop:${K}`]?: VertexDialog[K] };
+        "vertex-draggable-popover": Omit<VertexDraggablePopover, keyof VertexDraggablePopoverAttributes> & { [K in keyof VertexDraggablePopover & keyof VertexDraggablePopoverAttributes]?: VertexDraggablePopover[K] } & { [K in keyof VertexDraggablePopover & keyof VertexDraggablePopoverAttributes as `attr:${K}`]?: VertexDraggablePopoverAttributes[K] } & { [K in keyof VertexDraggablePopover & keyof VertexDraggablePopoverAttributes as `prop:${K}`]?: VertexDraggablePopover[K] };
+        "vertex-dropdown-menu": Omit<VertexDropdownMenu, keyof VertexDropdownMenuAttributes> & { [K in keyof VertexDropdownMenu & keyof VertexDropdownMenuAttributes]?: VertexDropdownMenu[K] } & { [K in keyof VertexDropdownMenu & keyof VertexDropdownMenuAttributes as `attr:${K}`]?: VertexDropdownMenuAttributes[K] } & { [K in keyof VertexDropdownMenu & keyof VertexDropdownMenuAttributes as `prop:${K}`]?: VertexDropdownMenu[K] };
+        "vertex-expandable": Omit<VertexExpandable, keyof VertexExpandableAttributes> & { [K in keyof VertexExpandable & keyof VertexExpandableAttributes]?: VertexExpandable[K] } & { [K in keyof VertexExpandable & keyof VertexExpandableAttributes as `attr:${K}`]?: VertexExpandableAttributes[K] } & { [K in keyof VertexExpandable & keyof VertexExpandableAttributes as `prop:${K}`]?: VertexExpandable[K] };
+        "vertex-help-tooltip": Omit<VertexHelpTooltip, keyof VertexHelpTooltipAttributes> & { [K in keyof VertexHelpTooltip & keyof VertexHelpTooltipAttributes]?: VertexHelpTooltip[K] } & { [K in keyof VertexHelpTooltip & keyof VertexHelpTooltipAttributes as `attr:${K}`]?: VertexHelpTooltipAttributes[K] } & { [K in keyof VertexHelpTooltip & keyof VertexHelpTooltipAttributes as `prop:${K}`]?: VertexHelpTooltip[K] };
+        "vertex-icon": Omit<VertexIcon, keyof VertexIconAttributes> & { [K in keyof VertexIcon & keyof VertexIconAttributes]?: VertexIcon[K] } & { [K in keyof VertexIcon & keyof VertexIconAttributes as `attr:${K}`]?: VertexIconAttributes[K] } & { [K in keyof VertexIcon & keyof VertexIconAttributes as `prop:${K}`]?: VertexIcon[K] } & OneOf<"name", VertexIcon["name"], VertexIconAttributes["name"]>;
+        "vertex-icon-button": Omit<VertexIconButton, keyof VertexIconButtonAttributes> & { [K in keyof VertexIconButton & keyof VertexIconButtonAttributes]?: VertexIconButton[K] } & { [K in keyof VertexIconButton & keyof VertexIconButtonAttributes as `attr:${K}`]?: VertexIconButtonAttributes[K] } & { [K in keyof VertexIconButton & keyof VertexIconButtonAttributes as `prop:${K}`]?: VertexIconButton[K] } & OneOf<"iconName", VertexIconButton["iconName"], VertexIconButtonAttributes["iconName"]>;
         "vertex-logo-loading": VertexLogoLoading;
-        "vertex-menu": VertexMenu;
+        "vertex-menu": Omit<VertexMenu, keyof VertexMenuAttributes> & { [K in keyof VertexMenu & keyof VertexMenuAttributes]?: VertexMenu[K] } & { [K in keyof VertexMenu & keyof VertexMenuAttributes as `attr:${K}`]?: VertexMenuAttributes[K] } & { [K in keyof VertexMenu & keyof VertexMenuAttributes as `prop:${K}`]?: VertexMenu[K] };
         "vertex-menu-divider": VertexMenuDivider;
-        "vertex-menu-item": VertexMenuItem;
-        "vertex-popover": VertexPopover;
-        "vertex-radio": VertexRadio;
-        "vertex-radio-group": VertexRadioGroup;
-        "vertex-resizable": VertexResizable;
-        "vertex-result-list": VertexResultList;
-        "vertex-search-bar": VertexSearchBar;
-        "vertex-select": VertexSelect;
-        "vertex-slider": VertexSlider;
-        "vertex-spinner": VertexSpinner;
-        "vertex-tab": VertexTab;
-        "vertex-tabs": VertexTabs;
-        "vertex-textfield": VertexTextfield;
-        "vertex-toast": VertexToast;
-        "vertex-toggle": VertexToggle;
-        "vertex-tooltip": VertexTooltip;
+        "vertex-menu-item": Omit<VertexMenuItem, keyof VertexMenuItemAttributes> & { [K in keyof VertexMenuItem & keyof VertexMenuItemAttributes]?: VertexMenuItem[K] } & { [K in keyof VertexMenuItem & keyof VertexMenuItemAttributes as `attr:${K}`]?: VertexMenuItemAttributes[K] } & { [K in keyof VertexMenuItem & keyof VertexMenuItemAttributes as `prop:${K}`]?: VertexMenuItem[K] };
+        "vertex-popover": Omit<VertexPopover, keyof VertexPopoverAttributes> & { [K in keyof VertexPopover & keyof VertexPopoverAttributes]?: VertexPopover[K] } & { [K in keyof VertexPopover & keyof VertexPopoverAttributes as `attr:${K}`]?: VertexPopoverAttributes[K] } & { [K in keyof VertexPopover & keyof VertexPopoverAttributes as `prop:${K}`]?: VertexPopover[K] };
+        "vertex-radio": Omit<VertexRadio, keyof VertexRadioAttributes> & { [K in keyof VertexRadio & keyof VertexRadioAttributes]?: VertexRadio[K] } & { [K in keyof VertexRadio & keyof VertexRadioAttributes as `attr:${K}`]?: VertexRadioAttributes[K] } & { [K in keyof VertexRadio & keyof VertexRadioAttributes as `prop:${K}`]?: VertexRadio[K] } & OneOf<"value", VertexRadio["value"], VertexRadioAttributes["value"]>;
+        "vertex-radio-group": Omit<VertexRadioGroup, keyof VertexRadioGroupAttributes> & { [K in keyof VertexRadioGroup & keyof VertexRadioGroupAttributes]?: VertexRadioGroup[K] } & { [K in keyof VertexRadioGroup & keyof VertexRadioGroupAttributes as `attr:${K}`]?: VertexRadioGroupAttributes[K] } & { [K in keyof VertexRadioGroup & keyof VertexRadioGroupAttributes as `prop:${K}`]?: VertexRadioGroup[K] } & OneOf<"name", VertexRadioGroup["name"], VertexRadioGroupAttributes["name"]>;
+        "vertex-resizable": Omit<VertexResizable, keyof VertexResizableAttributes> & { [K in keyof VertexResizable & keyof VertexResizableAttributes]?: VertexResizable[K] } & { [K in keyof VertexResizable & keyof VertexResizableAttributes as `attr:${K}`]?: VertexResizableAttributes[K] } & { [K in keyof VertexResizable & keyof VertexResizableAttributes as `prop:${K}`]?: VertexResizable[K] };
+        "vertex-result-list": Omit<VertexResultList, keyof VertexResultListAttributes> & { [K in keyof VertexResultList & keyof VertexResultListAttributes]?: VertexResultList[K] } & { [K in keyof VertexResultList & keyof VertexResultListAttributes as `attr:${K}`]?: VertexResultListAttributes[K] } & { [K in keyof VertexResultList & keyof VertexResultListAttributes as `prop:${K}`]?: VertexResultList[K] };
+        "vertex-search-bar": Omit<VertexSearchBar, keyof VertexSearchBarAttributes> & { [K in keyof VertexSearchBar & keyof VertexSearchBarAttributes]?: VertexSearchBar[K] } & { [K in keyof VertexSearchBar & keyof VertexSearchBarAttributes as `attr:${K}`]?: VertexSearchBarAttributes[K] } & { [K in keyof VertexSearchBar & keyof VertexSearchBarAttributes as `prop:${K}`]?: VertexSearchBar[K] };
+        "vertex-select": Omit<VertexSelect, keyof VertexSelectAttributes> & { [K in keyof VertexSelect & keyof VertexSelectAttributes]?: VertexSelect[K] } & { [K in keyof VertexSelect & keyof VertexSelectAttributes as `attr:${K}`]?: VertexSelectAttributes[K] } & { [K in keyof VertexSelect & keyof VertexSelectAttributes as `prop:${K}`]?: VertexSelect[K] };
+        "vertex-slider": Omit<VertexSlider, keyof VertexSliderAttributes> & { [K in keyof VertexSlider & keyof VertexSliderAttributes]?: VertexSlider[K] } & { [K in keyof VertexSlider & keyof VertexSliderAttributes as `attr:${K}`]?: VertexSliderAttributes[K] } & { [K in keyof VertexSlider & keyof VertexSliderAttributes as `prop:${K}`]?: VertexSlider[K] };
+        "vertex-spinner": Omit<VertexSpinner, keyof VertexSpinnerAttributes> & { [K in keyof VertexSpinner & keyof VertexSpinnerAttributes]?: VertexSpinner[K] } & { [K in keyof VertexSpinner & keyof VertexSpinnerAttributes as `attr:${K}`]?: VertexSpinnerAttributes[K] } & { [K in keyof VertexSpinner & keyof VertexSpinnerAttributes as `prop:${K}`]?: VertexSpinner[K] };
+        "vertex-tab": Omit<VertexTab, keyof VertexTabAttributes> & { [K in keyof VertexTab & keyof VertexTabAttributes]?: VertexTab[K] } & { [K in keyof VertexTab & keyof VertexTabAttributes as `attr:${K}`]?: VertexTabAttributes[K] } & { [K in keyof VertexTab & keyof VertexTabAttributes as `prop:${K}`]?: VertexTab[K] } & OneOf<"label", VertexTab["label"], VertexTabAttributes["label"]>;
+        "vertex-tabs": Omit<VertexTabs, keyof VertexTabsAttributes> & { [K in keyof VertexTabs & keyof VertexTabsAttributes]?: VertexTabs[K] } & { [K in keyof VertexTabs & keyof VertexTabsAttributes as `attr:${K}`]?: VertexTabsAttributes[K] } & { [K in keyof VertexTabs & keyof VertexTabsAttributes as `prop:${K}`]?: VertexTabs[K] };
+        "vertex-textfield": Omit<VertexTextfield, keyof VertexTextfieldAttributes> & { [K in keyof VertexTextfield & keyof VertexTextfieldAttributes]?: VertexTextfield[K] } & { [K in keyof VertexTextfield & keyof VertexTextfieldAttributes as `attr:${K}`]?: VertexTextfieldAttributes[K] } & { [K in keyof VertexTextfield & keyof VertexTextfieldAttributes as `prop:${K}`]?: VertexTextfield[K] };
+        "vertex-toast": Omit<VertexToast, keyof VertexToastAttributes> & { [K in keyof VertexToast & keyof VertexToastAttributes]?: VertexToast[K] } & { [K in keyof VertexToast & keyof VertexToastAttributes as `attr:${K}`]?: VertexToastAttributes[K] } & { [K in keyof VertexToast & keyof VertexToastAttributes as `prop:${K}`]?: VertexToast[K] };
+        "vertex-toggle": Omit<VertexToggle, keyof VertexToggleAttributes> & { [K in keyof VertexToggle & keyof VertexToggleAttributes]?: VertexToggle[K] } & { [K in keyof VertexToggle & keyof VertexToggleAttributes as `attr:${K}`]?: VertexToggleAttributes[K] } & { [K in keyof VertexToggle & keyof VertexToggleAttributes as `prop:${K}`]?: VertexToggle[K] };
+        "vertex-tooltip": Omit<VertexTooltip, keyof VertexTooltipAttributes> & { [K in keyof VertexTooltip & keyof VertexTooltipAttributes]?: VertexTooltip[K] } & { [K in keyof VertexTooltip & keyof VertexTooltipAttributes as `attr:${K}`]?: VertexTooltipAttributes[K] } & { [K in keyof VertexTooltip & keyof VertexTooltipAttributes as `prop:${K}`]?: VertexTooltip[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "vertex-auto-resize-textarea": LocalJSX.VertexAutoResizeTextarea & JSXBase.HTMLAttributes<HTMLVertexAutoResizeTextareaElement>;
-            "vertex-avatar": LocalJSX.VertexAvatar & JSXBase.HTMLAttributes<HTMLVertexAvatarElement>;
-            "vertex-avatar-group": LocalJSX.VertexAvatarGroup & JSXBase.HTMLAttributes<HTMLVertexAvatarGroupElement>;
-            "vertex-badge": LocalJSX.VertexBadge & JSXBase.HTMLAttributes<HTMLVertexBadgeElement>;
-            "vertex-banner": LocalJSX.VertexBanner & JSXBase.HTMLAttributes<HTMLVertexBannerElement>;
-            "vertex-button": LocalJSX.VertexButton & JSXBase.HTMLAttributes<HTMLVertexButtonElement>;
-            "vertex-card": LocalJSX.VertexCard & JSXBase.HTMLAttributes<HTMLVertexCardElement>;
-            "vertex-card-group": LocalJSX.VertexCardGroup & JSXBase.HTMLAttributes<HTMLVertexCardGroupElement>;
-            "vertex-chip": LocalJSX.VertexChip & JSXBase.HTMLAttributes<HTMLVertexChipElement>;
-            "vertex-click-to-edit-textfield": LocalJSX.VertexClickToEditTextfield & JSXBase.HTMLAttributes<HTMLVertexClickToEditTextfieldElement>;
-            "vertex-collapsible": LocalJSX.VertexCollapsible & JSXBase.HTMLAttributes<HTMLVertexCollapsibleElement>;
-            "vertex-color-circle-picker": LocalJSX.VertexColorCirclePicker & JSXBase.HTMLAttributes<HTMLVertexColorCirclePickerElement>;
-            "vertex-color-picker": LocalJSX.VertexColorPicker & JSXBase.HTMLAttributes<HTMLVertexColorPickerElement>;
-            "vertex-color-swatch": LocalJSX.VertexColorSwatch & JSXBase.HTMLAttributes<HTMLVertexColorSwatchElement>;
-            "vertex-context-menu": LocalJSX.VertexContextMenu & JSXBase.HTMLAttributes<HTMLVertexContextMenuElement>;
-            "vertex-dialog": LocalJSX.VertexDialog & JSXBase.HTMLAttributes<HTMLVertexDialogElement>;
-            "vertex-draggable-popover": LocalJSX.VertexDraggablePopover & JSXBase.HTMLAttributes<HTMLVertexDraggablePopoverElement>;
-            "vertex-dropdown-menu": LocalJSX.VertexDropdownMenu & JSXBase.HTMLAttributes<HTMLVertexDropdownMenuElement>;
-            "vertex-expandable": LocalJSX.VertexExpandable & JSXBase.HTMLAttributes<HTMLVertexExpandableElement>;
-            "vertex-help-tooltip": LocalJSX.VertexHelpTooltip & JSXBase.HTMLAttributes<HTMLVertexHelpTooltipElement>;
-            "vertex-icon": LocalJSX.VertexIcon & JSXBase.HTMLAttributes<HTMLVertexIconElement>;
-            "vertex-icon-button": LocalJSX.VertexIconButton & JSXBase.HTMLAttributes<HTMLVertexIconButtonElement>;
-            "vertex-logo-loading": LocalJSX.VertexLogoLoading & JSXBase.HTMLAttributes<HTMLVertexLogoLoadingElement>;
-            "vertex-menu": LocalJSX.VertexMenu & JSXBase.HTMLAttributes<HTMLVertexMenuElement>;
-            "vertex-menu-divider": LocalJSX.VertexMenuDivider & JSXBase.HTMLAttributes<HTMLVertexMenuDividerElement>;
-            "vertex-menu-item": LocalJSX.VertexMenuItem & JSXBase.HTMLAttributes<HTMLVertexMenuItemElement>;
-            "vertex-popover": LocalJSX.VertexPopover & JSXBase.HTMLAttributes<HTMLVertexPopoverElement>;
-            "vertex-radio": LocalJSX.VertexRadio & JSXBase.HTMLAttributes<HTMLVertexRadioElement>;
-            "vertex-radio-group": LocalJSX.VertexRadioGroup & JSXBase.HTMLAttributes<HTMLVertexRadioGroupElement>;
-            "vertex-resizable": LocalJSX.VertexResizable & JSXBase.HTMLAttributes<HTMLVertexResizableElement>;
-            "vertex-result-list": LocalJSX.VertexResultList & JSXBase.HTMLAttributes<HTMLVertexResultListElement>;
-            "vertex-search-bar": LocalJSX.VertexSearchBar & JSXBase.HTMLAttributes<HTMLVertexSearchBarElement>;
-            "vertex-select": LocalJSX.VertexSelect & JSXBase.HTMLAttributes<HTMLVertexSelectElement>;
-            "vertex-slider": LocalJSX.VertexSlider & JSXBase.HTMLAttributes<HTMLVertexSliderElement>;
-            "vertex-spinner": LocalJSX.VertexSpinner & JSXBase.HTMLAttributes<HTMLVertexSpinnerElement>;
-            "vertex-tab": LocalJSX.VertexTab & JSXBase.HTMLAttributes<HTMLVertexTabElement>;
-            "vertex-tabs": LocalJSX.VertexTabs & JSXBase.HTMLAttributes<HTMLVertexTabsElement>;
-            "vertex-textfield": LocalJSX.VertexTextfield & JSXBase.HTMLAttributes<HTMLVertexTextfieldElement>;
-            "vertex-toast": LocalJSX.VertexToast & JSXBase.HTMLAttributes<HTMLVertexToastElement>;
-            "vertex-toggle": LocalJSX.VertexToggle & JSXBase.HTMLAttributes<HTMLVertexToggleElement>;
-            "vertex-tooltip": LocalJSX.VertexTooltip & JSXBase.HTMLAttributes<HTMLVertexTooltipElement>;
+            "vertex-auto-resize-textarea": LocalJSX.IntrinsicElements["vertex-auto-resize-textarea"] & JSXBase.HTMLAttributes<HTMLVertexAutoResizeTextareaElement>;
+            "vertex-avatar": LocalJSX.IntrinsicElements["vertex-avatar"] & JSXBase.HTMLAttributes<HTMLVertexAvatarElement>;
+            "vertex-avatar-group": LocalJSX.IntrinsicElements["vertex-avatar-group"] & JSXBase.HTMLAttributes<HTMLVertexAvatarGroupElement>;
+            "vertex-badge": LocalJSX.IntrinsicElements["vertex-badge"] & JSXBase.HTMLAttributes<HTMLVertexBadgeElement>;
+            "vertex-banner": LocalJSX.IntrinsicElements["vertex-banner"] & JSXBase.HTMLAttributes<HTMLVertexBannerElement>;
+            "vertex-button": LocalJSX.IntrinsicElements["vertex-button"] & JSXBase.HTMLAttributes<HTMLVertexButtonElement>;
+            "vertex-card": LocalJSX.IntrinsicElements["vertex-card"] & JSXBase.HTMLAttributes<HTMLVertexCardElement>;
+            "vertex-card-group": LocalJSX.IntrinsicElements["vertex-card-group"] & JSXBase.HTMLAttributes<HTMLVertexCardGroupElement>;
+            "vertex-chip": LocalJSX.IntrinsicElements["vertex-chip"] & JSXBase.HTMLAttributes<HTMLVertexChipElement>;
+            "vertex-click-to-edit-textfield": LocalJSX.IntrinsicElements["vertex-click-to-edit-textfield"] & JSXBase.HTMLAttributes<HTMLVertexClickToEditTextfieldElement>;
+            "vertex-collapsible": LocalJSX.IntrinsicElements["vertex-collapsible"] & JSXBase.HTMLAttributes<HTMLVertexCollapsibleElement>;
+            "vertex-color-circle-picker": LocalJSX.IntrinsicElements["vertex-color-circle-picker"] & JSXBase.HTMLAttributes<HTMLVertexColorCirclePickerElement>;
+            "vertex-color-picker": LocalJSX.IntrinsicElements["vertex-color-picker"] & JSXBase.HTMLAttributes<HTMLVertexColorPickerElement>;
+            "vertex-color-swatch": LocalJSX.IntrinsicElements["vertex-color-swatch"] & JSXBase.HTMLAttributes<HTMLVertexColorSwatchElement>;
+            "vertex-context-menu": LocalJSX.IntrinsicElements["vertex-context-menu"] & JSXBase.HTMLAttributes<HTMLVertexContextMenuElement>;
+            "vertex-dialog": LocalJSX.IntrinsicElements["vertex-dialog"] & JSXBase.HTMLAttributes<HTMLVertexDialogElement>;
+            "vertex-draggable-popover": LocalJSX.IntrinsicElements["vertex-draggable-popover"] & JSXBase.HTMLAttributes<HTMLVertexDraggablePopoverElement>;
+            "vertex-dropdown-menu": LocalJSX.IntrinsicElements["vertex-dropdown-menu"] & JSXBase.HTMLAttributes<HTMLVertexDropdownMenuElement>;
+            "vertex-expandable": LocalJSX.IntrinsicElements["vertex-expandable"] & JSXBase.HTMLAttributes<HTMLVertexExpandableElement>;
+            "vertex-help-tooltip": LocalJSX.IntrinsicElements["vertex-help-tooltip"] & JSXBase.HTMLAttributes<HTMLVertexHelpTooltipElement>;
+            "vertex-icon": LocalJSX.IntrinsicElements["vertex-icon"] & JSXBase.HTMLAttributes<HTMLVertexIconElement>;
+            "vertex-icon-button": LocalJSX.IntrinsicElements["vertex-icon-button"] & JSXBase.HTMLAttributes<HTMLVertexIconButtonElement>;
+            "vertex-logo-loading": LocalJSX.IntrinsicElements["vertex-logo-loading"] & JSXBase.HTMLAttributes<HTMLVertexLogoLoadingElement>;
+            "vertex-menu": LocalJSX.IntrinsicElements["vertex-menu"] & JSXBase.HTMLAttributes<HTMLVertexMenuElement>;
+            "vertex-menu-divider": LocalJSX.IntrinsicElements["vertex-menu-divider"] & JSXBase.HTMLAttributes<HTMLVertexMenuDividerElement>;
+            "vertex-menu-item": LocalJSX.IntrinsicElements["vertex-menu-item"] & JSXBase.HTMLAttributes<HTMLVertexMenuItemElement>;
+            "vertex-popover": LocalJSX.IntrinsicElements["vertex-popover"] & JSXBase.HTMLAttributes<HTMLVertexPopoverElement>;
+            "vertex-radio": LocalJSX.IntrinsicElements["vertex-radio"] & JSXBase.HTMLAttributes<HTMLVertexRadioElement>;
+            "vertex-radio-group": LocalJSX.IntrinsicElements["vertex-radio-group"] & JSXBase.HTMLAttributes<HTMLVertexRadioGroupElement>;
+            "vertex-resizable": LocalJSX.IntrinsicElements["vertex-resizable"] & JSXBase.HTMLAttributes<HTMLVertexResizableElement>;
+            "vertex-result-list": LocalJSX.IntrinsicElements["vertex-result-list"] & JSXBase.HTMLAttributes<HTMLVertexResultListElement>;
+            "vertex-search-bar": LocalJSX.IntrinsicElements["vertex-search-bar"] & JSXBase.HTMLAttributes<HTMLVertexSearchBarElement>;
+            "vertex-select": LocalJSX.IntrinsicElements["vertex-select"] & JSXBase.HTMLAttributes<HTMLVertexSelectElement>;
+            "vertex-slider": LocalJSX.IntrinsicElements["vertex-slider"] & JSXBase.HTMLAttributes<HTMLVertexSliderElement>;
+            "vertex-spinner": LocalJSX.IntrinsicElements["vertex-spinner"] & JSXBase.HTMLAttributes<HTMLVertexSpinnerElement>;
+            "vertex-tab": LocalJSX.IntrinsicElements["vertex-tab"] & JSXBase.HTMLAttributes<HTMLVertexTabElement>;
+            "vertex-tabs": LocalJSX.IntrinsicElements["vertex-tabs"] & JSXBase.HTMLAttributes<HTMLVertexTabsElement>;
+            "vertex-textfield": LocalJSX.IntrinsicElements["vertex-textfield"] & JSXBase.HTMLAttributes<HTMLVertexTextfieldElement>;
+            "vertex-toast": LocalJSX.IntrinsicElements["vertex-toast"] & JSXBase.HTMLAttributes<HTMLVertexToastElement>;
+            "vertex-toggle": LocalJSX.IntrinsicElements["vertex-toggle"] & JSXBase.HTMLAttributes<HTMLVertexToggleElement>;
+            "vertex-tooltip": LocalJSX.IntrinsicElements["vertex-tooltip"] & JSXBase.HTMLAttributes<HTMLVertexTooltipElement>;
         }
     }
 }