/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { BorderStyleType, BoxDisplayType, CornersType, CssStatesType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, GapType, GridColumnsType, GridJustifyItemsType, GridRowsType, HeightType, IconAlignType, MarginType, MaxHeightType, MinHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, StateVariantType, TextAlignType, TranslocationType, VegaComponentInterface, VegaEATriggerType, VegaFlexProps, WidthType } from "./types/ui.type";
import { LinkTargetType, VegaAppFooterLink } from "./components/vega-app-footer/types";
import { VegaAppHeaderAvatarConfig, VegaAppHeaderButtonDropdownConfig, VegaAppHeaderButtonSize, VegaAppHeaderLabelConfig } from "./components/vega-app-header-button/types";
import { VegaBannerActionButtonType, VegaBannerPropType } from "./components/vega-banner/types";
import { VegaBarChartOptionsType } from "./components/vega-chart/vega-bar-chart/types";
import { BackgroundColorsTokenType, BorderColorsTokenType, BordersTokenType, BreakpointsTokenType, ShadowsTokenType, SpacingTokenType, TextColorsTokenType, TypographyTokenType } from "./types/design-token.type";
import { AlignSelfType, FlexBasisType, FlexGrowType, FlexShrinkType, FlexType, GridAreaType, GridColumnType, GridRowType, JustifySelfType, OrderType } from "./components/vega-box/interface";
import { VegaBreadcrumbCollapsedThresholdType, VegaBreadcrumbItemType } from "./components/vega-breadcrumb/types";
import { VegaButtonIconAlign, VegaButtonSize, VegaButtonType, VegaButtonVariant } from "./components/vega-button/types";
import { VegaButtonCircleSize, VegaButtonCircleTooltip, VegaButtonCircleVariant } from "./components/vega-button-circle/types";
import { DropdownPropsForButtonGroup, VegaButtonGroupIconAlign, VegaButtonGroupSize, VegaButtonGroupVariant } from "./components/vega-button-group/types";
import { DropdownSourceGroup, DropdownSourceItem, VegaDropdownSearchTriggerByType, VegaDropdownSearchTriggerEventDetail, VegaDropdownSourceItem } from "./components/vega-dropdown/types";
import { VegaButtonLinkTarget } from "./components/vega-button-link/types";
import { DisabledDate, DropdownPropsForCalendar, VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
import { Nullable, TimeFormat } from "./types/general";
import { CalendarEvent } from "./helpers/calendar/calendar-event";
import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-validation-rule";
import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
import { VegaCodeBlockValue } from "./components/vega-code-block/types";
import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from "./components/vega-combo-box/types";
import { DatePickerCalendarIndicator, DatePickerCalendarRepickType, DatePickerCalendarSizeType, DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, DropdownConfigForDatePicker, VegaDropdownPropsForDatePickerCalendar } from "./components/vega-date-picker/types";
import { VegaDialogAction, VegaDialogActionButtonProps } from "./components/vega-dialog/types";
import { VegaDividerDirectionType, VegaDividerVariantType } from "./components/vega-divider/interface";
import { VegaDropdownItemClickEvent } from "./components/vega-dropdown/vega-dropdown-item/types";
import { LabelSuffixButtonConfig, LabelSuffixButtonProps } from "./components/vega-field-label/types";
import { VegaFileUploaderFile, VegaFileUploaderFiles, VegaFileUploaderType } from "./components/vega-file-uploader/types";
import { VegaCountryCode } from "./types/flag.type";
import { VegaFontAs } from "./components/vega-font/types";
import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } from "./components/vega-form/types";
import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
import { DataTransferType, InputAutocompleteTypes, InputEnterKeyHintTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType, VegaInputSuggestionsDropdownConfig } from "./components/vega-input/types";
import { FormFieldValidationRule as FormFieldValidationRule1 } from "./types/components.type";
import { VegaCountryType } from "./components/vega-input-phone-number/types";
import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
import { SelectedLabelType, SelectedLabelTypeForAllModes, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
import { ItemToggleStatusMap } from "./components/vega-item-toggle/types";
import { autoCollapseGroupsType, LeftNavCounterBadgeConfig, LeftNavHeaderConfig, LeftNavSectionHeaderConfig, LeftNavSourceItem } from "./components/vega-nav/interface";
import { LineChartOptionsType } from "./helpers/chart/line-chart";
import { VegaLoadingIndicatorSize } from "./components/vega-loading-indicator/types";
import { VegaModalBackdrop, VegaModalBackdropColor } from "./components/vega-modal/types";
import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } from "./components/vega-page-notification/types";
import { DropdownPropsForPagination, VegaPaginationItemType, VegaPaginationLayoutType, VegaPaginationPageSizeOption } from "./components/vega-pagination/types";
import { PieChartOptions } from "./helpers/chart/pie-chart";
import { VegaProgressTrackerDirectionType, VegaProgressTrackerStepItem } from "./components/vega-progress-tracker/type";
import { VegaRTEContent } from "./components/vega-rich-text-editor/dto/content-state";
import { VegaRTEExtension } from "./components/vega-rich-text-editor/extensions/extension.abstract";
import { RTETablePropertiesType, TableCellStylePropertiesMap, VegaRichTextEditorImage, VegaRTEColorSchema, VegaRTESourceEditConfig, VegaRTEToolbarItem } from "./components/vega-rich-text-editor/interface";
import { VegaRichTextImageEditorChangeDetail, VegaRichTextImageEditorSizeType } from "./components/vega-rich-text-editor/vega-rich-text-image-editor/types";
import { VegaRichTextLinkEditorChangeDetail, VegaRichTextLinkEditorStatus, VegaRTELinkEditorRecord } from "./components/vega-rich-text-editor/vega-rich-text-link-editor/types";
import { RTETableCellBlock } from "./components/vega-rich-text-editor/extensions/table/dto/table-cell-block";
import { VegaSectionTitleSizeType } from "./components/vega-section-title/types";
import { VegaSegmentControlVariant, VegaSegmentProps } from "./components/vega-segment-control/types";
import { VegaSelectionChipSize, VegaSelectionChipTooltipProps, VegaSelectionChipVariant } from "./components/vega-selection-chip/interface";
import { VegaSelectionChipGroupSelectType } from "./components/vega-selection-chip/vega-selection-chip-group/interface";
import { OpenByDefaultType, SidebarHeaderConfig, SidebarTopLevelItem } from "./components/vega-sidenav/types";
import { VegaSignatureCaptureMode, VegaSignatureValue } from "./components/vega-signature-capture/types";
import { VegaSkeletonType } from "./components/vega-skeleton/interface";
import { TabConfig, TabGroupOverflowType, TabGroupVariant } from "./components/vega-tab-group/types";
import { VegaTableChangePropType, VegaTableColumnBreakpoint, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTableGroupColumnConfig, VegaTableHeadCellClickEvent, VegaTablePagination, VegaTablePinnedType, VegaTableRowClickEvent, VegaTableRowClickPropType, VegaTableRowExpandEvent, VegaTableRowExpandEventDetail, VegaTableRowSelectAllEventDetail, VegaTableRowSelectEventDetail, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableScrollConfig, VegaTableSelectAllProp, VegaTableSortConfig, VegaTableSorterConfig, VegaTableSortOrderType } from "./components/vega-table/interface";
import { VegaTextTooltipProps } from "./components/vega-text/types";
import { TimePickerModeType, TimePickerValueType } from "./components/vega-time-picker/types";
import { SourceItemType } from "./components/vega-virtual-scroll/types";
export namespace Components {
    interface VegaAccordion {
        /**
          * Specifies the title of the accordion.  If the title exceeds the maximum width,    it will be displayed on a new line to    ensure visibility and readability.
          * @vegaVersion 1.3.0
         */
        "accordionTitle": string;
        /**
          * Determines whether the accordion block should be displayed    with its default background color `bg-primary`    and padding of `size-24`.
          * @vegaVersion 1.3.0
         */
        "drawsBackground": boolean;
        /**
          * Controls whether the accordion is expanded.
          * @vegaVersion 1.0.4
         */
        "expand": boolean;
        /**
          * Specifies the placement of the expand icon in the accordion.
          * @vegaVersion 1.3.0
         */
        "expandIconAlign": 'left' | 'right';
        /**
          * Specifies the unique group ID for enabling accordion functionality.  Use this parameter to assign a specific group ID to the accordions that should be grouped together,    ensuring that only one accordion can be expanded at a time within the same group.
          * @vegaVersion 1.3.0
         */
        "groupId": string;
        /**
          * Specifies the vertical placement of the prefix icon    and expand icon within the accordion.
          * @vegaVersion 1.8.1
         */
        "iconPosition": 'top' | 'center';
        /**
          * Specifies an optional icon to be displayed    alongside the accordion's title.
          * @vegaVersion 1.3.0
         */
        "prefixIcon": string;
        /**
          * Specifies whether to display or hide the expand icon in the accordion.  It can be provided as a ResponsiveType or boolean value.
          * @vegaVersion 1.3.0
         */
        "showExpandIcon": ResponsiveType<boolean>;
    }
    interface VegaAppFooter {
        /**
          * Specifies additional links that can be included    in the app footer.
          * @vegaVersion 1.15.0
         */
        "additionalLinks": VegaAppFooterLink[];
        /**
          * Specifies the content to be displayed in the app footer.  By default, it includes Heartland's official copyright message    with a reference to the current year.
          * @vegaVersion 1.15.0
          * @defaultValue © {{currentYear}} Global Payments Inc. All rights reserved.
         */
        "content": string;
        /**
          * Specifies the target window or tab when the user clicks    on the Disclaimer link in the app footer.
          * @vegaVersion 1.27.3
         */
        "disclaimerUrlTarget": LinkTargetType;
        /**
          * Specifies whether to hide the default Term of Use    and Privacy Policy links.
          * @vegaVersion 1.35.1
         */
        "hideDefaultLinks": boolean;
        /**
          * Specifies the label or text to be displayed    for the Privacy Policy link in the app footer.
          * @vegaVersion 1.15.0
         */
        "privacyPolicyLabel": string;
        /**
          * Specifies the URL or web address that the    Privacy Policy link in the app footer should    navigate to when clicked.
          * @vegaVersion 1.15.0
          * @defaultValue https://www.globalpayments.com/privacy-statement
         */
        "privacyPolicyUrl": string;
        /**
          * Specifies the unique identifier for the Privacy Policy Link.
          * @vegaVersion 2.54.0
         */
        "privacyPolicyUrlId": string;
        /**
          * Specifies the target window or browsing context    in which the Privacy Policy URL should be opened    when the user clicks on the link.
          * @vegaVersion 1.27.3
         */
        "privacyPolicyUrlTarget": LinkTargetType;
        /**
          * Specifies whether the app footer should display    a predetermined disclaimer message and link    to indicate that the site uses Google reCAPTCHA.
          * @vegaVersion 1.3.0
         */
        "showDisclaimer": boolean;
        /**
          * Specifies the label or text to be displayed    for the Terms of Use link in the app footer.
          * @vegaVersion 1.15.0
         */
        "termOfUseLabel": string;
        /**
          * Specifies the URL or web address that the Terms of Use link    in the app footer should navigate to when clicked.
          * @vegaVersion 1.15.0
          * @defaultValue https://www.globalpayments.com/terms-of-use
         */
        "termOfUseUrl": string;
        /**
          * Specifies the unique identifier for the Terms of Use Link.
          * @vegaVersion 2.54.0
         */
        "termOfUseUrlId": string;
        /**
          * Specifies the target window or browsing context in which    the Terms of Use URL should be opened    when the user clicks on the link.
          * @vegaVersion 1.27.3
         */
        "termOfUseUrlTarget": LinkTargetType;
    }
    interface VegaAppHeaderButton {
        /**
          * Specifies the configuration for the avatar image or icon    displayed in the app header button.
          * @vegaVersion 1.11.0
         */
        "avatar": VegaAppHeaderAvatarConfig;
        /**
          * Specifies the position of the avatar in relation to the label    within the app header button.
          * @vegaVersion 1.11.0
         */
        "avatarPosition": 'right' | 'left';
        /**
          * Specifies the configuration for the dropdown functionality    of the app header button.
          * @vegaVersion 1.11.0
         */
        "dropdown": VegaAppHeaderButtonDropdownConfig;
        /**
          * Specifies the label or text content of the app header button.
          * @vegaVersion 1.11.0
         */
        "label": string;
        /**
          * Specifies the display configuration of the app header button label.
          * @vegaVersion 2.77.1
         */
        "labelConfig": VegaAppHeaderLabelConfig;
        /**
          * Specifies whether the app header button is displayed in a selected state.
          * @vegaVersion 1.15.0
         */
        "selected": boolean;
        /**
          * Specifies whether to show a border around the app header button.
          * @vegaVersion 1.11.0
         */
        "showBorder": boolean;
        /**
          * Determines whether to display the label of the app header button    directly on the button itself or in a tooltip    when the user hovers over the button.
          * @vegaVersion 1.11.0
         */
        "showLabel": boolean;
        /**
          * Specifies whether to display a menu arrow icon in the app header button.
          * @vegaVersion 1.11.0
         */
        "showMenuArrowIcon": boolean;
        /**
          * Specifies the size of the app header button.
          * @vegaVersion 1.11.0
         */
        "size": ResponsiveType<VegaAppHeaderButtonSize>;
    }
    interface VegaBackdrop {
        /**
          * Defines the color of the backdrop element.
          * @vegaVersion 2.0.0
         */
        "color": 'bg-backdrop-modal' | 'bg-backdrop-popover' | 'bg-transparent';
        /**
          * The duration of the animation in milliseconds.
          * @vegaVersion 2.0.0
         */
        "duration": number;
        /**
          * Whether to show or hide the backdrop
          * @vegaVersion 2.0.0
         */
        "visible": boolean;
    }
    interface VegaBanner {
        /**
          * Specifies the action buttons available within the banner.    These buttons enable users to perform specific actions,    enhancing user interaction within the banner.
          * @vegaVersion 2.8.0
         */
        "actionButtons": VegaBannerActionButtonType[];
        /**
          * Specifies the label or title for the banner.
          * @vegaVersion 2.8.0
         */
        "bannerTitle": string;
        /**
          * Specifies the content displayed within the banner.
          * @vegaVersion 2.8.0
         */
        "content": string;
        /**
          * Invoke this method to close the banner.
          * @vegaVersion 2.8.0
         */
        "doClose": () => Promise<void>;
        /**
          * Determines whether the banner is displayed.
          * @vegaVersion 2.13.0
         */
        "isOpen": boolean;
        /**
          * Determines whether the close icon is displayed.
          * @vegaVersion 1.13.0
         */
        "showCloseButton": boolean;
        /**
          * Specifies the type of the banner.
          * @vegaVersion 2.8.0
         */
        "type": VegaBannerPropType;
    }
    interface VegaBarChart {
        /**
          * Specifies the rendering options for the bar chart.
          * @vegaVersion 1.33.0
         */
        "options": VegaBarChartOptionsType;
    }
    interface VegaBox {
        /**
          * Specifies how the box aligns itself within its container.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
         */
        "alignSelf": ResponsiveType<AlignSelfType>;
        /**
          * Defines the background color of the box.    It accepts a string value representing a valid    background color token.
          * @vegaVersion 2.0.0
         */
        "backgroundColor": StateVariantType<BackgroundColorsTokenType, CssStatesType>;
        /**
          * Defines the border of the box.    It accepts a string value representing a valid    border token.
          * @vegaVersion 2.0.0
         */
        "border": StateVariantType<BordersTokenType, CssStatesType>;
        /**
          * Defines the border color of the box.    It accepts a string value representing a valid    border color token.
          * @vegaVersion 2.0.0
         */
        "borderColor": StateVariantType<BorderColorsTokenType, CssStatesType>;
        /**
          * Specifies the line style of the box border. *
          * @vegaVersion 2.7.0
         */
        "borderStyle": BorderStyleType;
        /**
          * Defines the corner of the box.    It accepts a string value representing a valid    border radius token.
          * @vegaVersion 2.0.0
         */
        "corners": ResponsiveType<CornersType>;
        /**
          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block`, `inline-block` and `none`.
          * @vegaVersion 1.38.0
         */
        "display": ResponsiveType<BoxDisplayType>;
        /**
          * Specifies how the box adjusts its size, growth, and alignment within a flex container.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
         */
        "flex": ResponsiveType<FlexType>;
        /**
          * Specifies the base size of the box.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
         */
        "flexBasis": ResponsiveType<FlexBasisType>;
        /**
          * Specifies how the box is grow.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
         */
        "flexGrow": ResponsiveType<FlexGrowType>;
        /**
          * Specifies how much the box shrinks.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
         */
        "flexShrink": ResponsiveType<FlexShrinkType>;
        /**
          * Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType.
          * @vegaVersion 2.5.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
         */
        "gridArea": ResponsiveType<GridAreaType>;
        /**
          * Determines the placement of the item within the grid along the horizontal axis.
          * @vegaVersion 2.5.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
         */
        "gridColumn": ResponsiveType<GridColumnType>;
        /**
          * Determines the placement of the item within the grid along the vertical axis.
          * @vegaVersion 2.5.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
         */
        "gridRow": ResponsiveType<GridRowType>;
        /**
          * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to    determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
          * @vegaVersion 2.0.0
         */
        "height": ResponsiveType<HeightType>;
        /**
          * Specifies how a single box justifies its content along the main axis within its container.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
         */
        "justifySelf": ResponsiveType<JustifySelfType>;
        /**
          * Defines the spacing around the box.    You can set it as a single spacing value,    such as `size-16` or `size-24`, which will apply    the same margin on all sides of the box.  Alternatively, you can set the padding as a responsive map,    allowing you to define different margin values for different breakpoints.    The responsive map should follow the structure    `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.  Note that the `default` value is required when using a responsive map    to provide a fallback margin value for breakpoints    that are not explicitly defined.
          * @vegaVersion 1.27.0
         */
        "margin": ResponsiveType<MarginType>;
        /**
          * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'min-content'    (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
          * @vegaVersion 2.7.0
         */
        "maxHeight": ResponsiveType<MaxHeightType>;
        /**
          * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'max-content'    (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
          * @vegaVersion 2.7.0
         */
        "minHeight": ResponsiveType<MinHeightType>;
        /**
          * Specifies the display order of the box.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/order
         */
        "order": ResponsiveType<OrderType>;
        /**
          * Determines the spacing between the content and the edges of the box.    It can be set as a spacing value, such as `size-16` or `size-24`,    to apply the same padding on all sides.  Alternatively, you can set the padding as a responsive map,    allowing you to define different padding values for different breakpoints.    The responsive map should follow the structure    `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.  Note that the `default` value is required when using a responsive map    to provide a fallback padding value for breakpoints    that are not explicitly defined.
          * @vegaVersion 1.27.0
         */
        "padding": ResponsiveType<PaddingType>;
        /**
          * Defines the custom class name of the box.
          * @vegaVersion 2.0.0
         */
        "responsiveClass": ResponsiveType<string>;
        /**
          * Defines the box shadow of the box.    It accepts a string value representing a valid    box shadow token.
          * @vegaVersion 2.0.0
         */
        "shadow": StateVariantType<ShadowsTokenType, 'default' | 'focus-visible' | 'hover'>;
        /**
          * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to    determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
          * @vegaVersion 2.0.0
         */
        "width": ResponsiveType<WidthType>;
    }
    interface VegaBrandLogo {
        /**
          * Specifies the name of the brand logo.
          * @vegaVersion 2.47.0
         */
        "name": 'global-payments' | 'genius' | 'g-symbol';
        /**
          * Specifies the size of the brand logo.
          * @vegaVersion 2.47.0
         */
        "size": 'small' | 'medium' | 'large';
        /**
          * Specifies the display theme of the brand logo.   Available options include:   - `auto`: Displays the logo in light mode by default;     	   switches to dark mode if the page theme changes.   - `light`: Always displays the logo in light mode, regardless of the page theme.   - `dark`: Always displays the logo in dark mode, regardless of the page theme.
          * @vegaVersion 2.47.0
         */
        "theme": 'auto' | 'light' | 'dark';
    }
    interface VegaBreadcrumb {
        /**
          * Compact mode toggle for mobile viewport.  When `true` (default), the breadcrumb displays only the last clickable item on mobile devices to save horizontal space. When `false`, the full multi-item layout is shown on mobile, identical to desktop behavior (still subject to collapsing based on `maxItems`).
          * @vegaVersion 2.66.0
         */
        "compactOnMobile": boolean;
        /**
          * Represents the individual elements within the `vega-breadcrumb` component.
          * @vegaVersion 1.41.0
         */
        "items": VegaBreadcrumbItemType[];
        /**
          * Determines whether the last breadcrumb item is clickable.  When `false` (default), the last item is rendered as plain text. When `true`, the last item becomes a clickable link, styled the same as the other breadcrumb items.
          * @vegaVersion 2.81.0
         */
        "lastItemClickable": boolean;
        /**
          * Determines the maximum number of visible items in the `vega-breadcrumb` component,    primarily in desktop mode.  When the number of items exceeds this limit, the component automatically    collapses the center items, rendering only the first and last items visible.  If you set this value to `none`, all items will remain expanded.  The minimum allowed value for this property is 4.
          * @vegaVersion 1.41.0
         */
        "maxItems": VegaBreadcrumbCollapsedThresholdType;
    }
    interface VegaButton {
        /**
          * Specifies whether the button should span the    full width of its parent element.
          * @vegaVersion 1.3.0
         */
        "block": ResponsiveType<boolean>;
        /**
          * Indicates the danger status of the button,    typically used for destructive actions.
          * @vegaVersion 1.3.0
         */
        "danger": boolean;
        /**
          * Specifies whether the button element is disabled.
          * @vegaVersion 1.0.3
         */
        "disabled": boolean;
        /**
          * Specifies the icon to be displayed on the button,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 1.0.3
         */
        "icon": string;
        /**
          * Specifies the placement of the icon in relation to the button's label.
          * @vegaVersion 1.3.0
         */
        "iconAlign": VegaButtonIconAlign;
        /**
          * Specifies the text displayed on the button.
          * @vegaVersion 1.0.3
         */
        "label": string;
        /**
          * Specifies whether the button is in a loading state. When `true`,     the button is disabled and an indeterminate loading indicator     is displayed within the button.
          * @vegaVersion 2.17.0
         */
        "loading": boolean;
        /**
          * Specifies the size of the button.
          * @vegaVersion 1.0.0
         */
        "size": ResponsiveType<VegaButtonSize>;
        /**
          * Specifies the type of button and its behavior in relation to    form submission and data reset.
          * @vegaVersion 1.0.3
         */
        "type": VegaButtonType;
        /**
          * Specifies the visual style and prominence of the button.  It determines how the button will be presented to the user.
          * @vegaVersion 1.0.0
         */
        "variant": VegaButtonVariant;
    }
    interface VegaButtonCircle {
        /**
          * Indicates the danger status of the circular button,    typically used for destructive actions.
          * @vegaVersion 1.3.0
         */
        "danger": boolean;
        /**
          * Specifies whether the circular button element is disabled.
          * @vegaVersion 1.0.4
         */
        "disabled": boolean;
        /**
          * Specifies the icon to be displayed on the circular button,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 1.0.4
         */
        "icon": string;
        /**
          * Specifies the color of the icon displayed on the circular button.
          * @vegaVersion 1.24.0
         */
        "iconColor": TextColorsTokenType;
        /**
          * Specifies the text to be displayed in the tooltip for the circular button    and sets it as the `aria-label` for accessibility.
          * @vegaVersion 1.0.4
         */
        "label": string;
        /**
          * Indicates whether to use a tooltip to display the label for the button circle.
          * @vegaVersion 2.0.0
         */
        "showTooltip": boolean;
        /**
          * Specifies the size of the circular button.
          * @vegaVersion 1.0.2
         */
        "size": VegaButtonCircleSize;
        /**
          * Specifies the properties of the `vega-tooltip` displayed for the button circle.
          * @vegaVersion 1.52.0
         */
        "tooltip": VegaButtonCircleTooltip;
        /**
          * Specifies the type of button and its behavior in relation to    form submission and data reset.
          * @vegaVersion 1.16.0
         */
        "type": VegaButtonType;
        /**
          * Specifies the variant and prominence of the circular button.  The following options are available for the `variant` parameter: - `primary`:      The circular button is rendered with the `bg-action` background color,      which typically signifies a primary or important action. - `secondary`:      The circular button is rendered with a transparent background and      an `action` border color. This variant is often used for      secondary or less prominent actions. - `icon-only`:      The circular button is rendered with an icon displayed in the default state,      and the circle background appears when hovering over the button.
          * @vegaVersion 1.0.2
         */
        "variant": VegaButtonCircleVariant;
    }
    interface VegaButtonGroup {
        /**
          * Specifies whether the button elements are disabled.
          * @vegaVersion 2.72.0
         */
        "disabled": boolean;
        /**
          * Specifies the placement of the icon in relation to the button's label.
          * @vegaVersion 2.5.0
         */
        "iconAlign": VegaButtonGroupIconAlign;
        /**
          * Specifies the size of the button group.
          * @vegaVersion 2.5.0
         */
        "size": VegaButtonGroupSize;
        /**
          * Specifies the visual style and prominence of the button group.  It determines how the button group will be presented to the user.
          * @vegaVersion 2.5.0
         */
        "variant": VegaButtonGroupVariant;
    }
    interface VegaButtonGroupItem {
        /**
          * Specifies whether the button group item is disabled.
          * @vegaVersion 2.72.0
         */
        "disabled": boolean;
        /**
          * Specifies the properties for the dropdown menu that appears when the button group contains more than one button item.
          * @vegaVersion 2.5.0
         */
        "dropdownProps": DropdownPropsForButtonGroup;
        /**
          * Defines the data source used to populate the dropdown menu when the button group contains more than one button item.
          * @vegaVersion 2.5.0
         */
        "dropdownSource": (DropdownSourceGroup | DropdownSourceItem)[];
        /**
          * Specifies the icon to be displayed on the button item,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 2.5.0
         */
        "icon": string;
        /**
          * Specifies whether to display the icon only.
          * @vegaVersion 2.5.0
         */
        "iconOnly": boolean;
        /**
          * Specifies the unique key for the button item.
          * @vegaVersion 2.5.0
         */
        "itemKey": string;
        /**
          * Specifies the text displayed on the button item.
          * @vegaVersion 2.5.0
         */
        "label": string;
    }
    interface VegaButtonLink {
        /**
          * Indicates the danger status of the button link,    typically used for destructive actions.
          * @vegaVersion 1.3.0
         */
        "danger": boolean;
        /**
          * Specifies whether the button link element is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Specifies whether the button link will emit a vegaClick event when clicked.    When set to true, the component behaves as a link but also triggers the click event when clicked,    allowing both navigation and custom click handling.
          * @vegaVersion 1.3.0
         */
        "eventful": boolean;
        /**
          * Specifies the icon to be displayed on the button link,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 1.0.4
         */
        "icon": string;
        /**
          * Specifies the placement of the icon in relation to    the button link's label.
          * @vegaVersion 1.3.0
         */
        "iconAlign": 'left' | 'right';
        /**
          * Specifies the type of icon used in the button link.  The following options are available for the `iconType` parameter: - `icon`:      The icon is rendered as a regular icon without      any additional styling or background. - `button`:      The icon is rendered with a circular background,      providing additional emphasis and visual prominence      to the icon in the button link.
          * @vegaVersion 1.0.5
         */
        "iconType": 'icon' | 'button';
        /**
          * Specifies the text displayed on the button link.
          * @vegaVersion 1.0.4
         */
        "label": string;
        /**
          * Specifies the URL associated with the button link.   If no URL is set, the component behaves as a button and triggers the click event. 	 If a URL is provided, it behaves as a link and the click event is not emitted.
          * @vegaVersion 1.0.4
          * @defaultValue javascript:void(0);
         */
        "link": string;
        /**
          * Specifies the size of the button link.
          * @vegaVersion 1.0.2
         */
        "size": 'default' | 'large' | 'small';
        /**
          * Specifies the location where the linked document will be opened,    helping users understand how the link will behave when activated.
          * @vegaVersion 2.33.0
         */
        "target": VegaButtonLinkTarget;
    }
    interface VegaCalendar {
        /**
          * Controls whether clicking on a calendar date triggers the `vegaDateClick` event. When enabled, it disables the `vegaDateDblClick` event to prevent conflicts.
          * @vegaVersion 2.61.0
         */
        "enableDateClick": boolean;
        /**
          * Controls the visibility of the event preview popover while click event.
          * @vegaVersion 2.59.0
         */
        "enabledEventPreview": boolean;
        /**
          * Specifies the events of the calendar.
          * @vegaVersion 2.14.0
         */
        "events": VegaCalendarRawEvent[];
        /**
          * Specifies a predicate function that determines whether a given date in the calendar should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
          * @param date - The `Date` object for the cell being evaluated.
          * @returns `true` if the cell should be disabled; otherwise `false`.
          * @vegaVersion 2.56.0
         */
        "isDateDisabled": DisabledDate;
        /**
          * Defines the configuration options for the more action button's dropdown menu.
          * @vegaVersion 2.20.0
         */
        "moreActionDropdownProps": DropdownPropsForCalendar;
        /**
          * Controls the visibility of the calendar's event color bar.
          * @vegaVersion 2.21.0
         */
        "showEventColorBar": boolean;
        /**
          * Controls whether the switch view is displayed.
          * @vegaVersion 2.58.0
         */
        "showSwitchView": boolean;
        /**
          * Controls the visibility of the weekend columns in the calendar.
          * @vegaVersion 2.28.0
         */
        "showWeekends": boolean;
        /**
          * Specifies the time format of the calendar.
          * @vegaVersion 2.14.0
         */
        "timeFormat": TimeFormat;
        /**
          * Specifies the IANA time zone or Etc/GMT±n format.  It accepts values such as "America/New_York" or "Etc/GMT+12".  If not set, the component defaults to the system's time zone.  For a complete list of IANA time zones, see Time Zone DB(https://timezonedb.com/time-zones).
          * @vegaVersion 2.65.0
         */
        "timezone": string;
        /**
          * Specifies the current view mode of the calendar.
          * @vegaVersion 2.14.0
         */
        "viewMode": VegaCalendarViewModeType;
    }
    interface VegaCalendarEvent {
        /**
          * Specifies the calendar event.
          * @vegaVersion 2.14.0
         */
        "calendarEvent": CalendarEvent;
    }
    interface VegaCalendarEventPreview {
    }
    interface VegaCalendarEventSlot {
        /**
          * Specifies the event key.
          * @vegaVersion 2.19.0
         */
        "eventKey": string;
    }
    interface VegaCard {
        /**
          * Defines the background color of the card element.    It accepts a string value representing a valid    background color token.
          * @vegaVersion 1.3.0
         */
        "backgroundColor": BackgroundColorsTokenType;
        /**
          * Specifies the margin for the card.    It can be set as ResponsiveType or any sizing token.
          * @vegaVersion 1.3.0
         */
        "margin": ResponsiveType<MarginType>;
        /**
          * Specifies the padding within the card.    It can be set as ResponsiveType or any sizing token.
          * @vegaVersion 1.0.4
         */
        "padding": ResponsiveType<PaddingType>;
        /**
          * Determines whether the card is rendered with a shadow or a border.    By default, cards are rendered without a shadow or border.
          * @vegaVersion 1.26.0
         */
        "variant": 'shadow' | 'border';
    }
    interface VegaCarousel {
        /**
          * Indicates whether the carousel can be swiped    to navigate between pages on a mobile device.
          * @vegaVersion 1.18.0
         */
        "canSwipe": boolean;
        /**
          * Invoke this method to navigate the carousel to the specified page number.
          * @param nextPage
          * @returns 
          * @vegaVersion 1.0.6
         */
        "goToPage": (nextPage: number) => Promise<void>;
        /**
          * Specifies the number of items displayed per page in the carousel.
          * @vegaVersion 2.1.0
         */
        "itemsPerPage": ResponsiveType<number>;
        /**
          * Invoke this method to transition the carousel to the next available page,    if it exists.
          * @vegaVersion 1.0.2
         */
        "nextPage": () => Promise<void>;
        /**
          * Specifies the number of elements displayed per page in the carousel.
          * @deprecated This property will be removed soon and replaced by prop itemsPerPage
          * @vegaVersion 1.0.2
         */
        "perPage": ResponsiveType<number>;
        /**
          * Invoke this method to transition the carousel to the previous page,    if it exists.
          * @vegaVersion 1.0.2
         */
        "prevPage": () => Promise<void>;
        /**
          * Specifies whether to show the navigational buttons    at the bottom of the carousel.
          * @vegaVersion 1.0.2
         */
        "showSlider": boolean;
        /**
          * Controls the amount of space between the elements in the carousel    when more than one element is displayed on each page    using the `itemsPerPage` property.
          * @vegaVersion 1.0.2
         */
        "spacing": SpacingTokenType;
    }
    interface VegaCheckbox {
        /**
          * Specifies whether the checkbox should be pre-checked.  Use the `value` property to retrieve the current status of the checkbox.
          * @vegaVersion 1.0.7
         */
        "checked": boolean;
        /**
          * Specifies whether the checkbox element is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Sets a unique identifier for the checkbox.  Refer to the `value` property for detailed information on    how to use this property during form validation.
          * @vegaVersion 1.10.0
         */
        "identifier": string;
        /**
          * Specifies the validation status of the checkbox component.
          * @vegaVersion 1.10.0
         */
        "isValid": boolean;
        /**
          * Specifies whether the checkbox must be checked    to pass form validation.
          * @vegaVersion 1.3.0
         */
        "required": boolean;
        /**
          * Invoke this method to set the value of the checkbox.  It is recommended to use this method instead of directly modifying the `value` property.
          * @vegaVersion 1.16.0
         */
        "setValue": (value: string | boolean) => Promise<void>;
        /**
          * Specifies the size of the checkbox.
          * @vegaVersion 1.3.0
         */
        "size": 'default' | 'small';
        /**
          * Determines the value that is associated with the checkbox    when it is checked or unchecked.  When the `identifier` property is set, the `value` property will    return the value of the `identifier` when the checkbox is checked.    When the checkbox is unchecked, the `value` property will    return an empty string ''.  If the `identifier` property is not set, the `value` property behaves    as a boolean and returns `true` when the checkbox is checked,    and `false` when it is unchecked.
          * @vegaVersion 1.0.7
         */
        "value": string | boolean;
    }
    interface VegaCheckboxGroup {
        /**
          * Determines whether automatic validation should be implemented for    the checkbox group upon selection.
          * @vegaVersion 2.6.0
         */
        "autoValidation": boolean;
        /**
          * Indicates if the checkbox group is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the checkbox group.
          * @vegaVersion 1.3.0
         */
        "hint": string;
        /**
          * Specifies the validation status of the   checkbox group component.
          * @vegaVersion 1.3.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the checkbox group.    It provides descriptive text that helps identify    the purpose of the checkbox group.
          * @vegaVersion 1.3.0
         */
        "label": string;
        /**
          * Indicates whether at least one checkbox in the    checkbox group must be checked to pass    form validation.
          * @vegaVersion 1.3.0
         */
        "required": boolean;
        /**
          * Defines custom validation rules for the checkbox group.
          * @vegaVersion 2.6.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Stores the selected values of the nested checkboxes    within the checkbox group.
          * @vegaVersion 1.0.7
         */
        "value": string[];
        /**
          * Specifies all properties of a `vega-flex` component,    accessible as an object.
          * @vegaVersion 1.3.0
         */
        "vegaFlexProp": VegaFlexProps;
    }
    interface VegaChip {
        /**
          * Specifies the background color of the chip.  This property is only applicable when using the `filled-background` variant,    which is a specific style option for the chip.
          * @vegaVersion 1.11.0
         */
        "bgColor": BackgroundColorsTokenType;
        /**
          * Specifies the type of the chip,    determining its visual appearance and behavior.  There are two available options: `status` and `label`: - When `chipType` is set to `status`, the chip will display a dot as a prefix.    This style is commonly used to indicate a specific status    or state associated with the chip.    The `icon` and `iconAlign` properties are disabled in this mode. - On the other hand, when `chipType` is set to `label`,    the chip allows for more flexibility in positioning the icon.    You can choose to have the icon as a prefix or a suffix to the label text.    This type is commonly used when the chip represents a label or category.
          * @vegaVersion 1.11.0
         */
        "chipType": VegaChipType;
        /**
          * Specifies whether the chip is clickable.
          * @vegaVersion 1.11.0
         */
        "clickable": boolean;
        /**
          * Displays an icon in the chip. This property is applicable only when    the chip's type is set to `label`.
          * @vegaVersion 1.11.0
         */
        "icon": string;
        /**
          * Specifies the placement or alignment of the icon within    the chip in relation to the chip's text.
          * @vegaVersion 1.11.0
         */
        "iconAlign": VegaChipIconAlign;
        /**
          * Specifies the color of the icon displayed within the chip.  This property is applicable only when the chip's type is set to `label`    and an `icon` is provided.
          * @vegaVersion 2.81.0
         */
        "iconColor": TextColorsTokenType;
        /**
          * Controls the visibility of a close button within the chip.
          * @vegaVersion 1.11.0
         */
        "showCloseIcon": boolean;
        /**
          * Specifies the size of the chip.
          * @vegaVersion 1.11.0
         */
        "size": ResponsiveType<VegaChipSize>;
        /**
          * Specifies the color of the status dot when    the chip's type is set to `status`.
          * @vegaVersion 1.11.0
         */
        "statusColor": BackgroundColorsTokenType;
        /**
          * Specifies the label or title for the chip.  It provides descriptive text that helps identify    the purpose or category of the chip.
          * @vegaVersion 1.11.0
         */
        "text": string;
        /**
          * Specifies the color of the text displayed within the chip.
          * @vegaVersion 1.11.0
         */
        "textColor": TextColorsTokenType;
        /**
          * Determines the rendering style for the chip.
          * @vegaVersion 1.11.0
         */
        "variant": VegaChipVariant;
    }
    interface VegaCodeBlock {
        /**
          * Specifies whether the code block editor is disabled.
          * @vegaVersion 2.50.0
         */
        "disabled": boolean;
        /**
          * Invoke this method to focus the current code block.
          * @vegaVersion 2.50.0
         */
        "doFocus": () => Promise<void>;
        /**
          * Specifies whether the code block editor is in read-only mode.
          * @vegaVersion 2.50.0
         */
        "readOnly": boolean;
        /**
          * Specifies whether to display the copy button in the code block.
          * @vegaVersion 2.50.0
         */
        "showCopyButton": boolean;
        /**
          * Specifies whether to display the code line number in the code block.
          * @vegaVersion 2.50.0
         */
        "showLineNumber": boolean;
        /**
          * Specifies the content or value to be displayed in the code block.
          * @vegaVersion 2.50.0
         */
        "value": VegaCodeBlockValue;
    }
    interface VegaColorPicker {
        /**
          * Determines whether automatic validation should be implemented  for the color picker when a color is selected.
          * @vegaVersion 1.13.0
         */
        "autoValidation": boolean;
        /**
          * Defines custom color options for the color picker.  It should be an array of hexadecimal strings representing different colors.
          * @vegaVersion 1.13.0
         */
        "colors": string[];
        /**
          * Specifies whether the color picker element is disabled.
          * @vegaVersion 1.13.0
         */
        "disabled": boolean;
        /**
          * Displays a supplementary prompt message that assists users    in understanding the expected value for the color picker.
          * @vegaVersion 1.13.0
         */
        "hint": string;
        /**
          * Specifies whether the color picker is inline with container styles, including a border, background color, and padding.
          * @vegaVersion 2.30.0
         */
        "isInline": boolean;
        /**
          * Specifies the validation status of the color picker component.
          * @vegaVersion 1.13.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the color picker.  It provides descriptive text that helps identify    the purpose or content expected in the color picker.
          * @vegaVersion 1.13.0
         */
        "label": string;
        /**
          * Specifies whether a color must be selected for    the color picker to pass form validation.
          * @vegaVersion 1.13.0
         */
        "required": boolean;
        /**
          * Specifies custom validation rules for the color picker.
          * @vegaVersion 1.13.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the initial or preset color value of the color picker.    It is represented as a hexadecimal string.
          * @vegaVersion 1.13.0
         */
        "value": string;
    }
    interface VegaComboBox {
        /**
          * Determines whether automatic validation should be implemented    when a value is edited in the combo box.
          * @vegaVersion 1.11.0
         */
        "autoValidation": boolean;
        /**
          * Invoke this method to close the dropdown menu associated with the combo box.
          * @vegaVersion 1.11.0
         */
        "close": () => Promise<void>;
        /**
          * Specifies whether the combo box element is disabled.
          * @vegaVersion 1.11.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary prompt message that is displayed    alongside the combo box input field.
          * @vegaVersion 1.11.0
         */
        "hint": string;
        /**
          * Specifies the validation status of the combo box component.
          * @vegaVersion 1.11.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the combo box.  It provides descriptive text that helps identify the    purpose or content expected in the combo box.
          * @vegaVersion 1.11.0
         */
        "label": string;
        /**
          * Invoke this method to open the dropdown menu associated with the combo box.
          * @vegaVersion 1.11.0
         */
        "open": () => Promise<void>;
        /**
          * Sets a placeholder string that provides a temporary hint    or example inside the combo box input field.  It indicates the expected format or pattern of the input.
          * @vegaVersion 1.11.0
         */
        "placeholder": string;
        /**
          * Specifies whether a value must be entered for the    combo box to pass form validation.
          * @vegaVersion 1.11.0
         */
        "required": boolean;
        /**
          * Specifies the size of the combo box.
          * @vegaVersion 1.11.0
         */
        "size": VegaComboBoxSize;
        /**
          * Specifies the source data used to populate the    dropdown menu associated with the combo box.
          * @vegaVersion 1.11.0
         */
        "source": DropdownSourceItem[];
        /**
          * Determines whether to display the associated dropdown menu and    filter its options based on the text entered into the combo box.  Setting this property to `false` enables custom text input handling    by listening for the `vegaSearch` event.
          * @vegaVersion 1.24.0
         */
        "useDefaultFilter": boolean;
        /**
          * Specifies custom validation rules for the combo box.
          * @vegaVersion 1.11.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Sets the initial or preset values of the combo box.  It should be an array of strings representing the selected values.
          * @vegaVersion 1.11.0
         */
        "value": string[];
        /**
          * Specifies partial properties of the `vega-dropdown` component    that are used to configure the dropdown menu    associated with the combo box.
          * @vegaVersion 1.11.0
         */
        "vegaDropdownProps": VegaDropdownPropsForComboBox;
    }
    interface VegaCounterBadge {
        /**
          * Specifies the background color token to indicate prominence.  - Use 'bg-danger' to represent critical information that    demands the user's attention. - Use 'bg-action' to represent a mere count of items.
          * @vegaVersion 1.15.0
         */
        "color": 'bg-danger' | 'bg-action';
        /**
          * Represents the number that will be displayed on the badge.
          * @vegaVersion 1.15.0
         */
        "count": number;
        /**
          * Determines whether the badge is displayed without a specific count.  If set to `true`, the count is hidden,    and the badge is rendered as a smaller dot.
          * @vegaVersion 1.15.0
         */
        "dot": boolean;
        /**
          * Specifies the offset of the badge `[left, top]` from    its default position at the top right corner.
          * @vegaVersion 1.15.0
         */
        "offset": number[];
    }
    interface VegaDatePicker {
        /**
          * Specifies whether the user is allowed to change either the    start date or end date of an already selected date range    without completely resetting the selected range.
          * @vegaVersion 1.3.0
         */
        "allowRepick": boolean;
        /**
          * Determines whether automatic validation should be implemented    when a date or range is selected.
          * @vegaVersion 1.3.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether to display the clear button when the calendar is shown.
          * @vegaVersion 1.3.0
         */
        "clearButton": boolean;
        /**
          * Specifies whether the date picker field is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Invoke this method to close the calendar dropdown    associated with the date picker.
          * @see {module :vega-date-picker-click-call-do-open-close}
          * @vegaVersion 1.3.0
         */
        "doClose": () => Promise<void>;
        /**
          * Invoke this method to open the calendar dropdown    associated with the date picker.
          * @see {module :vega-date-picker-click-call-do-open-close}
          * @vegaVersion 1.3.0
         */
        "doOpen": () => Promise<void>;
        /**
          * Specifies the configuration for the calendar dropdown    associated with the date picker.
          * @vegaVersion 1.5.0
         */
        "dropdownConfig": DropdownConfigForDatePicker;
        /**
          * Specifies the desired date format.
          * @vegaVersion 1.3.0
         */
        "format": string;
        /**
          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
          * @param date - The `Date` object for the cell being evaluated.
          * @returns `true` if the cell should be disabled; otherwise `false`.
          * @vegaVersion 2.60.0
         */
        "isDateDisabled": DisabledDate;
        /**
          * Specifies the validation status of the date picker component.
          * @vegaVersion 1.3.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label or title for the date picker field.  It provides descriptive text that helps identify the    purpose or content expected in the date picker field.
          * @vegaVersion 1.3.0
         */
        "label": string;
        /**
          * Specifies the maximum selectable date in the date picker.
          * @vegaVersion 1.3.0
         */
        "maxDate": string;
        /**
          * Specifies the minimum selectable date in the date picker.
          * @vegaVersion 1.3.0
         */
        "minDate": string;
        /**
          * Specifies the selection mode of the date picker.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
          * @vegaVersion 1.3.0
         */
        "mode": DatePickerModeType;
        /**
          * Specifies a placeholder string that displays as a temporary hint    or example inside the date picker field.  It indicates the expected format or pattern of the date picker field.
          * @vegaVersion 1.3.0
         */
        "placeholder": string | string[];
        /**
          * Specifies whether the date picker field is set to read-only.  If set to `true`, keyboards and touch devices will skip    interacting with this element.
          * @vegaVersion 1.3.0
         */
        "readOnly": boolean;
        /**
          * Determines whether the date picker field is required.  Specifies whether a date or range must be selected for    the date picker to pass form validation.
          * @vegaVersion 1.3.0
         */
        "required": boolean;
        /**
          * Determines whether the clear icon should be displayed or hidden.
          * @vegaVersion 2.33.0
         */
        "showClearIcon": boolean;
        /**
          * Determines whether to show months and years dropdown in date picker If set to true, date picker calendar will have months and years dropdown
          * @vegaVersion 2.36.0
         */
        "showYearMonthDropdowns": boolean;
        /**
          * Specifies the size of the date picker field.
          * @vegaVersion 1.3.0
         */
        "size": 'default' | 'small';
        /**
          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
          * @vegaVersion 2.35.0
         */
        "timezone": string;
        /**
          * Specifies custom validation rules for the date picker field.
          * @vegaVersion 1.3.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the selected date or date range in the date picker.
          * @vegaVersion 1.3.0
         */
        "value": DatePickerValueType<DatePickerModeType>;
    }
    interface VegaDatePickerCalendar {
        /**
          * Specifies whether to display the clear button when the calendar is shown.
          * @vegaVersion 2.72.0
         */
        "clearButton": boolean;
        /**
          * Specifies a function that returns the properties for the date indicator tooltip for a given date in the date picker.  The function is called for each date cell before rendering.
          * @vegaVersion 2.77.0
         */
        "dateIndicator": DatePickerCalendarIndicator;
        /**
          * Determines whether to show two months in date picker calendar.   It will be ignored when the device is mobile, that means the calendar will always show single month on mobile device regardless of the value of this prop.
          * @vegaVersion 2.81.0
         */
        "dualMonths": boolean;
        /**
          * Specifies the desired date format.
          * @vegaVersion 2.72.0
         */
        "format": string;
        /**
          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
          * @param date - The `Date` object for the cell being evaluated.
          * @returns `true` if the cell should be disabled; otherwise `false`.
          * @vegaVersion 2.72.0
         */
        "isDateDisabled": DisabledDate;
        /**
          * Specifies the maximum selectable date in the date picker calendar.
          * @vegaVersion 2.72.0
         */
        "maxDate": string;
        /**
          * Specifies the minimum selectable date in the date picker calendar.
          * @vegaVersion 2.72.0
         */
        "minDate": string;
        /**
          * Specifies the selection mode of the date picker calendar.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
          * @vegaVersion 2.72.0
         */
        "mode": DatePickerModeType;
        /**
          * Invoke this method to reset calendar to its initial state, 	it include reset to current value and reset the current period.
          * @vegaVersion 2.72.0
         */
        "reset": () => Promise<void>;
        /**
          * Specifies the selected date or date range in the date picker calendar.
          * @vegaVersion 2.72.0
         */
        "selection": DatePickerValueType<DatePickerModeType>;
        /**
          * Determines whether to show months and years dropdown in date picker calendar If set to true, date picker calendar will have months and years dropdown
          * @vegaVersion 2.72.0
         */
        "showYearMonthDropdowns": boolean;
        /**
          * Renders the calendar picker in different sizes. Defaults to regular size
          * @vegaVersion 2.72.0
         */
        "size": DatePickerCalendarSizeType;
        /**
          * Specifies the calendar is static height.
          * @vegaVersion 2.72.0
         */
        "staticHeight": boolean;
        /**
          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
          * @vegaVersion 2.72.0
         */
        "timezone": string;
        /**
          * Invoke this method to trigger repick.   The param `type` is distinguishing the start date or end date can be repick.
          * @vegaVersion 2.72.0
         */
        "triggerRepick": (type: DatePickerCalendarRepickType) => Promise<void>;
        /**
          * Determines whether the year or month dropdown position is calculated relative to the screen.
          * @vegaVersion 2.72.0
         */
        "yearMonthDropdownProps": VegaDropdownPropsForDatePickerCalendar;
    }
    interface VegaDialog {
        /**
          * Represents a dictionary that contains the configuration options    for the cancel button in the dialog.
          * @vegaVersion 1.24.0
         */
        "cancelButton"?: VegaDialogActionButtonProps;
        /**
          * Specifies the text content of the dialog.
          * @vegaVersion 1.24.0
         */
        "content"?: string;
        /**
          * Specifies the title of the dialog.
          * @vegaVersion 1.24.0
         */
        "dialogTitle"?: string;
        /**
          * Represents the function that will be executed when the user    clicks the cancel button in the dialog.
          * @vegaVersion 1.24.0
         */
        "handleCancel"?: VegaDialogAction;
        /**
          * Represents the function that will be executed when the    user clicks the action button in the dialog.
          * @vegaVersion 1.24.0
         */
        "handleOk"?: VegaDialogAction;
        /**
          * Represents a dictionary that contains the configuration options    for the modal component used to display the dialog.
          * @vegaVersion 1.24.0
         */
        "modalProps": Partial<VegaComponentInterface<HTMLVegaModalElement>>;
        /**
          * Represents a dictionary that contains the configuration options    for the action button in the dialog.
          * @vegaVersion 1.24.0
         */
        "okButton"?: VegaDialogActionButtonProps;
        /**
          * Determines whether the cancel button should be displayed.
          * @vegaVersion 1.24.0
         */
        "showCancel": boolean;
        /**
          * Specifies the type of the dialog.  Use the value `danger` when the dialog's primary action is destructive.
          * @vegaVersion 1.24.0
         */
        "type"?: 'default' | 'danger';
    }
    interface VegaDivider {
        /**
          * Specifies the direction of the divider.  It can be set to either horizontal or vertical,    determining the orientation of the separation.
          * @vegaVersion 2.10.0
         */
        "direction": ResponsiveType<VegaDividerDirectionType>;
        /**
          * Specifies the margin within the divider,    offering flexibility in adjusting spacing. It can be set as ResponsiveType or any sizing token    for precise control over layout and appearance.
          * @vegaVersion 2.10.0
         */
        "margin": ResponsiveType<MarginType>;
        /**
          * Determines the rendering style for the divider.
          * @vegaVersion 2.10.0
         */
        "variant": VegaDividerVariantType;
    }
    interface VegaDropdown {
        /**
          * Determines the horizontal positioning of the dropdown    within its container or relative to a reference point.
          * @vegaVersion 1.41.0
         */
        "alignment": ElementAppenderAlignmentType;
        /**
          * Specifies whether the search source list is case-sensitive.  Note that the default filter rules are fuzzy matching and case-insensitive.    This parameter only takes effect when `searchable` is set to `true`.
          * @vegaVersion 1.4.0
         */
        "caseSensitive": boolean;
        /**
          * Invoke this method to clear the selected items keys,    removing any current selection.
          * @vegaVersion 1.47.0
         */
        "clearSelection": () => Promise<void>;
        /**
          * Controls whether the dropdown can add a new item when    no proper item is available. It becomes active only when    `searchable` is set to `true`.
          * @vegaVersion 1.16.0
         */
        "dynamicOption": boolean;
        /**
          * Invoke this method to retrieve the selected items keys,    providing an key or list of the keys representing    the currently selected items.
          * @vegaVersion 1.47.0
         */
        "getSelection": () => Promise<string[] | string>;
        /**
          * Invoke this method to programmatically dismiss the dropdown menu.
          * @vegaVersion 1.3.0
         */
        "hide": () => Promise<void>;
        /**
          * Determines whether the dropdown displays a lazy loading status.
          * @vegaVersion 2.3.0
         */
        "isLazyLoading": boolean;
        /**
          * Determines whether the dropdown displays a loading status.
          * @vegaVersion 1.24.0
         */
        "isLoading": boolean;
        /**
          * Determines whether the dropdown position is calculated relative to the screen.
          * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective. - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
          * @vegaVersion 2.36.0
         */
        "isScreenPosition": boolean;
        /**
          * Specifies the display rule for items in the dropdown.
          * @VegaWarning Specifies the display rule for items in the dropdown, only be active if matchTargetWidth is true or maxWidth has value.
          * @vegaVersion 1.13.0
         */
        "itemDisplayRule": 'ellipsis' | 'newline';
        /**
          * Determines if the dropdown height should be automatically adjusted    to fit its container height.  If set to `true`, the dropdown will always be positioned at    the bottom of the available space.
          * @vegaVersion 1.3.0
         */
        "matchContainerHeight": boolean;
        /**
          * Determines whether the dropdown should have the    same width as the target element.
          * @vegaVersion 1.3.0
         */
        "matchTargetWidth": boolean;
        /**
          * Specifies the maximum height for the dropdown.
          * @vegaVersion 1.3.0
         */
        "maxHeight": number;
        /**
          * Specifies the maximum width of the dropdown. It can be provided as    a number or a ResponsiveType.
          * @vegaVersion 1.13.0
         */
        "maxWidth": ResponsiveType<SizeType>;
        /**
          * Specifies the minimum width of the dropdown. It can be provided as    a number or a ResponsiveType.
          * @vegaVersion 1.13.0
         */
        "minWidth": ResponsiveType<SizeType>;
        /**
          * Specifies the vertical positioning of the dropdown    within its container or relative to a reference point.
          * @vegaVersion 1.41.0
         */
        "placement": ElementAppenderPlacementType;
        /**
          * Specifies the relative positioning of the dropdown menu    in relation to its container.  If not specified, the dropdown will be appended to the menu by default.    Adjust this property when facing scrolling positioning problems.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.3.0
         */
        "positionRelativeTo": string;
        /**
          * Controls whether the prefix icon occupy a position, even if prefix has no value.
          * @vegaVersion 1.47.0
         */
        "prefixIconSlot": boolean;
        /**
          * Controls whether the value of selectedSourceKey is preserved when it does not exist in the source.
          * @vegaVersion 2.69.0
         */
        "preserveValueIfNotInSource": boolean;
        /**
          * Specifies whether the selected option in the dropdown can be cleared.    It allows users to reset the selectedSourceKey when a selection has already been made.
          * @vegaVersion 2.46.0
         */
        "resettable": boolean;
        /**
          * Invoke this method to set the search input value and    filter the list of items in the dropdown.  This method is applicable only when the dropdown is searchable.
          * @vegaVersion 1.11.0
         */
        "search": (input: string) => Promise<void>;
        /**
          * Specifies the no search results text for the dropdown.
          * @vegaVersion 2.74.0
         */
        "searchNoResultsText": string;
        /**
          * Determines whether the dropdown search is triggered by input or pressing the Enter key.
          * @vegaVersion 2.26.0
         */
        "searchTriggerBy": VegaDropdownSearchTriggerByType;
        /**
          * Controls whether the dropdown list can be searched.
          * @vegaVersion 1.3.0
         */
        "searchable": boolean;
        /**
          * Controls the dropdown menu's selection. It accepts three values:  - `none`:      After an item is selected, this option not only triggers the `vegaDropdownClick`      event but also conceals the dropdown menu immediately. - `single`:      Upon selection of an item whose key matches the `selectedSourceKey` property,      this setting both dispatches the `vegaDropdownClick` event and      hides the dropdown menu. - `multiple`:      When an item with a key found in the `selectedSourceKey` array is selected,      this mode releases the `vegaDropdownClick` event. Unlike the others, however,      Determines the selection mode for multiple item selection.
          * @vegaVersion 1.3.0
         */
        "selectType": 'none' | 'single' | 'multiple';
        /**
          * Represents the key corresponding to the selected item in the dropdown menu.    It becomes active only when `selectType` is set to `single` or `multiple`.
          * @vegaVersion 1.3.0
         */
        "selectedSourceKey": string | string[];
        /**
          * Invoke this method to set the selected items keys,    specifying an array or list of keys to represent    the desired selected items.
          * @param keys - Row keys to be set as selected.
          * @vegaVersion 1.47.0
         */
        "setSelection": (keys: string[] | string) => Promise<void>;
        /**
          * Invoke this method to programmatically display the dropdown menu.
          * @vegaVersion 1.3.0
         */
        "show": () => Promise<void>;
        /**
          * Specifies the size of the dropdown.    It can be provided as a number or a ResponsiveType.  If no size is set, the dropdown will default to fitting the item content width.
          * @vegaVersion 1.3.0
         */
        "size": ResponsiveType<SizeType>;
        /**
          * Sets the source array of items for the dropdown,    where each item must have a `key` and `label` property.
          * @vegaVersion 1.3.0
         */
        "source": VegaDropdownSourceItem[];
        /**
          * Specifies the position adjustment for the dropdown    relative to the target element.  By default, the dropdown is displayed on the left-bottom of the target.
          * @vegaVersion 1.3.0
         */
        "translocation": ResponsiveType<TranslocationType>;
        /**
          * Specifies the trigger mode for the dropdown.   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.   click: The dropdown is shown/hidden on click, and listens for global area clicks.   none: The dropdown does not listen for any events; you must control its visibility within the component.   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
          * @vegaVersion 1.3.0
         */
        "trigger": VegaEATriggerType;
        /**
          * Determines whether to enable source filtering based on input words.  When set to 'false', the component will emit a `vegaSearch` event    when input words are provided. In this case, you are responsible for    managing the source, including adding, deleting, and updating the source.  Note that the `dynamicOption` property will not work when    this property is set to `false`.
          * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
          * @vegaVersion 1.24.0
         */
        "useDefaultFilter": boolean;
        /**
          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
          * @vegaVersion 2.54.0
         */
        "virtualizationThreshold": number;
    }
    interface VegaDropdownContentBox {
    }
    interface VegaDropdownGroup {
        /**
          * Determines whether to include a dividing line at      the bottom of the dropdown group.
          * @vegaVersion 1.47.0
         */
        "divide": boolean;
        /**
          * Specifies the label for the dropdown group's level.
          * @vegaVersion 1.47.0
         */
        "label": string;
    }
    interface VegaDropdownItem {
        /**
          * Specifies the dropdown item's count.
          * @vegaVersion 1.47.0
         */
        "count": number;
        /**
          * Specifies whether the dropdown item represents a danger action. 	  It highlights actions that may have critical consequences 	     when the select type is set to none.
          * @vegaVersion 2.25.0
         */
        "danger": boolean;
        /**
          * Specifies the disabled status of the dropdown item.
          * @vegaVersion 1.47.0
         */
        "disabled": boolean;
        /**
          * Specifies the height of the dropdown item.
          * @vegaVersion 1.47.0
         */
        "height": number;
        /**
          * Specifies the key for the dropdown item.
          * @vegaVersion 1.47.0
         */
        "itemKey": string;
        /**
          * Specifies the label for the dropdown item.
          * @vegaVersion 1.47.0
         */
        "label": string;
        /**
          * Specifies the prefix icon for the dropdown item.
          * @vegaVersion 1.47.0
         */
        "prefixIcon": string;
    }
    interface VegaFieldError {
        /**
          * Specifies the error message when the input field should display an error.    The input field will clear the error status when the message is empty.
          * @vegaVersion 1.45.0
         */
        "message": string;
    }
    interface VegaFieldLabel {
        /**
          * Specifies whether the field is disabled.
          * @vegaVersion 1.10.0
         */
        "disabled": boolean;
        /**
          * Determines whether the input field is required.  Specifies whether the field must be filled in to pass form validation.
          * @vegaVersion 1.10.0
         */
        "isFieldRequired": boolean;
        /**
          * Specifies the label or title for the field.  It provides descriptive text that helps identify the    purpose or content expected in the field.
          * @vegaVersion 1.10.0
         */
        "label": string;
        /**
          * Specifies the properties for the suffix button associated with the input.  It provides essential information and functionality related to    the suffix button's role and behavior.
          * @vegaVersion 2.68.0
         */
        "suffixButtonConfig": Nullable<LabelSuffixButtonConfig>;
        /**
          * @deprecated Please use `suffixButtonConfig` instead  Specifies the properties for the suffix button associated with the input.  It provides essential information and functionality related to the suffix button's role and behavior.
          * @vegaVersion 2.25.0
         */
        "suffixButtonProps": LabelSuffixButtonProps;
    }
    interface VegaFileUploader {
        /**
          * Specifies the allowed file types for upload.
          * @vegaVersion 2.25.0
          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
         */
        "accept": string;
        /**
          * Determines whether the input field should undergo automatic validation    during the user's input.
          * @vegaVersion 2.25.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the File Uploader field is disabled.
          * @vegaVersion 2.25.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the file uploader field.
          * @vegaVersion 2.25.0
         */
        "hint": string;
        /**
          * Specifies the validation status of the file uploader component.
          * @vegaVersion 2.25.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label or title for the field.  It provides descriptive text that helps identify the    purpose or content expected in the field.
          * @vegaVersion 2.25.0
         */
        "label": string;
        /**
          * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
          * @vegaVersion 2.36.0
         */
        "maxCount": number | null;
        /**
          * Specifies whether uploading a file is mandatory.
          * @vegaVersion 2.25.0
         */
        "required": boolean;
        /**
          * Defines custom validation rules for the File Uploader field.
          * @vegaVersion 2.25.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the initial file content to display, enabling a preview    of the uploaded file or a default placeholder.
          * @vegaVersion 2.25.0
         */
        "value": VegaFileUploaderFile[] | null;
        /**
          * Specifies the uploader type that activates when clicked    or when a file is dragged, determining how users    interact with the file uploader.
          * @vegaVersion 2.25.0
         */
        "variant": VegaFileUploaderType;
    }
    interface VegaFlagIcon {
        /**
          * Specifies the country code using the two-letter uppercase country code.
          * @vegaVersion 2.46.0
         */
        "country": VegaCountryCode;
        /**
          * Specifies the width and height of the icon.
          * @vegaVersion 2.46.0
         */
        "size": SpacingTokenType;
    }
    interface VegaFlex {
        /**
          * Controls the alignment of items within the flex container.
          * @vegaVersion 1.49.0
         */
        "alignItems": ResponsiveType<FlexAlignItemType>;
        /**
          * Determines the breakpoint at which the flex direction transitions from    row-based layout to column-based layout, or vice versa.
          * @deprecated Please use the `direction` property instead.
          * @vegaVersion 1.0.4
         */
        "breakpoint": BreakpointsTokenType | 'None';
        /**
          * Specifies the flex direction.
          * @vegaVersion 1.3.0
         */
        "direction": ResponsiveType<FlexDirectionType>;
        /**
          * Specifies how the box adjusts its size, growth, and alignment within a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
         */
        "flex": ResponsiveType<FlexType>;
        /**
          * Specifies the box's base size, defining its initial    width or height in a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
         */
        "flexBasis": ResponsiveType<FlexBasisType>;
        /**
          * Specifies how the box grows to fill available space in a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
         */
        "flexGrow": ResponsiveType<FlexGrowType>;
        /**
          * Specifies how much the box shrinks to fit within a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
         */
        "flexShrink": ResponsiveType<FlexShrinkType>;
        /**
          * Determines whether flex items are confined to a single line or can wrap onto multiple lines based on available space.
          * @vegaVersion 2.6.0
         */
        "flexWrap": ResponsiveType<FlexWrapType>;
        /**
          * Determines the gap (spacing) within the flex container.  It can be provided as a spacing value, such as `size-12` or `size-24`.  Alternatively, it can be set as a responsive map using key-value pairs    to define different gaps for various breakpoints,    where the `default` key is required.
          * @vegaVersion 1.0.4
         */
        "gap": ResponsiveType<GapType>;
        /**
          * Controls the alignment of content items and the distribution of    space between and around them within the flex container.
          * @vegaVersion 1.3.0
         */
        "justifyContent": ResponsiveType<FlexJustifyContentType>;
        /**
          * Determines the margin (spacing) around the flex container.  It can be provided as a spacing value, such as `size-16` or `size-24`.  Alternatively, it can be set as a responsive map using key-value pairs    to define different margins for various breakpoints.    When using a responsive map, the `default` key is required.
          * @vegaVersion 1.3.0
         */
        "margin": ResponsiveType<MarginType>;
        /**
          * Specifies whether to use the native flex layout.
          * @deprecated This property will be removed soon and vega-flex will only support native-based flex behaviors.
          * @vegaVersion 1.10.0
         */
        "useNativeFlex": boolean;
    }
    interface VegaFont {
        /**
          * Indicates the rendering of an additional node with a     value that is an HTML tag name. It can be set as `ResponsiveType`.
          * @vegaVersion 1.46.0
         */
        "as": ResponsiveType<VegaFontAs>;
        /**
          * Specifies the font color represented by a valid text color token.
          * @vegaVersion 1.46.0
         */
        "color": TextColorsTokenType;
        /**
          * Specifies the capability to enable or disable the font's      responsiveness from native code.
          * @vegaVersion 1.46.0
         */
        "disableResponsive": boolean;
        /**
          * Specifies the horizontal alignment of the vega-font content.  This property determines how the text is aligned   	within its container, and it is effective only when   	the vega-font is styled as a block-level element.
          * @vegaVersion 2.9.0
         */
        "textAlign": ResponsiveType<TextAlignType>;
        /**
          * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
          * @vegaVersion 1.46.0
         */
        "variant": ResponsiveType<TypographyTokenType>;
    }
    interface VegaForm {
        /**
          * Specifies the HTTP URL for form submission.    This property takes effect only when {@link useNativeForm} is set to `true`.
          * @vegaVersion 2.64.0
         */
        "action": string;
        /**
          * Specifies whether form validation should be disabled on blur events of form elements.   - This helps prevent validation on blur when clicking Submit inside an input,        avoiding error messages that shift the button and block the click.  - For nested forms, the parent form will override this property        to ensure consistent validation behavior.
          * @vegaVersion 2.47.0
         */
        "disableBlurValidation": boolean;
        /**
          * Invoke this method asynchronously to retrieve the values for    all the available vega field elements nested within the `vega-form`.
          * @param option form control option to skip disabled/invisible components
          * @return object with key and field value as key-value pair
          * @vegaVersion 1.3.0
         */
        "getValue": <T>(option?: FormControlOption) => Promise<T>;
        /**
          * Indicates whether the value of any current    form-controlled elements has been changed.    1. When the value of any form-controlled element is changed,      this parameter is set to `true`.   2. When resetting the form, this parameter is set to `false`.   3. When invoking the `setValue` method, this parameter is set to `false`.
          * @vegaVersion 1.3.0
         */
        "isTouched": boolean;
        /**
          * Indicates whether the current form-controlled elements are valid.  Form-controlled elements are considered for validation if they    have the `data-vega-form` property.  Disabled and invisible elements are excluded from validation.  If the value is `undefined`, it means there are no    form-controlled elements that can be validated.  **Additional Notes:**   1. When depending on `isValid` for form validation, it is advised      not to modify the following properties of the monitored DOM:      - `disabled` property      - Element visibility style   2. As this property relies heavily on the `VegaValidate` event emitted,      it is highly recommended to enable auto-validation for all      form-controlled elements to ensure that the value reflects      the most up-to-date form validation status.
          * @vegaVersion 1.3.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the HTTP method used for form submission.   This property takes effect only when {@link useNativeForm} is set to `true`.
          * @vegaVersion 2.64.0
         */
        "method": 'post' | 'get';
        /**
          * Invoke this method to reset the vega field elements in the form to    the default value provided, or an empty string if    no default value is found.
          * @param defaultValueMap map of the vega form field name to default value
          * @param option form control option to skip disabled/invisible components
          * @vegaVersion 1.3.0
         */
        "reset": (defaultValueMap?: unknown, option?: FormControlOption) => Promise<void>;
        /**
          * Invoke this method to set validation states on specific form fields.
          * @param states - An array of validation error objects.
          * @vegaVersion 2.59.0
         */
        "setValidationStates": (states: VegaFormFieldValidationState[]) => Promise<void>;
        /**
          * Invoke this method to prefill the `vega-form` with the given value.  This action will also set the `isTouched` property to `false`.
          * @param value to prefill into the vega-form
          * @param option form control option to skip disabled/invisible components
          * @vegaVersion 1.3.0
         */
        "setValue": <T>(value: T, option?: FormControlOption) => Promise<void>;
        /**
          * Determines whether the `vega-form` content is wrapped in a native HTML <form> element.
          * @vegaVersion 2.64.0
         */
        "useNativeForm": boolean;
        /**
          * Invoke this method asynchronously to retrieve the validation result for    all the vega field elements nested within the `vega-form`.  If an element is a `vega-form` itself, it will recursively    invoke its `valid()` method.
          * @param showError determine whether the validation result should be reflected in UI
          * @return validation result
          * @vegaVersion 1.3.0
         */
        "valid": (showError?: boolean | 'rule') => Promise<FormValidateResult>;
    }
    interface VegaGrid {
        /**
          * Determines the configuration of the grid columns.    It can be provided as an integer, string, or a responsive map    using key-value pairs.  If provided as an integer from 1 to 12, each column will have the same width.    The CSS for this configuration is `grid-template-columns: repeat(number, minmax(0, 1fr))`.  If provided as a string in the format of n-auto    (e.g., `1-auto`, `2-auto`, ..., `12-auto`),    each column will have auto width. The CSS for this configuration is    `grid-template-columns: repeat(number, auto)`.  Alternatively, you can use a responsive map to define different column configurations    for various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values can be integers or strings following the    same patterns mentioned above.
          * @vegaVersion 1.3.0
         */
        "column": ResponsiveType<GridColumnsType>;
        /**
          * Determines the spacing between grid cells.  It can be provided as a spacing value, such as `size-16` or `size-24`.  Alternatively, you can use a responsive map to define different gap values for    various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values should be spacing values.
          * @vegaVersion 1.3.0
         */
        "gap": ResponsiveType<GapType>;
        /**
          * Specifies how grid items are aligned along the inline (row) axis.  It can be provided as one of: `start`, `center`, `end`, or `stretch`.  Alternatively, you can use a responsive map to define different values for    various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`.
          * @vegaVersion 2.79.0
         */
        "justifyItems": ResponsiveType<GridJustifyItemsType>;
        /**
          * Determines the configuration of the grid rows.    It can be provided as an integer, string, or a responsive map    using key-value pairs.  If provided as an integer from 1 to 6, each row will have the same height.    The CSS for this configuration is `grid-template-rows: repeat(number, minmax(0, 1fr))`.  If provided as a string in the format of n-auto    (e.g., `1-auto`, `2-auto`, ..., `6-auto`),    each row will have auto height. The CSS for this configuration is    `grid-template-rows: repeat(number, auto)`.  Alternatively, you can use a responsive map to define different row configurations    for various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values can be integers or strings following the    same patterns mentioned above.
          * @vegaVersion 1.3.0
         */
        "row": ResponsiveType<GridRowsType>;
    }
    interface VegaHint {
    }
    interface VegaIcon {
        /**
          * Specifies the color of the icon.  If the color prop is `undefined`, it defaults to `currentColor`.
          * @vegaVersion 1.26.0
         */
        "color"?: TextColorsTokenType;
        /**
          * Specifies the required icon design token for the icon.
          * @vegaVersion 1.0.4
         */
        "icon": string;
        /**
          * Specifies the width and height of the icon.    For Third Party Icons (e.g., Font Awesome),    it sets the icon's font-size.
          * @vegaVersion 1.0.4
         */
        "size": SpacingTokenType;
    }
    interface VegaImageUploader {
        /**
          * Specifies the allowed file types for upload.
          * @vegaVersion 1.14.0
          * @defaultValue .jpg,.png,.jpeg
         */
        "accept": string;
        /**
          * Specifies the action sub-title for the image uploader.    This property provides descriptive text that identifies    the intended action or function of the image uploader.
          * @vegaVersion 2.9.0
         */
        "actionSubTitle": string;
        /**
          * Specifies the action title for the image uploader.    This property provides descriptive text that identifies    the intended action or function of the image uploader.
          * @vegaVersion 2.9.0
         */
        "actionTitle": string;
        /**
          * Determines whether automatic validation should be    implemented for image uploads.
          * @vegaVersion 1.14.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the Image Uploader field is disabled.
          * @vegaVersion 1.14.0
         */
        "disabled": boolean;
        /**
          * Invoke this method to retrieve the image preview URL for    the current selection in the `vega-image-uploader` component.
          * @vegaVersion 1.45.0
         */
        "getContentURL": (file?: VegaFile) => Promise<Nullable<string>>;
        /**
          * Defines the height of the image uploader field.
          * @vegaVersion 2.9.0
         */
        "height": ResponsiveType<SizeType>;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the image uploader field.
          * @vegaVersion 2.9.0
         */
        "hint": string;
        /**
          * Specifies the validation status.
          * @vegaVersion 1.14.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label or title for the image uploader.    It provides descriptive text that helps identify    the purpose of the image uploader.
          * @vegaVersion 2.5.0
         */
        "label": string;
        /**
          * Specifies whether uploading an image is mandatory.
          * @vegaVersion 1.14.0
         */
        "required": boolean;
        /**
          * Determines whether to show the preview button.
          * @vegaVersion 1.14.0
         */
        "showPreviewButton": boolean;
        /**
          * Determines whether to show the remove button.
          * @vegaVersion 1.14.0
         */
        "showRemoveButton": boolean;
        /**
          * Determines whether to show the replace button.
          * @vegaVersion 1.39.2
         */
        "showReplaceButton": boolean;
        /**
          * Controls the display of the upload status (`uploading`, `done`).    If not set, the status remains invisible.
          * @vegaVersion 1.14.0
         */
        "status": VegaImageUploaderStatus | undefined;
        /**
          * Specifies custom validation rules for image uploads.
          * @vegaVersion 1.14.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Determines the visual content that is initially displayed in    the image uploader component, thereby providing a preview of    the uploaded image or a default placeholder.
          * @vegaVersion 1.14.0
         */
        "value": VegaFile | null;
        /**
          * Defines the width of the image uploader field.
          * @vegaVersion 2.9.0
         */
        "width": ResponsiveType<SizeType>;
    }
    interface VegaInput {
        /**
          * Enables or disables automatic validation as the user interacts with the input.  When `true`, the component validates the input value in real-time against all configured validation rules (`required`, `min`, `max`, `minLength`, `maxLength`, `email`, and custom `validationRules`). Validation is triggered on blur and during input, updating the `isValid` property accordingly.  Set to `false` when you need to manage validation manually (e.g., only on form submission).
          * @default true
          * @vegaVersion 1.0.10
         */
        "autoValidation": boolean;
        /**
          * Controls the browser's autofill and autocomplete behavior for this input.  Set to a semantic token (e.g., `'email'`, `'tel'`, `'street-address'`) to help the browser suggest previously saved values. Set to `'off'` to disable autocomplete suggestions entirely.  See the full list of valid tokens: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete
          * @default 'off'
          * @vegaVersion 1.0.5
         */
        "autocomplete": InputAutocompleteTypes;
        /**
          * When `true`, disables the ability to copy from or paste into the input field.  This is useful for security-sensitive fields (e.g., password confirmation) where you want to prevent users from pasting values. Both keyboard shortcuts and context menu copy/paste actions are blocked.
          * @default false
          * @vegaVersion 2.1.0
         */
        "disableCopyPaste": boolean;
        /**
          * When `true`, disables the input field, preventing user interaction.  A disabled input cannot receive focus, does not respond to click or keyboard events, and is visually styled with reduced opacity to indicate its inactive state. Disabled fields are excluded from form validation.
          * @default false
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Programmatically removes focus from the underlying native `<input>` element.  Use this method when you need to dismiss the keyboard on mobile or move focus away from the input programmatically. Calling this method triggers the `vegaBlur` event and, if `autoValidation` is enabled, validation will be executed.
          * @returns A promise that resolves once blur has been applied.
          * @vegaVersion 1.12.0
         */
        "doBlur": () => Promise<void>;
        /**
          * Programmatically sets focus on the underlying native `<input>` element.  Use this method when you need to direct the user's attention to this input (e.g., after form validation fails or on page load). Calling this method triggers the `vegaFocus` event.
          * @returns A promise that resolves once focus has been applied.
          * @vegaVersion 1.12.0
         */
        "doFocus": () => Promise<void>;
        /**
          * When `true`, enforces email format validation on the input value.  The validation checks that the entered text conforms to standard email formatting rules (e.g., `user@domain.com`). An invalid email will cause `isValid` to be set to `false` when validation is triggered.
          * @deprecated Please use `type='email'` instead, which provides the same validation along with optimized mobile keyboard and browser autofill support.
          * @default false
          * @vegaVersion 1.0.5
         */
        "email": boolean;
        /**
          * Configures the action label (or icon) to present for the enter key on virtual keyboards.  - `'enter'` — Insert a new line. - `'done'` — Nothing more to input, close the virtual keyboard. - `'go'` — Navigate to the target of the typed text. - `'next'` — Move to the next field that will accept text. - `'previous'` — Move to the previous field that will accept text. - `'search'` — Execute a search query. - `'send'` — Deliver the content (e.g. a message).  See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint for more details.
          * @vegaVersion 2.81.0
         */
        "enterkeyhint": InputEnterKeyHintTypes;
        /**
          * Programmatically closes the suggestions dropdown.  Use this method when you need to dismiss the dropdown in response to an external event (e.g., pressing Escape, clicking outside, or completing a selection workflow).
          * @returns A promise that resolves once the dropdown is hidden.
          * @vegaVersion 2.75.0
         */
        "hideSuggestionsDropdown": () => Promise<void>;
        /**
          * Displays a helper text message below the input field.  Use this to provide additional guidance about the expected input, such as format requirements (e.g., `'Must be at least 8 characters'`) or contextual tips. The hint is rendered via the `<vega-hint>` sub-component and is replaced by an error message when validation fails.
          * @default ''
          * @vegaVersion 1.3.0
         */
        "hint": string;
        /**
          * Provides a hint to the browser about the type of virtual keyboard to display on mobile devices, independent of the `type` attribute.  - `'text'` — Standard text keyboard. - `'numeric'` — Numeric keypad (digits only), useful for PIN codes or quantities.  See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode for more details.
          * @vegaVersion 2.71.0
         */
        "inputmode": 'text' | 'numeric';
        /**
          * Reflects the current validation state of the input field.  - `true` — The field value passes all validation rules; no error styling is shown. - `false` — The field value is invalid; error styling and messages are displayed. - `null` — Validation has not yet been triggered (initial state).  This property is automatically updated when `autoValidation` is `true`. It can also be set programmatically to force a specific validation state (e.g., after server-side validation).
          * @default null
          * @vegaVersion 1.3.0
         */
        "isValid": boolean;
        /**
          * Specifies the visible label text displayed above the input field.  The label provides an accessible, descriptive title that helps users identify the purpose or content expected in the input field. It is rendered as a `<vega-field-label>` element and is associated with the native `<input>` for accessibility (screen readers, click-to-focus).  When set to an empty string, no label is rendered.
          * @default ''
          * @vegaVersion 1.0.5
         */
        "label": string;
        /**
          * Configures an optional action button displayed at the trailing end of the field label. Use this to provide contextual actions such as a "Forgot password?" link, a help tooltip trigger, or any custom label-level action.  When clicked, the `vegaLabelButtonClick` event is emitted.
          * @default null
          * @vegaVersion 2.68.0
         */
        "labelSuffixButtonConfig": Nullable<LabelSuffixButtonConfig>;
        /**
          * @deprecated Please use `labelSuffixButtonConfig` instead.  Configures an optional action button displayed at the trailing end of the field label. This can be used to provide contextual actions such as a "Forgot password?" link or an info tooltip trigger.
          * @default null
          * @vegaVersion 2.25.0
         */
        "labelSuffixButtonProps": Nullable<LabelSuffixButtonProps>;
        /**
          * Configures input masking to automatically format the user's input according to a predefined pattern.  Supports built-in mask types (`'phone'`, `'zipcode'`, `'taxId'`, `'thousand-comma'`, `'number'`) as well as custom masks via `'custom'` or `'custom-formatter'` strategies.  Pass a single `MaskConfigType` object or an array of configs to apply multiple masks. Each config specifies the mask `type`, optional formatting `options`, and a `trigger` (`'input'` or `'blur'`) to control when formatting is applied.
          * @vegaVersion 1.3.0
         */
        "maskConfig": MaskConfigType | MaskConfigType[];
        /**
          * Sets the maximum allowable numeric value for the input.  When set, a `MaxNumberRule` validation is applied automatically. If the user enters a number above this threshold, the field will be marked as invalid. Only applies when the input value is numeric.
          * @default null
          * @vegaVersion 1.0.5
         */
        "max": number | null;
        /**
          * Sets the maximum character length allowed for the input value.  When set, a `MaxStringLengthRule` validation is applied automatically. If the user enters more characters than specified, the field will be marked as invalid when validation is triggered.
          * @default null
          * @vegaVersion 1.0.5
         */
        "maxLength": number;
        /**
          * Sets the minimum allowable numeric value for the input.  When set, a `MinNumberRule` validation is applied automatically. If the user enters a number below this threshold, the field will be marked as invalid. Only applies when the input value is numeric.
          * @default null
          * @vegaVersion 1.0.5
         */
        "min": number | null;
        /**
          * Sets the minimum character length required for the input value.  When set, a `MinStringLengthRule` validation is applied automatically. If the user enters fewer characters than specified, the field will be marked as invalid when validation is triggered.
          * @default null
          * @vegaVersion 1.0.5
         */
        "minLength": number;
        /**
          * Sets the `name` attribute on the underlying native `<input>` element.  This is used to identify the field when submitting form data and is also used by the browser's autocomplete feature to recall previously entered values.
          * @default ''
          * @vegaVersion 1.0.5
         */
        "name": string;
        /**
          * Sets the placeholder text displayed inside the input when the value is empty.  Use this to provide a short hint about the expected input format or content (e.g., `'Enter your email'`, `'MM/DD/YYYY'`). The placeholder text disappears as soon as the user begins typing.  **Note:** Placeholder text is not a substitute for a `label` — always provide a descriptive label for accessibility.
          * @vegaVersion 1.3.0
         */
        "placeholder": string;
        /**
          * Displays a Vega icon at the leading (left) side of the input field, providing visual context about the expected input.  Pass a valid Vega icon name (e.g., `'search'`, `'email'`, `'lock'`). The icon is rendered inside the input container and does not affect the input's value or validation.
          * @vegaVersion 1.0.5
         */
        "prefixIcon": string;
        /**
          * Sets the input field as read-only, preventing direct keyboard input.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.
          * @default false
          * @vegaVersion 2.79.0
         */
        "readOnly": boolean;
        /**
          * Marks the input field as required for form submission.  When `true`, a required-field validation rule is automatically applied. If `autoValidation` is enabled, the field will display a validation error when the user leaves it empty. A visual required indicator (asterisk) is shown next to the label.
          * @default false
          * @vegaVersion 1.0.5
         */
        "required": boolean;
        /**
          * Controls whether a clear (✕) icon button is displayed inside the input when the field has a non-empty value.  When `true`, clicking the clear icon resets the input value to an empty string and emits a `vegaChange` event. Set to `false` to hide the icon (e.g., for inputs where clearing is not desired, such as read-only displays).
          * @default true
          * @vegaVersion 1.3.0
         */
        "showClearIcon": boolean;
        /**
          * Programmatically opens the suggestions dropdown.  Use this method when you need to display the dropdown independently of user input — for example, to show all available suggestions on focus or in response to an external trigger. Requires `suggestionsDropdownSource` to be set.
          * @param dropdownConfig - Optional configuration to customize the dropdown behavior (e.g., itemDisplayRule, caseSensitive).
          * @returns A promise that resolves once the dropdown is displayed.
          * @vegaVersion 2.75.0
         */
        "showSuggestionsDropdown": (dropdownConfig?: VegaInputSuggestionsDropdownConfig) => Promise<void>;
        /**
          * Sets the visual size variant of the input field, affecting its height and internal padding.  - `'default'` — Standard height (40px), suitable for most form layouts. - `'small'` — Compact height (32px), useful in dense or inline   layouts. Such as table cells or toolbars.
          * @default 'default'
          * @vegaVersion 1.3.0
         */
        "size": 'default' | 'small';
        /**
          * Provides the data source for the input's autocomplete suggestion dropdown.  Pass an array of `VegaDropdownSourceItem` objects to enable the suggestions feature. The dropdown appears as the user types, filtering items that match the current input value. When the user selects a suggestion, the `vegaSuggestionItemClick` event is emitted.  **Important:** You must set this property to at least an empty array (`[]`) to enable the suggestion dropdown. If left `undefined`, the feature is disabled.
          * @vegaVersion 2.75.0
         */
        "suggestionsDropdownSource": VegaDropdownSourceItem[];
        /**
          * Sets the HTML input type, which controls the browser's input behavior, on-screen keyboard layout, and built-in validation.  - `'text'` — Standard single-line text input. - `'email'` — Optimized for email entry; triggers email validation automatically. - `'password'` — Masks the entered characters; displays a show/hide toggle icon. - `'number'` — Restricts input to numeric values; may show increment/decrement controls. - `'hidden'` — Renders the input as invisible (useful for programmatic form values).
          * @default 'text'
          * @vegaVersion 1.0.9
         */
        "type": InputType;
        /**
          * An array of custom validation rules applied to the input field in addition to the built-in rules derived from `required`, `min`, `max`, `minLength`, `maxLength`, and `email` props.  Each rule is a `FormFieldValidationRule` object that defines a validation function and an associated error message. Rules are evaluated in order; the first failing rule's message is displayed.
          * @default []
          * @vegaVersion 1.0.10
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * The current value of the input field.  Use this property to programmatically set or read the input's value. The value is two-way bound — it updates when the user types and can be set externally to pre-fill or reset the field.  When a `maskConfig` is applied, the displayed value may differ from the raw value (e.g., formatted phone numbers). The `vegaChange` event emits the current value whenever it changes.
          * @default ''
          * @vegaVersion 1.0.5
         */
        "value": string;
        /**
          * Controls when the `vegaChange` event is emitted, allowing you to choose between real-time updates and committed-value updates.  - `'input'` — Fires on every keystroke as the user types (real-time). - `'change'` — Fires only when the input loses focus or the user presses Enter,   similar to the native HTML `change` event behavior.  Use `'change'` for expensive operations (e.g., API calls) where you only need the final committed value. Use `'input'` for live search or filtering scenarios.
          * @default 'input'
          * @vegaVersion 2.24.0
         */
        "valueUpdateTrigger": InputValueUpdateTriggeredBy;
    }
    interface VegaInputCreditCard {
        /**
          * Determines whether the user's input in the credit card field should    be automatically validated.
          * @vegaVersion 1.26.0
         */
        "autoValidation": boolean;
        /**
          * Determines whether the credit card input field is disabled.
          * @vegaVersion 1.26.0
         */
        "disabled": boolean;
        /**
          * Specifies whether to hide the credit card number when    users focus out of the input field.  When set to `true`, the credit card number is partially masked,    with the first three fields displayed as "x" and    the last field remaining visible during blur and upon initial loading.
          * @vegaVersion 1.26.0
         */
        "hideCardNumberOnBlur": boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
          * @vegaVersion 1.26.0
         */
        "hint": string;
        /**
          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
          * @vegaVersion 1.26.0
         */
        "isValid": boolean;
        /**
          * Defines the label or title for the credit card input field.
          * @vegaVersion 1.26.0
         */
        "label": string;
        /**
          * Specifies a placeholder string that displays as a temporary hint or    example inside the credit card input field.  It indicates the expected format or pattern of the credit card input.
          * @vegaVersion 1.26.0
         */
        "placeholder": string;
        /**
          * Specifies whether a card number must be entered for    this component to pass form validation.
          * @vegaVersion 1.26.0
         */
        "required": boolean;
        /**
          * Specifies the size of the credit card input field.
          * @vegaVersion 1.26.0
         */
        "size": 'default' | 'small';
        /**
          * Specifies custom validation rules for the credit card input field.
          * @vegaVersion 1.26.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Represents a pre-set value for the credit card input field.  It allows you to initialize the field with a specific value,    which is displayed to the user when the    input is initially rendered.
          * @vegaVersion 1.26.0
         */
        "value": string;
    }
    interface VegaInputNumeric {
        /**
          * Determines whether the numeric input should be validated automatically as the user interacts with it. When `true`, validation rules (including `required`, `min`, `max`, and custom `validationRules`) are evaluated and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 2.29.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the numeric input field is disabled. When `true`, the field is non-interactive — the user cannot type, focus, or use keyboard controls to change the value.
          * @default false
          * @vegaVersion 2.29.0
         */
        "disabled": boolean;
        /**
          * Supplementary helper message displayed below the input field that assists users in understanding the expected value or range. Visible at all times (not just on focus).
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "hint": string;
        /**
          * When `true`, restricts user input to whole numbers only — decimal points and fractional digits are rejected. Useful for fields like quantity, count, or age.
          * @default false
          * @vegaVersion 2.29.0
         */
        "integerOnly": boolean;
        /**
          * Reflects the current validation status of the numeric input.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state.
          * @default null
          * @vegaVersion 2.29.0
         */
        "isValid": boolean;
        /**
          * Specifies the visible label text rendered above the numeric input. The label identifies the purpose of the field and serves as the accessible name for screen readers.
          * @default ''
          * @vegaVersion 2.29.0
         */
        "label": string;
        /**
          * The step value used when the user presses `Shift` + `ArrowUp` or `Shift` + `ArrowDown` to increment or decrement the value by a larger amount. This enables quick coarse-grained adjustments.  For smaller steps, see `minorIncrement`.
          * @default 10
          * @vegaVersion 2.29.0
         */
        "majorIncrement": number;
        /**
          * Sets the maximum allowable value for the numeric input. When set, the built-in `MaxNumberRule` is applied during validation. Values above this threshold will cause validation to fail.  Set to `null` to remove the upper bound.
          * @default null
          * @vegaVersion 2.63.0
         */
        "max": number | null;
        /**
          * Sets the minimum allowable value for the numeric input. When set, the built-in `MinNumberRule` is applied during validation. Values below this threshold will cause validation to fail.  Set to `null` to remove the lower bound.
          * @default null
          * @vegaVersion 2.63.0
         */
        "min": number | null;
        /**
          * The step value used when the user presses the `ArrowUp` or `ArrowDown` key to increment or decrement the value. This controls fine-grained adjustments to the numeric input.  For larger jumps, see `majorIncrement` (activated with `Shift` + arrow keys).
          * @default 1
          * @vegaVersion 2.29.0
         */
        "minorIncrement": number;
        /**
          * Specifies placeholder text displayed inside the input field when it is empty. The placeholder disappears once the user begins typing and is typically used to indicate the expected format (e.g., `'0.00'`).
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "placeholder": string;
        /**
          * Name of a Vega icon rendered before (to the left of) the input field, providing additional visual context. The icon is purely decorative and does not affect the input value.
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "prefixIcon": string;
        /**
          * Text displayed before (to the left of) the numeric value inside the input field. Use this to provide contextual information such as a currency symbol (e.g., `'$'`) or unit prefix.
          * @default ''
          * @vegaVersion 2.29.0
         */
        "prefixText": string;
        /**
          * Determines whether the numeric input field must have a value before the form can be submitted. When `true`, the built-in `RequiredFieldRule` is applied during validation and a required indicator is shown on the label.
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "required": boolean;
        /**
          * Controls whether a clear (×) icon button is shown inside the input field when a value is present. Clicking the button resets the value to an empty string and triggers the `vegaChange` event.
          * @default true
          * @vegaVersion 2.53.0
         */
        "showClearIcon": boolean;
        /**
          * Controls the visual size of the numeric input field.  - `'medium'` — Standard height, suitable for most form layouts. - `'small'` — Compact height, useful for dense UIs or inline editing.
          * @default 'medium'
          * @vegaVersion 2.29.0
         */
        "size": 'medium' | 'small';
        /**
          * Text displayed after (to the right of) the numeric value inside the input field. Use this to provide contextual information such as a unit suffix (e.g., `'%'`, `'kg'`, `'USD'`).
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "suffixText": string;
        /**
          * When `true`, the numeric input automatically formats the displayed value with thousand separators (commas) as the user types (e.g., `1,000,000`). The underlying `value` property remains an unformatted numeric string.
          * @default false
          * @vegaVersion 2.29.0
         */
        "thousandComma": boolean;
        /**
          * An array of custom validation rules applied to the numeric input in addition to the built-in rules (`RequiredFieldRule`, `MinNumberRule`, `MaxNumberRule`). Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 2.29.0
         */
        "validationRules": FormFieldValidationRule1<unknown>[];
        /**
          * The current value of the numeric input field, represented as a string.  This property is mutable and will be updated when the user types or uses keyboard increment/decrement actions. It can also be set externally to pre-populate or reset the field. When `thousandComma` is enabled, the display is formatted with separators but the underlying value remains unformatted. Changes to this property trigger the `vegaChange` event.
          * @default ''
          * @vegaVersion 2.29.0
         */
        "value": string;
    }
    interface VegaInputPasscode {
        /**
          * Determines whether the passcode input should be validated automatically as the user types. When `true`, validation rules (including `required` and custom `validationRules`) are evaluated and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 2.66.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the passcode input is disabled. When `true`, all individual input boxes become non-interactive — the user cannot type, paste, or focus any box.
          * @default false
          * @vegaVersion 2.66.0
         */
        "disabled": boolean;
        /**
          * Supplementary helper message displayed below the passcode input that assists users in understanding the expected input. For example, `'Enter the 4-digit code sent to your email'`.
          * @default ''
          * @vegaVersion 2.66.0
         */
        "hint": string;
        /**
          * Specifies the type of characters accepted by each passcode box.  - `'numeric'` — Only digits `0`–`9` are accepted. - `'text'` — Any non-space character is accepted.  Spaces are always rejected regardless of the selected type.
          * @default 'numeric'
          * @vegaVersion 2.66.0
         */
        "inputType": 'numeric' | 'text';
        /**
          * Reflects the current validation status of the passcode input.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state.
          * @default null
          * @vegaVersion 2.66.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the visible label text rendered above the passcode input. The label identifies the purpose of the field (e.g., "Enter verification code") and serves as the accessible name for screen readers.
          * @default ''
          * @vegaVersion 2.66.0
         */
        "label": string;
        /**
          * Specifies the number of individual input boxes rendered for the passcode. Each box accepts a single character. Common values are `4` for a PIN and `6` for a two-factor authentication code.
          * @default 4
          * @vegaVersion 2.66.0
         */
        "length": number;
        /**
          * Determines whether the passcode field must have a value before the form can be submitted. When `true`, the built-in `RequiredFieldRule` is applied during validation and a required indicator is shown on the label.
          * @default false
          * @vegaVersion 2.66.0
         */
        "required": boolean;
        /**
          * Controls the visual size of the passcode input boxes.  - `'medium'` — Standard height, suitable for most form layouts. - `'small'` — Compact height, useful for dense UIs.
          * @default 'medium'
          * @vegaVersion 2.66.0
         */
        "size": 'medium' | 'small';
        /**
          * An array of custom validation rules applied to the passcode input in addition to the built-in `RequiredFieldRule`. Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 2.66.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * The current value of the passcode input, represented as a concatenated string of all box values (e.g., `'1234'` for a 4-digit passcode).  This property is mutable and reflected to the host element attribute. It updates as the user types into the boxes and can be set externally to pre-populate or reset the field.
          * @default ''
          * @vegaVersion 2.66.0
         */
        "value": string;
    }
    interface VegaInputPhoneNumber {
        /**
          * An array of country codes available for selection in the country dropdown. Each entry must be a two-letter uppercase ISO 3166-1 alpha-2 code.  By default all 245 supported codes are loaded, but providing a smaller subset improves initial render performance.
          * @default VegaCountryCode[] (all 245 codes)
          * @vegaVersion 2.18.0
         */
        "allowedCountryCodes": VegaCountryCode[];
        /**
          * Determines whether the phone number input should be validated automatically as the user interacts with it. When `true`, validation rules (including `required`, `ValidPhoneNumberRule`, and custom `validationRules`) are evaluated and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 2.18.0
         */
        "autoValidation": boolean;
        /**
          * Specifies the currently selected country using a two-letter uppercase ISO 3166-1 alpha-2 code (e.g., `'US'`, `'GB'`, `'CN'`). The country code determines the flag icon and calling code prefix displayed in the country selector. Changing this value updates the phone number prefix accordingly.
          * @default 'US'
          * @vegaVersion 2.18.0
         */
        "countryCode": VegaCountryCode;
        /**
          * Specifies whether the phone number input field is disabled. When `true`, both the country selector and the phone number text field become non-interactive — the user cannot type, select a country, or focus any part of the component.
          * @default false
          * @vegaVersion 2.18.0
         */
        "disabled": boolean;
        /**
          * Controls whether the `value` property can be an empty string.  - `true` — The `value` property is cleared to `''` when the user   deletes all digits from the input field. - `false` — The `value` property always retains at least the country   calling code prefix (e.g., `'+1'` for US) even when no phone number   digits have been entered.
          * @default false
          * @vegaVersion 2.35.0
         */
        "emptyValueEnabled": boolean;
        /**
          * Supplementary helper message displayed below the phone number input that assists users in understanding the expected value or provides additional context (e.g., `'We will send a verification code to this number'`).
          * @default ''
          * @vegaVersion 2.18.0
         */
        "hint": string;
        /**
          * Reflects the current validation status of the phone number input.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state.
          * @default null
          * @vegaVersion 2.18.0
         */
        "isValid": boolean;
        /**
          * Specifies the visible label text rendered above the phone number input. The label identifies the purpose of the field and serves as the accessible name for screen readers.
          * @default ''
          * @vegaVersion 2.18.0
         */
        "label": string;
        /**
          * Specifies placeholder text displayed inside the phone number text field when it is empty. The placeholder disappears once the user begins typing and is typically used to indicate the expected format (e.g., `'(555) 555-5555'`).
          * @default undefined
          * @vegaVersion 2.18.0
         */
        "placeholder": string;
        /**
          * Determines whether the phone number input field must have a value before the form can be submitted. When `true`, the built-in `InputPhoneNumberRequiredRule` is applied during validation and a required indicator is shown on the label.
          * @default false
          * @vegaVersion 2.18.0
         */
        "required": boolean;
        /**
          * Controls the visual size of the phone number input field.  - `'default'` — Standard height, suitable for most form layouts. - `'small'` — Compact height, useful for dense UIs.
          * @default 'default'
          * @vegaVersion 2.18.0
         */
        "size": 'default' | 'small';
        /**
          * An array of custom validation rules applied to the phone number input in addition to the built-in rules (`InputPhoneNumberRequiredRule`, `ValidPhoneNumberRule`). Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 2.18.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * The current value of the phone number input in [E.164](https://en.wikipedia.org/wiki/E.164) format (e.g., `'+14155552671'`).  This property is mutable and reflected to the host element attribute. It updates as the user types and can be set externally to pre-populate or reset the field. When `emptyValueEnabled` is `false` and no digits have been entered, the value defaults to the country calling code prefix (e.g., `'+1'` for US).
          * @default '+1'
          * @vegaVersion 2.18.0
         */
        "value": string;
    }
    interface VegaInputRange {
        /**
          * Determines whether the input field should undergo automatic validation    during the user's input.
          * @vegaVersion 2.2.0
         */
        "autoValidation": boolean;
        /**
          * Determines whether the input range is disabled.
          * @vegaVersion 2.2.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
          * @vegaVersion 2.2.0
         */
        "hint": string;
        /**
          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
          * @vegaVersion 2.2.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the input range.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
          * @vegaVersion 2.2.0
         */
        "label": string;
        /**
          * Sets the maximum allowable numeric value for the input value.
          * @vegaVersion 2.2.0
         */
        "max": number;
        /**
          * Sets the minimum allowable numeric value for the input value.
          * @vegaVersion 2.2.0
         */
        "min": number;
        /**
          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
          * @vegaVersion 2.2.0
         */
        "placeholder": [string, string];
        /**
          * Specifies an icon or symbol that appears before the input range,    providing visual context or enhancing the aesthetic appearance    of the input.
          * @vegaVersion 2.2.0
         */
        "prefixIcon": string;
        /**
          * Determines whether the input range is required.
          * @vegaVersion 2.2.0
         */
        "required": boolean;
        /**
          * Determines whether the clear icon should be displayed.
          * @vegaVersion 2.2.0
         */
        "showClearIcon": boolean;
        /**
          * Defines the size of the input range,    specifying its width or length.
          * @vegaVersion 2.2.0
         */
        "size": 'default' | 'small';
        /**
          * Determines the arrangement and appearance of    the label and input areas.
          * @vegaVersion 2.2.0
         */
        "stack": InputRangeStackType;
        /**
          * Defines custom validation rules for the input field.
          * @vegaVersion 2.2.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Represents a pre-set or default value for the input field.  It allows you to initialize the field with a specific value,    which is displayed to the user when the input is    initially rendered.  If the value is too long, it may be truncated with    an ellipsis for visual presentation.
          * @vegaVersion 2.2.0
         */
        "value": InputRangeValueType;
    }
    interface VegaInputSelect {
        /**
          * Specifies whether the system should automatically carry out    validation checks on the user's selection in real-time,    ensuring that the input adheres to predefined criteria before    submission or proceeding further.
          * @vegaVersion 1.0.11
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the input select field is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Invoke this method to change the ID of the select source item.
          * @vegaVersion 1.0.7
         */
        "doChange": (value: SelectValueType<SelectType>) => Promise<void>;
        /**
          * Invoke this method to close the select dropdown and clear    the dropdown element reference.
          * @vegaVersion 1.0.7
         */
        "doClose": () => Promise<void>;
        /**
          * Invoke this method to open the select dropdown.
          * @vegaVersion 1.0.7
         */
        "doOpen": () => Promise<void>;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input select field.
          * @vegaVersion 1.3.0
         */
        "hint": string;
        /**
          * Indicates the current validation status of the user's selection    from the dropdown menu.
          * @vegaVersion 1.3.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label or title for the input field.  It provides descriptive text that helps identify the purpose or    content expected in the input select field.
          * @vegaVersion 1.3.0
         */
        "label": string;
        /**
          * Specifies the properties for the suffix button associated with the input.  It provides essential information and functionality  related to the suffix button's role and behavior.
          * @vegaVersion 2.68.0
         */
        "labelSuffixButtonConfig": Nullable<LabelSuffixButtonConfig>;
        /**
          * Specifies a placeholder string that displays as a temporary hint or    example inside the input select field.  It indicates the expected format or pattern of the input.
          * @vegaVersion 1.0.7
         */
        "placeholder": string;
        /**
          * Specifies a prefix icon for visual context or aesthetic enhancement.
          * @vegaVersion 1.3.0
         */
        "prefixIcon": string;
        /**
          * Determines whether the input select field is required.
          * @vegaVersion 1.0.7
         */
        "required": boolean;
        /**
          * Controls the selection capabilities of the associated dropdown menu.
          * @vegaVersion 1.35.0
         */
        "selectType": SelectType;
        /**
          * Allows customization of the text displayed within the    select field when single or multiple items are selected.    The default format for the selected label is    `{0} Selected` for multiple mode only.  To enable all modes, use the `SelectedLabelTypeForAllModes` type. 		For single mode, the default format is the `displayName` of the selected item if not set 		For multiple mode, the default format is `{0} Selected` if not set
          * @vegaVersion 1.35.0
         */
        "selectedLabel": SelectedLabelType | SelectedLabelTypeForAllModes;
        /**
          * Defines the size of the input select field.
          * @vegaVersion 1.18.0
         */
        "size": ResponsiveType<VegaInputSelectSize>;
        /**
          * Specifies the dataset used to populate the options    available in the select input dropdown menu.
          * @vegaVersion 1.0.7
         */
        "source": SelectSourceItem[];
        /**
          * Specifies the callback function for source lazy loading, which returns new data to load.  When the dropdown reaches the bottom, this function is triggered and     receives the current end index as a parameter.
          * @vegaVersion 2.3.0
         */
        "sourceLazyLoadCallback": VegaInputSelectSourceLazyLoadCallback;
        /**
          * Allows setting custom criteria or constraints that    the user's selection in the dropdown menu must    comply with.
          * @vegaVersion 1.0.11
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the ID of the item selected from the source data    in the dropdown menu.  The ID should be unique within the source collection to    correctly associate the chosen option with its    corresponding data entry.
          * @vegaVersion 1.0.7
         */
        "value": SelectValueType<SelectType>;
        /**
          * Provides partial properties for the `vega-dropdown` component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
          * @vegaVersion 1.3.0
         */
        "vegaDropdownProps": VegaDropdownPropsForSelect;
    }
    interface VegaItemToggle {
        /**
          * Determines whether the item is toggled on.
          * @vegaVersion 1.3.0
         */
        "isToggled": boolean;
        /**
          * Defines the labels and icons associated with the toggle states.
          * @deprecated This property will be removed soon and replaced by prop statusMap
          * @vegaVersion 1.3.0
          * @defaultValue {unToggledIcon: 'plus-sign', toggledIcon: 'delete-bin', unToggledLabel: 'Add', togglingLabel: 'Added', toggledLabel: 'Remove', unTogglingLabel: 'Removed'}
         */
        "itemToggleStatusMap": ItemToggleStatusMap;
        /**
          * Defines the labels and icons associated with the toggle states.
          * @vegaVersion 2.2.0
          * @defaultValue {unToggledIcon: 'plus-sign', toggledIcon: 'delete-bin', unToggledLabel: 'Add', togglingLabel: 'Added', toggledLabel: 'Remove', unTogglingLabel: 'Removed'}
         */
        "statusMap": ItemToggleStatusMap;
    }
    interface VegaLeftNav {
        /**
          * Determines how the left navigation groups behave when clicked, controlling the automatic collapsing of open groups.  Available options: - `true`:      Collapses the group when clicking either a group or a link. - `false`:     Collapses the group only when clicking a link; clicking a group does not collapse it. - `always`:     Always collapses the group when clicking a group or link (equivalent to true). - `on-group-click`:      Collapses the group only when clicking a group; clicking a link does not collapse it. - `on-link-click`:      Collapses the group only when clicking a link; clicking a group does not collapse it. - `never`:      Never collapses groups when clicking a group or link.
          * @vegaVersion 2.48.0
          * @VegaWarning - Boolean types are deprecated, please use "on-group-click" | "on-link-click" | "never" | "always" instead.
         */
        "autoCollapseGroups": autoCollapseGroupsType;
        /**
          * Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
          * @vegaVersion 2.7.0
         */
        "autoCollapseOnOverlay": boolean;
        /**
          * Provides additional information or context in the form of    a footnote in the left-nav footer.
          * @vegaVersion 1.31.0
         */
        "footnote": string;
        /**
          * Specifies the configuration options for the header within the left-nav.  You can use this property to define a custom title and subtitle.
          * @vegaVersion 1.31.0
         */
        "headerConfig": LeftNavHeaderConfig;
        /**
          * Determines whether the left navigation is expanded or collapsed.
          * @vegaVersion 1.39.2
         */
        "open": boolean;
        /**
          * Determines whether the left-nav should appear as an overlay,    accompanied by a backdrop that darkens the content on the page.  This property has no effect on breakpoints smaller than the desktop size.  Note: To use the backdrop-free feature when the left navigation is open, ensure the `show-as-overlay`    property is set to `false` within the `vega-left-nav` component. Additionally, enclose all content    within an element possessing the class `vega-left-nav-content` immediately following the    `vega-left-nav` component.
          * @vegaVersion 1.33.0
         */
        "showAsOverlay": boolean;
        /**
          * Specifies source data used to generate the links and    groups structure in the left-nav.
          * @vegaVersion 1.31.0
         */
        "source": LeftNavSourceItem[];
        /**
          * Invoke this method to toggle the left-nav's open state.
          * @vegaVersion 1.31.0
         */
        "toggle": () => Promise<void>;
    }
    interface VegaLeftNavGroup {
        /**
          * icon attached to the left nav group items **
          * @vegaVersion 1.31.0
         */
        "icon": string;
        /**
          * Defines a unique key for the left nav group item.
          * @vegaVersion 2.45.0
         */
        "itemKey": string;
        /**
          * label attached to the left nav group items **
          * @vegaVersion 1.31.0
         */
        "label": string;
        /**
          * Specifies whether the navigation group is expanded by default **
          * @vegaVersion 2.44.0
         */
        "openByDefault": boolean;
    }
    interface VegaLeftNavLink {
        /**
          * config the counter badge for left nav link items
          * @deprecatedAttribute [counter] The 'counter' attribute is deprecated and will be removed soon. Please use 'count' instead.
          * @vegaVersion 1.31.0
         */
        "counterBadge": LeftNavCounterBadgeConfig;
        /**
          * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
          * @vegaVersion 2.37.0
         */
        "customSelectionEnabled": boolean;
        /**
          * icon attached to the left nav link items **
          * @vegaVersion 1.31.0
         */
        "icon": string;
        /**
          * Defines a unique key for the left nav link item.
          * @vegaVersion 2.45.0
         */
        "itemKey": string;
        /**
          * A boolean that indicates whether the current link item is selected.
          * @VegaWarning Note: Ensure that the `custom-selection-enabled` property is set to `true` before modifying this value, as modifying it without this setting may lead to unexpected behavior.
          * @vegaVersion 1.31.0
         */
        "selected": boolean;
        /**
          * Specifies where to open the URL linked in the left navigation item.    Common values include _self (default) to open in the same tab, or _blank to open in a new tab.
          * @vegaVersion 2.53.0
         */
        "target": '_blank' | '_self';
        /**
          * url attached to the left nav link item **
          * @vegaVersion 1.31.0
         */
        "url": string;
    }
    interface VegaLeftNavSection {
        /**
          * Defines a unique key for the left nav nav section item.
          * @vegaVersion 2.45.0
         */
        "itemKey": string;
        /**
          * sectionHeader attached to the left nav section **
          * @vegaVersion 1.31.0
         */
        "sectionHeader": LeftNavSectionHeaderConfig;
    }
    interface VegaLineChart {
        /**
          * Specifies the rendering options for the line chart.
          * @vegaVersion 1.32.0
         */
        "options": LineChartOptionsType;
        /**
          * Invoke this method to render the chart using the existing options.    If the chart is displayed incorrectly within a modal or tab,    ensure that this method is invoked after the chart is shown    to ensure proper rendering.
          * @vegaVersion 1.32.0
         */
        "reRender": () => Promise<void>;
    }
    interface VegaLoaderWrapper {
    }
    interface VegaLoadingIndicator {
        /**
          * Provides a supplementary prompt message that assists users in    understanding the ongoing loading process.
          * @vegaVersion 1.16.0
         */
        "hint": string;
        /**
          * Provides a descriptive text or message that indicates    the status or progress of the process.
          * @vegaVersion 1.16.0
         */
        "label": string;
        /**
          * Specifies the mode of the loading indicator.  When the mode is set to `determinate`, there will be no animation.
          * @vegaVersion 1.16.0
         */
        "mode": 'indeterminate' | 'determinate';
        /**
          * Specifies the completion percentage when    the mode is set to `determinate`.
          * @vegaVersion 1.16.0
         */
        "percent": number;
        /**
          * Specifies the shape of the loading indicator.
          * @vegaVersion 1.16.0
         */
        "shape": 'circle' | 'bar';
        /**
          * Specifies the size of the loading indicator.    It is provided as a ResponsiveType.
          * @vegaVersion 1.16.0
         */
        "size": ResponsiveType<VegaLoadingIndicatorSize>;
        /**
          * Indicates the current status or state of the loading process.
          * @vegaVersion 1.16.0
         */
        "status": 'default' | 'success' | 'error';
    }
    interface VegaModal {
        /**
          * Specifies whether the modal uses an animated transition    when it appears.
          * @vegaVersion 1.0.11
         */
        "animation": boolean;
        /**
          * Provides options for controlling the behavior of the backdrop. - `default`:      indicates that the user can close the modal      by clicking on the backdrop. - `static`:      means that the user cannot close the modal by      clicking on the backdrop. - `none`:      specifies that the backdrop will not be rendered.  _Note_:    When changing this value, a page refresh is required    for the changes to take effect.
          * @vegaVersion 1.0.6
         */
        "backdrop": VegaModalBackdrop;
        /**
          * Specifies the background color of the modal's backdrop.
          * @vegaVersion 1.3.0
         */
        "backdropColor": VegaModalBackdropColor;
        /**
          * Defines the maximum height of the content within    the modal element.  It accepts values in numeric, string and ResponsiveType. Numeric values represent maximum height of the content in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units like 'vh' or 'calc' expressions.    (e.g., '100vh' or 'calc(100vh - 20px)').
          * @vegaVersion 1.4.0
         */
        "contentMaxHeight": ResponsiveType<number | string>;
        /**
          * Provides a callback function that is triggered when a user clicks the    close button located in the top right corner of the modal.  If the callback function returns `true`, the modal will be closed.  If the callback function returns `false` or does not return any value, the modal will remain open.
          * @vegaVersion 1.22.0
         */
        "handleClose": (() => boolean) | undefined;
        /**
          * Determines the height of the modal.  It accepts numeric values (interpreted as pixels), string values (e.g., "100%", "100vh"),    or ResponsiveType for responsive configurations.
          * @vegaVersion 2.81.0
         */
        "height": ResponsiveType<number | string>;
        /**
          * Determines whether the modal is vertically centered    on the screen.
          * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
          * @vegaVersion 1.3.0
         */
        "isVerticallyCenter": boolean;
        /**
          * Determines whether the modal is vertically centered    on the screen.
          * @vegaVersion 2.2.0
         */
        "isVerticallyCentered": boolean;
        /**
          * Specifies the margin around the modal dialog.  It accepts a ResponsiveType or size values. Set `x` to `auto` to horizontally center the modal.
          * @vegaVersion 2.81.0
         */
        "margin": ResponsiveType<MarginType>;
        /**
          * Invoke this method to show or hide the modal.
          * @vegaVersion 1.0.6
         */
        "modal": (option: 'show' | 'hide') => Promise<void>;
        /**
          * Represents the title displayed within the modal.
          * @vegaVersion 1.3.0
         */
        "modalTitle": string;
        /**
          * Determines whether the modal is initially open.
          * @vegaVersion 1.0.6
         */
        "open": boolean;
        /**
          * Specifies the amount of space or padding within the modal.  It can be set as a ResponsiveType or any size value.
          * @vegaVersion 1.0.10
         */
        "padding": ResponsiveType<PaddingType>;
        /**
          * Determines whether the modal displays a close button to    allow hiding or closing of the modal.
          * @vegaVersion 1.3.0
         */
        "showCloseButton": boolean;
        /**
          * Determines the size of the modal.  It can be specified as a number, a percentage string ending with "%",    or a ResponsiveType.  It is important to note that there are different maximum widths    for modal windows based on the viewport size. If the specified size exceeds    the maximum width, the maximum modal width will be used instead.
          * @vegaVersion 1.0.6
         */
        "size": ResponsiveType<SizeType>;
    }
    interface VegaNavCard {
        /**
          * Specifies the maximum height for the scrollable list     within the `vega-nav-card` component. It accepts values in both numeric and string formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like 'vh' or 'calc' expressions.    For example, '100vh' sets the height to 100% of the viewport height,    and 'calc(100vh - 20px)' allows for more complex calculations to    determine the height.
          * @vegaVersion 1.44.0
         */
        "maxHeight": ResponsiveType<MaxHeightType>;
        /**
          * Specifies the source data used to populate the list within    the `vega-nav-card` component.
          * @vegaVersion 1.42.0
         */
        "source": LeftNavSourceItem[];
    }
    interface VegaPageNotification {
        /**
          * Specifies the configuration array for the action buttons of    the page notification.  The action buttons provide interactive options for users to    perform specific actions or operations related to    the notification.
          * @vegaVersion 1.17.0
         */
        "actionButtons": VegaPageNotificationActionButtonConfig[];
        /**
          * Invoke this method to close the page notification.
          * @vegaVersion 1.17.0
         */
        "close": () => Promise<void>;
        /**
          * Specifies the duration, in milliseconds, before the    page notification automatically closes.  If the duration is set to `0`, the notification will not    close automatically.
          * @vegaVersion 1.17.0
         */
        "duration": number;
        /**
          * Specifies the content text for the page notification.  It provides a detailed message or information that    further explains the purpose or context of    the notification.
          * @vegaVersion 1.17.0
         */
        "message": string;
        /**
          * Specifies the title text for the page notification.  It provides users with a concise and informative message    that communicates the purpose or nature of the notification.
          * @vegaVersion 1.17.0
         */
        "notificationTitle": string;
        /**
          * Specifies whether to display the close button for    the page notification.
          * @vegaVersion 1.17.0
         */
        "showCloseButton": boolean;
        /**
          * Specifies the type of page notification,    indicating the visual style or category of    the notification.
          * @vegaVersion 1.17.0
         */
        "type": VegaPageNotificationTypes;
    }
    interface VegaPageNotificationList {
    }
    interface VegaPagination {
        /**
          * Specifies the current page number for    the pagination component.
          * @vegaVersion 1.3.0
         */
        "current": number;
        /**
          * Specifies the properties of the `vega-dropdown` component    used to configure the dropdown for the    page size selector in pagination.
          * @vegaVersion 2.36.0
         */
        "dropdownProps": DropdownPropsForPagination;
        /**
          * Specifies the extensions associated with the pagination items    in the pagination component.  It refers to additional elements or components that can be added to    enhance the functionality or appearance of each pagination item.
          * @VegaWarning - Note: The default value is controlled by feature flag `VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE`, which is disabled by default.  - To enable the new responsive default value `{ default: [['pageSizeSelectorMobile_currentPageLabel'], ['pageSelectorMobile_goTo']], M: [['pageSelector']], }`, please enable the feature flag.
          * @vegaVersion 1.25.0
          * @defaultValue [['pageSelector']]
         */
        "extensions": ResponsiveType<VegaPaginationItemType[][]>;
        /**
          * Specifies the layout of the elements.  It determines how the pagination elements are arranged, with options such as 'horizontal' for a horizontal layout or other defined layouts.
          * @vegaVersion 2.42.0
         */
        "layout": ResponsiveType<VegaPaginationLayoutType>;
        /**
          * Specifies the number of data items to be displayed per page in    the pagination component.
          * @vegaVersion 1.3.0
         */
        "pageSize": number;
        /**
          * Specifies the options available for the page size selector    in the pagination component.  Each option can be a number or an object with `value` and `label`. Use `{ value: -1, label: 'All' }` to show all items on a single page.
          * @vegaVersion 1.25.0
         */
        "pageSizeSelectorOptions": VegaPaginationPageSizeOption[];
        /**
          * Specifies the total number of data items for the pagination component.
          * @vegaVersion 1.3.0
         */
        "total": number;
    }
    interface VegaPaginationPageSelectorMobile {
        /**
          * Specifies the current page number
          * @vegaVersion 2.42.0
         */
        "current": number;
        /**
          * Total number of pages.
          * @vegaVersion 2.42.0
         */
        "pageCount": number;
        /**
          * Specifies the total number of data items
          * @vegaVersion 2.42.0
         */
        "total": number;
        /**
          * Specifies the type of the pagination elements.
          * @vegaVersion 2.42.0
         */
        "type": 'pageSelectorMobile' | 'pageSelectorMobile_goTo';
    }
    interface VegaPaginationPageSizeSelectorMobile {
        /**
          * Specifies the current page number
          * @vegaVersion 2.42.0
         */
        "current": number;
        /**
          * Specifies the properties of the `vega-dropdown` component    used to configure the dropdown for the    page size selector mobile in pagination.
          * @vegaVersion 2.42.0
         */
        "dropdownProps": DropdownPropsForPagination;
        /**
          * @vegaVersion 2.81.0
         */
        "isAllActive": boolean;
        /**
          * Specifies the number of data items to be displayed per page
          * @vegaVersion 2.42.0
         */
        "pageSize": number;
        /**
          * Specifies the options available for the page size selector
          * @vegaVersion 2.42.0
         */
        "pageSizeSelectorOptions": VegaPaginationPageSizeOption[];
        /**
          * Specifies the total number of data items
          * @vegaVersion 2.42.0
         */
        "total": number;
        /**
          * Specifies the type of the pagination elements.
          * @vegaVersion 2.42.0
         */
        "type": 'pageSizeSelectorMobile' | 'pageSizeSelectorMobile_currentPageLabel';
    }
    interface VegaPieChart {
        /**
          * Specifies the rendering options for the pie chart.
          * @vegaVersion 1.35.0
         */
        "options": PieChartOptions;
        /**
          * Invoke this method to render the chart using the existing options.    If the chart is displayed incorrectly within a modal or tab,    ensure that this method is invoked after the chart is shown    to ensure proper rendering.
          * @vegaVersion 1.35.0
         */
        "reRender": () => Promise<void>;
    }
    interface VegaPopover {
        /**
          * Controls how the popover aligns horizontally and vertically,    ensuring it is displayed in the desired position.
          * @vegaVersion 1.19.0
         */
        "alignment": PositionAlignmentType;
        /**
          * Invoke this method to close the popover.
          * @vegaVersion 1.22.0
         */
        "hide": () => Promise<void>;
        /**
          * Determines whether the popover's position is calculated relative to the screen.
          * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective. - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
          * @vegaVersion 2.39.0
         */
        "isScreenPosition": boolean;
        /**
          * Determines the spacing between the content and the edges of the popover content box.
          * @vegaVersion 2.59.0
         */
        "padding": ResponsiveType<PaddingType>;
        /**
          * Specifies the placement or position of the popover    in relation to its parent element.  If there is insufficient space to display the popover in the    default position, it will automatically adjust its placement    based on the following order: `top`, `left`, `bottom`, `right`.
          * @vegaVersion 1.19.0
         */
        "placement": PlacementType;
        /**
          * Specifies the selector for the element that will    contain the popover.  If this parameter is not provided, the popover will be appended to    the body element of the page. However, if you encounter any issues    with the positioning of the popover, especially when scrolling occurs,    you can modify this property to specify a different element    as the container for the popover.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.19.0
         */
        "positionRelativeTo": string;
        /**
          * Invoke this method to show the popover.
          * @vegaVersion 1.22.0
          * @param refresh - Determines whether the popover should be refreshed even when it is already visible. This is useful for updating the popover‘s styles (such as width, height, or position). The default value is false. Added in 2.73.0.
         */
        "show": (refresh?: boolean) => Promise<void>;
        /**
          * Controls whether the arrow is display.
          * @vegaVersion 2.8.0
         */
        "showArrow": boolean;
        /**
          * Specifies the size of the popover component.  It is provided as a number or ResponsiveType.
          * @vegaVersion 1.19.0
         */
        "size": ResponsiveType<SizeType>;
        /**
          * Specifies the trigger mode for the popover.
          * @vegaVersion 2.1.0
         */
        "trigger": 'hover' | 'click';
    }
    interface VegaPopoverContentBox {
        /**
          * Determines the spacing between the content and the edges of the popover content box.
          * @vegaVersion 2.59.0
         */
        "padding": ResponsiveType<PaddingType>;
        /**
          * Controls whether the arrow is display.
          * @vegaVersion 2.8.0
         */
        "showArrow": boolean;
    }
    interface VegaProgressTracker {
        /**
          * Enables the ability to click on the steps in    the Progress Tracker component.
          * @vegaVersion 1.5.0
         */
        "canClickStep": boolean;
        /**
          * Specifies an array of completed step titles for    the Progress Tracker component.  Each completed step title represents a step that    has been successfully completed in the    workflow or process.
          * @deprecated This property will be removed soon and replaced by prop completedSteps
          * @vegaVersion 1.5.0
         */
        "completedStepArray": string[];
        /**
          * Specifies an array of titles representing completed steps in the progress tracker,    indicating successful completion within the workflow or process.
          * @vegaVersion 2.2.0
         */
        "completedSteps": string[];
        /**
          * Indicates the current step or stage in a    sequential process or workflow,    starting from 0.
          * @vegaVersion 1.0.7
         */
        "current": number;
        /**
          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane. It also can be set as ResponsiveType for responsive direction.
          * @vegaVersion 1.0.7
         */
        "direction": ResponsiveType<VegaProgressTrackerDirectionType>;
        /**
          * Invoke this method to retrieve the tracker's current step.
          * @vegaVersion 1.3.0
         */
        "getCurrent": () => Promise<number>;
        /**
          * Invoke this method to change the tracker's current step    to the next step, if available.
          * @vegaVersion 1.5.0
         */
        "nextStep": () => Promise<void>;
        /**
          * Invoke this method to change the tracker's current step    to the previous step, if available.
          * @vegaVersion 1.5.0
         */
        "prevStep": () => Promise<void>;
        /**
          * Invoke this method to set the current step of the tracker.
          * @vegaVersion 1.0.7
         */
        "setCurrent": (step: number) => Promise<void>;
        /**
          * Specifies an array of step subtitles for    the Progress Tracker component.  Each subtitle corresponds to a step in the    progression of the workflow or process.
          * @vegaVersion 1.3.0
         */
        "steps": string[] | VegaProgressTrackerStepItem[];
    }
    interface VegaProgressTrackerStep {
        /**
          * If step is clickable.
          * @vegaVersion 2.76.0
         */
        "clickable": boolean;
        /**
          * The unique key for the step.
          * @vegaVersion 2.73.0
         */
        "stepKey": string;
    }
    interface VegaRadio {
        /**
          * Determines if the radio button is selected or checked.
          * @vegaVersion 1.0.7
         */
        "checked": boolean;
        /**
          * Determines if the radio button is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Assigns a common name to the input element of the radio button,    to differentiate it from other buttons in a radio group.
          * @vegaVersion 1.3.0
         */
        "name": string;
        /**
          * Specifies the size of the Radio Button component.  The size should be selected based on the context and    design requirements of the specific form.
          * @vegaVersion 1.9.2
         */
        "size": 'default' | 'small';
        /**
          * Represents the value associated with the radio button    that is currently selected or checked.
          * @vegaVersion 1.0.7
         */
        "value": string;
    }
    interface VegaRadioGroup {
        /**
          * Determines whether automatic validation should be implemented for    the radio group upon selection.
          * @vegaVersion 2.6.0
         */
        "autoValidation": boolean;
        /**
          * Determines whether the radio group is disabled.
          * @vegaVersion 1.8.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary prompt message that assists users    in selecting the appropriate value for the radio group.
          * @vegaVersion 1.3.0
         */
        "hint": string;
        /**
          * Sets the validation status for the radio group.
          * @vegaVersion 1.3.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title of the radio group.
          * @vegaVersion 1.3.0
         */
        "label": string;
        /**
          * Specifies the name attribute for each radio button    in the radio group.
          * @vegaVersion 1.3.0
         */
        "name": string;
        /**
          * Specifies whether the radio button within the radio group    must be checked to pass form validation.
          * @vegaVersion 1.3.0
         */
        "required": boolean;
        /**
          * Defines custom validation rules for the radio group.
          * @vegaVersion 2.6.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Represents the value associated with the radio button.
          * @vegaVersion 1.0.7
         */
        "value": string;
        /**
          * Specifies all the properties of the `vega-flex` component    in the radio group.
          * @vegaVersion 1.3.0
         */
        "vegaFlexProp": VegaFlexProps;
    }
    interface VegaRichTextContent {
        /**
          * Specifies the text or formatted information displayed by the rich text content, which can be either VegaRTEContent or VegaRTEContentBlock. It is recommended to use the VegaRTEContent type. Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
          * @vegaVersion 2.34.0
         */
        "content": VegaRTEContent;
        /**
          * Defines the configuration for rich text content extensions. It enables support for custom nodes, ensuring that extended content is rendered correctly.
          * @vegaVersion 2.62.0
         */
        "extensions": VegaRTEExtension[];
        /**
          * Invoke this method to focus on rich text content editable div
          * @vegaVersion 2.34.0
         */
        "vegaFocus": () => Promise<void>;
    }
    interface VegaRichTextEditor {
        /**
          * Determines whether to allow source edit mode in the rich text editor.
          * @vegaVersion 2.59.0
         */
        "allowSourceEdit": boolean;
        /**
          * Determines whether automatic validation should be implemented for the rich text editor.
          * @vegaVersion 2.34.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the rich text editor is disabled.
          * @vegaVersion 2.34.0
         */
        "disabled": boolean;
        /**
          * Specifies the configuration for the rich text editor extensions.
          * @vegaVersion 2.62.0
         */
        "extensions": VegaRTEExtension[];
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value within the rich text editor.
          * @vegaVersion 2.34.0
         */
        "hint": string;
        /**
          * Specifies the validation status of the rich text editor component.
          * @vegaVersion 2.34.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label for the rich text editor.  It provides descriptive text that helps identify the    purpose or content expected in the rich text editor.
          * @vegaVersion 2.34.0
         */
        "label": string;
        /**
          * Specifies a placeholder string that displays as a    temporary hint or example within the rich text editor.  It indicates the expected format or pattern of    the input within the rich text editor.
          * @vegaVersion 2.34.0
         */
        "placeholder": string;
        /**
          * Determines whether the rich text editor field is required.
          * @vegaVersion 2.34.0
         */
        "required": boolean;
        /**
          * Specifies editable section rows for the rich text editor
          * @vegaVersion 2.34.0
         */
        "rows": number;
        /**
          * Specifies the configuration options for source edit mode. It includes settings such as autoMatchFormat, which controls whether the editor automatically matches formatting when switching to source edit mode.
          * @vegaVersion 2.59.0
         */
        "sourceEditConfig": VegaRTESourceEditConfig;
        /**
          * Specifies the built-in toolbar items available in the rich-text editor.
          * @vegaVersion 2.34.0
         */
        "toolbarItems": VegaRTEToolbarItem[][];
        /**
          * Defines custom validation rules for the rich text editor.
          * @vegaVersion 2.34.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the value of the rich text editor, which can be either VegaRTEContent or VegaRTEContentBlock. It is recommended to use the VegaRTEContent type. Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
          * @vegaVersion 2.34.0
          * @defaultValue [{id:'UUID', type:'paragraph', nodes:[{id: 'UUID',type: 'text',text:''}]}]
         */
        "value": VegaRTEContent;
    }
    interface VegaRichTextEditorToolbarButton {
        /**
          * Specifies whether the rich text editor toolbar button element is disabled.
          * @vegaVersion 2.34.0
         */
        "disabled": boolean;
        /**
          * Specifies whether the rich text editor toolbar button element is hidden.
          * @vegaVersion 2.59.0
         */
        "hidden": boolean;
        /**
          * Specifies whether the toolbar button in the rich text editor is represented by an icon.
          * @vegaVersion 2.34.0
         */
        "icon": string;
        /**
          * Specifies the color of the toolbar button icon in the rich text editor.
          * @vegaVersion 2.34.0
         */
        "iconColor": TextColorsTokenType;
        /**
          * Specifies whether the rich text editor toolbar button element is selected.
          * @vegaVersion 2.34.0
         */
        "selected": boolean;
        /**
          * Specifies whether the rich text editor toolbar button element is showArrowIcon.
          * @vegaVersion 2.34.0
         */
        "showArrowIcon": boolean;
    }
    interface VegaRichTextImageEditor {
        /**
          * Specifies the value of image alt
          * @vegaVersion 2.34.0
         */
        "alt": string;
        /**
          * Specifies the size of the image to the container
          * @vegaVersion 2.34.0
         */
        "size": VegaRichTextImageEditorSizeType;
    }
    interface VegaRichTextLinkEditor {
        /**
          * Specifies the hyperlink editor record
          * @vegaVersion 2.34.0
         */
        "record": VegaRTELinkEditorRecord;
        /**
          * Specifies whether the status will be reset after hide the popover
          * @vegaVersion 2.34.0
         */
        "resetStatusAfterHide": boolean;
        /**
          * Provide a method to show the link editor popover
          * @vegaVersion 2.34.0
         */
        "show": () => Promise<void>;
        /**
          * Specifies the status of the link editor
          * @vegaVersion 2.34.0
         */
        "status": VegaRichTextLinkEditorStatus;
        /**
          * Specifies the target element for the popover.
          * @vegaVersion 2.34.0
         */
        "target": HTMLElement;
    }
    interface VegaRichTextTableProperties {
        /**
          * @vegaVersion 2.79.0
         */
        "colors": VegaRTEColorSchema[];
        /**
          * @vegaVersion 2.79.0
         */
        "defaultValue": RTETablePropertiesType;
        /**
          * The origin style map for multiple selected blocks. The key is the block ID, and the value is the style object for that block.
          * @vegaVersion 2.79.0
         */
        "styleMap": TableCellStylePropertiesMap;
        /**
          * @vegaVersion 2.79.0
         */
        "type": 'TABLE' | 'CELL';
    }
    interface VegaRichTextTableSelectionWidget {
    }
    interface VegaRichTextTableSetting {
        /**
          * Indicates whether the current table already has a caption.
          * @vegaVersion 2.79.0
         */
        "hasCaption"?: boolean;
        /**
          * The selected cells in the table.
          * @vegaVersion 2.79.0
         */
        "selectedCells": RTETableCellBlock[];
        /**
          * Specifies the target table element for the table setting.
          * @vegaVersion 2.79.0
         */
        "target": HTMLElement;
    }
    interface VegaSectionTitle {
        /**
          * Specifies the text content of the description displayed    within the section title.
          * @vegaVersion 2.1.0
         */
        "description": string;
        /**
          * Specifies the icon displayed within the section title.
          * @vegaVersion 2.1.0
         */
        "icon": string;
        /**
          * Specifies the alignment of the icon relative to    the title within the section title.
          * @vegaVersion 2.1.0
         */
        "iconAlign": IconAlignType;
        /**
          * Specifies the color of the icon displayed    within the section title.
          * @vegaVersion 2.81.0
         */
        "iconColor": TextColorsTokenType;
        /**
          * Specifies the size of the section title.
          * @vegaVersion 2.81.0
         */
        "size": VegaSectionTitleSizeType;
        /**
          * Specifies the text content of the title displayed    within the section title.
          * @vegaVersion 2.1.0
         */
        "titleText": string;
    }
    interface VegaSegmentControl {
        /**
          * Specifies whether the segment control spans the    full width of its parent element.
          * @vegaVersion 2.3.0
         */
        "block": boolean;
        /**
          * Specifies the options available within the segment control.    Please note that we advise against having more than four segments in a segment control.
          * @vegaVersion 2.3.0
         */
        "segments": VegaSegmentProps[];
        /**
          * Specifies the key of the currently selected segment    within the segment control.
          * @vegaVersion 2.3.0
         */
        "selected": string;
        /**
          * Specifies the size of the segment control.
          * @vegaVersion 2.3.0
         */
        "size": 'medium' | 'small';
        /**
          * Specifies the variant of the segment control.  The following options are available for the `variant` property: - `default`:      The segment control is rendered with both icon and text if configured, - `text-only`:      The segment control is rendered with text only regardless of the configuration of icon. - `icon-only`:      The segment control is rendered with icon only, text will be showed as the icon's tooltip if configured.
          * @vegaVersion 2.3.0
         */
        "variant": VegaSegmentControlVariant;
    }
    interface VegaSelectionChip {
        /**
          * Defines the display behavior of the selection chip. This property controls how the chip is presented    in relation to surrounding elements.
          * @vegaVersion 2.22.0
         */
        "block": boolean;
        /**
          * Determines if the selection chip is checked.
          * @vegaVersion 2.22.0
         */
        "checked": boolean;
        /**
          * Indicates if the selection chip is disabled.
          * @vegaVersion 2.22.0
         */
        "disabled": boolean;
        /**
          * Specifies the `vega-tooltip` displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
          * @vegaVersion 2.22.0
         */
        "disabledTooltip": VegaSelectionChipTooltipProps;
        /**
          * Specifies the label or title for the selection chip. It provides descriptive text that helps identify    the purpose of the selection chip.
          * @vegaVersion 2.22.0
         */
        "label": string;
        /**
          * Specifies the size of the selection chip.
          * @vegaVersion 2.22.0
         */
        "size": ResponsiveType<VegaSelectionChipSize>;
        /**
          * Defines the background color of the swatch. It accepts a string value representing a valid    background color token,    which customizes the chip appearance.
          * @vegaVersion 2.22.0
         */
        "swatchColor": BackgroundColorsTokenType;
        /**
          * Stores the value associated with the selection chip    when it is checked or unchecked.
          * @vegaVersion 2.22.0
         */
        "value": string;
        /**
          * Determines the rendering style for the selection chip.
          * @vegaVersion 2.22.0
         */
        "variant": VegaSelectionChipVariant;
    }
    interface VegaSelectionChipGroup {
        /**
          * Indicates if the selection chip group is disabled.
          * @vegaVersion 2.22.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection chip group.
          * @vegaVersion 2.22.0
         */
        "hint": string;
        /**
          * Sets the validation status for the selection chip group.
          * @vegaVersion 2.22.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the selection chip group.    It provides descriptive text that helps identify    the purpose of the selection chip group.
          * @vegaVersion 2.22.0
         */
        "label": string;
        /**
          * Indicates whether at least one selection chip in the    selection chip group must be checked to pass    form validation.
          * @vegaVersion 2.22.0
         */
        "required": boolean;
        /**
          * Determines the selection method for the chip group.
          * @vegaVersion 2.22.0
         */
        "selectType": VegaSelectionChipGroupSelectType;
        /**
          * Defines custom validation rules for the selection chip group field.
          * @vegaVersion 2.22.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Stores the selected values of the nested selection chips    within the selection chip group.
          * @vegaVersion 2.22.0
         */
        "value": string | string[];
    }
    interface VegaSelectionTile {
        /**
          * Determines if the selection tile is checked.
          * @vegaVersion 2.7.0
         */
        "checked": boolean;
        /**
          * Determines if the selection tile is disabled.
          * @vegaVersion 2.7.0
         */
        "disabled": boolean;
        /**
          * Specifies the text content of the note displayed    within the selection tile.
          * @vegaVersion 2.7.0
         */
        "note": string;
        /**
          * Specifies the prefix icon displayed within the selection tile.
          * @vegaVersion 2.7.0
         */
        "prefixIcon": string;
        /**
          * Determines the selection method for the tile. Options are:  - `radio`:      Displays a radio button for selection. - `checkbox`:      Displays a checkbox for selection.
          * @vegaVersion 2.7.0
         */
        "selectType": 'radio' | 'checkbox';
        /**
          * Specifies the text content of the title displayed    within the selection tile.
          * @vegaVersion 2.7.0
         */
        "titleText": string;
        /**
          * Determines the value that is associated with the selection-tile    when it is checked or unchecked.
          * @vegaVersion 2.7.0
         */
        "value": string;
    }
    interface VegaSelectionTileGroup {
        /**
          * Indicates if the selection tile group is disabled.
          * @vegaVersion 2.7.0
         */
        "disabled": boolean;
        /**
          * Distribute vega-selection-tile components evenly to always cover the entire available width of the vega-selection-tile-group
          * @vegaVersion 2.58.0
         */
        "distributeEvenly": boolean;
        /**
          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection tile group.
          * @vegaVersion 2.7.0
         */
        "hint": string;
        /**
          * Sets the validation status for the selection tile group.
          * @vegaVersion 2.7.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the selection tile group.    It provides descriptive text that helps identify    the purpose of the selection tile group.
          * @vegaVersion 2.7.0
         */
        "label": string;
        /**
          * Controls the layout of the nested selection tiles    within the selection tile group.
          * @vegaVersion 2.7.0
         */
        "layout": 'vertical' | 'horizontal';
        /**
          * Indicates whether at least one selection tile in the    selection tile group must be checked to pass    form validation.
          * @vegaVersion 2.7.0
         */
        "required": boolean;
        /**
          * Determines the selection method for the tile group. Options are:  - `radio`:      Displays a radio button for selection. - `checkbox`:      Displays a checkbox for selection.
          * @vegaVersion 2.7.0
         */
        "selectType": 'radio' | 'checkbox';
        /**
          * Defines custom validation rules for the selection tile group field.
          * @vegaVersion 2.7.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Stores the selected values of the nested selection tiles    within the selection tile group.
          * @vegaVersion 2.7.0
         */
        "value": string | string[];
    }
    interface VegaSidenav {
        /**
          * Provides additional information or context in the form of    a footnote in the side nav footer.
          * @vegaVersion 1, v2.29.0
         */
        "footnote": string;
        /**
          * Specifies the configuration for the header of the side nav,    allowing customization of the logo and headline.
          * @vegaVersion 1, v2.29.0
         */
        "headerConfig": SidebarHeaderConfig;
        /**
          * Specifies the default open behavior for the side nav across    different screen sizes and disables collapse for    large screens.
          * @vegaVersion 1, v2.29.0
         */
        "openByDefault": ResponsiveType<OpenByDefaultType>;
        /**
          * Defines the data that is used to generate the items    in the side nav list.
          * @vegaVersion 1, v2.29.0
         */
        "source": SidebarTopLevelItem[];
        /**
          * Invoke this method to toggle the side navigation menu.
          * @vegaVersion 1, v2.29.0
         */
        "toggle": () => Promise<void>;
    }
    interface VegaSidenavGroup {
        /**
          * Represents the icon attached to the side navigation    group header link.
          * @vegaVersion 1, v2.29.0
         */
        "icon": string;
        /**
          * Specifies the text that serves as the label or title    for the side navigation group in the sidebar.
          * @vegaVersion 1, v2.29.0
         */
        "label": string;
    }
    interface VegaSidenavLink {
        /**
          * Specifies the icon displayed for the side navigation link.    Icons are only displayed for top-level links.
          * @vegaVersion 1, v2.29.0
         */
        "icon": string;
        /**
          * Indicates whether the link item is selected.
          * @vegaVersion 1, v2.29.0
         */
        "selected": boolean;
        /**
          * Determines if the side nav should stay open when the    sidenav-link element is clicked.
          * @vegaVersion 1, v2.29.0
         */
        "showSideBarOnClickLink": boolean;
        /**
          * Specifies the destination URL to which the side navigation link    navigates when clicked.
          * @vegaVersion 1, v2.29.0
         */
        "url": string;
    }
    interface VegaSignatureCapture {
        /**
          * Determines whether the signature capture field should undergo automatic validation    during the user's sign.
          * @vegaVersion 2.19.0
         */
        "autoValidation": boolean;
        /**
          * Invoke this method to clear the signature
          * @vegaVersion 2.19.0
         */
        "clear": () => Promise<void>;
        /**
          * Specifies whether the signature capture is disabled.
          * @vegaVersion 2.19.0
         */
        "disabled": boolean;
        /**
          * Defines the height of the signature capture field.
          * @vegaVersion 2.20.0
         */
        "height": ResponsiveType<HeightType>;
        /**
          * Indicates whether the current value in the field is considered valid or    invalid based on the defined validation rules.
          * @vegaVersion 2.19.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label or title for the signature capture.  It provides descriptive text that helps identify the    purpose or content expected in the signature capture.
          * @vegaVersion 2.19.0
         */
        "label": string;
        /**
          * Specifies the mode of the signature capture
          * @vegaVersion 2.19.0
         */
        "mode": VegaSignatureCaptureMode;
        /**
          * Specifies a placeholder string that displays as a temporary hint    or example inside the signature capture.  It indicates the expected format or pattern of the signature capture.
          * @vegaVersion 2.19.0
         */
        "placeholder": string;
        /**
          * Specifies an icon or symbol that appears before the placeholder,    providing visual context or enhancing the aesthetic appearance    of the signature capture.
          * @vegaVersion 2.19.0
          * @defaultValue v-internal-icon signature
         */
        "placeholderIcon": string;
        /**
          * Determines whether the signature capture field is required.
          * @vegaVersion 2.19.0
         */
        "required": boolean;
        /**
          * Determines whether the clear button is displayed.
          * @vegaVersion 2.19.0
         */
        "showClearBtn": boolean;
        /**
          * Defines custom validation rules for the signature capture field.
          * @vegaVersion 2.19.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the value of the signature capture
          * @vegaVersion 2.19.0
         */
        "value": VegaSignatureValue | null;
    }
    interface VegaSkeleton {
        /**
          * Indicates whether the skeleton displays an animation effect.
          * @vegaVersion 2.15.0
         */
        "animated": boolean;
        /**
          * Defines the corner of the skeleton.    It accepts a string value representing a valid    border radius token.
          * @VegaHint This property is only valid for image types.
          * @vegaVersion 2.45.0
         */
        "corners": CornersType;
        /**
          * Specifies the height of the skeleton. - This property is applicable only when {@link type} is set to is `image` or `ellipse`.
          * @vegaVersion 2.15.0
         */
        "height": HeightType;
        /**
          * Specifies the type of the skeleton.
          * @vegaVersion 2.15.0
         */
        "type": VegaSkeletonType;
        /**
          * Specifies the width of the skeleton.
          * @vegaVersion 2.15.0
         */
        "width": WidthType;
    }
    interface VegaSlotContainer {
    }
    interface VegaStepper {
        /**
          * Determines whether automatic validation should be    implemented for the stepper component.
          * @vegaVersion 1.18.0
         */
        "autoValidation": boolean;
        /**
          * Specifies the style variant for the stepper buttons.
          * @vegaVersion 1.19.0
         */
        "buttonVariant": 'primary' | 'secondary';
        /**
          * Specifies whether the stepper component is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Specifies whether the input field of the    stepper component is disabled. The increment and    decrement buttons are unaffected by this setting.
          * @vegaVersion 1.31.0
         */
        "inputDisabled": boolean;
        /**
          * Specifies the validation status of the stepper component.
          * @vegaVersion 1.3.0
         */
        "isValid": boolean;
        /**
          * Provides a descriptive text or string that serves    as the label or title for the stepper component.
          * @vegaVersion 1.0.5
         */
        "label": string;
        /**
          * Defines the upper limit or maximum value that can be    incremented within the stepper component.
          * @vegaVersion 1.0.5
         */
        "max": number;
        /**
          * Defines the lower limit or minimum value that can be    decremented within the stepper component.
          * @vegaVersion 1.0.5
         */
        "min": number;
        /**
          * Specifies the unique identifier for the stepper component.
          * @vegaVersion 1.3.0
         */
        "stepperId": string;
        /**
          * Defines the initial or current value of the stepper component.
          * @vegaVersion 1.0.5
         */
        "value": number;
    }
    interface VegaTabGroup {
        /**
          * Defines the spacing between the tabs in    the tab group.
          * @vegaVersion 1.3.0
         */
        "gap": SpacingTokenType;
        /**
          * Specifies the overflow navigation for many tab items within the tab group.
          * @vegaVersion 2.49.0
         */
        "overflow": TabGroupOverflowType;
        /**
          * Defines the selector of the element that will contain    the tab group popup.  - If provided,      the popup will be positioned relative to this element. - If not provided,      the popup will be appended to the body element by default.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.3.0
         */
        "positionRelativeTo": string;
        /**
          * Defines the data target for the selected tab    within the tab group.
          * @vegaVersion 1.3.0
         */
        "selectedTabDataTarget": string;
        /**
          * Specifies whether the tabs in the tab group include    a close button for closing the tab.
          * @vegaVersion 1.3.0
         */
        "showCloseButton": boolean;
        /**
          * Defines the tab items that appear within the tab group.  The `tabItems` property can only be set once during    initialization and cannot be overridden or    modified dynamically.
          * @vegaVersion 1.3.0
         */
        "tabItems": TabConfig[];
        /**
          * Specifies the visual style and prominence of the tab group.
          * @vegaVersion 1.39.0
         */
        "variant": TabGroupVariant;
    }
    interface VegaTabGroupPanel {
        /**
          * Controls the visibility of the tab panel within the tab group.
          * @vegaVersion 1.26.0
         */
        "isActive": boolean;
    }
    interface VegaTable {
        /**
          * Invoke this method to add a new row to the editable table.
          * @param record the default record of the new row
          * @returns the rowKey of the new row
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "addNewRow": (record?: VegaTableDataSourceItem) => Promise<string>;
        /**
          * Invoke this method to clear the selected row keys,    removing any current selection.
          * @vegaVersion 1.3.0
         */
        "clearSelection": () => Promise<void>;
        /**
          * Invoke this method to close all expanded rows.
          * @vegaVersion 1.3.0
         */
        "closeAllExpandRow": () => Promise<void>;
        /**
          * Invoke this method to close the expanded row with the specified `rowKey`.
          * @param rowKey
          * @vegaVersion 1.3.0
         */
        "closeExpandRow": (rowKey: string) => Promise<void>;
        /**
          * Specifies whether dividers should be displayed    between columns in the table.
          * @vegaVersion 1.3.0
         */
        "columnDivider": boolean;
        /**
          * Defines the columns of the table.
          * @vegaVersion 1.3.0
         */
        "columns": VegaTableColumnConfig[];
        /**
          * Contains the data records to be rendered and    displayed within the table.
          * @vegaVersion 1.3.0
         */
        "dataSource": VegaTableDataSourceItem[];
        /**
          * Specifies the negative space within the table's cells.
          * @vegaVersion 1.3.0
         */
        "density": ResponsiveType<VegaTableDensityType>;
        /**
          * Provides a customized message or description that is    shown when the table's data source is empty.
          * @vegaVersion 1.7.0
         */
        "emptyDescription": string;
        /**
          * Invoke this method to obtain the keys of the rows currently    in the editing mode in the table.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "getEditingRowsKey": () => Promise<string[]>;
        /**
          * Invoke this method to retrieve the table row reference    based on the provided `rowKey`.  If the `rowKey` is empty, this method will return the    reference to the table form.
          * @param optional rowKey
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "getFormRef": (rowKey?: string) => Promise<HTMLVegaFormElement>;
        /**
          * Invoke this method to retrieve the data of the row with    the specified `rowKey`, obtaining the complete set of    information associated with that row.
          * @param rowKey The row's unique key.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "getRowData": (rowKey: string) => Promise<VegaTableDataSourceItem>;
        /**
          * Invoke this method to retrieve all rows of data,    obtaining the complete set of information    associated with each row.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "getRowsData": () => Promise<VegaTableDataSourceItem[]>;
        /**
          * Invoke this method to retrieve the selected row keys,    provided an array or list of the keys representing    the currently selected rows.
          * @vegaVersion 1.3.0
         */
        "getSelection": () => Promise<string[]>;
        /**
          * Defines how columns can be grouped.
          * @vegaVersion 2.57.0
         */
        "groupColumns": VegaTableGroupColumnConfig[];
        /**
          * Invoke this method to expand the row with the specified `rowKey`,    revealing additional content.
          * @param rowKey
          * @vegaVersion 1.3.0
         */
        "openExpandRow": (rowKey: string) => Promise<void>;
        /**
          * Controls the amount of horizontal padding applied to the table.
          * @vegaVersion 1.3.0
         */
        "paddingX": [string, string];
        /**
          * Specifies the pagination configuration.
          * @vegaVersion 1.5.0
         */
        "pagination": VegaTablePagination;
        /**
          * Invoke this method to remove a row from the `currentData`    based on the specified `rowKey` in the table.
          * @param rowKey The rowKey of the row to remove.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "removeRow": (rowKey: string) => Promise<void>;
        /**
          * Specifies whether rows in the table can be clicked.    If enabled, a `vegaRowClick` event will be    dispatched when a row is clicked.
          * @vegaVersion 1.3.0
         */
        "rowClickable": boolean;
        /**
          * Specifies whether dividers should be displayed    between rows in the table.
          * @vegaVersion 1.3.0
         */
        "rowDivider": boolean;
        /**
          * Indicates whether the row is expandable.
          * @vegaVersion 1.3.0
         */
        "rowExpandable": boolean;
        /**
          * Defines a unique key for each row in the table.
          * @vegaVersion 1.9.2
         */
        "rowKey": string;
        /**
          * Defines the behavior and options related to    row selection in the table.  It allows users to select one or more rows in    the table for further actions or processing.
          * @vegaVersion 1.3.0
         */
        "rowSelection": VegaTableRowSelectionConfig;
        /**
          * Invoke this method to save the data of all edited rows to    the `currentData` and stop the edit mode for    all rows in the table.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "saveAllEditRows": () => Promise<void>;
        /**
          * Invoke this method to save the edited row data to    the `currentData` and stop the edit mode    for that row.  This action will not affect the editing mode of other rows.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "saveEditRow": (rowKey: string) => Promise<void>;
        /**
          * Customizes the behavior and appearance of the    scrollable container that wraps the table.
          * @vegaVersion 1.29.0
         */
        "scrollConfig"?: VegaTableScrollConfig;
        /**
          * Invoke this method to set the selected row keys,    specifying an array or list of keys to represent    the desired selected rows.
          * @param keys - Row keys to be set as selected.
          * @vegaVersion 1.3.0
         */
        "setSelection": (keys: string[]) => Promise<void>;
        /**
          * Specifies whether the table header should be displayed.
          * @vegaVersion 1.3.0
         */
        "showHeader": boolean;
        /**
          * Defines the column sorting options Has optional property type: single | multiple If not specified, it defaults to multiple column sorting
          * @vegaVersion 2.22.0
         */
        "sortConfig"?: VegaTableSortConfig;
        /**
          * Invoke this method to start the edit mode for the row    with the specified `rowKey`.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "startRowEditMode": (rowKey: string) => Promise<void>;
        /**
          * Invoke this method to stop the edit mode for all rows,    exiting the edit mode for each row currently    in the editing state.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "stopAllRowEditMode": () => Promise<void>;
        /**
          * Invoke this method to stop the edit mode for the row    with the specified `rowKey`.
          * @VegaWarning Note: This method only works with editable tables.
          * @vegaVersion 1.19.0
         */
        "stopRowEditMode": (rowKey: string) => Promise<void>;
        /**
          * Specifies whether alternate colors should be applied    to the rows of the table.
          * @vegaVersion 1.3.0
         */
        "striped": boolean;
        /**
          * Invoke this method to toggle the expandable row with the    specified `rowKey`, expanding it if it is currently    collapsed and collapsing it if it is currently expanded.
          * @param rowKey
          * @vegaVersion 1.3.0
         */
        "toggleExpandRow": (rowKey: string) => Promise<void>;
    }
    interface VegaTableBody {
    }
    interface VegaTableCell {
        /**
          * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          * @vegaVersion 1.44.0
         */
        "breakpoint"?: VegaTableColumnBreakpoint;
        /**
          * Determines the text overflow behavior within cells. `ellipsis`: Replaces overflowed text with ellipsis. `scroll`: Enables cell scrolling; scroll bars are displayed only when the content overflows,     remaining hidden by default.
          * @vegaVersion 1.44.0
         */
        "overflow"?: 'ellipsis' | 'scroll';
        /**
          * Determines the alignment of text within the cell.
          * @vegaVersion 1.44.0
         */
        "textAlign"?: 'left' | 'right' | 'center';
        /**
          * Specifies the width of the cell.
          * @vegaVersion 1.44.0
         */
        "width"?: string;
    }
    interface VegaTableExpandRow {
        /**
          * Defines a unique key for the expandable row within the table.
          * @vegaVersion 1.44.0
         */
        "rowKey": string;
        /**
          * Specifies whether alternate colors should be applied to the expand row.
          * @vegaVersion 2.61.0
         */
        "striped": boolean;
    }
    interface VegaTableFoot {
    }
    interface VegaTableFootCell {
        /**
          * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          * @vegaVersion 2.68.1
         */
        "breakpoint"?: VegaTableColumnBreakpoint;
        /**
          * Determines the alignment of text within the foot cell.
          * @vegaVersion 2.68.1
         */
        "textAlign"?: 'left' | 'right' | 'center';
        /**
          * Specifies the width of the foot cell.
          * @vegaVersion 2.68.1
         */
        "width"?: string;
    }
    interface VegaTableFootRow {
    }
    interface VegaTableHead {
    }
    interface VegaTableHeadCell {
        /**
          * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          * @vegaVersion 1.44.0
         */
        "breakpoint"?: VegaTableColumnBreakpoint;
        /**
          * Specifies the pinned type of the head cell.
          * @vegaVersion 2.57.0
         */
        "pinned"?: VegaTablePinnedType;
        /**
          * Specifies the sorting configuration for the table header cell.
          * @vegaVersion 2.42.0
         */
        "sortConfig"?: VegaTableSortConfig;
        /**
          * Defines the column's sorting order.
          * @vegaVersion 2.8.0
         */
        "sortOrder"?: VegaTableSortOrderType;
        /**
          * Defines the column's sorting configuration.
          * @vegaVersion 1.44.0
         */
        "sorter"?: VegaTableSorterConfig;
        /**
          * Determines the alignment of text within the head cell.
          * @vegaVersion 1.44.0
         */
        "textAlign"?: 'left' | 'right' | 'center';
        /**
          * Specifies the width of the head cell.
          * @vegaVersion 1.44.0
         */
        "width"?: string;
    }
    interface VegaTableHeadRow {
        /**
          * Determines whether to hide the select all checkbox.
          * @vegaVersion 1.44.0
         */
        "hideSelectAll"?: boolean;
        /**
          * Indicates whether the checkbox is disabled.
          * @vegaVersion 1.44.0
         */
        "selectAllDisabled"?: boolean;
    }
    interface VegaTableRow {
        /**
          * Specifies whether dividers should be displayed in the row.
          * @vegaVersion 2.61.0
         */
        "rowDivider": boolean;
        /**
          * Defines a unique key for the row.
          * @vegaVersion 1.44.0
         */
        "rowKey": string;
        /**
          * Specifies whether alternate colors should be applied to the row.
          * @vegaVersion 2.61.0
         */
        "striped": boolean;
    }
    interface VegaText {
        /**
          * Specifies the behavior of text when it exceeds the    available space within its container.
          * @vegaVersion 1.18.0
         */
        "overflow": 'ellipsis' | 'newline';
        /**
          * Specifies the properties of the vega-tooltip in vega-text.
          * @vegaVersion 2.0.0
         */
        "tooltip": VegaTextTooltipProps;
    }
    interface VegaTextarea {
        /**
          * Determines whether the text area should be validated automatically as the user types. When `true`, validation rules (including `required`, `minLength`, `maxLength`, and custom `validationRules`) are evaluated on blur and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 1.11.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the text area is disabled. When `true`, the text area is non-interactive — the user cannot type, focus, or select the field. The disabled state is reflected as an HTML attribute for CSS styling.
          * @default false
          * @vegaVersion 1.11.0
         */
        "disabled": boolean;
        /**
          * Provides a supplementary helper message displayed below the text area that assists users in understanding the expected value or format.  The hint is visible at all times (not just on focus) and is typically used for guidance such as character requirements or formatting rules.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "hint": string;
        /**
          * Reflects the current validation status of the text area.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state. The value is reflected as an HTML attribute.
          * @default null
          * @vegaVersion 1.11.0
         */
        "isValid": boolean;
        /**
          * Specifies the visible label text rendered above the text area. The label helps identify the purpose or content expected within the field and also serves as the accessible `aria-label` for screen readers when present.  Clicking the label will focus the text area.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "label": string;
        /**
          * Configuration object for an optional suffix button rendered beside the field label. Use this to provide an inline action (e.g., a help or info button) next to the label text.  When the button is clicked, the `vegaLabelButtonClick` event is emitted. Set to `null` to hide the suffix button.
          * @default null
          * @vegaVersion 2.68.0
         */
        "labelSuffixButtonConfig": Nullable<LabelSuffixButtonConfig>;
        /**
          * Specifies the maximum number of characters (UTF-16 code units) that the user can enter in the text area. The native `maxlength` attribute is applied to the inner `<textarea>` element.  When `showCounter` is `true`, the maximum value is displayed alongside the current character count (e.g., `42/200`). Exceeding this limit triggers a visual warning on the counter and fails the `MaxStringLengthRule` during validation.  Set to `null` to allow unlimited input.
          * @default null
          * @vegaVersion 1.11.0
         */
        "maxLength": number;
        /**
          * Specifies the minimum number of characters (UTF-16 code units) that the user must enter in the text area for the value to be considered valid. The native `minlength` attribute is applied to the inner `<textarea>` element.  When set, the `MinStringLengthRule` is applied during validation. Set to `null` to impose no minimum length.
          * @default null
          * @vegaVersion 1.11.0
         */
        "minLength": number;
        /**
          * Specifies a placeholder string that displays as a temporary hint or example within the text area. The placeholder text is shown when the field is empty and disappears once the user begins typing.  Use this to indicate the expected format or content of the input, for example `'Enter your comments here...'`.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "placeholder": string;
        /**
          * Determines whether the text area must have a non-empty value before the form can be submitted. When `true`, a required-field indicator is shown on the label and the built-in `RequiredFieldRule` is applied during validation.
          * @default false
          * @vegaVersion 1.11.0
         */
        "required": boolean;
        /**
          * Determines whether the user can vertically resize the text area by dragging its bottom-right corner. When `false`, the resize handle is hidden via CSS and the text area height is fixed.
          * @default true
          * @vegaVersion 2.19.0
         */
        "resizable": boolean;
        /**
          * Specifies the number of visible text lines in the text area, controlling its initial height. Accepts integers ≥ 2. For optimal display, values below 2 are internally adjusted to 4 rows.
          * @default 5
          * @vegaVersion 2.63.0
         */
        "rows": number;
        /**
          * Determines whether to display a live character counter below the text area.  When `true`, the counter shows the current character count. If `maxLength` is also set, the counter displays in the format `current/max` and visually highlights when the limit is exceeded.
          * @default false
          * @vegaVersion 1.11.0
         */
        "showCounter": boolean;
        /**
          * An array of custom validation rules applied to the text area in addition to the built-in rules (`RequiredFieldRule`, `MinStringLengthRule`, `MaxStringLengthRule`). Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 1.11.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * The current value (content) of the text area field.  This property is mutable and will be updated programmatically when the user types into the text area. It can also be set externally to pre-populate or reset the field. Changes to this property trigger the `vegaChange` event and update the character counter if `showCounter` is enabled. Supports two-way binding in framework wrappers.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "value": string;
    }
    interface VegaTimePicker {
        /**
          * Determines whether automatic validation should be implemented    for the time picker during user input.
          * @vegaVersion 1.12.0
         */
        "autoValidation": boolean;
        /**
          * Determines whether the time picker component is disabled.
          * @vegaVersion 1.12.0
         */
        "disabled": boolean;
        /**
          * Determines the interval between each selectable minute value    in the time picker.
          * @vegaVersion 1.12.0
         */
        "increments": number;
        /**
          * Specifies the validation status of the time picker component.
          * @vegaVersion 1.12.0
         */
        "isValid": boolean | null;
        /**
          * Specifies the label or title for the time picker.  It provides descriptive text that helps identify the    purpose or content expected in the time picker.
          * @vegaVersion 1.12.0
         */
        "label": string;
        /**
          * Specifies the mode for selecting time in the time picker.   - `single` indicates the ability to select a single time.  - `range` indicates the ability to select a time range.
          * @vegaVersion 1.48.0
         */
        "mode": TimePickerModeType;
        /**
          * Specifies placeholder strings that provide a temporary hint    or example inside the time input field.
          * @vegaVersion 1.12.0
         */
        "placeholder": string | string[];
        /**
          * Specifies the selector of the container element relative to which    the popup of the time picker will be positioned.  If not provided, the popup will be appended to    the body by default. Adjust this property    when facing scrolling positioning problems.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.12.0
         */
        "positionRelativeTo": string;
        /**
          * Specifies whether the time picker field is set to read-only.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.    This does not lock the component value; users can still select/update time via    the dropdown UI (and programmatic updates still work).
          * @default false
          * @vegaVersion 2.79.0
         */
        "readOnly": boolean;
        /**
          * Specifies whether selecting a time in the time picker    is required for passing form validation.
          * @vegaVersion 1.12.0
         */
        "required": boolean;
        /**
          * Determines the size or dimensions of the time picker component.
          * @vegaVersion 1.12.0
         */
        "size": 'default' | 'small';
        /**
          * Specifies the format in which the time is displayed    in the time picker.  - `24-hour` displays time as "HH:mm".  - `12-hour` displays time as "hh:mm a".
          * @vegaVersion 1.12.0
         */
        "timeFormat": TimeFormat;
        /**
          * Specifies custom validation rules for the    time picker input field.
          * @vegaVersion 1.12.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * Specifies the initial value or selected time    for the time picker. - In `single` mode, the value is a string:  - `24-hour` format: "HH:mm".  - `12-hour` format: "hh:mm a". - In `range` mode, the value is an array of two strings:  - `24-hour` format: ["HH:mm", "HH:mm"].  - `12-hour` format: ["hh:mm a", "hh:mm a"]
          * @vegaVersion 1.12.0
         */
        "value": TimePickerValueType<TimePickerModeType>;
    }
    interface VegaTimePickerDropdown {
    }
    interface VegaToggleSwitch {
        /**
          * Determines whether automatic validation should be    implemented for the toggle switch.
          * @vegaVersion 2.25.0
         */
        "autoValidation": boolean;
        /**
          * Specifies whether the toggle switch is in the checked state.
          * @vegaVersion 1.3.0
         */
        "checked": boolean;
        /**
          * Specifies whether the toggle switch is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled": boolean;
        /**
          * Specifies the validation status of the toggle switch.
          * @vegaVersion 2.25.0
         */
        "isValid": boolean;
        /**
          * Specifies the label or title for the toggle switch.
          * @vegaVersion 1.3.0
         */
        "label": string;
        /**
          * Specifies whether the toggle switch must be checked    to pass form validation.
          * @vegaVersion 2.25.0
         */
        "required": boolean;
        /**
          * Specifies the size of the toggle switch.
          * @vegaVersion 1.3.0
         */
        "size": 'default' | 'small';
        /**
          * Defines custom validation rules for the toggle switch.
          * @vegaVersion 2.25.0
         */
        "validationRules": FormFieldValidationRule<unknown>[];
        /**
          * The `value` property returns `true` when the toggle switch is checked, and `false` when it is unchecked. This property is included for form control compatibility and can be used interchangeably with the checked property.
          * @vegaVersion 2.25.0
         */
        "value": boolean;
    }
    interface VegaTooltip {
        /**
          * Determines the horizontal positioning of the tooltip    within its container or relative to a reference point.
          * @vegaVersion 1.41.0
         */
        "alignment": ElementAppenderAlignmentType;
        /**
          * Specifies the content that is displayed    inside the tooltip.
          * @deprecated This property will be removed soon and replaced by prop text
          * @vegaVersion 1.3.0
         */
        "content": string;
        /**
          * The tooltip is interactive by default. Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
          * @vegaVersion 1.52.0
         */
        "disableInteractive": boolean;
        /**
          * Determines the maximum width of the tooltip.  It can be provided as a number or a ResponsiveType.
          * @vegaVersion 1.30.0
         */
        "maxWidth": ResponsiveType<SizeType>;
        /**
          * Determines the minimum width of the tooltip.  It can be provided as a number or a ResponsiveType.
          * @vegaVersion 1.30.0
         */
        "minWidth": ResponsiveType<SizeType>;
        /**
          * Specifies the vertical positioning of the tooltip    within its container or relative to a reference point.
          * @vegaVersion 1.3.0
         */
        "placement": ElementAppenderPlacementType;
        /**
          * Specifies the target element that will contain the tooltip popup.  If not provided, the popup will be appended to the    body by default. Adjust this property if you    encounter scrolling or positioning issues.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.3.0
         */
        "positionRelativeTo": string;
        /**
          * Determines the fixed size (width) of the tooltip.  It can be provided as a number or a ResponsiveType.
          * @vegaVersion 1.3.0
         */
        "size": ResponsiveType<SizeType>;
        /**
          * Specifies the text that is displayed    inside the tooltip.
          * @vegaVersion 2.0.0
         */
        "text": string;
        /**
          * Specifies the trigger mode for the tooltip. - click: means the tooltip show/hide by click. - hover: means the tooltip show/hide by hover. - none: means tooltip is not displayed regardless of hover or click.
          * @vegaVersion 1.3.0
         */
        "trigger": 'hover' | 'click' | 'none';
    }
    interface VegaTooltipContentBox {
        /**
          * Specifies the text that is displayed inside the tooltip.
          * @vegaVersion 2.0.0
         */
        "text": string;
    }
    interface VegaVirtualScroll {
        /**
          * The approximate height of each item *
          * @vegaVersion 1.13.0
         */
        "approxItemHeight": number;
        /**
          * Determines whether the dropdown displays a loading status.
          * @vegaVersion 2.3.0
         */
        "isLoading": boolean;
        /**
          * The method of render item. You should bind to the host component then you can set the css and event of item on the host component. example: <vega-virtual-scroll renderItem={this.renderSourceItem.bind(this)}></vega-virtual-scroll> . You should watch the fixHeight, if it have value, you should set {height: `${fixHeight}px`, boxSizing: 'border-box', overflow: 'hidden'} to you item, otherwise, you can do nothing.
          * @vegaVersion 1.13.0
         */
        "renderItem": (item: SourceItemType, index?: number, fixHeight?: number) => HTMLElement;
        /**
          * Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll container to the index of the item multiplied by the approximate height of each item in the list.
          * @vegaVersion 1.13.0
         */
        "scrollToIndex": (index: number) => Promise<void>;
        /**
          * The all items of source *
          * @vegaVersion 1.13.0
         */
        "source": SourceItemType[];
        /**
          * We set this key to check the source is really change and should refresh virtual scroll *
          * @vegaVersion 1.26.0
         */
        "sourceItemIdentifier": string;
        /**
          * The max height of viewport *
          * @vegaVersion 1.13.0
         */
        "viewportMaxHeight": number;
        /**
          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
          * @vegaVersion 2.3.0
         */
        "virtualizationThreshold": number;
    }
}
export interface VegaAccordionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaAccordionElement;
}
export interface VegaAppHeaderButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaAppHeaderButtonElement;
}
export interface VegaBackdropCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaBackdropElement;
}
export interface VegaBannerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaBannerElement;
}
export interface VegaBreadcrumbCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaBreadcrumbElement;
}
export interface VegaButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaButtonElement;
}
export interface VegaButtonCircleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaButtonCircleElement;
}
export interface VegaButtonGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaButtonGroupElement;
}
export interface VegaButtonLinkCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaButtonLinkElement;
}
export interface VegaCalendarCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaCalendarElement;
}
export interface VegaCarouselCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaCarouselElement;
}
export interface VegaCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaCheckboxElement;
}
export interface VegaCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaCheckboxGroupElement;
}
export interface VegaChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaChipElement;
}
export interface VegaCodeBlockCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaCodeBlockElement;
}
export interface VegaColorPickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaColorPickerElement;
}
export interface VegaComboBoxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaComboBoxElement;
}
export interface VegaDatePickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaDatePickerElement;
}
export interface VegaDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaDatePickerCalendarElement;
}
export interface VegaDropdownCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaDropdownElement;
}
export interface VegaDropdownItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaDropdownItemElement;
}
export interface VegaFieldLabelCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaFieldLabelElement;
}
export interface VegaFileUploaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaFileUploaderElement;
}
export interface VegaFormCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaFormElement;
}
export interface VegaImageUploaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaImageUploaderElement;
}
export interface VegaInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputElement;
}
export interface VegaInputCreditCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputCreditCardElement;
}
export interface VegaInputNumericCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputNumericElement;
}
export interface VegaInputPasscodeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputPasscodeElement;
}
export interface VegaInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputPhoneNumberElement;
}
export interface VegaInputRangeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputRangeElement;
}
export interface VegaInputSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaInputSelectElement;
}
export interface VegaItemToggleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaItemToggleElement;
}
export interface VegaLeftNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaLeftNavElement;
}
export interface VegaLeftNavGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaLeftNavGroupElement;
}
export interface VegaLeftNavLinkCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaLeftNavLinkElement;
}
export interface VegaLeftNavSectionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaLeftNavSectionElement;
}
export interface VegaModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaModalElement;
}
export interface VegaPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaPaginationElement;
}
export interface VegaPopoverCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaPopoverElement;
}
export interface VegaProgressTrackerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaProgressTrackerElement;
}
export interface VegaRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRadioElement;
}
export interface VegaRadioGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRadioGroupElement;
}
export interface VegaRichTextEditorCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextEditorElement;
}
export interface VegaRichTextEditorToolbarButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextEditorToolbarButtonElement;
}
export interface VegaRichTextImageEditorCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextImageEditorElement;
}
export interface VegaRichTextLinkEditorCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextLinkEditorElement;
}
export interface VegaRichTextTablePropertiesCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextTablePropertiesElement;
}
export interface VegaRichTextTableSelectionWidgetCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextTableSelectionWidgetElement;
}
export interface VegaRichTextTableSettingCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaRichTextTableSettingElement;
}
export interface VegaSegmentControlCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSegmentControlElement;
}
export interface VegaSelectionChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSelectionChipElement;
}
export interface VegaSelectionChipGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSelectionChipGroupElement;
}
export interface VegaSelectionTileCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSelectionTileElement;
}
export interface VegaSelectionTileGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSelectionTileGroupElement;
}
export interface VegaSidenavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSidenavElement;
}
export interface VegaSidenavLinkCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSidenavLinkElement;
}
export interface VegaSignatureCaptureCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaSignatureCaptureElement;
}
export interface VegaStepperCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaStepperElement;
}
export interface VegaTabGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaTabGroupElement;
}
export interface VegaTableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaTableElement;
}
export interface VegaTableHeadCellCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaTableHeadCellElement;
}
export interface VegaTableRowCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaTableRowElement;
}
export interface VegaTextareaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaTextareaElement;
}
export interface VegaTimePickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaTimePickerElement;
}
export interface VegaToggleSwitchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLVegaToggleSwitchElement;
}
declare global {
    interface HTMLVegaAccordionElement extends Components.VegaAccordion, HTMLStencilElement {
    }
    var HTMLVegaAccordionElement: {
        prototype: HTMLVegaAccordionElement;
        new (): HTMLVegaAccordionElement;
    };
    interface HTMLVegaAppFooterElement extends Components.VegaAppFooter, HTMLStencilElement {
    }
    var HTMLVegaAppFooterElement: {
        prototype: HTMLVegaAppFooterElement;
        new (): HTMLVegaAppFooterElement;
    };
    interface HTMLVegaAppHeaderButtonElement extends Components.VegaAppHeaderButton, HTMLStencilElement {
    }
    var HTMLVegaAppHeaderButtonElement: {
        prototype: HTMLVegaAppHeaderButtonElement;
        new (): HTMLVegaAppHeaderButtonElement;
    };
    interface HTMLVegaBackdropElement extends Components.VegaBackdrop, HTMLStencilElement {
    }
    var HTMLVegaBackdropElement: {
        prototype: HTMLVegaBackdropElement;
        new (): HTMLVegaBackdropElement;
    };
    interface HTMLVegaBannerElement extends Components.VegaBanner, HTMLStencilElement {
    }
    var HTMLVegaBannerElement: {
        prototype: HTMLVegaBannerElement;
        new (): HTMLVegaBannerElement;
    };
    interface HTMLVegaBarChartElement extends Components.VegaBarChart, HTMLStencilElement {
    }
    var HTMLVegaBarChartElement: {
        prototype: HTMLVegaBarChartElement;
        new (): HTMLVegaBarChartElement;
    };
    interface HTMLVegaBoxElement extends Components.VegaBox, HTMLStencilElement {
    }
    var HTMLVegaBoxElement: {
        prototype: HTMLVegaBoxElement;
        new (): HTMLVegaBoxElement;
    };
    interface HTMLVegaBrandLogoElement extends Components.VegaBrandLogo, HTMLStencilElement {
    }
    var HTMLVegaBrandLogoElement: {
        prototype: HTMLVegaBrandLogoElement;
        new (): HTMLVegaBrandLogoElement;
    };
    interface HTMLVegaBreadcrumbElement extends Components.VegaBreadcrumb, HTMLStencilElement {
    }
    var HTMLVegaBreadcrumbElement: {
        prototype: HTMLVegaBreadcrumbElement;
        new (): HTMLVegaBreadcrumbElement;
    };
    interface HTMLVegaButtonElement extends Components.VegaButton, HTMLStencilElement {
    }
    var HTMLVegaButtonElement: {
        prototype: HTMLVegaButtonElement;
        new (): HTMLVegaButtonElement;
    };
    interface HTMLVegaButtonCircleElement extends Components.VegaButtonCircle, HTMLStencilElement {
    }
    var HTMLVegaButtonCircleElement: {
        prototype: HTMLVegaButtonCircleElement;
        new (): HTMLVegaButtonCircleElement;
    };
    interface HTMLVegaButtonGroupElement extends Components.VegaButtonGroup, HTMLStencilElement {
    }
    var HTMLVegaButtonGroupElement: {
        prototype: HTMLVegaButtonGroupElement;
        new (): HTMLVegaButtonGroupElement;
    };
    interface HTMLVegaButtonGroupItemElement extends Components.VegaButtonGroupItem, HTMLStencilElement {
    }
    var HTMLVegaButtonGroupItemElement: {
        prototype: HTMLVegaButtonGroupItemElement;
        new (): HTMLVegaButtonGroupItemElement;
    };
    interface HTMLVegaButtonLinkElement extends Components.VegaButtonLink, HTMLStencilElement {
    }
    var HTMLVegaButtonLinkElement: {
        prototype: HTMLVegaButtonLinkElement;
        new (): HTMLVegaButtonLinkElement;
    };
    interface HTMLVegaCalendarElement extends Components.VegaCalendar, HTMLStencilElement {
    }
    var HTMLVegaCalendarElement: {
        prototype: HTMLVegaCalendarElement;
        new (): HTMLVegaCalendarElement;
    };
    interface HTMLVegaCalendarEventElement extends Components.VegaCalendarEvent, HTMLStencilElement {
    }
    var HTMLVegaCalendarEventElement: {
        prototype: HTMLVegaCalendarEventElement;
        new (): HTMLVegaCalendarEventElement;
    };
    interface HTMLVegaCalendarEventPreviewElement extends Components.VegaCalendarEventPreview, HTMLStencilElement {
    }
    var HTMLVegaCalendarEventPreviewElement: {
        prototype: HTMLVegaCalendarEventPreviewElement;
        new (): HTMLVegaCalendarEventPreviewElement;
    };
    interface HTMLVegaCalendarEventSlotElement extends Components.VegaCalendarEventSlot, HTMLStencilElement {
    }
    var HTMLVegaCalendarEventSlotElement: {
        prototype: HTMLVegaCalendarEventSlotElement;
        new (): HTMLVegaCalendarEventSlotElement;
    };
    interface HTMLVegaCardElement extends Components.VegaCard, HTMLStencilElement {
    }
    var HTMLVegaCardElement: {
        prototype: HTMLVegaCardElement;
        new (): HTMLVegaCardElement;
    };
    interface HTMLVegaCarouselElement extends Components.VegaCarousel, HTMLStencilElement {
    }
    var HTMLVegaCarouselElement: {
        prototype: HTMLVegaCarouselElement;
        new (): HTMLVegaCarouselElement;
    };
    interface HTMLVegaCheckboxElement extends Components.VegaCheckbox, HTMLStencilElement {
    }
    var HTMLVegaCheckboxElement: {
        prototype: HTMLVegaCheckboxElement;
        new (): HTMLVegaCheckboxElement;
    };
    interface HTMLVegaCheckboxGroupElement extends Components.VegaCheckboxGroup, HTMLStencilElement {
    }
    var HTMLVegaCheckboxGroupElement: {
        prototype: HTMLVegaCheckboxGroupElement;
        new (): HTMLVegaCheckboxGroupElement;
    };
    interface HTMLVegaChipElement extends Components.VegaChip, HTMLStencilElement {
    }
    var HTMLVegaChipElement: {
        prototype: HTMLVegaChipElement;
        new (): HTMLVegaChipElement;
    };
    interface HTMLVegaCodeBlockElement extends Components.VegaCodeBlock, HTMLStencilElement {
    }
    var HTMLVegaCodeBlockElement: {
        prototype: HTMLVegaCodeBlockElement;
        new (): HTMLVegaCodeBlockElement;
    };
    interface HTMLVegaColorPickerElement extends Components.VegaColorPicker, HTMLStencilElement {
    }
    var HTMLVegaColorPickerElement: {
        prototype: HTMLVegaColorPickerElement;
        new (): HTMLVegaColorPickerElement;
    };
    interface HTMLVegaComboBoxElement extends Components.VegaComboBox, HTMLStencilElement {
    }
    var HTMLVegaComboBoxElement: {
        prototype: HTMLVegaComboBoxElement;
        new (): HTMLVegaComboBoxElement;
    };
    interface HTMLVegaCounterBadgeElement extends Components.VegaCounterBadge, HTMLStencilElement {
    }
    var HTMLVegaCounterBadgeElement: {
        prototype: HTMLVegaCounterBadgeElement;
        new (): HTMLVegaCounterBadgeElement;
    };
    interface HTMLVegaDatePickerElement extends Components.VegaDatePicker, HTMLStencilElement {
    }
    var HTMLVegaDatePickerElement: {
        prototype: HTMLVegaDatePickerElement;
        new (): HTMLVegaDatePickerElement;
    };
    interface HTMLVegaDatePickerCalendarElement extends Components.VegaDatePickerCalendar, HTMLStencilElement {
    }
    var HTMLVegaDatePickerCalendarElement: {
        prototype: HTMLVegaDatePickerCalendarElement;
        new (): HTMLVegaDatePickerCalendarElement;
    };
    interface HTMLVegaDialogElement extends Components.VegaDialog, HTMLStencilElement {
    }
    var HTMLVegaDialogElement: {
        prototype: HTMLVegaDialogElement;
        new (): HTMLVegaDialogElement;
    };
    interface HTMLVegaDividerElement extends Components.VegaDivider, HTMLStencilElement {
    }
    var HTMLVegaDividerElement: {
        prototype: HTMLVegaDividerElement;
        new (): HTMLVegaDividerElement;
    };
    interface HTMLVegaDropdownElement extends Components.VegaDropdown, HTMLStencilElement {
    }
    var HTMLVegaDropdownElement: {
        prototype: HTMLVegaDropdownElement;
        new (): HTMLVegaDropdownElement;
    };
    interface HTMLVegaDropdownContentBoxElement extends Components.VegaDropdownContentBox, HTMLStencilElement {
    }
    var HTMLVegaDropdownContentBoxElement: {
        prototype: HTMLVegaDropdownContentBoxElement;
        new (): HTMLVegaDropdownContentBoxElement;
    };
    interface HTMLVegaDropdownGroupElement extends Components.VegaDropdownGroup, HTMLStencilElement {
    }
    var HTMLVegaDropdownGroupElement: {
        prototype: HTMLVegaDropdownGroupElement;
        new (): HTMLVegaDropdownGroupElement;
    };
    interface HTMLVegaDropdownItemElement extends Components.VegaDropdownItem, HTMLStencilElement {
    }
    var HTMLVegaDropdownItemElement: {
        prototype: HTMLVegaDropdownItemElement;
        new (): HTMLVegaDropdownItemElement;
    };
    interface HTMLVegaFieldErrorElement extends Components.VegaFieldError, HTMLStencilElement {
    }
    var HTMLVegaFieldErrorElement: {
        prototype: HTMLVegaFieldErrorElement;
        new (): HTMLVegaFieldErrorElement;
    };
    interface HTMLVegaFieldLabelElement extends Components.VegaFieldLabel, HTMLStencilElement {
    }
    var HTMLVegaFieldLabelElement: {
        prototype: HTMLVegaFieldLabelElement;
        new (): HTMLVegaFieldLabelElement;
    };
    interface HTMLVegaFileUploaderElement extends Components.VegaFileUploader, HTMLStencilElement {
    }
    var HTMLVegaFileUploaderElement: {
        prototype: HTMLVegaFileUploaderElement;
        new (): HTMLVegaFileUploaderElement;
    };
    interface HTMLVegaFlagIconElement extends Components.VegaFlagIcon, HTMLStencilElement {
    }
    var HTMLVegaFlagIconElement: {
        prototype: HTMLVegaFlagIconElement;
        new (): HTMLVegaFlagIconElement;
    };
    interface HTMLVegaFlexElement extends Components.VegaFlex, HTMLStencilElement {
    }
    var HTMLVegaFlexElement: {
        prototype: HTMLVegaFlexElement;
        new (): HTMLVegaFlexElement;
    };
    interface HTMLVegaFontElement extends Components.VegaFont, HTMLStencilElement {
    }
    var HTMLVegaFontElement: {
        prototype: HTMLVegaFontElement;
        new (): HTMLVegaFontElement;
    };
    interface HTMLVegaFormElement extends Components.VegaForm, HTMLStencilElement {
    }
    var HTMLVegaFormElement: {
        prototype: HTMLVegaFormElement;
        new (): HTMLVegaFormElement;
    };
    interface HTMLVegaGridElement extends Components.VegaGrid, HTMLStencilElement {
    }
    var HTMLVegaGridElement: {
        prototype: HTMLVegaGridElement;
        new (): HTMLVegaGridElement;
    };
    interface HTMLVegaHintElement extends Components.VegaHint, HTMLStencilElement {
    }
    var HTMLVegaHintElement: {
        prototype: HTMLVegaHintElement;
        new (): HTMLVegaHintElement;
    };
    interface HTMLVegaIconElement extends Components.VegaIcon, HTMLStencilElement {
    }
    var HTMLVegaIconElement: {
        prototype: HTMLVegaIconElement;
        new (): HTMLVegaIconElement;
    };
    interface HTMLVegaImageUploaderElement extends Components.VegaImageUploader, HTMLStencilElement {
    }
    var HTMLVegaImageUploaderElement: {
        prototype: HTMLVegaImageUploaderElement;
        new (): HTMLVegaImageUploaderElement;
    };
    interface HTMLVegaInputElement extends Components.VegaInput, HTMLStencilElement {
    }
    var HTMLVegaInputElement: {
        prototype: HTMLVegaInputElement;
        new (): HTMLVegaInputElement;
    };
    interface HTMLVegaInputCreditCardElement extends Components.VegaInputCreditCard, HTMLStencilElement {
    }
    var HTMLVegaInputCreditCardElement: {
        prototype: HTMLVegaInputCreditCardElement;
        new (): HTMLVegaInputCreditCardElement;
    };
    interface HTMLVegaInputNumericElement extends Components.VegaInputNumeric, HTMLStencilElement {
    }
    var HTMLVegaInputNumericElement: {
        prototype: HTMLVegaInputNumericElement;
        new (): HTMLVegaInputNumericElement;
    };
    interface HTMLVegaInputPasscodeElement extends Components.VegaInputPasscode, HTMLStencilElement {
    }
    var HTMLVegaInputPasscodeElement: {
        prototype: HTMLVegaInputPasscodeElement;
        new (): HTMLVegaInputPasscodeElement;
    };
    interface HTMLVegaInputPhoneNumberElement extends Components.VegaInputPhoneNumber, HTMLStencilElement {
    }
    var HTMLVegaInputPhoneNumberElement: {
        prototype: HTMLVegaInputPhoneNumberElement;
        new (): HTMLVegaInputPhoneNumberElement;
    };
    interface HTMLVegaInputRangeElement extends Components.VegaInputRange, HTMLStencilElement {
    }
    var HTMLVegaInputRangeElement: {
        prototype: HTMLVegaInputRangeElement;
        new (): HTMLVegaInputRangeElement;
    };
    interface HTMLVegaInputSelectElement extends Components.VegaInputSelect, HTMLStencilElement {
    }
    var HTMLVegaInputSelectElement: {
        prototype: HTMLVegaInputSelectElement;
        new (): HTMLVegaInputSelectElement;
    };
    interface HTMLVegaItemToggleElement extends Components.VegaItemToggle, HTMLStencilElement {
    }
    var HTMLVegaItemToggleElement: {
        prototype: HTMLVegaItemToggleElement;
        new (): HTMLVegaItemToggleElement;
    };
    interface HTMLVegaLeftNavElement extends Components.VegaLeftNav, HTMLStencilElement {
    }
    var HTMLVegaLeftNavElement: {
        prototype: HTMLVegaLeftNavElement;
        new (): HTMLVegaLeftNavElement;
    };
    interface HTMLVegaLeftNavGroupElement extends Components.VegaLeftNavGroup, HTMLStencilElement {
    }
    var HTMLVegaLeftNavGroupElement: {
        prototype: HTMLVegaLeftNavGroupElement;
        new (): HTMLVegaLeftNavGroupElement;
    };
    interface HTMLVegaLeftNavLinkElement extends Components.VegaLeftNavLink, HTMLStencilElement {
    }
    var HTMLVegaLeftNavLinkElement: {
        prototype: HTMLVegaLeftNavLinkElement;
        new (): HTMLVegaLeftNavLinkElement;
    };
    interface HTMLVegaLeftNavSectionElement extends Components.VegaLeftNavSection, HTMLStencilElement {
    }
    var HTMLVegaLeftNavSectionElement: {
        prototype: HTMLVegaLeftNavSectionElement;
        new (): HTMLVegaLeftNavSectionElement;
    };
    interface HTMLVegaLineChartElement extends Components.VegaLineChart, HTMLStencilElement {
    }
    var HTMLVegaLineChartElement: {
        prototype: HTMLVegaLineChartElement;
        new (): HTMLVegaLineChartElement;
    };
    interface HTMLVegaLoaderWrapperElement extends Components.VegaLoaderWrapper, HTMLStencilElement {
    }
    var HTMLVegaLoaderWrapperElement: {
        prototype: HTMLVegaLoaderWrapperElement;
        new (): HTMLVegaLoaderWrapperElement;
    };
    interface HTMLVegaLoadingIndicatorElement extends Components.VegaLoadingIndicator, HTMLStencilElement {
    }
    var HTMLVegaLoadingIndicatorElement: {
        prototype: HTMLVegaLoadingIndicatorElement;
        new (): HTMLVegaLoadingIndicatorElement;
    };
    interface HTMLVegaModalElement extends Components.VegaModal, HTMLStencilElement {
    }
    var HTMLVegaModalElement: {
        prototype: HTMLVegaModalElement;
        new (): HTMLVegaModalElement;
    };
    interface HTMLVegaNavCardElement extends Components.VegaNavCard, HTMLStencilElement {
    }
    var HTMLVegaNavCardElement: {
        prototype: HTMLVegaNavCardElement;
        new (): HTMLVegaNavCardElement;
    };
    interface HTMLVegaPageNotificationElement extends Components.VegaPageNotification, HTMLStencilElement {
    }
    var HTMLVegaPageNotificationElement: {
        prototype: HTMLVegaPageNotificationElement;
        new (): HTMLVegaPageNotificationElement;
    };
    interface HTMLVegaPageNotificationListElement extends Components.VegaPageNotificationList, HTMLStencilElement {
    }
    var HTMLVegaPageNotificationListElement: {
        prototype: HTMLVegaPageNotificationListElement;
        new (): HTMLVegaPageNotificationListElement;
    };
    interface HTMLVegaPaginationElement extends Components.VegaPagination, HTMLStencilElement {
    }
    var HTMLVegaPaginationElement: {
        prototype: HTMLVegaPaginationElement;
        new (): HTMLVegaPaginationElement;
    };
    interface HTMLVegaPaginationPageSelectorMobileElement extends Components.VegaPaginationPageSelectorMobile, HTMLStencilElement {
    }
    var HTMLVegaPaginationPageSelectorMobileElement: {
        prototype: HTMLVegaPaginationPageSelectorMobileElement;
        new (): HTMLVegaPaginationPageSelectorMobileElement;
    };
    interface HTMLVegaPaginationPageSizeSelectorMobileElement extends Components.VegaPaginationPageSizeSelectorMobile, HTMLStencilElement {
    }
    var HTMLVegaPaginationPageSizeSelectorMobileElement: {
        prototype: HTMLVegaPaginationPageSizeSelectorMobileElement;
        new (): HTMLVegaPaginationPageSizeSelectorMobileElement;
    };
    interface HTMLVegaPieChartElement extends Components.VegaPieChart, HTMLStencilElement {
    }
    var HTMLVegaPieChartElement: {
        prototype: HTMLVegaPieChartElement;
        new (): HTMLVegaPieChartElement;
    };
    interface HTMLVegaPopoverElement extends Components.VegaPopover, HTMLStencilElement {
    }
    var HTMLVegaPopoverElement: {
        prototype: HTMLVegaPopoverElement;
        new (): HTMLVegaPopoverElement;
    };
    interface HTMLVegaPopoverContentBoxElement extends Components.VegaPopoverContentBox, HTMLStencilElement {
    }
    var HTMLVegaPopoverContentBoxElement: {
        prototype: HTMLVegaPopoverContentBoxElement;
        new (): HTMLVegaPopoverContentBoxElement;
    };
    interface HTMLVegaProgressTrackerElement extends Components.VegaProgressTracker, HTMLStencilElement {
    }
    var HTMLVegaProgressTrackerElement: {
        prototype: HTMLVegaProgressTrackerElement;
        new (): HTMLVegaProgressTrackerElement;
    };
    interface HTMLVegaProgressTrackerStepElement extends Components.VegaProgressTrackerStep, HTMLStencilElement {
    }
    var HTMLVegaProgressTrackerStepElement: {
        prototype: HTMLVegaProgressTrackerStepElement;
        new (): HTMLVegaProgressTrackerStepElement;
    };
    interface HTMLVegaRadioElement extends Components.VegaRadio, HTMLStencilElement {
    }
    var HTMLVegaRadioElement: {
        prototype: HTMLVegaRadioElement;
        new (): HTMLVegaRadioElement;
    };
    interface HTMLVegaRadioGroupElement extends Components.VegaRadioGroup, HTMLStencilElement {
    }
    var HTMLVegaRadioGroupElement: {
        prototype: HTMLVegaRadioGroupElement;
        new (): HTMLVegaRadioGroupElement;
    };
    interface HTMLVegaRichTextContentElement extends Components.VegaRichTextContent, HTMLStencilElement {
    }
    var HTMLVegaRichTextContentElement: {
        prototype: HTMLVegaRichTextContentElement;
        new (): HTMLVegaRichTextContentElement;
    };
    interface HTMLVegaRichTextEditorElement extends Components.VegaRichTextEditor, HTMLStencilElement {
    }
    var HTMLVegaRichTextEditorElement: {
        prototype: HTMLVegaRichTextEditorElement;
        new (): HTMLVegaRichTextEditorElement;
    };
    interface HTMLVegaRichTextEditorToolbarButtonElement extends Components.VegaRichTextEditorToolbarButton, HTMLStencilElement {
    }
    var HTMLVegaRichTextEditorToolbarButtonElement: {
        prototype: HTMLVegaRichTextEditorToolbarButtonElement;
        new (): HTMLVegaRichTextEditorToolbarButtonElement;
    };
    interface HTMLVegaRichTextImageEditorElement extends Components.VegaRichTextImageEditor, HTMLStencilElement {
    }
    var HTMLVegaRichTextImageEditorElement: {
        prototype: HTMLVegaRichTextImageEditorElement;
        new (): HTMLVegaRichTextImageEditorElement;
    };
    interface HTMLVegaRichTextLinkEditorElement extends Components.VegaRichTextLinkEditor, HTMLStencilElement {
    }
    var HTMLVegaRichTextLinkEditorElement: {
        prototype: HTMLVegaRichTextLinkEditorElement;
        new (): HTMLVegaRichTextLinkEditorElement;
    };
    interface HTMLVegaRichTextTablePropertiesElement extends Components.VegaRichTextTableProperties, HTMLStencilElement {
    }
    var HTMLVegaRichTextTablePropertiesElement: {
        prototype: HTMLVegaRichTextTablePropertiesElement;
        new (): HTMLVegaRichTextTablePropertiesElement;
    };
    interface HTMLVegaRichTextTableSelectionWidgetElement extends Components.VegaRichTextTableSelectionWidget, HTMLStencilElement {
    }
    var HTMLVegaRichTextTableSelectionWidgetElement: {
        prototype: HTMLVegaRichTextTableSelectionWidgetElement;
        new (): HTMLVegaRichTextTableSelectionWidgetElement;
    };
    interface HTMLVegaRichTextTableSettingElement extends Components.VegaRichTextTableSetting, HTMLStencilElement {
    }
    var HTMLVegaRichTextTableSettingElement: {
        prototype: HTMLVegaRichTextTableSettingElement;
        new (): HTMLVegaRichTextTableSettingElement;
    };
    interface HTMLVegaSectionTitleElement extends Components.VegaSectionTitle, HTMLStencilElement {
    }
    var HTMLVegaSectionTitleElement: {
        prototype: HTMLVegaSectionTitleElement;
        new (): HTMLVegaSectionTitleElement;
    };
    interface HTMLVegaSegmentControlElement extends Components.VegaSegmentControl, HTMLStencilElement {
    }
    var HTMLVegaSegmentControlElement: {
        prototype: HTMLVegaSegmentControlElement;
        new (): HTMLVegaSegmentControlElement;
    };
    interface HTMLVegaSelectionChipElement extends Components.VegaSelectionChip, HTMLStencilElement {
    }
    var HTMLVegaSelectionChipElement: {
        prototype: HTMLVegaSelectionChipElement;
        new (): HTMLVegaSelectionChipElement;
    };
    interface HTMLVegaSelectionChipGroupElement extends Components.VegaSelectionChipGroup, HTMLStencilElement {
    }
    var HTMLVegaSelectionChipGroupElement: {
        prototype: HTMLVegaSelectionChipGroupElement;
        new (): HTMLVegaSelectionChipGroupElement;
    };
    interface HTMLVegaSelectionTileElement extends Components.VegaSelectionTile, HTMLStencilElement {
    }
    var HTMLVegaSelectionTileElement: {
        prototype: HTMLVegaSelectionTileElement;
        new (): HTMLVegaSelectionTileElement;
    };
    interface HTMLVegaSelectionTileGroupElement extends Components.VegaSelectionTileGroup, HTMLStencilElement {
    }
    var HTMLVegaSelectionTileGroupElement: {
        prototype: HTMLVegaSelectionTileGroupElement;
        new (): HTMLVegaSelectionTileGroupElement;
    };
    interface HTMLVegaSidenavElement extends Components.VegaSidenav, HTMLStencilElement {
    }
    var HTMLVegaSidenavElement: {
        prototype: HTMLVegaSidenavElement;
        new (): HTMLVegaSidenavElement;
    };
    interface HTMLVegaSidenavGroupElement extends Components.VegaSidenavGroup, HTMLStencilElement {
    }
    var HTMLVegaSidenavGroupElement: {
        prototype: HTMLVegaSidenavGroupElement;
        new (): HTMLVegaSidenavGroupElement;
    };
    interface HTMLVegaSidenavLinkElement extends Components.VegaSidenavLink, HTMLStencilElement {
    }
    var HTMLVegaSidenavLinkElement: {
        prototype: HTMLVegaSidenavLinkElement;
        new (): HTMLVegaSidenavLinkElement;
    };
    interface HTMLVegaSignatureCaptureElement extends Components.VegaSignatureCapture, HTMLStencilElement {
    }
    var HTMLVegaSignatureCaptureElement: {
        prototype: HTMLVegaSignatureCaptureElement;
        new (): HTMLVegaSignatureCaptureElement;
    };
    interface HTMLVegaSkeletonElement extends Components.VegaSkeleton, HTMLStencilElement {
    }
    var HTMLVegaSkeletonElement: {
        prototype: HTMLVegaSkeletonElement;
        new (): HTMLVegaSkeletonElement;
    };
    interface HTMLVegaSlotContainerElement extends Components.VegaSlotContainer, HTMLStencilElement {
    }
    var HTMLVegaSlotContainerElement: {
        prototype: HTMLVegaSlotContainerElement;
        new (): HTMLVegaSlotContainerElement;
    };
    interface HTMLVegaStepperElement extends Components.VegaStepper, HTMLStencilElement {
    }
    var HTMLVegaStepperElement: {
        prototype: HTMLVegaStepperElement;
        new (): HTMLVegaStepperElement;
    };
    interface HTMLVegaTabGroupElement extends Components.VegaTabGroup, HTMLStencilElement {
    }
    var HTMLVegaTabGroupElement: {
        prototype: HTMLVegaTabGroupElement;
        new (): HTMLVegaTabGroupElement;
    };
    interface HTMLVegaTabGroupPanelElement extends Components.VegaTabGroupPanel, HTMLStencilElement {
    }
    var HTMLVegaTabGroupPanelElement: {
        prototype: HTMLVegaTabGroupPanelElement;
        new (): HTMLVegaTabGroupPanelElement;
    };
    interface HTMLVegaTableElement extends Components.VegaTable, HTMLStencilElement {
    }
    var HTMLVegaTableElement: {
        prototype: HTMLVegaTableElement;
        new (): HTMLVegaTableElement;
    };
    interface HTMLVegaTableBodyElement extends Components.VegaTableBody, HTMLStencilElement {
    }
    var HTMLVegaTableBodyElement: {
        prototype: HTMLVegaTableBodyElement;
        new (): HTMLVegaTableBodyElement;
    };
    interface HTMLVegaTableCellElement extends Components.VegaTableCell, HTMLStencilElement {
    }
    var HTMLVegaTableCellElement: {
        prototype: HTMLVegaTableCellElement;
        new (): HTMLVegaTableCellElement;
    };
    interface HTMLVegaTableExpandRowElement extends Components.VegaTableExpandRow, HTMLStencilElement {
    }
    var HTMLVegaTableExpandRowElement: {
        prototype: HTMLVegaTableExpandRowElement;
        new (): HTMLVegaTableExpandRowElement;
    };
    interface HTMLVegaTableFootElement extends Components.VegaTableFoot, HTMLStencilElement {
    }
    var HTMLVegaTableFootElement: {
        prototype: HTMLVegaTableFootElement;
        new (): HTMLVegaTableFootElement;
    };
    interface HTMLVegaTableFootCellElement extends Components.VegaTableFootCell, HTMLStencilElement {
    }
    var HTMLVegaTableFootCellElement: {
        prototype: HTMLVegaTableFootCellElement;
        new (): HTMLVegaTableFootCellElement;
    };
    interface HTMLVegaTableFootRowElement extends Components.VegaTableFootRow, HTMLStencilElement {
    }
    var HTMLVegaTableFootRowElement: {
        prototype: HTMLVegaTableFootRowElement;
        new (): HTMLVegaTableFootRowElement;
    };
    interface HTMLVegaTableHeadElement extends Components.VegaTableHead, HTMLStencilElement {
    }
    var HTMLVegaTableHeadElement: {
        prototype: HTMLVegaTableHeadElement;
        new (): HTMLVegaTableHeadElement;
    };
    interface HTMLVegaTableHeadCellElement extends Components.VegaTableHeadCell, HTMLStencilElement {
    }
    var HTMLVegaTableHeadCellElement: {
        prototype: HTMLVegaTableHeadCellElement;
        new (): HTMLVegaTableHeadCellElement;
    };
    interface HTMLVegaTableHeadRowElement extends Components.VegaTableHeadRow, HTMLStencilElement {
    }
    var HTMLVegaTableHeadRowElement: {
        prototype: HTMLVegaTableHeadRowElement;
        new (): HTMLVegaTableHeadRowElement;
    };
    interface HTMLVegaTableRowElement extends Components.VegaTableRow, HTMLStencilElement {
    }
    var HTMLVegaTableRowElement: {
        prototype: HTMLVegaTableRowElement;
        new (): HTMLVegaTableRowElement;
    };
    interface HTMLVegaTextElement extends Components.VegaText, HTMLStencilElement {
    }
    var HTMLVegaTextElement: {
        prototype: HTMLVegaTextElement;
        new (): HTMLVegaTextElement;
    };
    interface HTMLVegaTextareaElement extends Components.VegaTextarea, HTMLStencilElement {
    }
    var HTMLVegaTextareaElement: {
        prototype: HTMLVegaTextareaElement;
        new (): HTMLVegaTextareaElement;
    };
    interface HTMLVegaTimePickerElement extends Components.VegaTimePicker, HTMLStencilElement {
    }
    var HTMLVegaTimePickerElement: {
        prototype: HTMLVegaTimePickerElement;
        new (): HTMLVegaTimePickerElement;
    };
    interface HTMLVegaTimePickerDropdownElement extends Components.VegaTimePickerDropdown, HTMLStencilElement {
    }
    var HTMLVegaTimePickerDropdownElement: {
        prototype: HTMLVegaTimePickerDropdownElement;
        new (): HTMLVegaTimePickerDropdownElement;
    };
    interface HTMLVegaToggleSwitchElement extends Components.VegaToggleSwitch, HTMLStencilElement {
    }
    var HTMLVegaToggleSwitchElement: {
        prototype: HTMLVegaToggleSwitchElement;
        new (): HTMLVegaToggleSwitchElement;
    };
    interface HTMLVegaTooltipElement extends Components.VegaTooltip, HTMLStencilElement {
    }
    var HTMLVegaTooltipElement: {
        prototype: HTMLVegaTooltipElement;
        new (): HTMLVegaTooltipElement;
    };
    interface HTMLVegaTooltipContentBoxElement extends Components.VegaTooltipContentBox, HTMLStencilElement {
    }
    var HTMLVegaTooltipContentBoxElement: {
        prototype: HTMLVegaTooltipContentBoxElement;
        new (): HTMLVegaTooltipContentBoxElement;
    };
    interface HTMLVegaVirtualScrollElement extends Components.VegaVirtualScroll, HTMLStencilElement {
    }
    var HTMLVegaVirtualScrollElement: {
        prototype: HTMLVegaVirtualScrollElement;
        new (): HTMLVegaVirtualScrollElement;
    };
    interface HTMLElementTagNameMap {
        "vega-accordion": HTMLVegaAccordionElement;
        "vega-app-footer": HTMLVegaAppFooterElement;
        "vega-app-header-button": HTMLVegaAppHeaderButtonElement;
        "vega-backdrop": HTMLVegaBackdropElement;
        "vega-banner": HTMLVegaBannerElement;
        "vega-bar-chart": HTMLVegaBarChartElement;
        "vega-box": HTMLVegaBoxElement;
        "vega-brand-logo": HTMLVegaBrandLogoElement;
        "vega-breadcrumb": HTMLVegaBreadcrumbElement;
        "vega-button": HTMLVegaButtonElement;
        "vega-button-circle": HTMLVegaButtonCircleElement;
        "vega-button-group": HTMLVegaButtonGroupElement;
        "vega-button-group-item": HTMLVegaButtonGroupItemElement;
        "vega-button-link": HTMLVegaButtonLinkElement;
        "vega-calendar": HTMLVegaCalendarElement;
        "vega-calendar-event": HTMLVegaCalendarEventElement;
        "vega-calendar-event-preview": HTMLVegaCalendarEventPreviewElement;
        "vega-calendar-event-slot": HTMLVegaCalendarEventSlotElement;
        "vega-card": HTMLVegaCardElement;
        "vega-carousel": HTMLVegaCarouselElement;
        "vega-checkbox": HTMLVegaCheckboxElement;
        "vega-checkbox-group": HTMLVegaCheckboxGroupElement;
        "vega-chip": HTMLVegaChipElement;
        "vega-code-block": HTMLVegaCodeBlockElement;
        "vega-color-picker": HTMLVegaColorPickerElement;
        "vega-combo-box": HTMLVegaComboBoxElement;
        "vega-counter-badge": HTMLVegaCounterBadgeElement;
        "vega-date-picker": HTMLVegaDatePickerElement;
        "vega-date-picker-calendar": HTMLVegaDatePickerCalendarElement;
        "vega-dialog": HTMLVegaDialogElement;
        "vega-divider": HTMLVegaDividerElement;
        "vega-dropdown": HTMLVegaDropdownElement;
        "vega-dropdown-content-box": HTMLVegaDropdownContentBoxElement;
        "vega-dropdown-group": HTMLVegaDropdownGroupElement;
        "vega-dropdown-item": HTMLVegaDropdownItemElement;
        "vega-field-error": HTMLVegaFieldErrorElement;
        "vega-field-label": HTMLVegaFieldLabelElement;
        "vega-file-uploader": HTMLVegaFileUploaderElement;
        "vega-flag-icon": HTMLVegaFlagIconElement;
        "vega-flex": HTMLVegaFlexElement;
        "vega-font": HTMLVegaFontElement;
        "vega-form": HTMLVegaFormElement;
        "vega-grid": HTMLVegaGridElement;
        "vega-hint": HTMLVegaHintElement;
        "vega-icon": HTMLVegaIconElement;
        "vega-image-uploader": HTMLVegaImageUploaderElement;
        "vega-input": HTMLVegaInputElement;
        "vega-input-credit-card": HTMLVegaInputCreditCardElement;
        "vega-input-numeric": HTMLVegaInputNumericElement;
        "vega-input-passcode": HTMLVegaInputPasscodeElement;
        "vega-input-phone-number": HTMLVegaInputPhoneNumberElement;
        "vega-input-range": HTMLVegaInputRangeElement;
        "vega-input-select": HTMLVegaInputSelectElement;
        "vega-item-toggle": HTMLVegaItemToggleElement;
        "vega-left-nav": HTMLVegaLeftNavElement;
        "vega-left-nav-group": HTMLVegaLeftNavGroupElement;
        "vega-left-nav-link": HTMLVegaLeftNavLinkElement;
        "vega-left-nav-section": HTMLVegaLeftNavSectionElement;
        "vega-line-chart": HTMLVegaLineChartElement;
        "vega-loader-wrapper": HTMLVegaLoaderWrapperElement;
        "vega-loading-indicator": HTMLVegaLoadingIndicatorElement;
        "vega-modal": HTMLVegaModalElement;
        "vega-nav-card": HTMLVegaNavCardElement;
        "vega-page-notification": HTMLVegaPageNotificationElement;
        "vega-page-notification-list": HTMLVegaPageNotificationListElement;
        "vega-pagination": HTMLVegaPaginationElement;
        "vega-pagination-page-selector-mobile": HTMLVegaPaginationPageSelectorMobileElement;
        "vega-pagination-page-size-selector-mobile": HTMLVegaPaginationPageSizeSelectorMobileElement;
        "vega-pie-chart": HTMLVegaPieChartElement;
        "vega-popover": HTMLVegaPopoverElement;
        "vega-popover-content-box": HTMLVegaPopoverContentBoxElement;
        "vega-progress-tracker": HTMLVegaProgressTrackerElement;
        "vega-progress-tracker-step": HTMLVegaProgressTrackerStepElement;
        "vega-radio": HTMLVegaRadioElement;
        "vega-radio-group": HTMLVegaRadioGroupElement;
        "vega-rich-text-content": HTMLVegaRichTextContentElement;
        "vega-rich-text-editor": HTMLVegaRichTextEditorElement;
        "vega-rich-text-editor-toolbar-button": HTMLVegaRichTextEditorToolbarButtonElement;
        "vega-rich-text-image-editor": HTMLVegaRichTextImageEditorElement;
        "vega-rich-text-link-editor": HTMLVegaRichTextLinkEditorElement;
        "vega-rich-text-table-properties": HTMLVegaRichTextTablePropertiesElement;
        "vega-rich-text-table-selection-widget": HTMLVegaRichTextTableSelectionWidgetElement;
        "vega-rich-text-table-setting": HTMLVegaRichTextTableSettingElement;
        "vega-section-title": HTMLVegaSectionTitleElement;
        "vega-segment-control": HTMLVegaSegmentControlElement;
        "vega-selection-chip": HTMLVegaSelectionChipElement;
        "vega-selection-chip-group": HTMLVegaSelectionChipGroupElement;
        "vega-selection-tile": HTMLVegaSelectionTileElement;
        "vega-selection-tile-group": HTMLVegaSelectionTileGroupElement;
        "vega-sidenav": HTMLVegaSidenavElement;
        "vega-sidenav-group": HTMLVegaSidenavGroupElement;
        "vega-sidenav-link": HTMLVegaSidenavLinkElement;
        "vega-signature-capture": HTMLVegaSignatureCaptureElement;
        "vega-skeleton": HTMLVegaSkeletonElement;
        "vega-slot-container": HTMLVegaSlotContainerElement;
        "vega-stepper": HTMLVegaStepperElement;
        "vega-tab-group": HTMLVegaTabGroupElement;
        "vega-tab-group-panel": HTMLVegaTabGroupPanelElement;
        "vega-table": HTMLVegaTableElement;
        "vega-table-body": HTMLVegaTableBodyElement;
        "vega-table-cell": HTMLVegaTableCellElement;
        "vega-table-expand-row": HTMLVegaTableExpandRowElement;
        "vega-table-foot": HTMLVegaTableFootElement;
        "vega-table-foot-cell": HTMLVegaTableFootCellElement;
        "vega-table-foot-row": HTMLVegaTableFootRowElement;
        "vega-table-head": HTMLVegaTableHeadElement;
        "vega-table-head-cell": HTMLVegaTableHeadCellElement;
        "vega-table-head-row": HTMLVegaTableHeadRowElement;
        "vega-table-row": HTMLVegaTableRowElement;
        "vega-text": HTMLVegaTextElement;
        "vega-textarea": HTMLVegaTextareaElement;
        "vega-time-picker": HTMLVegaTimePickerElement;
        "vega-time-picker-dropdown": HTMLVegaTimePickerDropdownElement;
        "vega-toggle-switch": HTMLVegaToggleSwitchElement;
        "vega-tooltip": HTMLVegaTooltipElement;
        "vega-tooltip-content-box": HTMLVegaTooltipContentBoxElement;
        "vega-virtual-scroll": HTMLVegaVirtualScrollElement;
    }
}
declare namespace LocalJSX {
    interface VegaAccordion {
        /**
          * Specifies the title of the accordion.  If the title exceeds the maximum width,    it will be displayed on a new line to    ensure visibility and readability.
          * @vegaVersion 1.3.0
         */
        "accordionTitle"?: string;
        /**
          * Determines whether the accordion block should be displayed    with its default background color `bg-primary`    and padding of `size-24`.
          * @vegaVersion 1.3.0
         */
        "drawsBackground"?: boolean;
        /**
          * Controls whether the accordion is expanded.
          * @vegaVersion 1.0.4
         */
        "expand"?: boolean;
        /**
          * Specifies the placement of the expand icon in the accordion.
          * @vegaVersion 1.3.0
         */
        "expandIconAlign"?: 'left' | 'right';
        /**
          * Specifies the unique group ID for enabling accordion functionality.  Use this parameter to assign a specific group ID to the accordions that should be grouped together,    ensuring that only one accordion can be expanded at a time within the same group.
          * @vegaVersion 1.3.0
         */
        "groupId"?: string;
        /**
          * Specifies the vertical placement of the prefix icon    and expand icon within the accordion.
          * @vegaVersion 1.8.1
         */
        "iconPosition"?: 'top' | 'center';
        /**
          * An event emitter notifying the expand event of the accordion. expand is an attribute, so the event name here uses accordionExpand
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onAccordionExpand"?: (event: VegaAccordionCustomEvent<boolean>) => void;
        /**
          * An event emitter notifying the expand event of the accordion.
          * @vegaVersion 1.3.0
         */
        "onVegaExpand"?: (event: VegaAccordionCustomEvent<boolean>) => void;
        /**
          * Specifies an optional icon to be displayed    alongside the accordion's title.
          * @vegaVersion 1.3.0
         */
        "prefixIcon"?: string;
        /**
          * Specifies whether to display or hide the expand icon in the accordion.  It can be provided as a ResponsiveType or boolean value.
          * @vegaVersion 1.3.0
         */
        "showExpandIcon"?: ResponsiveType<boolean>;
    }
    interface VegaAppFooter {
        /**
          * Specifies additional links that can be included    in the app footer.
          * @vegaVersion 1.15.0
         */
        "additionalLinks"?: VegaAppFooterLink[];
        /**
          * Specifies the content to be displayed in the app footer.  By default, it includes Heartland's official copyright message    with a reference to the current year.
          * @vegaVersion 1.15.0
          * @defaultValue © {{currentYear}} Global Payments Inc. All rights reserved.
         */
        "content"?: string;
        /**
          * Specifies the target window or tab when the user clicks    on the Disclaimer link in the app footer.
          * @vegaVersion 1.27.3
         */
        "disclaimerUrlTarget"?: LinkTargetType;
        /**
          * Specifies whether to hide the default Term of Use    and Privacy Policy links.
          * @vegaVersion 1.35.1
         */
        "hideDefaultLinks"?: boolean;
        /**
          * Specifies the label or text to be displayed    for the Privacy Policy link in the app footer.
          * @vegaVersion 1.15.0
         */
        "privacyPolicyLabel"?: string;
        /**
          * Specifies the URL or web address that the    Privacy Policy link in the app footer should    navigate to when clicked.
          * @vegaVersion 1.15.0
          * @defaultValue https://www.globalpayments.com/privacy-statement
         */
        "privacyPolicyUrl"?: string;
        /**
          * Specifies the unique identifier for the Privacy Policy Link.
          * @vegaVersion 2.54.0
         */
        "privacyPolicyUrlId"?: string;
        /**
          * Specifies the target window or browsing context    in which the Privacy Policy URL should be opened    when the user clicks on the link.
          * @vegaVersion 1.27.3
         */
        "privacyPolicyUrlTarget"?: LinkTargetType;
        /**
          * Specifies whether the app footer should display    a predetermined disclaimer message and link    to indicate that the site uses Google reCAPTCHA.
          * @vegaVersion 1.3.0
         */
        "showDisclaimer"?: boolean;
        /**
          * Specifies the label or text to be displayed    for the Terms of Use link in the app footer.
          * @vegaVersion 1.15.0
         */
        "termOfUseLabel"?: string;
        /**
          * Specifies the URL or web address that the Terms of Use link    in the app footer should navigate to when clicked.
          * @vegaVersion 1.15.0
          * @defaultValue https://www.globalpayments.com/terms-of-use
         */
        "termOfUseUrl"?: string;
        /**
          * Specifies the unique identifier for the Terms of Use Link.
          * @vegaVersion 2.54.0
         */
        "termOfUseUrlId"?: string;
        /**
          * Specifies the target window or browsing context in which    the Terms of Use URL should be opened    when the user clicks on the link.
          * @vegaVersion 1.27.3
         */
        "termOfUseUrlTarget"?: LinkTargetType;
    }
    interface VegaAppHeaderButton {
        /**
          * Specifies the configuration for the avatar image or icon    displayed in the app header button.
          * @vegaVersion 1.11.0
         */
        "avatar"?: VegaAppHeaderAvatarConfig;
        /**
          * Specifies the position of the avatar in relation to the label    within the app header button.
          * @vegaVersion 1.11.0
         */
        "avatarPosition"?: 'right' | 'left';
        /**
          * Specifies the configuration for the dropdown functionality    of the app header button.
          * @vegaVersion 1.11.0
         */
        "dropdown"?: VegaAppHeaderButtonDropdownConfig;
        /**
          * Specifies the label or text content of the app header button.
          * @vegaVersion 1.11.0
         */
        "label"?: string;
        /**
          * Specifies the display configuration of the app header button label.
          * @vegaVersion 2.77.1
         */
        "labelConfig"?: VegaAppHeaderLabelConfig;
        /**
          * An event emitter notifying the click event of an app header button.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaAppHeaderButtonCustomEvent<any>) => void;
        /**
          * An event emitter notifying the click event of a dropdown item    in the app header.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onDropdownClick"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
        /**
          * An event emitter notifying the reset event in the dropdown.
          * @eventSemantics namespace:native
          * @vegaVersion 2.73.0
         */
        "onReset"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
        /**
          * An event emitter notifying the click event of an app header button.
          * @vegaVersion 1.11.0
         */
        "onVegaClick"?: (event: VegaAppHeaderButtonCustomEvent<any>) => void;
        /**
          * An event emitter notifying the click event of a dropdown item    in the app header.
          * @vegaVersion 1.23.0
         */
        "onVegaDropdownClick"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
        /**
          * An event emitter notifying the reset event in the dropdown.
          * @vegaVersion 2.73.0
         */
        "onVegaReset"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
        /**
          * Specifies whether the app header button is displayed in a selected state.
          * @vegaVersion 1.15.0
         */
        "selected"?: boolean;
        /**
          * Specifies whether to show a border around the app header button.
          * @vegaVersion 1.11.0
         */
        "showBorder"?: boolean;
        /**
          * Determines whether to display the label of the app header button    directly on the button itself or in a tooltip    when the user hovers over the button.
          * @vegaVersion 1.11.0
         */
        "showLabel"?: boolean;
        /**
          * Specifies whether to display a menu arrow icon in the app header button.
          * @vegaVersion 1.11.0
         */
        "showMenuArrowIcon"?: boolean;
        /**
          * Specifies the size of the app header button.
          * @vegaVersion 1.11.0
         */
        "size"?: ResponsiveType<VegaAppHeaderButtonSize>;
    }
    interface VegaBackdrop {
        /**
          * Defines the color of the backdrop element.
          * @vegaVersion 2.0.0
         */
        "color"?: 'bg-backdrop-modal' | 'bg-backdrop-popover' | 'bg-transparent';
        /**
          * The duration of the animation in milliseconds.
          * @vegaVersion 2.0.0
         */
        "duration"?: number;
        /**
          * An event emitter notifying the click event of the backdrop.
          * @vegaVersion 2.0.0
         */
        "onVegaClick"?: (event: VegaBackdropCustomEvent<void>) => void;
        /**
          * Whether to show or hide the backdrop
          * @vegaVersion 2.0.0
         */
        "visible"?: boolean;
    }
    interface VegaBanner {
        /**
          * Specifies the action buttons available within the banner.    These buttons enable users to perform specific actions,    enhancing user interaction within the banner.
          * @vegaVersion 2.8.0
         */
        "actionButtons"?: VegaBannerActionButtonType[];
        /**
          * Specifies the label or title for the banner.
          * @vegaVersion 2.8.0
         */
        "bannerTitle"?: string;
        /**
          * Specifies the content displayed within the banner.
          * @vegaVersion 2.8.0
         */
        "content"?: string;
        /**
          * Determines whether the banner is displayed.
          * @vegaVersion 2.13.0
         */
        "isOpen"?: boolean;
        /**
          * An event emitter notifying the banner action button has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.18.0
         */
        "onActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
        /**
          * An event emitter notifying the banner close event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.8.0
         */
        "onClose"?: (event: VegaBannerCustomEvent<any>) => void;
        /**
          * An event emitter notifying the banner action button has been clicked.
          * @vegaVersion 2.18.0
         */
        "onVegaActionButtonClick"?: (event: VegaBannerCustomEvent<VegaBannerActionButtonType>) => void;
        /**
          * An event emitter notifying the banner close event.
          * @vegaVersion 1.13.0
         */
        "onVegaClose"?: (event: VegaBannerCustomEvent<any>) => void;
        /**
          * Determines whether the close icon is displayed.
          * @vegaVersion 1.13.0
         */
        "showCloseButton"?: boolean;
        /**
          * Specifies the type of the banner.
          * @vegaVersion 2.8.0
         */
        "type"?: VegaBannerPropType;
    }
    interface VegaBarChart {
        /**
          * Specifies the rendering options for the bar chart.
          * @vegaVersion 1.33.0
         */
        "options"?: VegaBarChartOptionsType;
    }
    interface VegaBox {
        /**
          * Specifies how the box aligns itself within its container.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
         */
        "alignSelf"?: ResponsiveType<AlignSelfType>;
        /**
          * Defines the background color of the box.    It accepts a string value representing a valid    background color token.
          * @vegaVersion 2.0.0
         */
        "backgroundColor"?: StateVariantType<BackgroundColorsTokenType, CssStatesType>;
        /**
          * Defines the border of the box.    It accepts a string value representing a valid    border token.
          * @vegaVersion 2.0.0
         */
        "border"?: StateVariantType<BordersTokenType, CssStatesType>;
        /**
          * Defines the border color of the box.    It accepts a string value representing a valid    border color token.
          * @vegaVersion 2.0.0
         */
        "borderColor"?: StateVariantType<BorderColorsTokenType, CssStatesType>;
        /**
          * Specifies the line style of the box border. *
          * @vegaVersion 2.7.0
         */
        "borderStyle"?: BorderStyleType;
        /**
          * Defines the corner of the box.    It accepts a string value representing a valid    border radius token.
          * @vegaVersion 2.0.0
         */
        "corners"?: ResponsiveType<CornersType>;
        /**
          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block`, `inline-block` and `none`.
          * @vegaVersion 1.38.0
         */
        "display"?: ResponsiveType<BoxDisplayType>;
        /**
          * Specifies how the box adjusts its size, growth, and alignment within a flex container.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
         */
        "flex"?: ResponsiveType<FlexType>;
        /**
          * Specifies the base size of the box.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
         */
        "flexBasis"?: ResponsiveType<FlexBasisType>;
        /**
          * Specifies how the box is grow.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
         */
        "flexGrow"?: ResponsiveType<FlexGrowType>;
        /**
          * Specifies how much the box shrinks.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
         */
        "flexShrink"?: ResponsiveType<FlexShrinkType>;
        /**
          * Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType.
          * @vegaVersion 2.5.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
         */
        "gridArea"?: ResponsiveType<GridAreaType>;
        /**
          * Determines the placement of the item within the grid along the horizontal axis.
          * @vegaVersion 2.5.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
         */
        "gridColumn"?: ResponsiveType<GridColumnType>;
        /**
          * Determines the placement of the item within the grid along the vertical axis.
          * @vegaVersion 2.5.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
         */
        "gridRow"?: ResponsiveType<GridRowType>;
        /**
          * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to    determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
          * @vegaVersion 2.0.0
         */
        "height"?: ResponsiveType<HeightType>;
        /**
          * Specifies how a single box justifies its content along the main axis within its container.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
         */
        "justifySelf"?: ResponsiveType<JustifySelfType>;
        /**
          * Defines the spacing around the box.    You can set it as a single spacing value,    such as `size-16` or `size-24`, which will apply    the same margin on all sides of the box.  Alternatively, you can set the padding as a responsive map,    allowing you to define different margin values for different breakpoints.    The responsive map should follow the structure    `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.  Note that the `default` value is required when using a responsive map    to provide a fallback margin value for breakpoints    that are not explicitly defined.
          * @vegaVersion 1.27.0
         */
        "margin"?: ResponsiveType<MarginType>;
        /**
          * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'min-content'    (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
          * @vegaVersion 2.7.0
         */
        "maxHeight"?: ResponsiveType<MaxHeightType>;
        /**
          * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%'    or keyword values like 'max-content'    (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used.    Please refer to https://vega.globalpayments.com/tokens/spacing    to check the full list of spacing tokens.
          * @vegaVersion 2.7.0
         */
        "minHeight"?: ResponsiveType<MinHeightType>;
        /**
          * Specifies the display order of the box.
          * @vegaVersion 2.3.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/order
         */
        "order"?: ResponsiveType<OrderType>;
        /**
          * Determines the spacing between the content and the edges of the box.    It can be set as a spacing value, such as `size-16` or `size-24`,    to apply the same padding on all sides.  Alternatively, you can set the padding as a responsive map,    allowing you to define different padding values for different breakpoints.    The responsive map should follow the structure    `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.  Note that the `default` value is required when using a responsive map    to provide a fallback padding value for breakpoints    that are not explicitly defined.
          * @vegaVersion 1.27.0
         */
        "padding"?: ResponsiveType<PaddingType>;
        /**
          * Defines the custom class name of the box.
          * @vegaVersion 2.0.0
         */
        "responsiveClass"?: ResponsiveType<string>;
        /**
          * Defines the box shadow of the box.    It accepts a string value representing a valid    box shadow token.
          * @vegaVersion 2.0.0
         */
        "shadow"?: StateVariantType<ShadowsTokenType, 'default' | 'focus-visible' | 'hover'>;
        /**
          * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions.    For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to    determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
          * @vegaVersion 2.0.0
         */
        "width"?: ResponsiveType<WidthType>;
    }
    interface VegaBrandLogo {
        /**
          * Specifies the name of the brand logo.
          * @vegaVersion 2.47.0
         */
        "name"?: 'global-payments' | 'genius' | 'g-symbol';
        /**
          * Specifies the size of the brand logo.
          * @vegaVersion 2.47.0
         */
        "size"?: 'small' | 'medium' | 'large';
        /**
          * Specifies the display theme of the brand logo.   Available options include:   - `auto`: Displays the logo in light mode by default;     	   switches to dark mode if the page theme changes.   - `light`: Always displays the logo in light mode, regardless of the page theme.   - `dark`: Always displays the logo in dark mode, regardless of the page theme.
          * @vegaVersion 2.47.0
         */
        "theme"?: 'auto' | 'light' | 'dark';
    }
    interface VegaBreadcrumb {
        /**
          * Compact mode toggle for mobile viewport.  When `true` (default), the breadcrumb displays only the last clickable item on mobile devices to save horizontal space. When `false`, the full multi-item layout is shown on mobile, identical to desktop behavior (still subject to collapsing based on `maxItems`).
          * @vegaVersion 2.66.0
         */
        "compactOnMobile"?: boolean;
        /**
          * Represents the individual elements within the `vega-breadcrumb` component.
          * @vegaVersion 1.41.0
         */
        "items"?: VegaBreadcrumbItemType[];
        /**
          * Determines whether the last breadcrumb item is clickable.  When `false` (default), the last item is rendered as plain text. When `true`, the last item becomes a clickable link, styled the same as the other breadcrumb items.
          * @vegaVersion 2.81.0
         */
        "lastItemClickable"?: boolean;
        /**
          * Determines the maximum number of visible items in the `vega-breadcrumb` component,    primarily in desktop mode.  When the number of items exceeds this limit, the component automatically    collapses the center items, rendering only the first and last items visible.  If you set this value to `none`, all items will remain expanded.  The minimum allowed value for this property is 4.
          * @vegaVersion 1.41.0
         */
        "maxItems"?: VegaBreadcrumbCollapsedThresholdType;
        /**
          * An event emitter notifying that a breadcrumb item has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaBreadcrumbCustomEvent<VegaBreadcrumbItemType>) => void;
        /**
          * An event emitter notifying that a breadcrumb item has been clicked.
          * @vegaVersion 1.41.0
         */
        "onVegaClick"?: (event: VegaBreadcrumbCustomEvent<VegaBreadcrumbItemType>) => void;
    }
    interface VegaButton {
        /**
          * Specifies whether the button should span the    full width of its parent element.
          * @vegaVersion 1.3.0
         */
        "block"?: ResponsiveType<boolean>;
        /**
          * Indicates the danger status of the button,    typically used for destructive actions.
          * @vegaVersion 1.3.0
         */
        "danger"?: boolean;
        /**
          * Specifies whether the button element is disabled.
          * @vegaVersion 1.0.3
         */
        "disabled"?: boolean;
        /**
          * Specifies the icon to be displayed on the button,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 1.0.3
         */
        "icon"?: string;
        /**
          * Specifies the placement of the icon in relation to the button's label.
          * @vegaVersion 1.3.0
         */
        "iconAlign"?: VegaButtonIconAlign;
        /**
          * Specifies the text displayed on the button.
          * @vegaVersion 1.0.3
         */
        "label"?: string;
        /**
          * Specifies whether the button is in a loading state. When `true`,     the button is disabled and an indeterminate loading indicator     is displayed within the button.
          * @vegaVersion 2.17.0
         */
        "loading"?: boolean;
        /**
          * An event emitter notifying the click event of the button.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaButtonCustomEvent<any>) => void;
        /**
          * An event emitter notifying the click event of the button.
          * @vegaVersion 1.0.11
         */
        "onVegaClick"?: (event: VegaButtonCustomEvent<any>) => void;
        /**
          * Specifies the size of the button.
          * @vegaVersion 1.0.0
         */
        "size"?: ResponsiveType<VegaButtonSize>;
        /**
          * Specifies the type of button and its behavior in relation to    form submission and data reset.
          * @vegaVersion 1.0.3
         */
        "type"?: VegaButtonType;
        /**
          * Specifies the visual style and prominence of the button.  It determines how the button will be presented to the user.
          * @vegaVersion 1.0.0
         */
        "variant"?: VegaButtonVariant;
    }
    interface VegaButtonCircle {
        /**
          * Indicates the danger status of the circular button,    typically used for destructive actions.
          * @vegaVersion 1.3.0
         */
        "danger"?: boolean;
        /**
          * Specifies whether the circular button element is disabled.
          * @vegaVersion 1.0.4
         */
        "disabled"?: boolean;
        /**
          * Specifies the icon to be displayed on the circular button,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 1.0.4
         */
        "icon"?: string;
        /**
          * Specifies the color of the icon displayed on the circular button.
          * @vegaVersion 1.24.0
         */
        "iconColor"?: TextColorsTokenType;
        /**
          * Specifies the text to be displayed in the tooltip for the circular button    and sets it as the `aria-label` for accessibility.
          * @vegaVersion 1.0.4
         */
        "label"?: string;
        /**
          * An event emitter notifying the click event of the circular button.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaButtonCircleCustomEvent<any>) => void;
        /**
          * An event emitter notifying the click event of the circular button.
          * @vegaVersion 1.0.11
         */
        "onVegaClick"?: (event: VegaButtonCircleCustomEvent<any>) => void;
        /**
          * Indicates whether to use a tooltip to display the label for the button circle.
          * @vegaVersion 2.0.0
         */
        "showTooltip"?: boolean;
        /**
          * Specifies the size of the circular button.
          * @vegaVersion 1.0.2
         */
        "size"?: VegaButtonCircleSize;
        /**
          * Specifies the properties of the `vega-tooltip` displayed for the button circle.
          * @vegaVersion 1.52.0
         */
        "tooltip"?: VegaButtonCircleTooltip;
        /**
          * Specifies the type of button and its behavior in relation to    form submission and data reset.
          * @vegaVersion 1.16.0
         */
        "type"?: VegaButtonType;
        /**
          * Specifies the variant and prominence of the circular button.  The following options are available for the `variant` parameter: - `primary`:      The circular button is rendered with the `bg-action` background color,      which typically signifies a primary or important action. - `secondary`:      The circular button is rendered with a transparent background and      an `action` border color. This variant is often used for      secondary or less prominent actions. - `icon-only`:      The circular button is rendered with an icon displayed in the default state,      and the circle background appears when hovering over the button.
          * @vegaVersion 1.0.2
         */
        "variant"?: VegaButtonCircleVariant;
    }
    interface VegaButtonGroup {
        /**
          * Specifies whether the button elements are disabled.
          * @vegaVersion 2.72.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the placement of the icon in relation to the button's label.
          * @vegaVersion 2.5.0
         */
        "iconAlign"?: VegaButtonGroupIconAlign;
        /**
          * An event emitter notifying the click event of the button.
          * @eventSemantics namespace:native
          * @vegaVersion 2.5.0
         */
        "onClick"?: (event: VegaButtonGroupCustomEvent<string>) => void;
        /**
          * An event emitter notifying the click event of the button group.
          * @vegaVersion 2.5.0
         */
        "onVegaClick"?: (event: VegaButtonGroupCustomEvent<string>) => void;
        /**
          * Specifies the size of the button group.
          * @vegaVersion 2.5.0
         */
        "size"?: VegaButtonGroupSize;
        /**
          * Specifies the visual style and prominence of the button group.  It determines how the button group will be presented to the user.
          * @vegaVersion 2.5.0
         */
        "variant"?: VegaButtonGroupVariant;
    }
    interface VegaButtonGroupItem {
        /**
          * Specifies whether the button group item is disabled.
          * @vegaVersion 2.72.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the properties for the dropdown menu that appears when the button group contains more than one button item.
          * @vegaVersion 2.5.0
         */
        "dropdownProps"?: DropdownPropsForButtonGroup;
        /**
          * Defines the data source used to populate the dropdown menu when the button group contains more than one button item.
          * @vegaVersion 2.5.0
         */
        "dropdownSource"?: (DropdownSourceGroup | DropdownSourceItem)[];
        /**
          * Specifies the icon to be displayed on the button item,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 2.5.0
         */
        "icon"?: string;
        /**
          * Specifies whether to display the icon only.
          * @vegaVersion 2.5.0
         */
        "iconOnly"?: boolean;
        /**
          * Specifies the unique key for the button item.
          * @vegaVersion 2.5.0
         */
        "itemKey": string;
        /**
          * Specifies the text displayed on the button item.
          * @vegaVersion 2.5.0
         */
        "label"?: string;
    }
    interface VegaButtonLink {
        /**
          * Indicates the danger status of the button link,    typically used for destructive actions.
          * @vegaVersion 1.3.0
         */
        "danger"?: boolean;
        /**
          * Specifies whether the button link element is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Specifies whether the button link will emit a vegaClick event when clicked.    When set to true, the component behaves as a link but also triggers the click event when clicked,    allowing both navigation and custom click handling.
          * @vegaVersion 1.3.0
         */
        "eventful"?: boolean;
        /**
          * Specifies the icon to be displayed on the button link,    which can be selected from a list of predefined icon tokens    or specified using a Font Awesome class.
          * @vegaVersion 1.0.4
         */
        "icon"?: string;
        /**
          * Specifies the placement of the icon in relation to    the button link's label.
          * @vegaVersion 1.3.0
         */
        "iconAlign"?: 'left' | 'right';
        /**
          * Specifies the type of icon used in the button link.  The following options are available for the `iconType` parameter: - `icon`:      The icon is rendered as a regular icon without      any additional styling or background. - `button`:      The icon is rendered with a circular background,      providing additional emphasis and visual prominence      to the icon in the button link.
          * @vegaVersion 1.0.5
         */
        "iconType"?: 'icon' | 'button';
        /**
          * Specifies the text displayed on the button link.
          * @vegaVersion 1.0.4
         */
        "label"?: string;
        /**
          * Specifies the URL associated with the button link.   If no URL is set, the component behaves as a button and triggers the click event. 	 If a URL is provided, it behaves as a link and the click event is not emitted.
          * @vegaVersion 1.0.4
          * @defaultValue javascript:void(0);
         */
        "link"?: string;
        /**
          * An event emitter notifying the click event of the button.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaButtonLinkCustomEvent<any>) => void;
        /**
          * An event emitter notifying the click event of the button.
          * @vegaVersion 1.0.11
         */
        "onVegaClick"?: (event: VegaButtonLinkCustomEvent<any>) => void;
        /**
          * Specifies the size of the button link.
          * @vegaVersion 1.0.2
         */
        "size"?: 'default' | 'large' | 'small';
        /**
          * Specifies the location where the linked document will be opened,    helping users understand how the link will behave when activated.
          * @vegaVersion 2.33.0
         */
        "target"?: VegaButtonLinkTarget;
    }
    interface VegaCalendar {
        /**
          * Controls whether clicking on a calendar date triggers the `vegaDateClick` event. When enabled, it disables the `vegaDateDblClick` event to prevent conflicts.
          * @vegaVersion 2.61.0
         */
        "enableDateClick"?: boolean;
        /**
          * Controls the visibility of the event preview popover while click event.
          * @vegaVersion 2.59.0
         */
        "enabledEventPreview"?: boolean;
        /**
          * Specifies the events of the calendar.
          * @vegaVersion 2.14.0
         */
        "events"?: VegaCalendarRawEvent[];
        /**
          * Specifies a predicate function that determines whether a given date in the calendar should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
          * @param date - The `Date` object for the cell being evaluated.
          * @returns `true` if the cell should be disabled; otherwise `false`.
          * @vegaVersion 2.56.0
         */
        "isDateDisabled"?: DisabledDate;
        /**
          * Defines the configuration options for the more action button's dropdown menu.
          * @vegaVersion 2.20.0
         */
        "moreActionDropdownProps"?: DropdownPropsForCalendar;
        /**
          * An event emitter notifying the component view content change after a switch panel click.
          * @eventSemantics namespace:native
          * @vegaVersion 2.14.0
         */
        "onChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
        /**
          * An event emitter notifying that a calendar date item has been clicked. The event will not be triggered if `enableDataClick` is false.
          * @eventSemantics namespace:native
          * @vegaVersion 2.61.0
         */
        "onDateClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
        /**
          * An event emitter notifying that a calendar date item has been double-clicked. The event will not be triggered if `enableDataClick` is true to prevent conflicts.
          * @eventSemantics namespace:native
          * @vegaVersion 2.17.0
         */
        "onDateDblClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
        /**
          * An event emitter notifying that a component event item is clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.14.0
         */
        "onEventClick"?: (event: VegaCalendarCustomEvent<VegaCalendarEventClickInfo>) => void;
        /**
          * An event emitter notifying that a calendar more action menu item has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.20.0
         */
        "onMoreActionClick"?: (event: VegaCalendarCustomEvent<string>) => void;
        /**
          * An event emitter notifying the component view content change after a switch panel click.
          * @vegaVersion 2.14.0
         */
        "onVegaChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
        /**
          * An event emitter notifying that a calendar date item has been clicked. The event will not be triggered if `enableDataClick` is false.
          * @vegaVersion 2.61.0
         */
        "onVegaDateClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
        /**
          * An event emitter notifying that a calendar date item has been double-clicked. The event will not be triggered if `enableDataClick` is set to true to prevent conflicts.
          * @vegaVersion 2.17.0
         */
        "onVegaDateDblClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
        /**
          * An event emitter notifying that a component event item is clicked.
          * @vegaVersion 2.14.0
         */
        "onVegaEventClick"?: (event: VegaCalendarCustomEvent<VegaCalendarEventClickInfo>) => void;
        /**
          * An event emitter notifying that a calendar more action menu item has been clicked.
          * @vegaVersion 2.20.0
         */
        "onVegaMoreActionClick"?: (event: VegaCalendarCustomEvent<string>) => void;
        /**
          * Controls the visibility of the calendar's event color bar.
          * @vegaVersion 2.21.0
         */
        "showEventColorBar"?: boolean;
        /**
          * Controls whether the switch view is displayed.
          * @vegaVersion 2.58.0
         */
        "showSwitchView"?: boolean;
        /**
          * Controls the visibility of the weekend columns in the calendar.
          * @vegaVersion 2.28.0
         */
        "showWeekends"?: boolean;
        /**
          * Specifies the time format of the calendar.
          * @vegaVersion 2.14.0
         */
        "timeFormat"?: TimeFormat;
        /**
          * Specifies the IANA time zone or Etc/GMT±n format.  It accepts values such as "America/New_York" or "Etc/GMT+12".  If not set, the component defaults to the system's time zone.  For a complete list of IANA time zones, see Time Zone DB(https://timezonedb.com/time-zones).
          * @vegaVersion 2.65.0
         */
        "timezone"?: string;
        /**
          * Specifies the current view mode of the calendar.
          * @vegaVersion 2.14.0
         */
        "viewMode"?: VegaCalendarViewModeType;
    }
    interface VegaCalendarEvent {
        /**
          * Specifies the calendar event.
          * @vegaVersion 2.14.0
         */
        "calendarEvent"?: CalendarEvent;
    }
    interface VegaCalendarEventPreview {
    }
    interface VegaCalendarEventSlot {
        /**
          * Specifies the event key.
          * @vegaVersion 2.19.0
         */
        "eventKey": string;
    }
    interface VegaCard {
        /**
          * Defines the background color of the card element.    It accepts a string value representing a valid    background color token.
          * @vegaVersion 1.3.0
         */
        "backgroundColor"?: BackgroundColorsTokenType;
        /**
          * Specifies the margin for the card.    It can be set as ResponsiveType or any sizing token.
          * @vegaVersion 1.3.0
         */
        "margin"?: ResponsiveType<MarginType>;
        /**
          * Specifies the padding within the card.    It can be set as ResponsiveType or any sizing token.
          * @vegaVersion 1.0.4
         */
        "padding"?: ResponsiveType<PaddingType>;
        /**
          * Determines whether the card is rendered with a shadow or a border.    By default, cards are rendered without a shadow or border.
          * @vegaVersion 1.26.0
         */
        "variant"?: 'shadow' | 'border';
    }
    interface VegaCarousel {
        /**
          * Indicates whether the carousel can be swiped    to navigate between pages on a mobile device.
          * @vegaVersion 1.18.0
         */
        "canSwipe"?: boolean;
        /**
          * Specifies the number of items displayed per page in the carousel.
          * @vegaVersion 2.1.0
         */
        "itemsPerPage"?: ResponsiveType<number>;
        /**
          * An event emitter notifying the transition of the carousel to another page,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onPageUpdate"?: (event: VegaCarouselCustomEvent<number>) => void;
        /**
          * An event emitter notifying the transition of the carousel to another page,    whether triggered programmatically or through user interaction.
          * @vegaVersion 1.3.0
         */
        "onVegaPageUpdate"?: (event: VegaCarouselCustomEvent<number>) => void;
        /**
          * Specifies the number of elements displayed per page in the carousel.
          * @deprecated This property will be removed soon and replaced by prop itemsPerPage
          * @vegaVersion 1.0.2
         */
        "perPage"?: ResponsiveType<number>;
        /**
          * Specifies whether to show the navigational buttons    at the bottom of the carousel.
          * @vegaVersion 1.0.2
         */
        "showSlider"?: boolean;
        /**
          * Controls the amount of space between the elements in the carousel    when more than one element is displayed on each page    using the `itemsPerPage` property.
          * @vegaVersion 1.0.2
         */
        "spacing"?: SpacingTokenType;
    }
    interface VegaCheckbox {
        /**
          * Specifies whether the checkbox should be pre-checked.  Use the `value` property to retrieve the current status of the checkbox.
          * @vegaVersion 1.0.7
         */
        "checked"?: boolean;
        /**
          * Specifies whether the checkbox element is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Sets a unique identifier for the checkbox.  Refer to the `value` property for detailed information on    how to use this property during form validation.
          * @vegaVersion 1.10.0
         */
        "identifier"?: string;
        /**
          * Specifies the validation status of the checkbox component.
          * @vegaVersion 1.10.0
         */
        "isValid"?: boolean;
        /**
          * An event emitter notifying changes in the value of the checkbox,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaCheckboxCustomEvent<string | boolean>) => void;
        /**
          * An event emitter notifying changes in the value of the checkbox,    whether triggered programmatically or through user interaction.
          * @vegaVersion 1.0.10
         */
        "onVegaChange"?: (event: VegaCheckboxCustomEvent<string | boolean>) => void;
        /**
          * Specifies whether the checkbox must be checked    to pass form validation.
          * @vegaVersion 1.3.0
         */
        "required"?: boolean;
        /**
          * Specifies the size of the checkbox.
          * @vegaVersion 1.3.0
         */
        "size"?: 'default' | 'small';
        /**
          * Determines the value that is associated with the checkbox    when it is checked or unchecked.  When the `identifier` property is set, the `value` property will    return the value of the `identifier` when the checkbox is checked.    When the checkbox is unchecked, the `value` property will    return an empty string ''.  If the `identifier` property is not set, the `value` property behaves    as a boolean and returns `true` when the checkbox is checked,    and `false` when it is unchecked.
          * @vegaVersion 1.0.7
         */
        "value"?: string | boolean;
    }
    interface VegaCheckboxGroup {
        /**
          * Determines whether automatic validation should be implemented for    the checkbox group upon selection.
          * @vegaVersion 2.6.0
         */
        "autoValidation"?: boolean;
        /**
          * Indicates if the checkbox group is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the checkbox group.
          * @vegaVersion 1.3.0
         */
        "hint"?: string;
        /**
          * Specifies the validation status of the   checkbox group component.
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the checkbox group.    It provides descriptive text that helps identify    the purpose of the checkbox group.
          * @vegaVersion 1.3.0
         */
        "label"?: string;
        /**
          * An event emitter notifying changes in the value   of any nested checkbox within the checkbox group,   whether triggered programmatically or through   user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaCheckboxGroupCustomEvent<string[]>) => void;
        /**
          * An event emitter notifying changes in the value   of any nested checkbox within the checkbox group,   whether triggered programmatically or through   user interaction.
          * @vegaVersion 1.0.10
         */
        "onVegaChange"?: (event: VegaCheckboxGroupCustomEvent<string[]>) => void;
        /**
          * Indicates whether at least one checkbox in the    checkbox group must be checked to pass    form validation.
          * @vegaVersion 1.3.0
         */
        "required"?: boolean;
        /**
          * Defines custom validation rules for the checkbox group.
          * @vegaVersion 2.6.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Stores the selected values of the nested checkboxes    within the checkbox group.
          * @vegaVersion 1.0.7
         */
        "value"?: string[];
        /**
          * Specifies all properties of a `vega-flex` component,    accessible as an object.
          * @vegaVersion 1.3.0
         */
        "vegaFlexProp"?: VegaFlexProps;
    }
    interface VegaChip {
        /**
          * Specifies the background color of the chip.  This property is only applicable when using the `filled-background` variant,    which is a specific style option for the chip.
          * @vegaVersion 1.11.0
         */
        "bgColor"?: BackgroundColorsTokenType;
        /**
          * Specifies the type of the chip,    determining its visual appearance and behavior.  There are two available options: `status` and `label`: - When `chipType` is set to `status`, the chip will display a dot as a prefix.    This style is commonly used to indicate a specific status    or state associated with the chip.    The `icon` and `iconAlign` properties are disabled in this mode. - On the other hand, when `chipType` is set to `label`,    the chip allows for more flexibility in positioning the icon.    You can choose to have the icon as a prefix or a suffix to the label text.    This type is commonly used when the chip represents a label or category.
          * @vegaVersion 1.11.0
         */
        "chipType"?: VegaChipType;
        /**
          * Specifies whether the chip is clickable.
          * @vegaVersion 1.11.0
         */
        "clickable"?: boolean;
        /**
          * Displays an icon in the chip. This property is applicable only when    the chip's type is set to `label`.
          * @vegaVersion 1.11.0
         */
        "icon"?: string;
        /**
          * Specifies the placement or alignment of the icon within    the chip in relation to the chip's text.
          * @vegaVersion 1.11.0
         */
        "iconAlign"?: VegaChipIconAlign;
        /**
          * Specifies the color of the icon displayed within the chip.  This property is applicable only when the chip's type is set to `label`    and an `icon` is provided.
          * @vegaVersion 2.81.0
         */
        "iconColor"?: TextColorsTokenType;
        /**
          * An event emitter notifying the click event of the chip.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaChipCustomEvent<void>) => void;
        /**
          * An event emitter notifying the click event of the close button of the chip.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClose"?: (event: VegaChipCustomEvent<void>) => void;
        /**
          * An event emitter notifying the click event of the chip.  This event is only dispatched when the `clickable` property is set to `true`.
          * @vegaVersion 1.11.0
         */
        "onVegaClick"?: (event: VegaChipCustomEvent<void>) => void;
        /**
          * An event emitter notifying the click event of the close button of the chip.  This event is only dispatched when the `showCloseIcon` property is set to `true`.
          * @vegaVersion 1.11.0
         */
        "onVegaClose"?: (event: VegaChipCustomEvent<void>) => void;
        /**
          * Controls the visibility of a close button within the chip.
          * @vegaVersion 1.11.0
         */
        "showCloseIcon"?: boolean;
        /**
          * Specifies the size of the chip.
          * @vegaVersion 1.11.0
         */
        "size"?: ResponsiveType<VegaChipSize>;
        /**
          * Specifies the color of the status dot when    the chip's type is set to `status`.
          * @vegaVersion 1.11.0
         */
        "statusColor"?: BackgroundColorsTokenType;
        /**
          * Specifies the label or title for the chip.  It provides descriptive text that helps identify    the purpose or category of the chip.
          * @vegaVersion 1.11.0
         */
        "text"?: string;
        /**
          * Specifies the color of the text displayed within the chip.
          * @vegaVersion 1.11.0
         */
        "textColor"?: TextColorsTokenType;
        /**
          * Determines the rendering style for the chip.
          * @vegaVersion 1.11.0
         */
        "variant"?: VegaChipVariant;
    }
    interface VegaCodeBlock {
        /**
          * Specifies whether the code block editor is disabled.
          * @vegaVersion 2.50.0
         */
        "disabled"?: boolean;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 2.50.0
          * @eventSemantics namespace:native
         */
        "onChange"?: (event: VegaCodeBlockCustomEvent<VegaCodeBlockValue>) => void;
        /**
          * An event emitter notifying the deletion of the code block. By default, the element is removed from the page, but this behavior can be prevented.
          * @vegaVersion 2.50.0
          * @eventSemantics namespace:native
         */
        "onRemove"?: (event: VegaCodeBlockCustomEvent<any>) => void;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 2.50.0
         */
        "onVegaChange"?: (event: VegaCodeBlockCustomEvent<VegaCodeBlockValue>) => void;
        /**
          * An event emitter notifying the deletion of the code block. By default, the element is removed from the page, but this behavior can be prevented.
          * @vegaVersion 2.50.0
         */
        "onVegaRemove"?: (event: VegaCodeBlockCustomEvent<any>) => void;
        /**
          * Specifies whether the code block editor is in read-only mode.
          * @vegaVersion 2.50.0
         */
        "readOnly"?: boolean;
        /**
          * Specifies whether to display the copy button in the code block.
          * @vegaVersion 2.50.0
         */
        "showCopyButton"?: boolean;
        /**
          * Specifies whether to display the code line number in the code block.
          * @vegaVersion 2.50.0
         */
        "showLineNumber"?: boolean;
        /**
          * Specifies the content or value to be displayed in the code block.
          * @vegaVersion 2.50.0
         */
        "value"?: VegaCodeBlockValue;
    }
    interface VegaColorPicker {
        /**
          * Determines whether automatic validation should be implemented  for the color picker when a color is selected.
          * @vegaVersion 1.13.0
         */
        "autoValidation"?: boolean;
        /**
          * Defines custom color options for the color picker.  It should be an array of hexadecimal strings representing different colors.
          * @vegaVersion 1.13.0
         */
        "colors"?: string[];
        /**
          * Specifies whether the color picker element is disabled.
          * @vegaVersion 1.13.0
         */
        "disabled"?: boolean;
        /**
          * Displays a supplementary prompt message that assists users    in understanding the expected value for the color picker.
          * @vegaVersion 1.13.0
         */
        "hint"?: string;
        /**
          * Specifies whether the color picker is inline with container styles, including a border, background color, and padding.
          * @vegaVersion 2.30.0
         */
        "isInline"?: boolean;
        /**
          * Specifies the validation status of the color picker component.
          * @vegaVersion 1.13.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the color picker.  It provides descriptive text that helps identify    the purpose or content expected in the color picker.
          * @vegaVersion 1.13.0
         */
        "label"?: string;
        /**
          * An event emitter notifying changes in the value of the color picker,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaColorPickerCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes in the value of the color picker,    whether triggered programmatically or through user interaction.
          * @vegaVersion 1.13.0
         */
        "onVegaChange"?: (event: VegaColorPickerCustomEvent<string>) => void;
        /**
          * Specifies whether a color must be selected for    the color picker to pass form validation.
          * @vegaVersion 1.13.0
         */
        "required"?: boolean;
        /**
          * Specifies custom validation rules for the color picker.
          * @vegaVersion 1.13.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the initial or preset color value of the color picker.    It is represented as a hexadecimal string.
          * @vegaVersion 1.13.0
         */
        "value"?: string;
    }
    interface VegaComboBox {
        /**
          * Determines whether automatic validation should be implemented    when a value is edited in the combo box.
          * @vegaVersion 1.11.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the combo box element is disabled.
          * @vegaVersion 1.11.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that is displayed    alongside the combo box input field.
          * @vegaVersion 1.11.0
         */
        "hint"?: string;
        /**
          * Specifies the validation status of the combo box component.
          * @vegaVersion 1.11.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the combo box.  It provides descriptive text that helps identify the    purpose or content expected in the combo box.
          * @vegaVersion 1.11.0
         */
        "label"?: string;
        /**
          * An event emitter notifying changes in the items of the combo box value,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaComboBoxCustomEvent<string[]>) => void;
        /**
          * An event emitter notifying when the user has chosen to add a new value    to the source and value of the combo box.  The event's `detail` property contains the new value.  The combo box _does not_ automatically add the new value to its `source` and `value`.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onCreate"?: (event: VegaComboBoxCustomEvent<string>) => void;
        /**
          * An event emitter notifying the user's search action in the combo box,    but only if the `useDefaultFilter` property is set to `false`.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onSearch"?: (event: VegaComboBoxCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes in the items of the combo box value,    whether triggered programmatically or through user interaction.
          * @vegaVersion 1.11.0
         */
        "onVegaChange"?: (event: VegaComboBoxCustomEvent<string[]>) => void;
        /**
          * An event emitter notifying when the user has chosen to add a new value    to the source and value of the combo box.  The event's `detail` property contains the new value.  The combo box _does not_ automatically add the new value to its `source` and `value`.
          * @vegaVersion 1.14.0
         */
        "onVegaCreate"?: (event: VegaComboBoxCustomEvent<string>) => void;
        /**
          * An event emitter notifying the user's search action in the combo box,    but only if the `useDefaultFilter` property is set to `false`.
          * @vegaVersion 1.24.0
         */
        "onVegaSearch"?: (event: VegaComboBoxCustomEvent<string>) => void;
        /**
          * Sets a placeholder string that provides a temporary hint    or example inside the combo box input field.  It indicates the expected format or pattern of the input.
          * @vegaVersion 1.11.0
         */
        "placeholder"?: string;
        /**
          * Specifies whether a value must be entered for the    combo box to pass form validation.
          * @vegaVersion 1.11.0
         */
        "required"?: boolean;
        /**
          * Specifies the size of the combo box.
          * @vegaVersion 1.11.0
         */
        "size"?: VegaComboBoxSize;
        /**
          * Specifies the source data used to populate the    dropdown menu associated with the combo box.
          * @vegaVersion 1.11.0
         */
        "source"?: DropdownSourceItem[];
        /**
          * Determines whether to display the associated dropdown menu and    filter its options based on the text entered into the combo box.  Setting this property to `false` enables custom text input handling    by listening for the `vegaSearch` event.
          * @vegaVersion 1.24.0
         */
        "useDefaultFilter"?: boolean;
        /**
          * Specifies custom validation rules for the combo box.
          * @vegaVersion 1.11.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Sets the initial or preset values of the combo box.  It should be an array of strings representing the selected values.
          * @vegaVersion 1.11.0
         */
        "value"?: string[];
        /**
          * Specifies partial properties of the `vega-dropdown` component    that are used to configure the dropdown menu    associated with the combo box.
          * @vegaVersion 1.11.0
         */
        "vegaDropdownProps"?: VegaDropdownPropsForComboBox;
    }
    interface VegaCounterBadge {
        /**
          * Specifies the background color token to indicate prominence.  - Use 'bg-danger' to represent critical information that    demands the user's attention. - Use 'bg-action' to represent a mere count of items.
          * @vegaVersion 1.15.0
         */
        "color"?: 'bg-danger' | 'bg-action';
        /**
          * Represents the number that will be displayed on the badge.
          * @vegaVersion 1.15.0
         */
        "count"?: number;
        /**
          * Determines whether the badge is displayed without a specific count.  If set to `true`, the count is hidden,    and the badge is rendered as a smaller dot.
          * @vegaVersion 1.15.0
         */
        "dot"?: boolean;
        /**
          * Specifies the offset of the badge `[left, top]` from    its default position at the top right corner.
          * @vegaVersion 1.15.0
         */
        "offset"?: number[];
    }
    interface VegaDatePicker {
        /**
          * Specifies whether the user is allowed to change either the    start date or end date of an already selected date range    without completely resetting the selected range.
          * @vegaVersion 1.3.0
         */
        "allowRepick"?: boolean;
        /**
          * Determines whether automatic validation should be implemented    when a date or range is selected.
          * @vegaVersion 1.3.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether to display the clear button when the calendar is shown.
          * @vegaVersion 1.3.0
         */
        "clearButton"?: boolean;
        /**
          * Specifies whether the date picker field is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the configuration for the calendar dropdown    associated with the date picker.
          * @vegaVersion 1.5.0
         */
        "dropdownConfig"?: DropdownConfigForDatePicker;
        /**
          * Specifies the desired date format.
          * @vegaVersion 1.3.0
         */
        "format"?: string;
        /**
          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
          * @param date - The `Date` object for the cell being evaluated.
          * @returns `true` if the cell should be disabled; otherwise `false`.
          * @vegaVersion 2.60.0
         */
        "isDateDisabled"?: DisabledDate;
        /**
          * Specifies the validation status of the date picker component.
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label or title for the date picker field.  It provides descriptive text that helps identify the    purpose or content expected in the date picker field.
          * @vegaVersion 1.3.0
         */
        "label"?: string;
        /**
          * Specifies the maximum selectable date in the date picker.
          * @vegaVersion 1.3.0
         */
        "maxDate"?: string;
        /**
          * Specifies the minimum selectable date in the date picker.
          * @vegaVersion 1.3.0
         */
        "minDate"?: string;
        /**
          * Specifies the selection mode of the date picker.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
          * @vegaVersion 1.3.0
         */
        "mode"?: DatePickerModeType;
        /**
          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaDatePickerCustomEvent<string | string[]>) => void;
        /**
          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,
          * @eventSemantics namespace:native
          * @vegaVersion 2.61.0
         */
        "onMonthYearChange"?: (event: VegaDatePickerCustomEvent<DatePickerMonthYearTypes>) => void;
        /**
          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          * @vegaVersion 1.3.0
         */
        "onVegaChange"?: (event: VegaDatePickerCustomEvent<string | string[]>) => void;
        /**
          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.61.0
         */
        "onVegaMonthYearChange"?: (event: VegaDatePickerCustomEvent<DatePickerMonthYearTypes>) => void;
        /**
          * Specifies a placeholder string that displays as a temporary hint    or example inside the date picker field.  It indicates the expected format or pattern of the date picker field.
          * @vegaVersion 1.3.0
         */
        "placeholder"?: string | string[];
        /**
          * Specifies whether the date picker field is set to read-only.  If set to `true`, keyboards and touch devices will skip    interacting with this element.
          * @vegaVersion 1.3.0
         */
        "readOnly"?: boolean;
        /**
          * Determines whether the date picker field is required.  Specifies whether a date or range must be selected for    the date picker to pass form validation.
          * @vegaVersion 1.3.0
         */
        "required"?: boolean;
        /**
          * Determines whether the clear icon should be displayed or hidden.
          * @vegaVersion 2.33.0
         */
        "showClearIcon"?: boolean;
        /**
          * Determines whether to show months and years dropdown in date picker If set to true, date picker calendar will have months and years dropdown
          * @vegaVersion 2.36.0
         */
        "showYearMonthDropdowns"?: boolean;
        /**
          * Specifies the size of the date picker field.
          * @vegaVersion 1.3.0
         */
        "size"?: 'default' | 'small';
        /**
          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
          * @vegaVersion 2.35.0
         */
        "timezone"?: string;
        /**
          * Specifies custom validation rules for the date picker field.
          * @vegaVersion 1.3.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the selected date or date range in the date picker.
          * @vegaVersion 1.3.0
         */
        "value"?: DatePickerValueType<DatePickerModeType>;
    }
    interface VegaDatePickerCalendar {
        /**
          * Specifies whether to display the clear button when the calendar is shown.
          * @vegaVersion 2.72.0
         */
        "clearButton"?: boolean;
        /**
          * Specifies a function that returns the properties for the date indicator tooltip for a given date in the date picker.  The function is called for each date cell before rendering.
          * @vegaVersion 2.77.0
         */
        "dateIndicator"?: DatePickerCalendarIndicator;
        /**
          * Determines whether to show two months in date picker calendar.   It will be ignored when the device is mobile, that means the calendar will always show single month on mobile device regardless of the value of this prop.
          * @vegaVersion 2.81.0
         */
        "dualMonths"?: boolean;
        /**
          * Specifies the desired date format.
          * @vegaVersion 2.72.0
         */
        "format"?: string;
        /**
          * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).  The function is called for each date cell before rendering.  Return `true` to disable the cell, or false to keep it selectable. Default behavior: always returns `false` (no cells are disabled).
          * @param date - The `Date` object for the cell being evaluated.
          * @returns `true` if the cell should be disabled; otherwise `false`.
          * @vegaVersion 2.72.0
         */
        "isDateDisabled"?: DisabledDate;
        /**
          * Specifies the maximum selectable date in the date picker calendar.
          * @vegaVersion 2.72.0
         */
        "maxDate"?: string;
        /**
          * Specifies the minimum selectable date in the date picker calendar.
          * @vegaVersion 2.72.0
         */
        "minDate"?: string;
        /**
          * Specifies the selection mode of the date picker calendar.   - Use `single` to allow selecting a single date.  - Use `range` to allow selecting a date range.
          * @vegaVersion 2.72.0
         */
        "mode"?: DatePickerModeType;
        /**
          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.72.0
         */
        "onClear"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
        /**
          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,
          * @eventSemantics namespace:native
          * @vegaVersion 2.61.0
         */
        "onMonthYearChange"?: (event: VegaDatePickerCalendarCustomEvent<DatePickerMonthYearTypes>) => void;
        /**
          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.72.0
         */
        "onSelectionChange"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
        /**
          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.72.0
         */
        "onVegaClear"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
        /**
          * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.61.0
         */
        "onVegaMonthYearChange"?: (event: VegaDatePickerCalendarCustomEvent<DatePickerMonthYearTypes>) => void;
        /**
          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.72.0
         */
        "onVegaSelectionChange"?: (event: VegaDatePickerCalendarCustomEvent<string | string[]>) => void;
        /**
          * Specifies the selected date or date range in the date picker calendar.
          * @vegaVersion 2.72.0
         */
        "selection"?: DatePickerValueType<DatePickerModeType>;
        /**
          * Determines whether to show months and years dropdown in date picker calendar If set to true, date picker calendar will have months and years dropdown
          * @vegaVersion 2.72.0
         */
        "showYearMonthDropdowns"?: boolean;
        /**
          * Renders the calendar picker in different sizes. Defaults to regular size
          * @vegaVersion 2.72.0
         */
        "size"?: DatePickerCalendarSizeType;
        /**
          * Specifies the calendar is static height.
          * @vegaVersion 2.72.0
         */
        "staticHeight"?: boolean;
        /**
          * Specifies the IANA time zone or Etc/GMT±n format.     It accepts values such as "America/New_York" or "Etc/GMT+12".     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones). 	   If not configured, the time zone will default to the system's time zone.
          * @vegaVersion 2.72.0
         */
        "timezone"?: string;
        /**
          * Determines whether the year or month dropdown position is calculated relative to the screen.
          * @vegaVersion 2.72.0
         */
        "yearMonthDropdownProps"?: VegaDropdownPropsForDatePickerCalendar;
    }
    interface VegaDialog {
        /**
          * Represents a dictionary that contains the configuration options    for the cancel button in the dialog.
          * @vegaVersion 1.24.0
         */
        "cancelButton"?: VegaDialogActionButtonProps;
        /**
          * Specifies the text content of the dialog.
          * @vegaVersion 1.24.0
         */
        "content"?: string;
        /**
          * Specifies the title of the dialog.
          * @vegaVersion 1.24.0
         */
        "dialogTitle"?: string;
        /**
          * Represents the function that will be executed when the user    clicks the cancel button in the dialog.
          * @vegaVersion 1.24.0
         */
        "handleCancel"?: VegaDialogAction;
        /**
          * Represents the function that will be executed when the    user clicks the action button in the dialog.
          * @vegaVersion 1.24.0
         */
        "handleOk"?: VegaDialogAction;
        /**
          * Represents a dictionary that contains the configuration options    for the modal component used to display the dialog.
          * @vegaVersion 1.24.0
         */
        "modalProps"?: Partial<VegaComponentInterface<HTMLVegaModalElement>>;
        /**
          * Represents a dictionary that contains the configuration options    for the action button in the dialog.
          * @vegaVersion 1.24.0
         */
        "okButton"?: VegaDialogActionButtonProps;
        /**
          * Determines whether the cancel button should be displayed.
          * @vegaVersion 1.24.0
         */
        "showCancel"?: boolean;
        /**
          * Specifies the type of the dialog.  Use the value `danger` when the dialog's primary action is destructive.
          * @vegaVersion 1.24.0
         */
        "type"?: 'default' | 'danger';
    }
    interface VegaDivider {
        /**
          * Specifies the direction of the divider.  It can be set to either horizontal or vertical,    determining the orientation of the separation.
          * @vegaVersion 2.10.0
         */
        "direction"?: ResponsiveType<VegaDividerDirectionType>;
        /**
          * Specifies the margin within the divider,    offering flexibility in adjusting spacing. It can be set as ResponsiveType or any sizing token    for precise control over layout and appearance.
          * @vegaVersion 2.10.0
         */
        "margin"?: ResponsiveType<MarginType>;
        /**
          * Determines the rendering style for the divider.
          * @vegaVersion 2.10.0
         */
        "variant"?: VegaDividerVariantType;
    }
    interface VegaDropdown {
        /**
          * Determines the horizontal positioning of the dropdown    within its container or relative to a reference point.
          * @vegaVersion 1.41.0
         */
        "alignment"?: ElementAppenderAlignmentType;
        /**
          * Specifies whether the search source list is case-sensitive.  Note that the default filter rules are fuzzy matching and case-insensitive.    This parameter only takes effect when `searchable` is set to `true`.
          * @vegaVersion 1.4.0
         */
        "caseSensitive"?: boolean;
        /**
          * Controls whether the dropdown can add a new item when    no proper item is available. It becomes active only when    `searchable` is set to `true`.
          * @vegaVersion 1.16.0
         */
        "dynamicOption"?: boolean;
        /**
          * Determines whether the dropdown displays a lazy loading status.
          * @vegaVersion 2.3.0
         */
        "isLazyLoading"?: boolean;
        /**
          * Determines whether the dropdown displays a loading status.
          * @vegaVersion 1.24.0
         */
        "isLoading"?: boolean;
        /**
          * Determines whether the dropdown position is calculated relative to the screen.
          * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective. - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
          * @vegaVersion 2.36.0
         */
        "isScreenPosition"?: boolean;
        /**
          * Specifies the display rule for items in the dropdown.
          * @VegaWarning Specifies the display rule for items in the dropdown, only be active if matchTargetWidth is true or maxWidth has value.
          * @vegaVersion 1.13.0
         */
        "itemDisplayRule"?: 'ellipsis' | 'newline';
        /**
          * Determines if the dropdown height should be automatically adjusted    to fit its container height.  If set to `true`, the dropdown will always be positioned at    the bottom of the available space.
          * @vegaVersion 1.3.0
         */
        "matchContainerHeight"?: boolean;
        /**
          * Determines whether the dropdown should have the    same width as the target element.
          * @vegaVersion 1.3.0
         */
        "matchTargetWidth"?: boolean;
        /**
          * Specifies the maximum height for the dropdown.
          * @vegaVersion 1.3.0
         */
        "maxHeight"?: number;
        /**
          * Specifies the maximum width of the dropdown. It can be provided as    a number or a ResponsiveType.
          * @vegaVersion 1.13.0
         */
        "maxWidth"?: ResponsiveType<SizeType>;
        /**
          * Specifies the minimum width of the dropdown. It can be provided as    a number or a ResponsiveType.
          * @vegaVersion 1.13.0
         */
        "minWidth"?: ResponsiveType<SizeType>;
        /**
          * An event emitter notifying the addition of a new value    to the dropdown source list.  The event's `detail` property contains the new value.  The dropdown _does not_ automatically add the new value to the source list.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onCreate"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying that a dropdown item has been clicked.  The event's `detail` property contains the key of the clicked item.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onDropdownClick"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying that the dropdown has been dismissed,    either programmatically or via user interaction. The name is not `hide` because already has a method `hide`.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onDropdownHide"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying the search event in the dropdown,    but only if `useDefaultFilter` is set to `false`. The name is not `search` because already has a method `search`.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onDropdownSearch"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying that the dropdown has been displayed,    either programmatically or via user interaction. The name is not `show` because already has a method `show`.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onDropdownShow"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying the reset event in the dropdown.
          * @eventSemantics namespace:native
          * @vegaVersion 2.46.0
         */
        "onReset"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying the search event triggered within the dropdown,    but only if `useDefaultFilter` is set to `false`. Unlike the Vegasearch event, this event includes the details of the user who triggered it. It can be triggered in two ways: by pressing "Enter" or through user input.
          * @eventSemantics namespace:native
          * @vegaVersion 2.30.0
         */
        "onSearchTrigger"?: (event: VegaDropdownCustomEvent<VegaDropdownSearchTriggerEventDetail>) => void;
        /**
          * An event emitter notifying the addition of a new value    to the dropdown source list.  The event's `detail` property contains the new value.  The dropdown _does not_ automatically add the new value to the source list.
          * @vegaVersion 1.14.0
         */
        "onVegaCreate"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying that a dropdown item has been clicked.  The event's `detail` property contains the key of the clicked item.
          * @vegaVersion 1.11.0
         */
        "onVegaDropdownClick"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * Event emitter notifying that the dropdown has been dismissed,    either programmatically or via user interaction.
          * @vegaVersion 1.3.0
         */
        "onVegaHide"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying the reset event in the dropdown.
          * @vegaVersion 2.46.0
         */
        "onVegaReset"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying the search event in the dropdown,    but only if `useDefaultFilter` is set to `false`.
          * @vegaVersion 1.24.0
         */
        "onVegaSearch"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * An event emitter notifying the search event triggered within the dropdown,    but only if `useDefaultFilter` is set to `false`. Unlike the Vegasearch event, this event includes the details of the user who triggered it. It can be triggered in two ways: by pressing "Enter" or through user input.
          * @vegaVersion 2.30.0
         */
        "onVegaSearchTrigger"?: (event: VegaDropdownCustomEvent<VegaDropdownSearchTriggerEventDetail>) => void;
        /**
          * An event emitter notifying that the dropdown has been displayed,    either programmatically or via user interaction.
          * @vegaVersion 1.3.0
         */
        "onVegaShow"?: (event: VegaDropdownCustomEvent<string>) => void;
        /**
          * Specifies the vertical positioning of the dropdown    within its container or relative to a reference point.
          * @vegaVersion 1.41.0
         */
        "placement"?: ElementAppenderPlacementType;
        /**
          * Specifies the relative positioning of the dropdown menu    in relation to its container.  If not specified, the dropdown will be appended to the menu by default.    Adjust this property when facing scrolling positioning problems.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.3.0
         */
        "positionRelativeTo"?: string;
        /**
          * Controls whether the prefix icon occupy a position, even if prefix has no value.
          * @vegaVersion 1.47.0
         */
        "prefixIconSlot"?: boolean;
        /**
          * Controls whether the value of selectedSourceKey is preserved when it does not exist in the source.
          * @vegaVersion 2.69.0
         */
        "preserveValueIfNotInSource"?: boolean;
        /**
          * Specifies whether the selected option in the dropdown can be cleared.    It allows users to reset the selectedSourceKey when a selection has already been made.
          * @vegaVersion 2.46.0
         */
        "resettable"?: boolean;
        /**
          * Specifies the no search results text for the dropdown.
          * @vegaVersion 2.74.0
         */
        "searchNoResultsText"?: string;
        /**
          * Determines whether the dropdown search is triggered by input or pressing the Enter key.
          * @vegaVersion 2.26.0
         */
        "searchTriggerBy"?: VegaDropdownSearchTriggerByType;
        /**
          * Controls whether the dropdown list can be searched.
          * @vegaVersion 1.3.0
         */
        "searchable"?: boolean;
        /**
          * Controls the dropdown menu's selection. It accepts three values:  - `none`:      After an item is selected, this option not only triggers the `vegaDropdownClick`      event but also conceals the dropdown menu immediately. - `single`:      Upon selection of an item whose key matches the `selectedSourceKey` property,      this setting both dispatches the `vegaDropdownClick` event and      hides the dropdown menu. - `multiple`:      When an item with a key found in the `selectedSourceKey` array is selected,      this mode releases the `vegaDropdownClick` event. Unlike the others, however,      Determines the selection mode for multiple item selection.
          * @vegaVersion 1.3.0
         */
        "selectType"?: 'none' | 'single' | 'multiple';
        /**
          * Represents the key corresponding to the selected item in the dropdown menu.    It becomes active only when `selectType` is set to `single` or `multiple`.
          * @vegaVersion 1.3.0
         */
        "selectedSourceKey"?: string | string[];
        /**
          * Specifies the size of the dropdown.    It can be provided as a number or a ResponsiveType.  If no size is set, the dropdown will default to fitting the item content width.
          * @vegaVersion 1.3.0
         */
        "size"?: ResponsiveType<SizeType>;
        /**
          * Sets the source array of items for the dropdown,    where each item must have a `key` and `label` property.
          * @vegaVersion 1.3.0
         */
        "source"?: VegaDropdownSourceItem[];
        /**
          * Specifies the position adjustment for the dropdown    relative to the target element.  By default, the dropdown is displayed on the left-bottom of the target.
          * @vegaVersion 1.3.0
         */
        "translocation"?: ResponsiveType<TranslocationType>;
        /**
          * Specifies the trigger mode for the dropdown.   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.   click: The dropdown is shown/hidden on click, and listens for global area clicks.   none: The dropdown does not listen for any events; you must control its visibility within the component.   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
          * @vegaVersion 1.3.0
         */
        "trigger"?: VegaEATriggerType;
        /**
          * Determines whether to enable source filtering based on input words.  When set to 'false', the component will emit a `vegaSearch` event    when input words are provided. In this case, you are responsible for    managing the source, including adding, deleting, and updating the source.  Note that the `dynamicOption` property will not work when    this property is set to `false`.
          * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
          * @vegaVersion 1.24.0
         */
        "useDefaultFilter"?: boolean;
        /**
          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
          * @vegaVersion 2.54.0
         */
        "virtualizationThreshold"?: number;
    }
    interface VegaDropdownContentBox {
    }
    interface VegaDropdownGroup {
        /**
          * Determines whether to include a dividing line at      the bottom of the dropdown group.
          * @vegaVersion 1.47.0
         */
        "divide"?: boolean;
        /**
          * Specifies the label for the dropdown group's level.
          * @vegaVersion 1.47.0
         */
        "label"?: string;
    }
    interface VegaDropdownItem {
        /**
          * Specifies the dropdown item's count.
          * @vegaVersion 1.47.0
         */
        "count"?: number;
        /**
          * Specifies whether the dropdown item represents a danger action. 	  It highlights actions that may have critical consequences 	     when the select type is set to none.
          * @vegaVersion 2.25.0
         */
        "danger"?: boolean;
        /**
          * Specifies the disabled status of the dropdown item.
          * @vegaVersion 1.47.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the height of the dropdown item.
          * @vegaVersion 1.47.0
         */
        "height"?: number;
        /**
          * Specifies the key for the dropdown item.
          * @vegaVersion 1.47.0
         */
        "itemKey"?: string;
        /**
          * Specifies the label for the dropdown item.
          * @vegaVersion 1.47.0
         */
        "label"?: string;
        /**
          * An event emitter notifying the dropdown item has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaDropdownItemCustomEvent<VegaDropdownItemClickEvent>) => void;
        /**
          * An event emitter notifying the dropdown item has been clicked.
          * @vegaVersion 1.47.0
         */
        "onVegaClick"?: (event: VegaDropdownItemCustomEvent<VegaDropdownItemClickEvent>) => void;
        /**
          * Specifies the prefix icon for the dropdown item.
          * @vegaVersion 1.47.0
         */
        "prefixIcon"?: string;
    }
    interface VegaFieldError {
        /**
          * Specifies the error message when the input field should display an error.    The input field will clear the error status when the message is empty.
          * @vegaVersion 1.45.0
         */
        "message"?: string;
    }
    interface VegaFieldLabel {
        /**
          * Specifies whether the field is disabled.
          * @vegaVersion 1.10.0
         */
        "disabled"?: boolean;
        /**
          * Determines whether the input field is required.  Specifies whether the field must be filled in to pass form validation.
          * @vegaVersion 1.10.0
         */
        "isFieldRequired"?: boolean;
        /**
          * Specifies the label or title for the field.  It provides descriptive text that helps identify the    purpose or content expected in the field.
          * @vegaVersion 1.10.0
         */
        "label"?: string;
        /**
          * An event emitter notifying that the suffix button associated with the field label has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onLabelButtonClick"?: (event: VegaFieldLabelCustomEvent<any>) => void;
        /**
          * An event emitter notifying that the field label has been clicked.
          * @vegaVersion 1.43.0
         */
        "onVegaClick"?: (event: VegaFieldLabelCustomEvent<any>) => void;
        /**
          * An event emitter notifying that the suffix button associated with the field label has been clicked.
          * @vegaVersion 2.25.0
         */
        "onVegaLabelButtonClick"?: (event: VegaFieldLabelCustomEvent<any>) => void;
        /**
          * Specifies the properties for the suffix button associated with the input.  It provides essential information and functionality related to    the suffix button's role and behavior.
          * @vegaVersion 2.68.0
         */
        "suffixButtonConfig"?: Nullable<LabelSuffixButtonConfig>;
        /**
          * @deprecated Please use `suffixButtonConfig` instead  Specifies the properties for the suffix button associated with the input.  It provides essential information and functionality related to the suffix button's role and behavior.
          * @vegaVersion 2.25.0
         */
        "suffixButtonProps"?: LabelSuffixButtonProps;
    }
    interface VegaFileUploader {
        /**
          * Specifies the allowed file types for upload.
          * @vegaVersion 2.25.0
          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
         */
        "accept"?: string;
        /**
          * Determines whether the input field should undergo automatic validation    during the user's input.
          * @vegaVersion 2.25.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the File Uploader field is disabled.
          * @vegaVersion 2.25.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the file uploader field.
          * @vegaVersion 2.25.0
         */
        "hint"?: string;
        /**
          * Specifies the validation status of the file uploader component.
          * @vegaVersion 2.25.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label or title for the field.  It provides descriptive text that helps identify the    purpose or content expected in the field.
          * @vegaVersion 2.25.0
         */
        "label"?: string;
        /**
          * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
          * @vegaVersion 2.36.0
         */
        "maxCount"?: number | null;
        /**
          * An event emitter notifying a change in the file list.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onChange"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFiles>) => void;
        /**
          * An event emitter notifying that a file will be opened for preview.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onPreview"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFile>) => void;
        /**
          * An event emitter notifying that a selected file will be removed. By default, the component value   is updated, but this behavior can be prevented.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onRemove"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFile>) => void;
        /**
          * An event emitter notifying that a file will be re-uploaded.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onRetry"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFile>) => void;
        /**
          * An event emitter notifying a file selection change. By default, the component value   is updated, but this behavior can be prevented.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onSelectedFileChange"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFiles>) => void;
        /**
          * An event emitter notifying a change in the file list.
          * @vegaVersion 2.25.0
         */
        "onVegaChange"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFiles>) => void;
        /**
          * An event emitter notifying that a file will be opened for preview.
          * @vegaVersion 2.25.0
         */
        "onVegaPreview"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFile>) => void;
        /**
          * An event emitter notifying that a selected file will be removed. By default, the component value   is updated, but this behavior can be prevented.
          * @vegaVersion 2.25.0
         */
        "onVegaRemove"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFile>) => void;
        /**
          * An event emitter notifying that a file will be re-uploaded.
          * @vegaVersion 2.25.0
         */
        "onVegaRetry"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFile>) => void;
        /**
          * An event emitter notifying a file selection change. By default, the component value   is updated, but this behavior can be prevented.
          * @vegaVersion 2.25.0
         */
        "onVegaSelectedFileChange"?: (event: VegaFileUploaderCustomEvent<VegaFileUploaderFiles>) => void;
        /**
          * Specifies whether uploading a file is mandatory.
          * @vegaVersion 2.25.0
         */
        "required"?: boolean;
        /**
          * Defines custom validation rules for the File Uploader field.
          * @vegaVersion 2.25.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the initial file content to display, enabling a preview    of the uploaded file or a default placeholder.
          * @vegaVersion 2.25.0
         */
        "value"?: VegaFileUploaderFile[] | null;
        /**
          * Specifies the uploader type that activates when clicked    or when a file is dragged, determining how users    interact with the file uploader.
          * @vegaVersion 2.25.0
         */
        "variant"?: VegaFileUploaderType;
    }
    interface VegaFlagIcon {
        /**
          * Specifies the country code using the two-letter uppercase country code.
          * @vegaVersion 2.46.0
         */
        "country"?: VegaCountryCode;
        /**
          * Specifies the width and height of the icon.
          * @vegaVersion 2.46.0
         */
        "size"?: SpacingTokenType;
    }
    interface VegaFlex {
        /**
          * Controls the alignment of items within the flex container.
          * @vegaVersion 1.49.0
         */
        "alignItems"?: ResponsiveType<FlexAlignItemType>;
        /**
          * Determines the breakpoint at which the flex direction transitions from    row-based layout to column-based layout, or vice versa.
          * @deprecated Please use the `direction` property instead.
          * @vegaVersion 1.0.4
         */
        "breakpoint"?: BreakpointsTokenType | 'None';
        /**
          * Specifies the flex direction.
          * @vegaVersion 1.3.0
         */
        "direction"?: ResponsiveType<FlexDirectionType>;
        /**
          * Specifies how the box adjusts its size, growth, and alignment within a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
         */
        "flex"?: ResponsiveType<FlexType>;
        /**
          * Specifies the box's base size, defining its initial    width or height in a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
         */
        "flexBasis"?: ResponsiveType<FlexBasisType>;
        /**
          * Specifies how the box grows to fill available space in a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
         */
        "flexGrow"?: ResponsiveType<FlexGrowType>;
        /**
          * Specifies how much the box shrinks to fit within a flex container.
          * @vegaVersion 2.26.0
          * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
         */
        "flexShrink"?: ResponsiveType<FlexShrinkType>;
        /**
          * Determines whether flex items are confined to a single line or can wrap onto multiple lines based on available space.
          * @vegaVersion 2.6.0
         */
        "flexWrap"?: ResponsiveType<FlexWrapType>;
        /**
          * Determines the gap (spacing) within the flex container.  It can be provided as a spacing value, such as `size-12` or `size-24`.  Alternatively, it can be set as a responsive map using key-value pairs    to define different gaps for various breakpoints,    where the `default` key is required.
          * @vegaVersion 1.0.4
         */
        "gap"?: ResponsiveType<GapType>;
        /**
          * Controls the alignment of content items and the distribution of    space between and around them within the flex container.
          * @vegaVersion 1.3.0
         */
        "justifyContent"?: ResponsiveType<FlexJustifyContentType>;
        /**
          * Determines the margin (spacing) around the flex container.  It can be provided as a spacing value, such as `size-16` or `size-24`.  Alternatively, it can be set as a responsive map using key-value pairs    to define different margins for various breakpoints.    When using a responsive map, the `default` key is required.
          * @vegaVersion 1.3.0
         */
        "margin"?: ResponsiveType<MarginType>;
        /**
          * Specifies whether to use the native flex layout.
          * @deprecated This property will be removed soon and vega-flex will only support native-based flex behaviors.
          * @vegaVersion 1.10.0
         */
        "useNativeFlex"?: boolean;
    }
    interface VegaFont {
        /**
          * Indicates the rendering of an additional node with a     value that is an HTML tag name. It can be set as `ResponsiveType`.
          * @vegaVersion 1.46.0
         */
        "as"?: ResponsiveType<VegaFontAs>;
        /**
          * Specifies the font color represented by a valid text color token.
          * @vegaVersion 1.46.0
         */
        "color"?: TextColorsTokenType;
        /**
          * Specifies the capability to enable or disable the font's      responsiveness from native code.
          * @vegaVersion 1.46.0
         */
        "disableResponsive"?: boolean;
        /**
          * Specifies the horizontal alignment of the vega-font content.  This property determines how the text is aligned   	within its container, and it is effective only when   	the vega-font is styled as a block-level element.
          * @vegaVersion 2.9.0
         */
        "textAlign"?: ResponsiveType<TextAlignType>;
        /**
          * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
          * @vegaVersion 1.46.0
         */
        "variant"?: ResponsiveType<TypographyTokenType>;
    }
    interface VegaForm {
        /**
          * Specifies the HTTP URL for form submission.    This property takes effect only when {@link useNativeForm} is set to `true`.
          * @vegaVersion 2.64.0
         */
        "action"?: string;
        /**
          * Specifies whether form validation should be disabled on blur events of form elements.   - This helps prevent validation on blur when clicking Submit inside an input,        avoiding error messages that shift the button and block the click.  - For nested forms, the parent form will override this property        to ensure consistent validation behavior.
          * @vegaVersion 2.47.0
         */
        "disableBlurValidation"?: boolean;
        /**
          * Indicates whether the value of any current    form-controlled elements has been changed.    1. When the value of any form-controlled element is changed,      this parameter is set to `true`.   2. When resetting the form, this parameter is set to `false`.   3. When invoking the `setValue` method, this parameter is set to `false`.
          * @vegaVersion 1.3.0
         */
        "isTouched"?: boolean;
        /**
          * Indicates whether the current form-controlled elements are valid.  Form-controlled elements are considered for validation if they    have the `data-vega-form` property.  Disabled and invisible elements are excluded from validation.  If the value is `undefined`, it means there are no    form-controlled elements that can be validated.  **Additional Notes:**   1. When depending on `isValid` for form validation, it is advised      not to modify the following properties of the monitored DOM:      - `disabled` property      - Element visibility style   2. As this property relies heavily on the `VegaValidate` event emitted,      it is highly recommended to enable auto-validation for all      form-controlled elements to ensure that the value reflects      the most up-to-date form validation status.
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the HTTP method used for form submission.   This property takes effect only when {@link useNativeForm} is set to `true`.
          * @vegaVersion 2.64.0
         */
        "method"?: 'post' | 'get';
        /**
          * An event emitter notifying the reset of the form.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onFormReset"?: (event: VegaFormCustomEvent<any>) => void;
        /**
          * An event emitter notifying the submission of the form.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onFormSubmit"?: (event: VegaFormCustomEvent<unknown>) => void;
        /**
          * An event emitter notifying the change in the validation result.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onValidate"?: (event: VegaFormCustomEvent<boolean>) => void;
        /**
          * An event emitter notifying the reset of the form.
          * @vegaVersion 1.24.0
         */
        "onVegaFormReset"?: (event: VegaFormCustomEvent<any>) => void;
        /**
          * An event emitter notifying the submission of the form.
          * @vegaVersion 1.24.0
         */
        "onVegaFormSubmit"?: (event: VegaFormCustomEvent<unknown>) => void;
        /**
          * An event emitter notifying the change in the validation result.
          * @vegaVersion 1.9.1
         */
        "onVegaValidate"?: (event: VegaFormCustomEvent<boolean>) => void;
        /**
          * Determines whether the `vega-form` content is wrapped in a native HTML <form> element.
          * @vegaVersion 2.64.0
         */
        "useNativeForm"?: boolean;
    }
    interface VegaGrid {
        /**
          * Determines the configuration of the grid columns.    It can be provided as an integer, string, or a responsive map    using key-value pairs.  If provided as an integer from 1 to 12, each column will have the same width.    The CSS for this configuration is `grid-template-columns: repeat(number, minmax(0, 1fr))`.  If provided as a string in the format of n-auto    (e.g., `1-auto`, `2-auto`, ..., `12-auto`),    each column will have auto width. The CSS for this configuration is    `grid-template-columns: repeat(number, auto)`.  Alternatively, you can use a responsive map to define different column configurations    for various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values can be integers or strings following the    same patterns mentioned above.
          * @vegaVersion 1.3.0
         */
        "column"?: ResponsiveType<GridColumnsType>;
        /**
          * Determines the spacing between grid cells.  It can be provided as a spacing value, such as `size-16` or `size-24`.  Alternatively, you can use a responsive map to define different gap values for    various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values should be spacing values.
          * @vegaVersion 1.3.0
         */
        "gap"?: ResponsiveType<GapType>;
        /**
          * Specifies how grid items are aligned along the inline (row) axis.  It can be provided as one of: `start`, `center`, `end`, or `stretch`.  Alternatively, you can use a responsive map to define different values for    various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`.
          * @vegaVersion 2.79.0
         */
        "justifyItems"?: ResponsiveType<GridJustifyItemsType>;
        /**
          * Determines the configuration of the grid rows.    It can be provided as an integer, string, or a responsive map    using key-value pairs.  If provided as an integer from 1 to 6, each row will have the same height.    The CSS for this configuration is `grid-template-rows: repeat(number, minmax(0, 1fr))`.  If provided as a string in the format of n-auto    (e.g., `1-auto`, `2-auto`, ..., `6-auto`),    each row will have auto height. The CSS for this configuration is    `grid-template-rows: repeat(number, auto)`.  Alternatively, you can use a responsive map to define different row configurations    for various breakpoints. The keys in the map should represent the breakpoints,    such as `default` or `L`, and the values can be integers or strings following the    same patterns mentioned above.
          * @vegaVersion 1.3.0
         */
        "row"?: ResponsiveType<GridRowsType>;
    }
    interface VegaHint {
    }
    interface VegaIcon {
        /**
          * Specifies the color of the icon.  If the color prop is `undefined`, it defaults to `currentColor`.
          * @vegaVersion 1.26.0
         */
        "color"?: TextColorsTokenType;
        /**
          * Specifies the required icon design token for the icon.
          * @vegaVersion 1.0.4
         */
        "icon"?: string;
        /**
          * Specifies the width and height of the icon.    For Third Party Icons (e.g., Font Awesome),    it sets the icon's font-size.
          * @vegaVersion 1.0.4
         */
        "size"?: SpacingTokenType;
    }
    interface VegaImageUploader {
        /**
          * Specifies the allowed file types for upload.
          * @vegaVersion 1.14.0
          * @defaultValue .jpg,.png,.jpeg
         */
        "accept"?: string;
        /**
          * Specifies the action sub-title for the image uploader.    This property provides descriptive text that identifies    the intended action or function of the image uploader.
          * @vegaVersion 2.9.0
         */
        "actionSubTitle"?: string;
        /**
          * Specifies the action title for the image uploader.    This property provides descriptive text that identifies    the intended action or function of the image uploader.
          * @vegaVersion 2.9.0
         */
        "actionTitle"?: string;
        /**
          * Determines whether automatic validation should be    implemented for image uploads.
          * @vegaVersion 1.14.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the Image Uploader field is disabled.
          * @vegaVersion 1.14.0
         */
        "disabled"?: boolean;
        /**
          * Defines the height of the image uploader field.
          * @vegaVersion 2.9.0
         */
        "height"?: ResponsiveType<SizeType>;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the image uploader field.
          * @vegaVersion 2.9.0
         */
        "hint"?: string;
        /**
          * Specifies the validation status.
          * @vegaVersion 1.14.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label or title for the image uploader.    It provides descriptive text that helps identify    the purpose of the image uploader.
          * @vegaVersion 2.5.0
         */
        "label"?: string;
        /**
          * An event emitter notifying the removal of a value.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onCancel"?: (event: VegaImageUploaderCustomEvent<any>) => void;
        /**
          * An event emitter notifying a value change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaImageUploaderCustomEvent<any>) => void;
        /**
          * An event emitter notifying the removal of a value.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onRemove"?: (event: VegaImageUploaderCustomEvent<any>) => void;
        /**
          * An event emitter notifying the cancellation of an uploading event.
          * @vegaVersion 1.14.0
         */
        "onVegaCancel"?: (event: VegaImageUploaderCustomEvent<any>) => void;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 1.14.0
         */
        "onVegaChange"?: (event: VegaImageUploaderCustomEvent<VegaFileOptional>) => void;
        /**
          * An event emitter notifying the removal of a value.
          * @vegaVersion 1.14.0
         */
        "onVegaRemove"?: (event: VegaImageUploaderCustomEvent<any>) => void;
        /**
          * Specifies whether uploading an image is mandatory.
          * @vegaVersion 1.14.0
         */
        "required"?: boolean;
        /**
          * Determines whether to show the preview button.
          * @vegaVersion 1.14.0
         */
        "showPreviewButton"?: boolean;
        /**
          * Determines whether to show the remove button.
          * @vegaVersion 1.14.0
         */
        "showRemoveButton"?: boolean;
        /**
          * Determines whether to show the replace button.
          * @vegaVersion 1.39.2
         */
        "showReplaceButton"?: boolean;
        /**
          * Controls the display of the upload status (`uploading`, `done`).    If not set, the status remains invisible.
          * @vegaVersion 1.14.0
         */
        "status"?: VegaImageUploaderStatus | undefined;
        /**
          * Specifies custom validation rules for image uploads.
          * @vegaVersion 1.14.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Determines the visual content that is initially displayed in    the image uploader component, thereby providing a preview of    the uploaded image or a default placeholder.
          * @vegaVersion 1.14.0
         */
        "value"?: VegaFile | null;
        /**
          * Defines the width of the image uploader field.
          * @vegaVersion 2.9.0
         */
        "width"?: ResponsiveType<SizeType>;
    }
    interface VegaInput {
        /**
          * Enables or disables automatic validation as the user interacts with the input.  When `true`, the component validates the input value in real-time against all configured validation rules (`required`, `min`, `max`, `minLength`, `maxLength`, `email`, and custom `validationRules`). Validation is triggered on blur and during input, updating the `isValid` property accordingly.  Set to `false` when you need to manage validation manually (e.g., only on form submission).
          * @default true
          * @vegaVersion 1.0.10
         */
        "autoValidation"?: boolean;
        /**
          * Controls the browser's autofill and autocomplete behavior for this input.  Set to a semantic token (e.g., `'email'`, `'tel'`, `'street-address'`) to help the browser suggest previously saved values. Set to `'off'` to disable autocomplete suggestions entirely.  See the full list of valid tokens: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete
          * @default 'off'
          * @vegaVersion 1.0.5
         */
        "autocomplete"?: InputAutocompleteTypes;
        /**
          * When `true`, disables the ability to copy from or paste into the input field.  This is useful for security-sensitive fields (e.g., password confirmation) where you want to prevent users from pasting values. Both keyboard shortcuts and context menu copy/paste actions are blocked.
          * @default false
          * @vegaVersion 2.1.0
         */
        "disableCopyPaste"?: boolean;
        /**
          * When `true`, disables the input field, preventing user interaction.  A disabled input cannot receive focus, does not respond to click or keyboard events, and is visually styled with reduced opacity to indicate its inactive state. Disabled fields are excluded from form validation.
          * @default false
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * When `true`, enforces email format validation on the input value.  The validation checks that the entered text conforms to standard email formatting rules (e.g., `user@domain.com`). An invalid email will cause `isValid` to be set to `false` when validation is triggered.
          * @deprecated Please use `type='email'` instead, which provides the same validation along with optimized mobile keyboard and browser autofill support.
          * @default false
          * @vegaVersion 1.0.5
         */
        "email"?: boolean;
        /**
          * Configures the action label (or icon) to present for the enter key on virtual keyboards.  - `'enter'` — Insert a new line. - `'done'` — Nothing more to input, close the virtual keyboard. - `'go'` — Navigate to the target of the typed text. - `'next'` — Move to the next field that will accept text. - `'previous'` — Move to the previous field that will accept text. - `'search'` — Execute a search query. - `'send'` — Deliver the content (e.g. a message).  See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint for more details.
          * @vegaVersion 2.81.0
         */
        "enterkeyhint"?: InputEnterKeyHintTypes;
        /**
          * Displays a helper text message below the input field.  Use this to provide additional guidance about the expected input, such as format requirements (e.g., `'Must be at least 8 characters'`) or contextual tips. The hint is rendered via the `<vega-hint>` sub-component and is replaced by an error message when validation fails.
          * @default ''
          * @vegaVersion 1.3.0
         */
        "hint"?: string;
        /**
          * Provides a hint to the browser about the type of virtual keyboard to display on mobile devices, independent of the `type` attribute.  - `'text'` — Standard text keyboard. - `'numeric'` — Numeric keypad (digits only), useful for PIN codes or quantities.  See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode for more details.
          * @vegaVersion 2.71.0
         */
        "inputmode"?: 'text' | 'numeric';
        /**
          * Reflects the current validation state of the input field.  - `true` — The field value passes all validation rules; no error styling is shown. - `false` — The field value is invalid; error styling and messages are displayed. - `null` — Validation has not yet been triggered (initial state).  This property is automatically updated when `autoValidation` is `true`. It can also be set programmatically to force a specific validation state (e.g., after server-side validation).
          * @default null
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the visible label text displayed above the input field.  The label provides an accessible, descriptive title that helps users identify the purpose or content expected in the input field. It is rendered as a `<vega-field-label>` element and is associated with the native `<input>` for accessibility (screen readers, click-to-focus).  When set to an empty string, no label is rendered.
          * @default ''
          * @vegaVersion 1.0.5
         */
        "label"?: string;
        /**
          * Configures an optional action button displayed at the trailing end of the field label. Use this to provide contextual actions such as a "Forgot password?" link, a help tooltip trigger, or any custom label-level action.  When clicked, the `vegaLabelButtonClick` event is emitted.
          * @default null
          * @vegaVersion 2.68.0
         */
        "labelSuffixButtonConfig"?: Nullable<LabelSuffixButtonConfig>;
        /**
          * @deprecated Please use `labelSuffixButtonConfig` instead.  Configures an optional action button displayed at the trailing end of the field label. This can be used to provide contextual actions such as a "Forgot password?" link or an info tooltip trigger.
          * @default null
          * @vegaVersion 2.25.0
         */
        "labelSuffixButtonProps"?: Nullable<LabelSuffixButtonProps>;
        /**
          * Configures input masking to automatically format the user's input according to a predefined pattern.  Supports built-in mask types (`'phone'`, `'zipcode'`, `'taxId'`, `'thousand-comma'`, `'number'`) as well as custom masks via `'custom'` or `'custom-formatter'` strategies.  Pass a single `MaskConfigType` object or an array of configs to apply multiple masks. Each config specifies the mask `type`, optional formatting `options`, and a `trigger` (`'input'` or `'blur'`) to control when formatting is applied.
          * @vegaVersion 1.3.0
         */
        "maskConfig"?: MaskConfigType | MaskConfigType[];
        /**
          * Sets the maximum allowable numeric value for the input.  When set, a `MaxNumberRule` validation is applied automatically. If the user enters a number above this threshold, the field will be marked as invalid. Only applies when the input value is numeric.
          * @default null
          * @vegaVersion 1.0.5
         */
        "max"?: number | null;
        /**
          * Sets the maximum character length allowed for the input value.  When set, a `MaxStringLengthRule` validation is applied automatically. If the user enters more characters than specified, the field will be marked as invalid when validation is triggered.
          * @default null
          * @vegaVersion 1.0.5
         */
        "maxLength"?: number;
        /**
          * Sets the minimum allowable numeric value for the input.  When set, a `MinNumberRule` validation is applied automatically. If the user enters a number below this threshold, the field will be marked as invalid. Only applies when the input value is numeric.
          * @default null
          * @vegaVersion 1.0.5
         */
        "min"?: number | null;
        /**
          * Sets the minimum character length required for the input value.  When set, a `MinStringLengthRule` validation is applied automatically. If the user enters fewer characters than specified, the field will be marked as invalid when validation is triggered.
          * @default null
          * @vegaVersion 1.0.5
         */
        "minLength"?: number;
        /**
          * Sets the `name` attribute on the underlying native `<input>` element.  This is used to identify the field when submitting form data and is also used by the browser's autocomplete feature to recall previously entered values.
          * @default ''
          * @vegaVersion 1.0.5
         */
        "name"?: string;
        /**
          * Native-namespace alias for the `vegaBlur` event.  Emitted at the same time and under the same conditions as `vegaBlur`. Use this event when integrating with frameworks that expect native-style event names.
          * @eventDetail `undefined` — No payload; listen for the event occurrence only.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onBlur"?: (event: VegaInputCustomEvent<undefined>) => void;
        /**
          * Native-namespace alias for the `vegaChange` event.  Emitted at the same time and under the same conditions as `vegaChange`. Use this event when integrating with frameworks that expect native-style event names (e.g., `@change` in Vue or Angular).
          * @eventDetail `string` — The current input value after the change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaInputCustomEvent<string>) => void;
        /**
          * Native-namespace alias for the `vegaFocus` event.  Emitted at the same time and under the same conditions as `vegaFocus`. Use this event when integrating with frameworks that expect native-style event names.
          * @eventDetail `undefined` — No payload; listen for the event occurrence only.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onFocus"?: (event: VegaInputCustomEvent<undefined>) => void;
        /**
          * Native-namespace alias for the `vegaLabelButtonClick` event.  Emitted at the same time and under the same conditions as `vegaLabelButtonClick`. Use this event when integrating with frameworks that expect native-style event names.
          * @eventDetail `void` — No payload.
          * @eventSemantics namespace:native
          * @vegaVersion 2.25.0
         */
        "onLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
        /**
          * Native-namespace alias for the `vegaNativeInputChange` event.  Emitted at the same time and under the same conditions as `vegaNativeInputChange`. Use this event when integrating with frameworks that expect native-style event names.
          * @eventDetail `string` — The raw value from the native input element.
          * @eventSemantics namespace:native
          * @vegaVersion 2.75.0
         */
        "onNativeInputChange"?: (event: VegaInputCustomEvent<string>) => void;
        /**
          * Native-namespace alias for the `vegaPaste` event.  Emitted at the same time and under the same conditions as `vegaPaste`. Use this event when integrating with frameworks that expect native-style event names.
          * @eventDetail `DataTransferType` — An object containing the pasted data, including the MIME type and raw text content from the clipboard.
          * @eventSemantics namespace:native
          * @vegaVersion 2.66.0
         */
        "onPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
        /**
          * Native-namespace alias for the `vegaSuggestionItemClick` event.  Emitted at the same time and under the same conditions as `vegaSuggestionItemClick`. Use this event when integrating with frameworks that expect native-style event names.
          * @eventDetail `VegaDropdownSourceItem` — The full data object of the selected suggestion item, including its `label`, `value`, and any custom properties.
          * @eventSemantics namespace:native
          * @vegaVersion 2.75.0
         */
        "onSuggestionItemClick"?: (event: VegaInputCustomEvent<VegaDropdownSourceItem>) => void;
        /**
          * Emitted when the input field loses focus.  This event fires after the underlying native `<input>` element's `blur` event. Useful for triggering validation, saving state, or updating UI when the user navigates away from the field.
          * @eventDetail `undefined` — No payload; listen for the event occurrence only.
          * @vegaVersion 1.3.0
         */
        "onVegaBlur"?: (event: VegaInputCustomEvent<undefined>) => void;
        /**
          * Emitted when the input value changes.  The timing of this event depends on the `valueUpdateTrigger` prop: - When `valueUpdateTrigger` is `'input'` (default), fires on every keystroke. - When `valueUpdateTrigger` is `'change'`, fires on blur or when the user presses Enter.  Also fires when the user clicks the clear icon or when the value is programmatically updated.
          * @eventDetail `string` — The current input value after the change.
          * @vegaVersion 1.0.10
         */
        "onVegaChange"?: (event: VegaInputCustomEvent<string>) => void;
        /**
          * Emitted when the input field receives focus.  This event fires after the underlying native `<input>` element's `focus` event, including when focus is set programmatically via the `doFocus()` method. Useful for highlighting the field, showing contextual help, or opening a suggestions dropdown.
          * @eventDetail `undefined` — No payload; listen for the event occurrence only.
          * @vegaVersion 1.12.0
         */
        "onVegaFocus"?: (event: VegaInputCustomEvent<undefined>) => void;
        /**
          * Emitted when the user clicks the suffix button in the field label.  This event only fires when a `labelSuffixButtonConfig` (or the deprecated `labelSuffixButtonProps`) is provided. Use it to handle contextual actions such as opening a tooltip, navigating to a help page, or triggering a "Forgot password?" flow.
          * @eventDetail `void` — No payload.
          * @vegaVersion 2.25.0
         */
        "onVegaLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
        /**
          * Emitted on every native `input` event from the underlying `<input>` element, regardless of the `valueUpdateTrigger` setting.  This event fires on every keystroke and provides the raw input value. Use this for real-time monitoring (e.g., driving a suggestions dropdown) while keeping `vegaChange` set to `'change'` trigger for the main value binding.
          * @eventDetail `string` — The raw value from the native input element.
          * @vegaVersion 2.75.0
         */
        "onVegaNativeInputChange"?: (event: VegaInputCustomEvent<string>) => void;
        /**
          * Emitted when the user pastes content into the input field.  This event fires regardless of the `disableCopyPaste` setting — the paste action is blocked visually, but the event still propagates for tracking purposes. Use this to inspect or transform pasted data before it is applied.
          * @eventDetail `DataTransferType` — An object containing the pasted data, including the MIME type and raw text content from the clipboard.
          * @vegaVersion 2.66.0
         */
        "onVegaPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
        /**
          * Emitted when the user selects an item from the suggestions dropdown.  This event only fires when the `suggestionsDropdownSource` prop is set. Use it to respond to the user's selection — for example, to populate related fields, navigate to a detail page, or trigger a search.
          * @eventDetail `VegaDropdownSourceItem` — The full data object of the selected suggestion item, including its `label`, `value`, and any custom properties.
          * @vegaVersion 2.75.0
         */
        "onVegaSuggestionItemClick"?: (event: VegaInputCustomEvent<VegaDropdownSourceItem>) => void;
        /**
          * Sets the placeholder text displayed inside the input when the value is empty.  Use this to provide a short hint about the expected input format or content (e.g., `'Enter your email'`, `'MM/DD/YYYY'`). The placeholder text disappears as soon as the user begins typing.  **Note:** Placeholder text is not a substitute for a `label` — always provide a descriptive label for accessibility.
          * @vegaVersion 1.3.0
         */
        "placeholder"?: string;
        /**
          * Displays a Vega icon at the leading (left) side of the input field, providing visual context about the expected input.  Pass a valid Vega icon name (e.g., `'search'`, `'email'`, `'lock'`). The icon is rendered inside the input container and does not affect the input's value or validation.
          * @vegaVersion 1.0.5
         */
        "prefixIcon"?: string;
        /**
          * Sets the input field as read-only, preventing direct keyboard input.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.
          * @default false
          * @vegaVersion 2.79.0
         */
        "readOnly"?: boolean;
        /**
          * Marks the input field as required for form submission.  When `true`, a required-field validation rule is automatically applied. If `autoValidation` is enabled, the field will display a validation error when the user leaves it empty. A visual required indicator (asterisk) is shown next to the label.
          * @default false
          * @vegaVersion 1.0.5
         */
        "required"?: boolean;
        /**
          * Controls whether a clear (✕) icon button is displayed inside the input when the field has a non-empty value.  When `true`, clicking the clear icon resets the input value to an empty string and emits a `vegaChange` event. Set to `false` to hide the icon (e.g., for inputs where clearing is not desired, such as read-only displays).
          * @default true
          * @vegaVersion 1.3.0
         */
        "showClearIcon"?: boolean;
        /**
          * Sets the visual size variant of the input field, affecting its height and internal padding.  - `'default'` — Standard height (40px), suitable for most form layouts. - `'small'` — Compact height (32px), useful in dense or inline   layouts. Such as table cells or toolbars.
          * @default 'default'
          * @vegaVersion 1.3.0
         */
        "size"?: 'default' | 'small';
        /**
          * Provides the data source for the input's autocomplete suggestion dropdown.  Pass an array of `VegaDropdownSourceItem` objects to enable the suggestions feature. The dropdown appears as the user types, filtering items that match the current input value. When the user selects a suggestion, the `vegaSuggestionItemClick` event is emitted.  **Important:** You must set this property to at least an empty array (`[]`) to enable the suggestion dropdown. If left `undefined`, the feature is disabled.
          * @vegaVersion 2.75.0
         */
        "suggestionsDropdownSource"?: VegaDropdownSourceItem[];
        /**
          * Sets the HTML input type, which controls the browser's input behavior, on-screen keyboard layout, and built-in validation.  - `'text'` — Standard single-line text input. - `'email'` — Optimized for email entry; triggers email validation automatically. - `'password'` — Masks the entered characters; displays a show/hide toggle icon. - `'number'` — Restricts input to numeric values; may show increment/decrement controls. - `'hidden'` — Renders the input as invisible (useful for programmatic form values).
          * @default 'text'
          * @vegaVersion 1.0.9
         */
        "type"?: InputType;
        /**
          * An array of custom validation rules applied to the input field in addition to the built-in rules derived from `required`, `min`, `max`, `minLength`, `maxLength`, and `email` props.  Each rule is a `FormFieldValidationRule` object that defines a validation function and an associated error message. Rules are evaluated in order; the first failing rule's message is displayed.
          * @default []
          * @vegaVersion 1.0.10
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * The current value of the input field.  Use this property to programmatically set or read the input's value. The value is two-way bound — it updates when the user types and can be set externally to pre-fill or reset the field.  When a `maskConfig` is applied, the displayed value may differ from the raw value (e.g., formatted phone numbers). The `vegaChange` event emits the current value whenever it changes.
          * @default ''
          * @vegaVersion 1.0.5
         */
        "value"?: string;
        /**
          * Controls when the `vegaChange` event is emitted, allowing you to choose between real-time updates and committed-value updates.  - `'input'` — Fires on every keystroke as the user types (real-time). - `'change'` — Fires only when the input loses focus or the user presses Enter,   similar to the native HTML `change` event behavior.  Use `'change'` for expensive operations (e.g., API calls) where you only need the final committed value. Use `'input'` for live search or filtering scenarios.
          * @default 'input'
          * @vegaVersion 2.24.0
         */
        "valueUpdateTrigger"?: InputValueUpdateTriggeredBy;
    }
    interface VegaInputCreditCard {
        /**
          * Determines whether the user's input in the credit card field should    be automatically validated.
          * @vegaVersion 1.26.0
         */
        "autoValidation"?: boolean;
        /**
          * Determines whether the credit card input field is disabled.
          * @vegaVersion 1.26.0
         */
        "disabled"?: boolean;
        /**
          * Specifies whether to hide the credit card number when    users focus out of the input field.  When set to `true`, the credit card number is partially masked,    with the first three fields displayed as "x" and    the last field remaining visible during blur and upon initial loading.
          * @vegaVersion 1.26.0
         */
        "hideCardNumberOnBlur"?: boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
          * @vegaVersion 1.26.0
         */
        "hint"?: string;
        /**
          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
          * @vegaVersion 1.26.0
         */
        "isValid"?: boolean;
        /**
          * Defines the label or title for the credit card input field.
          * @vegaVersion 1.26.0
         */
        "label"?: string;
        /**
          * An event emitter notifying the blur event of the credit card element.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onBlur"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
        /**
          * A native change event emitter notifying a value change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaInputCreditCardCustomEvent<string>) => void;
        /**
          * An event emitter notifying the focus of the credit card element.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onFocus"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
        /**
          * An event emitter notifying the blur event of the credit card element.
          * @vegaVersion 1.26.0
         */
        "onVegaBlur"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 1.26.0
         */
        "onVegaChange"?: (event: VegaInputCreditCardCustomEvent<string>) => void;
        /**
          * An event emitter notifying the focus of the credit card element.
          * @vegaVersion 1.26.0
         */
        "onVegaFocus"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
        /**
          * Specifies a placeholder string that displays as a temporary hint or    example inside the credit card input field.  It indicates the expected format or pattern of the credit card input.
          * @vegaVersion 1.26.0
         */
        "placeholder"?: string;
        /**
          * Specifies whether a card number must be entered for    this component to pass form validation.
          * @vegaVersion 1.26.0
         */
        "required"?: boolean;
        /**
          * Specifies the size of the credit card input field.
          * @vegaVersion 1.26.0
         */
        "size"?: 'default' | 'small';
        /**
          * Specifies custom validation rules for the credit card input field.
          * @vegaVersion 1.26.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Represents a pre-set value for the credit card input field.  It allows you to initialize the field with a specific value,    which is displayed to the user when the    input is initially rendered.
          * @vegaVersion 1.26.0
         */
        "value"?: string;
    }
    interface VegaInputNumeric {
        /**
          * Determines whether the numeric input should be validated automatically as the user interacts with it. When `true`, validation rules (including `required`, `min`, `max`, and custom `validationRules`) are evaluated and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 2.29.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the numeric input field is disabled. When `true`, the field is non-interactive — the user cannot type, focus, or use keyboard controls to change the value.
          * @default false
          * @vegaVersion 2.29.0
         */
        "disabled"?: boolean;
        /**
          * Supplementary helper message displayed below the input field that assists users in understanding the expected value or range. Visible at all times (not just on focus).
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "hint"?: string;
        /**
          * When `true`, restricts user input to whole numbers only — decimal points and fractional digits are rejected. Useful for fields like quantity, count, or age.
          * @default false
          * @vegaVersion 2.29.0
         */
        "integerOnly"?: boolean;
        /**
          * Reflects the current validation status of the numeric input.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state.
          * @default null
          * @vegaVersion 2.29.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the visible label text rendered above the numeric input. The label identifies the purpose of the field and serves as the accessible name for screen readers.
          * @default ''
          * @vegaVersion 2.29.0
         */
        "label"?: string;
        /**
          * The step value used when the user presses `Shift` + `ArrowUp` or `Shift` + `ArrowDown` to increment or decrement the value by a larger amount. This enables quick coarse-grained adjustments.  For smaller steps, see `minorIncrement`.
          * @default 10
          * @vegaVersion 2.29.0
         */
        "majorIncrement"?: number;
        /**
          * Sets the maximum allowable value for the numeric input. When set, the built-in `MaxNumberRule` is applied during validation. Values above this threshold will cause validation to fail.  Set to `null` to remove the upper bound.
          * @default null
          * @vegaVersion 2.63.0
         */
        "max"?: number | null;
        /**
          * Sets the minimum allowable value for the numeric input. When set, the built-in `MinNumberRule` is applied during validation. Values below this threshold will cause validation to fail.  Set to `null` to remove the lower bound.
          * @default null
          * @vegaVersion 2.63.0
         */
        "min"?: number | null;
        /**
          * The step value used when the user presses the `ArrowUp` or `ArrowDown` key to increment or decrement the value. This controls fine-grained adjustments to the numeric input.  For larger jumps, see `majorIncrement` (activated with `Shift` + arrow keys).
          * @default 1
          * @vegaVersion 2.29.0
         */
        "minorIncrement"?: number;
        /**
          * Native-equivalent mirror of `vegaChange`. Fires with the same payload and at the same time, allowing consumers to listen using the standard `change` event name.
          * @eventDetail number
          * @eventSemantics namespace:native
          * @vegaVersion 2.29.0
         */
        "onChange"?: (event: VegaInputNumericCustomEvent<number>) => void;
        /**
          * Fires whenever the numeric input's value changes — including typing, keyboard increment/decrement, clearing, and programmatic updates.  The event detail contains the new numeric value (`number`), or `NaN` when the field is empty.
          * @eventDetail number
          * @vegaVersion 2.29.0
         */
        "onVegaChange"?: (event: VegaInputNumericCustomEvent<number>) => void;
        /**
          * Specifies placeholder text displayed inside the input field when it is empty. The placeholder disappears once the user begins typing and is typically used to indicate the expected format (e.g., `'0.00'`).
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "placeholder"?: string;
        /**
          * Name of a Vega icon rendered before (to the left of) the input field, providing additional visual context. The icon is purely decorative and does not affect the input value.
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "prefixIcon"?: string;
        /**
          * Text displayed before (to the left of) the numeric value inside the input field. Use this to provide contextual information such as a currency symbol (e.g., `'$'`) or unit prefix.
          * @default ''
          * @vegaVersion 2.29.0
         */
        "prefixText"?: string;
        /**
          * Determines whether the numeric input field must have a value before the form can be submitted. When `true`, the built-in `RequiredFieldRule` is applied during validation and a required indicator is shown on the label.
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "required"?: boolean;
        /**
          * Controls whether a clear (×) icon button is shown inside the input field when a value is present. Clicking the button resets the value to an empty string and triggers the `vegaChange` event.
          * @default true
          * @vegaVersion 2.53.0
         */
        "showClearIcon"?: boolean;
        /**
          * Controls the visual size of the numeric input field.  - `'medium'` — Standard height, suitable for most form layouts. - `'small'` — Compact height, useful for dense UIs or inline editing.
          * @default 'medium'
          * @vegaVersion 2.29.0
         */
        "size"?: 'medium' | 'small';
        /**
          * Text displayed after (to the right of) the numeric value inside the input field. Use this to provide contextual information such as a unit suffix (e.g., `'%'`, `'kg'`, `'USD'`).
          * @default undefined
          * @vegaVersion 2.29.0
         */
        "suffixText"?: string;
        /**
          * When `true`, the numeric input automatically formats the displayed value with thousand separators (commas) as the user types (e.g., `1,000,000`). The underlying `value` property remains an unformatted numeric string.
          * @default false
          * @vegaVersion 2.29.0
         */
        "thousandComma"?: boolean;
        /**
          * An array of custom validation rules applied to the numeric input in addition to the built-in rules (`RequiredFieldRule`, `MinNumberRule`, `MaxNumberRule`). Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 2.29.0
         */
        "validationRules"?: FormFieldValidationRule1<unknown>[];
        /**
          * The current value of the numeric input field, represented as a string.  This property is mutable and will be updated when the user types or uses keyboard increment/decrement actions. It can also be set externally to pre-populate or reset the field. When `thousandComma` is enabled, the display is formatted with separators but the underlying value remains unformatted. Changes to this property trigger the `vegaChange` event.
          * @default ''
          * @vegaVersion 2.29.0
         */
        "value"?: string;
    }
    interface VegaInputPasscode {
        /**
          * Determines whether the passcode input should be validated automatically as the user types. When `true`, validation rules (including `required` and custom `validationRules`) are evaluated and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 2.66.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the passcode input is disabled. When `true`, all individual input boxes become non-interactive — the user cannot type, paste, or focus any box.
          * @default false
          * @vegaVersion 2.66.0
         */
        "disabled"?: boolean;
        /**
          * Supplementary helper message displayed below the passcode input that assists users in understanding the expected input. For example, `'Enter the 4-digit code sent to your email'`.
          * @default ''
          * @vegaVersion 2.66.0
         */
        "hint"?: string;
        /**
          * Specifies the type of characters accepted by each passcode box.  - `'numeric'` — Only digits `0`–`9` are accepted. - `'text'` — Any non-space character is accepted.  Spaces are always rejected regardless of the selected type.
          * @default 'numeric'
          * @vegaVersion 2.66.0
         */
        "inputType"?: 'numeric' | 'text';
        /**
          * Reflects the current validation status of the passcode input.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state.
          * @default null
          * @vegaVersion 2.66.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the visible label text rendered above the passcode input. The label identifies the purpose of the field (e.g., "Enter verification code") and serves as the accessible name for screen readers.
          * @default ''
          * @vegaVersion 2.66.0
         */
        "label"?: string;
        /**
          * Specifies the number of individual input boxes rendered for the passcode. Each box accepts a single character. Common values are `4` for a PIN and `6` for a two-factor authentication code.
          * @default 4
          * @vegaVersion 2.66.0
         */
        "length"?: number;
        /**
          * Native-equivalent mirror of `vegaChange`. Fires with the same payload and at the same time, allowing consumers to listen using the standard `change` event name.
          * @eventDetail string
          * @eventSemantics namespace:native
          * @vegaVersion 2.66.0
         */
        "onChange"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
        /**
          * Native-equivalent mirror of `vegaComplete`. Fires with the same payload and at the same time, allowing consumers to listen using the standard `complete` event name.
          * @eventDetail string
          * @eventSemantics namespace:native
          * @vegaVersion 2.66.0
         */
        "onComplete"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
        /**
          * Fires whenever the passcode value changes — each time a character is entered, deleted, or pasted into any box. The event detail contains the concatenated string of all box values at the time of the change.
          * @eventDetail string
          * @vegaVersion 2.66.0
         */
        "onVegaChange"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
        /**
          * Fires when all passcode boxes have been filled (i.e., the value length equals the configured `length`). The event detail contains the complete passcode string. Useful for triggering auto-submit or verification workflows.
          * @eventDetail string
          * @vegaVersion 2.66.0
         */
        "onVegaComplete"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
        /**
          * Determines whether the passcode field must have a value before the form can be submitted. When `true`, the built-in `RequiredFieldRule` is applied during validation and a required indicator is shown on the label.
          * @default false
          * @vegaVersion 2.66.0
         */
        "required"?: boolean;
        /**
          * Controls the visual size of the passcode input boxes.  - `'medium'` — Standard height, suitable for most form layouts. - `'small'` — Compact height, useful for dense UIs.
          * @default 'medium'
          * @vegaVersion 2.66.0
         */
        "size"?: 'medium' | 'small';
        /**
          * An array of custom validation rules applied to the passcode input in addition to the built-in `RequiredFieldRule`. Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 2.66.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * The current value of the passcode input, represented as a concatenated string of all box values (e.g., `'1234'` for a 4-digit passcode).  This property is mutable and reflected to the host element attribute. It updates as the user types into the boxes and can be set externally to pre-populate or reset the field.
          * @default ''
          * @vegaVersion 2.66.0
         */
        "value"?: string;
    }
    interface VegaInputPhoneNumber {
        /**
          * An array of country codes available for selection in the country dropdown. Each entry must be a two-letter uppercase ISO 3166-1 alpha-2 code.  By default all 245 supported codes are loaded, but providing a smaller subset improves initial render performance.
          * @default VegaCountryCode[] (all 245 codes)
          * @vegaVersion 2.18.0
         */
        "allowedCountryCodes"?: VegaCountryCode[];
        /**
          * Determines whether the phone number input should be validated automatically as the user interacts with it. When `true`, validation rules (including `required`, `ValidPhoneNumberRule`, and custom `validationRules`) are evaluated and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 2.18.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies the currently selected country using a two-letter uppercase ISO 3166-1 alpha-2 code (e.g., `'US'`, `'GB'`, `'CN'`). The country code determines the flag icon and calling code prefix displayed in the country selector. Changing this value updates the phone number prefix accordingly.
          * @default 'US'
          * @vegaVersion 2.18.0
         */
        "countryCode"?: VegaCountryCode;
        /**
          * Specifies whether the phone number input field is disabled. When `true`, both the country selector and the phone number text field become non-interactive — the user cannot type, select a country, or focus any part of the component.
          * @default false
          * @vegaVersion 2.18.0
         */
        "disabled"?: boolean;
        /**
          * Controls whether the `value` property can be an empty string.  - `true` — The `value` property is cleared to `''` when the user   deletes all digits from the input field. - `false` — The `value` property always retains at least the country   calling code prefix (e.g., `'+1'` for US) even when no phone number   digits have been entered.
          * @default false
          * @vegaVersion 2.35.0
         */
        "emptyValueEnabled"?: boolean;
        /**
          * Supplementary helper message displayed below the phone number input that assists users in understanding the expected value or provides additional context (e.g., `'We will send a verification code to this number'`).
          * @default ''
          * @vegaVersion 2.18.0
         */
        "hint"?: string;
        /**
          * Reflects the current validation status of the phone number input.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state.
          * @default null
          * @vegaVersion 2.18.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the visible label text rendered above the phone number input. The label identifies the purpose of the field and serves as the accessible name for screen readers.
          * @default ''
          * @vegaVersion 2.18.0
         */
        "label"?: string;
        /**
          * Native-equivalent mirror of `vegaChange`. Fires with the same payload and at the same time, allowing consumers to listen using the standard `change` event name.
          * @eventDetail string
          * @eventSemantics namespace:native
          * @vegaVersion 2.18.0
         */
        "onChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
        /**
          * Native-equivalent mirror of `vegaCountryChange`. Fires with the same payload and at the same time, allowing consumers to listen using the standard `countryChange` event name.
          * @eventDetail VegaCountryType
          * @eventSemantics namespace:native
          * @vegaVersion 2.18.0
         */
        "onCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
        /**
          * Fires whenever the phone number value changes — including typing, pasting, or programmatic updates. The event detail contains the full phone number in E.164 format (e.g., `'+14155552671'`).
          * @eventDetail string
          * @vegaVersion 2.18.0
         */
        "onVegaChange"?: (event: VegaInputPhoneNumberCustomEvent<string>) => void;
        /**
          * Fires whenever the selected country changes via the country dropdown. The event detail contains a `VegaCountryType` object with the country code, calling code, and display name of the newly selected country.
          * @eventDetail VegaCountryType
          * @vegaVersion 2.18.0
         */
        "onVegaCountryChange"?: (event: VegaInputPhoneNumberCustomEvent<VegaCountryType>) => void;
        /**
          * Specifies placeholder text displayed inside the phone number text field when it is empty. The placeholder disappears once the user begins typing and is typically used to indicate the expected format (e.g., `'(555) 555-5555'`).
          * @default undefined
          * @vegaVersion 2.18.0
         */
        "placeholder"?: string;
        /**
          * Determines whether the phone number input field must have a value before the form can be submitted. When `true`, the built-in `InputPhoneNumberRequiredRule` is applied during validation and a required indicator is shown on the label.
          * @default false
          * @vegaVersion 2.18.0
         */
        "required"?: boolean;
        /**
          * Controls the visual size of the phone number input field.  - `'default'` — Standard height, suitable for most form layouts. - `'small'` — Compact height, useful for dense UIs.
          * @default 'default'
          * @vegaVersion 2.18.0
         */
        "size"?: 'default' | 'small';
        /**
          * An array of custom validation rules applied to the phone number input in addition to the built-in rules (`InputPhoneNumberRequiredRule`, `ValidPhoneNumberRule`). Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 2.18.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * The current value of the phone number input in [E.164](https://en.wikipedia.org/wiki/E.164) format (e.g., `'+14155552671'`).  This property is mutable and reflected to the host element attribute. It updates as the user types and can be set externally to pre-populate or reset the field. When `emptyValueEnabled` is `false` and no digits have been entered, the value defaults to the country calling code prefix (e.g., `'+1'` for US).
          * @default '+1'
          * @vegaVersion 2.18.0
         */
        "value"?: string;
    }
    interface VegaInputRange {
        /**
          * Determines whether the input field should undergo automatic validation    during the user's input.
          * @vegaVersion 2.2.0
         */
        "autoValidation"?: boolean;
        /**
          * Determines whether the input range is disabled.
          * @vegaVersion 2.2.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
          * @vegaVersion 2.2.0
         */
        "hint"?: string;
        /**
          * Indicates whether the current value in the field is considered valid    based on the defined validation rules.
          * @vegaVersion 2.2.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the input range.  It provides descriptive text that helps identify the    purpose or content expected in the input field.
          * @vegaVersion 2.2.0
         */
        "label"?: string;
        /**
          * Sets the maximum allowable numeric value for the input value.
          * @vegaVersion 2.2.0
         */
        "max"?: number;
        /**
          * Sets the minimum allowable numeric value for the input value.
          * @vegaVersion 2.2.0
         */
        "min"?: number;
        /**
          * An event emitter notifying a value change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.2.0
         */
        "onChange"?: (event: VegaInputRangeCustomEvent<[number, number]>) => void;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 2.2.0
         */
        "onVegaChange"?: (event: VegaInputRangeCustomEvent<[number, number]>) => void;
        /**
          * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
          * @vegaVersion 2.2.0
         */
        "placeholder"?: [string, string];
        /**
          * Specifies an icon or symbol that appears before the input range,    providing visual context or enhancing the aesthetic appearance    of the input.
          * @vegaVersion 2.2.0
         */
        "prefixIcon"?: string;
        /**
          * Determines whether the input range is required.
          * @vegaVersion 2.2.0
         */
        "required"?: boolean;
        /**
          * Determines whether the clear icon should be displayed.
          * @vegaVersion 2.2.0
         */
        "showClearIcon"?: boolean;
        /**
          * Defines the size of the input range,    specifying its width or length.
          * @vegaVersion 2.2.0
         */
        "size"?: 'default' | 'small';
        /**
          * Determines the arrangement and appearance of    the label and input areas.
          * @vegaVersion 2.2.0
         */
        "stack"?: InputRangeStackType;
        /**
          * Defines custom validation rules for the input field.
          * @vegaVersion 2.2.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Represents a pre-set or default value for the input field.  It allows you to initialize the field with a specific value,    which is displayed to the user when the input is    initially rendered.  If the value is too long, it may be truncated with    an ellipsis for visual presentation.
          * @vegaVersion 2.2.0
         */
        "value"?: InputRangeValueType;
    }
    interface VegaInputSelect {
        /**
          * Specifies whether the system should automatically carry out    validation checks on the user's selection in real-time,    ensuring that the input adheres to predefined criteria before    submission or proceeding further.
          * @vegaVersion 1.0.11
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the input select field is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value for the input select field.
          * @vegaVersion 1.3.0
         */
        "hint"?: string;
        /**
          * Indicates the current validation status of the user's selection    from the dropdown menu.
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label or title for the input field.  It provides descriptive text that helps identify the purpose or    content expected in the input select field.
          * @vegaVersion 1.3.0
         */
        "label"?: string;
        /**
          * Specifies the properties for the suffix button associated with the input.  It provides essential information and functionality  related to the suffix button's role and behavior.
          * @vegaVersion 2.68.0
         */
        "labelSuffixButtonConfig"?: Nullable<LabelSuffixButtonConfig>;
        /**
          * An event emitter notifying the change of the select value.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaInputSelectCustomEvent<SelectValueType<SelectType>>) => void;
        /**
          * An event emitter notifying that the suffix button associated with the field label has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.68.0
         */
        "onLabelButtonClick"?: (event: VegaInputSelectCustomEvent<any>) => void;
        /**
          * An event emitter notifying the search of the dropdown.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onSearch"?: (event: VegaInputSelectCustomEvent<string>) => void;
        /**
          * An event emitter notifying the search event triggered within the dropdown, Unlike the Vegasearch event, this event includes the details of the user who triggered it. It can be triggered in two ways: by pressing "Enter" or through user input.
          * @eventSemantics namespace:native
          * @vegaVersion 2.30.0
         */
        "onSearchTrigger"?: (event: VegaInputSelectCustomEvent<VegaDropdownSearchTriggerEventDetail>) => void;
        /**
          * An event emitter notifying the change of the select value.
          * @vegaVersion 1.0.11
         */
        "onVegaChange"?: (event: VegaInputSelectCustomEvent<SelectValueType<SelectType>>) => void;
        /**
          * Event emitter notifying that the input-select has been dismissed,    either programmatically or via user interaction.
          * @vegaVersion 2.32.0
         */
        "onVegaHide"?: (event: VegaInputSelectCustomEvent<string>) => void;
        /**
          * An event emitter notifying that the suffix button associated with the field label has been clicked.
          * @vegaVersion 2.68.0
         */
        "onVegaLabelButtonClick"?: (event: VegaInputSelectCustomEvent<any>) => void;
        /**
          * An event emitter notifying the search of the dropdown.
          * @vegaVersion 1.50.0
         */
        "onVegaSearch"?: (event: VegaInputSelectCustomEvent<string>) => void;
        /**
          * An event emitter notifying the search event triggered within the dropdown,    but only if `useDefaultFilter` is set to `false`. Unlike the Vegasearch event, this event includes the details of the user who triggered it. It can be triggered in two ways: by pressing "Enter" or through user input.
          * @vegaVersion 2.30.0
         */
        "onVegaSearchTrigger"?: (event: VegaInputSelectCustomEvent<VegaDropdownSearchTriggerEventDetail>) => void;
        /**
          * An event emitter notifying that the input-select has been opened,    either programmatically or via user interaction.
          * @vegaVersion 2.32.0
         */
        "onVegaShow"?: (event: VegaInputSelectCustomEvent<string>) => void;
        /**
          * Specifies a placeholder string that displays as a temporary hint or    example inside the input select field.  It indicates the expected format or pattern of the input.
          * @vegaVersion 1.0.7
         */
        "placeholder"?: string;
        /**
          * Specifies a prefix icon for visual context or aesthetic enhancement.
          * @vegaVersion 1.3.0
         */
        "prefixIcon"?: string;
        /**
          * Determines whether the input select field is required.
          * @vegaVersion 1.0.7
         */
        "required"?: boolean;
        /**
          * Controls the selection capabilities of the associated dropdown menu.
          * @vegaVersion 1.35.0
         */
        "selectType"?: SelectType;
        /**
          * Allows customization of the text displayed within the    select field when single or multiple items are selected.    The default format for the selected label is    `{0} Selected` for multiple mode only.  To enable all modes, use the `SelectedLabelTypeForAllModes` type. 		For single mode, the default format is the `displayName` of the selected item if not set 		For multiple mode, the default format is `{0} Selected` if not set
          * @vegaVersion 1.35.0
         */
        "selectedLabel"?: SelectedLabelType | SelectedLabelTypeForAllModes;
        /**
          * Defines the size of the input select field.
          * @vegaVersion 1.18.0
         */
        "size"?: ResponsiveType<VegaInputSelectSize>;
        /**
          * Specifies the dataset used to populate the options    available in the select input dropdown menu.
          * @vegaVersion 1.0.7
         */
        "source"?: SelectSourceItem[];
        /**
          * Specifies the callback function for source lazy loading, which returns new data to load.  When the dropdown reaches the bottom, this function is triggered and     receives the current end index as a parameter.
          * @vegaVersion 2.3.0
         */
        "sourceLazyLoadCallback"?: VegaInputSelectSourceLazyLoadCallback;
        /**
          * Allows setting custom criteria or constraints that    the user's selection in the dropdown menu must    comply with.
          * @vegaVersion 1.0.11
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the ID of the item selected from the source data    in the dropdown menu.  The ID should be unique within the source collection to    correctly associate the chosen option with its    corresponding data entry.
          * @vegaVersion 1.0.7
         */
        "value"?: SelectValueType<SelectType>;
        /**
          * Provides partial properties for the `vega-dropdown` component used    in the input select element.  You can specify custom properties and their corresponding values as needed.
          * @vegaVersion 1.3.0
         */
        "vegaDropdownProps"?: VegaDropdownPropsForSelect;
    }
    interface VegaItemToggle {
        /**
          * Determines whether the item is toggled on.
          * @vegaVersion 1.3.0
         */
        "isToggled"?: boolean;
        /**
          * Defines the labels and icons associated with the toggle states.
          * @deprecated This property will be removed soon and replaced by prop statusMap
          * @vegaVersion 1.3.0
          * @defaultValue {unToggledIcon: 'plus-sign', toggledIcon: 'delete-bin', unToggledLabel: 'Add', togglingLabel: 'Added', toggledLabel: 'Remove', unTogglingLabel: 'Removed'}
         */
        "itemToggleStatusMap"?: ItemToggleStatusMap;
        /**
          * An event emitter notifying an item toggle event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onToggleStatus"?: (event: VegaItemToggleCustomEvent<boolean>) => void;
        /**
          * An event emitter notifying an item toggle event.
          * @vegaVersion 1.3.0
         */
        "onVegaToggleStatus"?: (event: VegaItemToggleCustomEvent<boolean>) => void;
        /**
          * Defines the labels and icons associated with the toggle states.
          * @vegaVersion 2.2.0
          * @defaultValue {unToggledIcon: 'plus-sign', toggledIcon: 'delete-bin', unToggledLabel: 'Add', togglingLabel: 'Added', toggledLabel: 'Remove', unTogglingLabel: 'Removed'}
         */
        "statusMap"?: ItemToggleStatusMap;
    }
    interface VegaLeftNav {
        /**
          * Determines how the left navigation groups behave when clicked, controlling the automatic collapsing of open groups.  Available options: - `true`:      Collapses the group when clicking either a group or a link. - `false`:     Collapses the group only when clicking a link; clicking a group does not collapse it. - `always`:     Always collapses the group when clicking a group or link (equivalent to true). - `on-group-click`:      Collapses the group only when clicking a group; clicking a link does not collapse it. - `on-link-click`:      Collapses the group only when clicking a link; clicking a group does not collapse it. - `never`:      Never collapses groups when clicking a group or link.
          * @vegaVersion 2.48.0
          * @VegaWarning - Boolean types are deprecated, please use "on-group-click" | "on-link-click" | "never" | "always" instead.
         */
        "autoCollapseGroups"?: autoCollapseGroupsType;
        /**
          * Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
          * @vegaVersion 2.7.0
         */
        "autoCollapseOnOverlay"?: boolean;
        /**
          * Provides additional information or context in the form of    a footnote in the left-nav footer.
          * @vegaVersion 1.31.0
         */
        "footnote"?: string;
        /**
          * Specifies the configuration options for the header within the left-nav.  You can use this property to define a custom title and subtitle.
          * @vegaVersion 1.31.0
         */
        "headerConfig"?: LeftNavHeaderConfig;
        /**
          * An event emitter notifying that the left-nav's open state has changed.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onStateUpdate"?: (event: VegaLeftNavCustomEvent<string>) => void;
        /**
          * An event emitter notifying that the left-nav's open state has changed.
          * @vegaVersion 1.31.0
         */
        "onVegaStateUpdate"?: (event: VegaLeftNavCustomEvent<string>) => void;
        /**
          * Determines whether the left navigation is expanded or collapsed.
          * @vegaVersion 1.39.2
         */
        "open"?: boolean;
        /**
          * Determines whether the left-nav should appear as an overlay,    accompanied by a backdrop that darkens the content on the page.  This property has no effect on breakpoints smaller than the desktop size.  Note: To use the backdrop-free feature when the left navigation is open, ensure the `show-as-overlay`    property is set to `false` within the `vega-left-nav` component. Additionally, enclose all content    within an element possessing the class `vega-left-nav-content` immediately following the    `vega-left-nav` component.
          * @vegaVersion 1.33.0
         */
        "showAsOverlay"?: boolean;
        /**
          * Specifies source data used to generate the links and    groups structure in the left-nav.
          * @vegaVersion 1.31.0
         */
        "source"?: LeftNavSourceItem[];
    }
    interface VegaLeftNavGroup {
        /**
          * icon attached to the left nav group items **
          * @vegaVersion 1.31.0
         */
        "icon"?: string;
        /**
          * Defines a unique key for the left nav group item.
          * @vegaVersion 2.45.0
         */
        "itemKey"?: string;
        /**
          * label attached to the left nav group items **
          * @vegaVersion 1.31.0
         */
        "label"?: string;
        /**
          * An event emitter used for notifying consumers the click event
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onGroupClick"?: (event: VegaLeftNavGroupCustomEvent<string>) => void;
        /**
          * event emitter used for notifying consumers the click event *
          * @vegaVersion 1.41.0
         */
        "onVegaGroupClick"?: (event: VegaLeftNavGroupCustomEvent<string>) => void;
        /**
          * Specifies whether the navigation group is expanded by default **
          * @vegaVersion 2.44.0
         */
        "openByDefault"?: boolean;
    }
    interface VegaLeftNavLink {
        /**
          * config the counter badge for left nav link items
          * @deprecatedAttribute [counter] The 'counter' attribute is deprecated and will be removed soon. Please use 'count' instead.
          * @vegaVersion 1.31.0
         */
        "counterBadge"?: LeftNavCounterBadgeConfig;
        /**
          * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
          * @vegaVersion 2.37.0
         */
        "customSelectionEnabled"?: boolean;
        /**
          * icon attached to the left nav link items **
          * @vegaVersion 1.31.0
         */
        "icon"?: string;
        /**
          * Defines a unique key for the left nav link item.
          * @vegaVersion 2.45.0
         */
        "itemKey"?: string;
        /**
          * An event emitter notifying the link click event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onMenuClick"?: (event: VegaLeftNavLinkCustomEvent<any>) => void;
        /**
          * An event emitter notifying the link click event. *
          * @vegaVersion 1.31.0
         */
        "onVegaMenuClick"?: (event: VegaLeftNavLinkCustomEvent<any>) => void;
        /**
          * A boolean that indicates whether the current link item is selected.
          * @VegaWarning Note: Ensure that the `custom-selection-enabled` property is set to `true` before modifying this value, as modifying it without this setting may lead to unexpected behavior.
          * @vegaVersion 1.31.0
         */
        "selected"?: boolean;
        /**
          * Specifies where to open the URL linked in the left navigation item.    Common values include _self (default) to open in the same tab, or _blank to open in a new tab.
          * @vegaVersion 2.53.0
         */
        "target"?: '_blank' | '_self';
        /**
          * url attached to the left nav link item **
          * @vegaVersion 1.31.0
         */
        "url"?: string;
    }
    interface VegaLeftNavSection {
        /**
          * Defines a unique key for the left nav nav section item.
          * @vegaVersion 2.45.0
         */
        "itemKey"?: string;
        /**
          * An event emitter notifying the action click event when the action link is not configured.
          * @eventSemantics namespace:native
          * @vegaVersion 2.11.0
         */
        "onActionClick"?: (event: VegaLeftNavSectionCustomEvent<any>) => void;
        /**
          * An event emitter notifying the action click event when the action link is not configured.
          * @vegaVersion 2.11.0
         */
        "onVegaActionClick"?: (event: VegaLeftNavSectionCustomEvent<string>) => void;
        /**
          * sectionHeader attached to the left nav section **
          * @vegaVersion 1.31.0
         */
        "sectionHeader"?: LeftNavSectionHeaderConfig;
    }
    interface VegaLineChart {
        /**
          * Specifies the rendering options for the line chart.
          * @vegaVersion 1.32.0
         */
        "options"?: LineChartOptionsType;
    }
    interface VegaLoaderWrapper {
    }
    interface VegaLoadingIndicator {
        /**
          * Provides a supplementary prompt message that assists users in    understanding the ongoing loading process.
          * @vegaVersion 1.16.0
         */
        "hint"?: string;
        /**
          * Provides a descriptive text or message that indicates    the status or progress of the process.
          * @vegaVersion 1.16.0
         */
        "label"?: string;
        /**
          * Specifies the mode of the loading indicator.  When the mode is set to `determinate`, there will be no animation.
          * @vegaVersion 1.16.0
         */
        "mode"?: 'indeterminate' | 'determinate';
        /**
          * Specifies the completion percentage when    the mode is set to `determinate`.
          * @vegaVersion 1.16.0
         */
        "percent"?: number;
        /**
          * Specifies the shape of the loading indicator.
          * @vegaVersion 1.16.0
         */
        "shape"?: 'circle' | 'bar';
        /**
          * Specifies the size of the loading indicator.    It is provided as a ResponsiveType.
          * @vegaVersion 1.16.0
         */
        "size"?: ResponsiveType<VegaLoadingIndicatorSize>;
        /**
          * Indicates the current status or state of the loading process.
          * @vegaVersion 1.16.0
         */
        "status"?: 'default' | 'success' | 'error';
    }
    interface VegaModal {
        /**
          * Specifies whether the modal uses an animated transition    when it appears.
          * @vegaVersion 1.0.11
         */
        "animation"?: boolean;
        /**
          * Provides options for controlling the behavior of the backdrop. - `default`:      indicates that the user can close the modal      by clicking on the backdrop. - `static`:      means that the user cannot close the modal by      clicking on the backdrop. - `none`:      specifies that the backdrop will not be rendered.  _Note_:    When changing this value, a page refresh is required    for the changes to take effect.
          * @vegaVersion 1.0.6
         */
        "backdrop"?: VegaModalBackdrop;
        /**
          * Specifies the background color of the modal's backdrop.
          * @vegaVersion 1.3.0
         */
        "backdropColor"?: VegaModalBackdropColor;
        /**
          * Defines the maximum height of the content within    the modal element.  It accepts values in numeric, string and ResponsiveType. Numeric values represent maximum height of the content in pixels    (e.g., 100 translates to 100px). String values allow the use of CSS units like 'vh' or 'calc' expressions.    (e.g., '100vh' or 'calc(100vh - 20px)').
          * @vegaVersion 1.4.0
         */
        "contentMaxHeight"?: ResponsiveType<number | string>;
        /**
          * Provides a callback function that is triggered when a user clicks the    close button located in the top right corner of the modal.  If the callback function returns `true`, the modal will be closed.  If the callback function returns `false` or does not return any value, the modal will remain open.
          * @vegaVersion 1.22.0
         */
        "handleClose"?: (() => boolean) | undefined;
        /**
          * Determines the height of the modal.  It accepts numeric values (interpreted as pixels), string values (e.g., "100%", "100vh"),    or ResponsiveType for responsive configurations.
          * @vegaVersion 2.81.0
         */
        "height"?: ResponsiveType<number | string>;
        /**
          * Determines whether the modal is vertically centered    on the screen.
          * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
          * @vegaVersion 1.3.0
         */
        "isVerticallyCenter"?: boolean;
        /**
          * Determines whether the modal is vertically centered    on the screen.
          * @vegaVersion 2.2.0
         */
        "isVerticallyCentered"?: boolean;
        /**
          * Specifies the margin around the modal dialog.  It accepts a ResponsiveType or size values. Set `x` to `auto` to horizontally center the modal.
          * @vegaVersion 2.81.0
         */
        "margin"?: ResponsiveType<MarginType>;
        /**
          * Represents the title displayed within the modal.
          * @vegaVersion 1.3.0
         */
        "modalTitle"?: string;
        /**
          * An event emitter notifying the modal close event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClose"?: (event: VegaModalCustomEvent<any>) => void;
        /**
          * An event emitter notifying the modal open event. The event name is not `open` because already has a property `open`
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onModalOpen"?: (event: VegaModalCustomEvent<any>) => void;
        /**
          * An event emitter notifying the modal close event.  If a method is defined for this event, invoking event.preventDefault() prevents the modal from closing.
          * @vegaVersion 1.0.10
         */
        "onVegaClose"?: (event: VegaModalCustomEvent<any>) => void;
        /**
          * An event emitter notifying the modal open event.
          * @vegaVersion 1.0.10
         */
        "onVegaOpen"?: (event: VegaModalCustomEvent<any>) => void;
        /**
          * Determines whether the modal is initially open.
          * @vegaVersion 1.0.6
         */
        "open"?: boolean;
        /**
          * Specifies the amount of space or padding within the modal.  It can be set as a ResponsiveType or any size value.
          * @vegaVersion 1.0.10
         */
        "padding"?: ResponsiveType<PaddingType>;
        /**
          * Determines whether the modal displays a close button to    allow hiding or closing of the modal.
          * @vegaVersion 1.3.0
         */
        "showCloseButton"?: boolean;
        /**
          * Determines the size of the modal.  It can be specified as a number, a percentage string ending with "%",    or a ResponsiveType.  It is important to note that there are different maximum widths    for modal windows based on the viewport size. If the specified size exceeds    the maximum width, the maximum modal width will be used instead.
          * @vegaVersion 1.0.6
         */
        "size"?: ResponsiveType<SizeType>;
    }
    interface VegaNavCard {
        /**
          * Specifies the maximum height for the scrollable list     within the `vega-nav-card` component. It accepts values in both numeric and string formats. For numeric values, use a number to indicate the height    in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like 'vh' or 'calc' expressions.    For example, '100vh' sets the height to 100% of the viewport height,    and 'calc(100vh - 20px)' allows for more complex calculations to    determine the height.
          * @vegaVersion 1.44.0
         */
        "maxHeight"?: ResponsiveType<MaxHeightType>;
        /**
          * Specifies the source data used to populate the list within    the `vega-nav-card` component.
          * @vegaVersion 1.42.0
         */
        "source"?: LeftNavSourceItem[];
    }
    interface VegaPageNotification {
        /**
          * Specifies the configuration array for the action buttons of    the page notification.  The action buttons provide interactive options for users to    perform specific actions or operations related to    the notification.
          * @vegaVersion 1.17.0
         */
        "actionButtons"?: VegaPageNotificationActionButtonConfig[];
        /**
          * Specifies the duration, in milliseconds, before the    page notification automatically closes.  If the duration is set to `0`, the notification will not    close automatically.
          * @vegaVersion 1.17.0
         */
        "duration"?: number;
        /**
          * Specifies the content text for the page notification.  It provides a detailed message or information that    further explains the purpose or context of    the notification.
          * @vegaVersion 1.17.0
         */
        "message"?: string;
        /**
          * Specifies the title text for the page notification.  It provides users with a concise and informative message    that communicates the purpose or nature of the notification.
          * @vegaVersion 1.17.0
         */
        "notificationTitle"?: string;
        /**
          * Specifies whether to display the close button for    the page notification.
          * @vegaVersion 1.17.0
         */
        "showCloseButton"?: boolean;
        /**
          * Specifies the type of page notification,    indicating the visual style or category of    the notification.
          * @vegaVersion 1.17.0
         */
        "type"?: VegaPageNotificationTypes;
    }
    interface VegaPageNotificationList {
    }
    interface VegaPagination {
        /**
          * Specifies the current page number for    the pagination component.
          * @vegaVersion 1.3.0
         */
        "current"?: number;
        /**
          * Specifies the properties of the `vega-dropdown` component    used to configure the dropdown for the    page size selector in pagination.
          * @vegaVersion 2.36.0
         */
        "dropdownProps"?: DropdownPropsForPagination;
        /**
          * Specifies the extensions associated with the pagination items    in the pagination component.  It refers to additional elements or components that can be added to    enhance the functionality or appearance of each pagination item.
          * @VegaWarning - Note: The default value is controlled by feature flag `VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE`, which is disabled by default.  - To enable the new responsive default value `{ default: [['pageSizeSelectorMobile_currentPageLabel'], ['pageSelectorMobile_goTo']], M: [['pageSelector']], }`, please enable the feature flag.
          * @vegaVersion 1.25.0
          * @defaultValue [['pageSelector']]
         */
        "extensions"?: ResponsiveType<VegaPaginationItemType[][]>;
        /**
          * Specifies the layout of the elements.  It determines how the pagination elements are arranged, with options such as 'horizontal' for a horizontal layout or other defined layouts.
          * @vegaVersion 2.42.0
         */
        "layout"?: ResponsiveType<VegaPaginationLayoutType>;
        /**
          * An event emitter notifying the current page change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaPaginationCustomEvent<number>) => void;
        /**
          * An event emitter notifying a change in the number of    data items displayed per page.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onPageSizeChange"?: (event: VegaPaginationCustomEvent<number>) => void;
        /**
          * An event emitter notifying the current page change.
          * @vegaVersion 1.3.0
         */
        "onVegaChange"?: (event: VegaPaginationCustomEvent<number>) => void;
        /**
          * An event emitter notifying a change in the number of    data items displayed per page.
          * @vegaVersion 1.25.0
         */
        "onVegaPageSizeChange"?: (event: VegaPaginationCustomEvent<number>) => void;
        /**
          * Specifies the number of data items to be displayed per page in    the pagination component.
          * @vegaVersion 1.3.0
         */
        "pageSize"?: number;
        /**
          * Specifies the options available for the page size selector    in the pagination component.  Each option can be a number or an object with `value` and `label`. Use `{ value: -1, label: 'All' }` to show all items on a single page.
          * @vegaVersion 1.25.0
         */
        "pageSizeSelectorOptions"?: VegaPaginationPageSizeOption[];
        /**
          * Specifies the total number of data items for the pagination component.
          * @vegaVersion 1.3.0
         */
        "total"?: number;
    }
    interface VegaPaginationPageSelectorMobile {
        /**
          * Specifies the current page number
          * @vegaVersion 2.42.0
         */
        "current"?: number;
        /**
          * Total number of pages.
          * @vegaVersion 2.42.0
         */
        "pageCount"?: number;
        /**
          * Specifies the total number of data items
          * @vegaVersion 2.42.0
         */
        "total"?: number;
        /**
          * Specifies the type of the pagination elements.
          * @vegaVersion 2.42.0
         */
        "type"?: 'pageSelectorMobile' | 'pageSelectorMobile_goTo';
    }
    interface VegaPaginationPageSizeSelectorMobile {
        /**
          * Specifies the current page number
          * @vegaVersion 2.42.0
         */
        "current"?: number;
        /**
          * Specifies the properties of the `vega-dropdown` component    used to configure the dropdown for the    page size selector mobile in pagination.
          * @vegaVersion 2.42.0
         */
        "dropdownProps"?: DropdownPropsForPagination;
        /**
          * Specifies the number of data items to be displayed per page
          * @vegaVersion 2.42.0
         */
        "pageSize"?: number;
        /**
          * Specifies the options available for the page size selector
          * @vegaVersion 2.42.0
         */
        "pageSizeSelectorOptions"?: VegaPaginationPageSizeOption[];
        /**
          * Specifies the total number of data items
          * @vegaVersion 2.42.0
         */
        "total"?: number;
        /**
          * Specifies the type of the pagination elements.
          * @vegaVersion 2.42.0
         */
        "type"?: 'pageSizeSelectorMobile' | 'pageSizeSelectorMobile_currentPageLabel';
    }
    interface VegaPieChart {
        /**
          * Specifies the rendering options for the pie chart.
          * @vegaVersion 1.35.0
         */
        "options"?: PieChartOptions;
    }
    interface VegaPopover {
        /**
          * Controls how the popover aligns horizontally and vertically,    ensuring it is displayed in the desired position.
          * @vegaVersion 1.19.0
         */
        "alignment"?: PositionAlignmentType;
        /**
          * Determines whether the popover's position is calculated relative to the screen.
          * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective. - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
          * @vegaVersion 2.39.0
         */
        "isScreenPosition"?: boolean;
        /**
          * An event emitter notifying the popover hide event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onPopoverHide"?: (event: VegaPopoverCustomEvent<string>) => void;
        /**
          * An event emitter notifying the popover show event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onPopoverShow"?: (event: VegaPopoverCustomEvent<string>) => void;
        /**
          * An event emitter notifying the popover hide event.
          * @vegaVersion 1.22.0
         */
        "onVegaPopoverHide"?: (event: VegaPopoverCustomEvent<string>) => void;
        /**
          * An event emitter notifying the popover show event.
          * @vegaVersion 1.22.0
         */
        "onVegaPopoverShow"?: (event: VegaPopoverCustomEvent<string>) => void;
        /**
          * Determines the spacing between the content and the edges of the popover content box.
          * @vegaVersion 2.59.0
         */
        "padding"?: ResponsiveType<PaddingType>;
        /**
          * Specifies the placement or position of the popover    in relation to its parent element.  If there is insufficient space to display the popover in the    default position, it will automatically adjust its placement    based on the following order: `top`, `left`, `bottom`, `right`.
          * @vegaVersion 1.19.0
         */
        "placement"?: PlacementType;
        /**
          * Specifies the selector for the element that will    contain the popover.  If this parameter is not provided, the popover will be appended to    the body element of the page. However, if you encounter any issues    with the positioning of the popover, especially when scrolling occurs,    you can modify this property to specify a different element    as the container for the popover.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.19.0
         */
        "positionRelativeTo"?: string;
        /**
          * Controls whether the arrow is display.
          * @vegaVersion 2.8.0
         */
        "showArrow"?: boolean;
        /**
          * Specifies the size of the popover component.  It is provided as a number or ResponsiveType.
          * @vegaVersion 1.19.0
         */
        "size"?: ResponsiveType<SizeType>;
        /**
          * Specifies the trigger mode for the popover.
          * @vegaVersion 2.1.0
         */
        "trigger"?: 'hover' | 'click';
    }
    interface VegaPopoverContentBox {
        /**
          * Determines the spacing between the content and the edges of the popover content box.
          * @vegaVersion 2.59.0
         */
        "padding"?: ResponsiveType<PaddingType>;
        /**
          * Controls whether the arrow is display.
          * @vegaVersion 2.8.0
         */
        "showArrow"?: boolean;
    }
    interface VegaProgressTracker {
        /**
          * Enables the ability to click on the steps in    the Progress Tracker component.
          * @vegaVersion 1.5.0
         */
        "canClickStep"?: boolean;
        /**
          * Specifies an array of completed step titles for    the Progress Tracker component.  Each completed step title represents a step that    has been successfully completed in the    workflow or process.
          * @deprecated This property will be removed soon and replaced by prop completedSteps
          * @vegaVersion 1.5.0
         */
        "completedStepArray"?: string[];
        /**
          * Specifies an array of titles representing completed steps in the progress tracker,    indicating successful completion within the workflow or process.
          * @vegaVersion 2.2.0
         */
        "completedSteps"?: string[];
        /**
          * Indicates the current step or stage in a    sequential process or workflow,    starting from 0.
          * @vegaVersion 1.0.7
         */
        "current"?: number;
        /**
          * Specifies the direction of the Progress Tracker component.  It can be set to either horizontal or vertical.    In the horizontal direction, the tracker is divided into    panes with navigable arrows. In the vertical direction,    it is displayed as a single pane. It also can be set as ResponsiveType for responsive direction.
          * @vegaVersion 1.0.7
         */
        "direction"?: ResponsiveType<VegaProgressTrackerDirectionType>;
        /**
          * An event emitter notifying that the current step has changed.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onCurrentStepUpdate"?: (event: VegaProgressTrackerCustomEvent<string>) => void;
        /**
          * An event emitter notifying that the current step has changed.
          * @vegaVersion 1.5.0
         */
        "onVegaCurrentStepUpdate"?: (event: VegaProgressTrackerCustomEvent<string>) => void;
        /**
          * Specifies an array of step subtitles for    the Progress Tracker component.  Each subtitle corresponds to a step in the    progression of the workflow or process.
          * @vegaVersion 1.3.0
         */
        "steps"?: string[] | VegaProgressTrackerStepItem[];
    }
    interface VegaProgressTrackerStep {
        /**
          * If step is clickable.
          * @vegaVersion 2.76.0
         */
        "clickable"?: boolean;
        /**
          * The unique key for the step.
          * @vegaVersion 2.73.0
         */
        "stepKey"?: string;
    }
    interface VegaRadio {
        /**
          * Determines if the radio button is selected or checked.
          * @vegaVersion 1.0.7
         */
        "checked"?: boolean;
        /**
          * Determines if the radio button is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Assigns a common name to the input element of the radio button,    to differentiate it from other buttons in a radio group.
          * @vegaVersion 1.3.0
         */
        "name"?: string;
        /**
          * An event emitter notifying the blur event of the radio input.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onBlur"?: (event: VegaRadioCustomEvent<any>) => void;
        /**
          * An event emitter notifying the change in the check status    of the radio input.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaRadioCustomEvent<boolean>) => void;
        /**
          * An event emitter notifying the focus event of the radio input.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onFocus"?: (event: VegaRadioCustomEvent<any>) => void;
        /**
          * An event emitter notifying the blur event of the radio input.
          * @vegaVersion 1.0.7
         */
        "onVegaBlur"?: (event: VegaRadioCustomEvent<any>) => void;
        /**
          * An event emitter notifying the change in the check status    of the radio input.
          * @vegaVersion 1.0.10
         */
        "onVegaChange"?: (event: VegaRadioCustomEvent<boolean>) => void;
        /**
          * An event emitter notifying the focus event of the radio input.
          * @vegaVersion 1.0.7
         */
        "onVegaFocus"?: (event: VegaRadioCustomEvent<any>) => void;
        /**
          * Specifies the size of the Radio Button component.  The size should be selected based on the context and    design requirements of the specific form.
          * @vegaVersion 1.9.2
         */
        "size"?: 'default' | 'small';
        /**
          * Represents the value associated with the radio button    that is currently selected or checked.
          * @vegaVersion 1.0.7
         */
        "value"?: string;
    }
    interface VegaRadioGroup {
        /**
          * Determines whether automatic validation should be implemented for    the radio group upon selection.
          * @vegaVersion 2.6.0
         */
        "autoValidation"?: boolean;
        /**
          * Determines whether the radio group is disabled.
          * @vegaVersion 1.8.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that assists users    in selecting the appropriate value for the radio group.
          * @vegaVersion 1.3.0
         */
        "hint"?: string;
        /**
          * Sets the validation status for the radio group.
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title of the radio group.
          * @vegaVersion 1.3.0
         */
        "label"?: string;
        /**
          * Specifies the name attribute for each radio button    in the radio group.
          * @vegaVersion 1.3.0
         */
        "name"?: string;
        /**
          * An event emitter notifying the change of the    checked radio button in the radio group.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaRadioGroupCustomEvent<string>) => void;
        /**
          * An event emitter notifying the change of the    checked radio button in the radio group.
          * @vegaVersion 1.0.10
         */
        "onVegaChange"?: (event: VegaRadioGroupCustomEvent<string>) => void;
        /**
          * Specifies whether the radio button within the radio group    must be checked to pass form validation.
          * @vegaVersion 1.3.0
         */
        "required"?: boolean;
        /**
          * Defines custom validation rules for the radio group.
          * @vegaVersion 2.6.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Represents the value associated with the radio button.
          * @vegaVersion 1.0.7
         */
        "value"?: string;
        /**
          * Specifies all the properties of the `vega-flex` component    in the radio group.
          * @vegaVersion 1.3.0
         */
        "vegaFlexProp"?: VegaFlexProps;
    }
    interface VegaRichTextContent {
        /**
          * Specifies the text or formatted information displayed by the rich text content, which can be either VegaRTEContent or VegaRTEContentBlock. It is recommended to use the VegaRTEContent type. Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
          * @vegaVersion 2.34.0
         */
        "content"?: VegaRTEContent;
        /**
          * Defines the configuration for rich text content extensions. It enables support for custom nodes, ensuring that extended content is rendered correctly.
          * @vegaVersion 2.62.0
         */
        "extensions"?: VegaRTEExtension[];
    }
    interface VegaRichTextEditor {
        /**
          * Determines whether to allow source edit mode in the rich text editor.
          * @vegaVersion 2.59.0
         */
        "allowSourceEdit"?: boolean;
        /**
          * Determines whether automatic validation should be implemented for the rich text editor.
          * @vegaVersion 2.34.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the rich text editor is disabled.
          * @vegaVersion 2.34.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the configuration for the rich text editor extensions.
          * @vegaVersion 2.62.0
         */
        "extensions"?: VegaRTEExtension[];
        /**
          * Provides a supplementary prompt message that assists users in    understanding the expected value within the rich text editor.
          * @vegaVersion 2.34.0
         */
        "hint"?: string;
        /**
          * Specifies the validation status of the rich text editor component.
          * @vegaVersion 2.34.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label for the rich text editor.  It provides descriptive text that helps identify the    purpose or content expected in the rich text editor.
          * @vegaVersion 2.34.0
         */
        "label"?: string;
        /**
          * An event emitter notifying a value change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.34.0
         */
        "onChange"?: (event: VegaRichTextEditorCustomEvent<VegaRTEContent>) => void;
        /**
          * An event emitter notifying an image insertion event.
          * @eventSemantics namespace:native
          * @vegaVersion 2.34.0
         */
        "onImageInserted"?: (event: VegaRichTextEditorCustomEvent<VegaRichTextEditorImage>) => void;
        /**
          * An event emitter notifying a source code change event. It triggers when the editor loses focus in source edit mode.
          * @eventSemantics namespace:native
          * @vegaVersion 2.78.0
         */
        "onSourceCodeChange"?: (event: VegaRichTextEditorCustomEvent<string>) => void;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 2.34.0
         */
        "onVegaChange"?: (event: VegaRichTextEditorCustomEvent<VegaRTEContent>) => void;
        /**
          * An event emitter notifying an image insertion event.
          * @vegaVersion 2.34.0
         */
        "onVegaImageInserted"?: (event: VegaRichTextEditorCustomEvent<VegaRichTextEditorImage>) => void;
        /**
          * An event emitter notifying a source code change event. It triggers when the editor loses focus in source edit mode.
          * @vegaVersion 2.78.0
         */
        "onVegaSourceCodeChange"?: (event: VegaRichTextEditorCustomEvent<string>) => void;
        /**
          * Specifies a placeholder string that displays as a    temporary hint or example within the rich text editor.  It indicates the expected format or pattern of    the input within the rich text editor.
          * @vegaVersion 2.34.0
         */
        "placeholder"?: string;
        /**
          * Determines whether the rich text editor field is required.
          * @vegaVersion 2.34.0
         */
        "required"?: boolean;
        /**
          * Specifies editable section rows for the rich text editor
          * @vegaVersion 2.34.0
         */
        "rows"?: number;
        /**
          * Specifies the configuration options for source edit mode. It includes settings such as autoMatchFormat, which controls whether the editor automatically matches formatting when switching to source edit mode.
          * @vegaVersion 2.59.0
         */
        "sourceEditConfig"?: VegaRTESourceEditConfig;
        /**
          * Specifies the built-in toolbar items available in the rich-text editor.
          * @vegaVersion 2.34.0
         */
        "toolbarItems"?: VegaRTEToolbarItem[][];
        /**
          * Defines custom validation rules for the rich text editor.
          * @vegaVersion 2.34.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the value of the rich text editor, which can be either VegaRTEContent or VegaRTEContentBlock. It is recommended to use the VegaRTEContent type. Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
          * @vegaVersion 2.34.0
          * @defaultValue [{id:'UUID', type:'paragraph', nodes:[{id: 'UUID',type: 'text',text:''}]}]
         */
        "value"?: VegaRTEContent;
    }
    interface VegaRichTextEditorToolbarButton {
        /**
          * Specifies whether the rich text editor toolbar button element is disabled.
          * @vegaVersion 2.34.0
         */
        "disabled"?: boolean;
        /**
          * Specifies whether the rich text editor toolbar button element is hidden.
          * @vegaVersion 2.59.0
         */
        "hidden"?: boolean;
        /**
          * Specifies whether the toolbar button in the rich text editor is represented by an icon.
          * @vegaVersion 2.34.0
         */
        "icon"?: string;
        /**
          * Specifies the color of the toolbar button icon in the rich text editor.
          * @vegaVersion 2.34.0
         */
        "iconColor"?: TextColorsTokenType;
        /**
          * An event emitter notifying the click event of the button.
          * @eventSemantics namespace:native
          * @vegaVersion 2.34.0
         */
        "onClick"?: (event: VegaRichTextEditorToolbarButtonCustomEvent<any>) => void;
        /**
          * An event emitter notifying the click event of the button.
          * @vegaVersion 2.34.0
         */
        "onVegaClick"?: (event: VegaRichTextEditorToolbarButtonCustomEvent<any>) => void;
        /**
          * Specifies whether the rich text editor toolbar button element is selected.
          * @vegaVersion 2.34.0
         */
        "selected"?: boolean;
        /**
          * Specifies whether the rich text editor toolbar button element is showArrowIcon.
          * @vegaVersion 2.34.0
         */
        "showArrowIcon"?: boolean;
    }
    interface VegaRichTextImageEditor {
        /**
          * Specifies the value of image alt
          * @vegaVersion 2.34.0
         */
        "alt"?: string;
        /**
          * An event emitter notifying content change.
          * @vegaVersion 2.34.0
         */
        "onChange"?: (event: VegaRichTextImageEditorCustomEvent<VegaRichTextImageEditorChangeDetail>) => void;
        /**
          * An event emitter notifying content change.
          * @vegaVersion 2.34.0
         */
        "onVegaChange"?: (event: VegaRichTextImageEditorCustomEvent<VegaRichTextImageEditorChangeDetail>) => void;
        /**
          * Specifies the size of the image to the container
          * @vegaVersion 2.34.0
         */
        "size"?: VegaRichTextImageEditorSizeType;
    }
    interface VegaRichTextLinkEditor {
        /**
          * An event emitter notifying content change.
          * @vegaVersion 2.34.0
         */
        "onChange"?: (event: VegaRichTextLinkEditorCustomEvent<VegaRichTextLinkEditorChangeDetail>) => void;
        /**
          * An event emitter notifying content change.
          * @vegaVersion 2.34.0
         */
        "onVegaChange"?: (event: VegaRichTextLinkEditorCustomEvent<VegaRichTextLinkEditorChangeDetail>) => void;
        /**
          * Specifies the hyperlink editor record
          * @vegaVersion 2.34.0
         */
        "record"?: VegaRTELinkEditorRecord;
        /**
          * Specifies whether the status will be reset after hide the popover
          * @vegaVersion 2.34.0
         */
        "resetStatusAfterHide"?: boolean;
        /**
          * Specifies the status of the link editor
          * @vegaVersion 2.34.0
         */
        "status"?: VegaRichTextLinkEditorStatus;
        /**
          * Specifies the target element for the popover.
          * @vegaVersion 2.34.0
         */
        "target"?: HTMLElement;
    }
    interface VegaRichTextTableProperties {
        /**
          * @vegaVersion 2.79.0
         */
        "colors"?: VegaRTEColorSchema[];
        /**
          * @vegaVersion 2.79.0
         */
        "defaultValue"?: RTETablePropertiesType;
        /**
          * @vegaVersion 2.79.0
         */
        "onVegaCancel"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
        /**
          * @vegaVersion 2.79.0
         */
        "onVegaChange"?: (event: VegaRichTextTablePropertiesCustomEvent<RTETablePropertiesType>) => void;
        /**
          * @vegaVersion 2.79.0
         */
        "onVegaSave"?: (event: VegaRichTextTablePropertiesCustomEvent<unknown>) => void;
        /**
          * The origin style map for multiple selected blocks. The key is the block ID, and the value is the style object for that block.
          * @vegaVersion 2.79.0
         */
        "styleMap"?: TableCellStylePropertiesMap;
        /**
          * @vegaVersion 2.79.0
         */
        "type"?: 'TABLE' | 'CELL';
    }
    interface VegaRichTextTableSelectionWidget {
        /**
          * An event emitter notifying a delete action on the widget.
          * @vegaVersion 2.79.0
         */
        "onVegaRemove"?: (event: VegaRichTextTableSelectionWidgetCustomEvent<any>) => void;
    }
    interface VegaRichTextTableSetting {
        /**
          * Indicates whether the current table already has a caption.
          * @vegaVersion 2.79.0
         */
        "hasCaption"?: boolean;
        /**
          * @vegaVersion 2.79.0
         */
        "onVegaClick"?: (event: VegaRichTextTableSettingCustomEvent<Array<string>>) => void;
        /**
          * The selected cells in the table.
          * @vegaVersion 2.79.0
         */
        "selectedCells"?: RTETableCellBlock[];
        /**
          * Specifies the target table element for the table setting.
          * @vegaVersion 2.79.0
         */
        "target"?: HTMLElement;
    }
    interface VegaSectionTitle {
        /**
          * Specifies the text content of the description displayed    within the section title.
          * @vegaVersion 2.1.0
         */
        "description"?: string;
        /**
          * Specifies the icon displayed within the section title.
          * @vegaVersion 2.1.0
         */
        "icon"?: string;
        /**
          * Specifies the alignment of the icon relative to    the title within the section title.
          * @vegaVersion 2.1.0
         */
        "iconAlign"?: IconAlignType;
        /**
          * Specifies the color of the icon displayed    within the section title.
          * @vegaVersion 2.81.0
         */
        "iconColor"?: TextColorsTokenType;
        /**
          * Specifies the size of the section title.
          * @vegaVersion 2.81.0
         */
        "size"?: VegaSectionTitleSizeType;
        /**
          * Specifies the text content of the title displayed    within the section title.
          * @vegaVersion 2.1.0
         */
        "titleText"?: string;
    }
    interface VegaSegmentControl {
        /**
          * Specifies whether the segment control spans the    full width of its parent element.
          * @vegaVersion 2.3.0
         */
        "block"?: boolean;
        /**
          * A native event emitter notifying changes    in the selected segment.
          * @eventSemantics namespace:native
          * @vegaVersion 2.3.0
         */
        "onChange"?: (event: VegaSegmentControlCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes    in the selected segment.
          * @vegaVersion 2.3.0
         */
        "onVegaChange"?: (event: VegaSegmentControlCustomEvent<string>) => void;
        /**
          * Specifies the options available within the segment control.    Please note that we advise against having more than four segments in a segment control.
          * @vegaVersion 2.3.0
         */
        "segments"?: VegaSegmentProps[];
        /**
          * Specifies the key of the currently selected segment    within the segment control.
          * @vegaVersion 2.3.0
         */
        "selected"?: string;
        /**
          * Specifies the size of the segment control.
          * @vegaVersion 2.3.0
         */
        "size"?: 'medium' | 'small';
        /**
          * Specifies the variant of the segment control.  The following options are available for the `variant` property: - `default`:      The segment control is rendered with both icon and text if configured, - `text-only`:      The segment control is rendered with text only regardless of the configuration of icon. - `icon-only`:      The segment control is rendered with icon only, text will be showed as the icon's tooltip if configured.
          * @vegaVersion 2.3.0
         */
        "variant"?: VegaSegmentControlVariant;
    }
    interface VegaSelectionChip {
        /**
          * Defines the display behavior of the selection chip. This property controls how the chip is presented    in relation to surrounding elements.
          * @vegaVersion 2.22.0
         */
        "block"?: boolean;
        /**
          * Determines if the selection chip is checked.
          * @vegaVersion 2.22.0
         */
        "checked"?: boolean;
        /**
          * Indicates if the selection chip is disabled.
          * @vegaVersion 2.22.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the `vega-tooltip` displayed for the selection chip    when it is in a disabled state. This provides additional context or information about the chip's    functionality or reason for being disabled.
          * @vegaVersion 2.22.0
         */
        "disabledTooltip"?: VegaSelectionChipTooltipProps;
        /**
          * Specifies the label or title for the selection chip. It provides descriptive text that helps identify    the purpose of the selection chip.
          * @vegaVersion 2.22.0
         */
        "label"?: string;
        /**
          * An event emitter notifying changes in the value of the selection chip,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.22.0
         */
        "onChange"?: (event: VegaSelectionChipCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes in the value of the selection chip,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.22.0
         */
        "onVegaChange"?: (event: VegaSelectionChipCustomEvent<string>) => void;
        /**
          * Specifies the size of the selection chip.
          * @vegaVersion 2.22.0
         */
        "size"?: ResponsiveType<VegaSelectionChipSize>;
        /**
          * Defines the background color of the swatch. It accepts a string value representing a valid    background color token,    which customizes the chip appearance.
          * @vegaVersion 2.22.0
         */
        "swatchColor"?: BackgroundColorsTokenType;
        /**
          * Stores the value associated with the selection chip    when it is checked or unchecked.
          * @vegaVersion 2.22.0
         */
        "value": string;
        /**
          * Determines the rendering style for the selection chip.
          * @vegaVersion 2.22.0
         */
        "variant"?: VegaSelectionChipVariant;
    }
    interface VegaSelectionChipGroup {
        /**
          * Indicates if the selection chip group is disabled.
          * @vegaVersion 2.22.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection chip group.
          * @vegaVersion 2.22.0
         */
        "hint"?: string;
        /**
          * Sets the validation status for the selection chip group.
          * @vegaVersion 2.22.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the selection chip group.    It provides descriptive text that helps identify    the purpose of the selection chip group.
          * @vegaVersion 2.22.0
         */
        "label"?: string;
        /**
          * An event emitter notifying changes in the value of the selection chip group,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.22.0
         */
        "onChange"?: (event: VegaSelectionChipGroupCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes in the value of the selection chip group,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.22.0
         */
        "onVegaChange"?: (event: VegaSelectionChipGroupCustomEvent<string>) => void;
        /**
          * Indicates whether at least one selection chip in the    selection chip group must be checked to pass    form validation.
          * @vegaVersion 2.22.0
         */
        "required"?: boolean;
        /**
          * Determines the selection method for the chip group.
          * @vegaVersion 2.22.0
         */
        "selectType"?: VegaSelectionChipGroupSelectType;
        /**
          * Defines custom validation rules for the selection chip group field.
          * @vegaVersion 2.22.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Stores the selected values of the nested selection chips    within the selection chip group.
          * @vegaVersion 2.22.0
         */
        "value"?: string | string[];
    }
    interface VegaSelectionTile {
        /**
          * Determines if the selection tile is checked.
          * @vegaVersion 2.7.0
         */
        "checked"?: boolean;
        /**
          * Determines if the selection tile is disabled.
          * @vegaVersion 2.7.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the text content of the note displayed    within the selection tile.
          * @vegaVersion 2.7.0
         */
        "note"?: string;
        /**
          * An event emitter notifying changes in the value of the selection tile,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.7.0
         */
        "onChange"?: (event: VegaSelectionTileCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes in the value of the selection tile,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.7.0
         */
        "onVegaChange"?: (event: VegaSelectionTileCustomEvent<string>) => void;
        /**
          * Specifies the prefix icon displayed within the selection tile.
          * @vegaVersion 2.7.0
         */
        "prefixIcon"?: string;
        /**
          * Determines the selection method for the tile. Options are:  - `radio`:      Displays a radio button for selection. - `checkbox`:      Displays a checkbox for selection.
          * @vegaVersion 2.7.0
         */
        "selectType"?: 'radio' | 'checkbox';
        /**
          * Specifies the text content of the title displayed    within the selection tile.
          * @vegaVersion 2.7.0
         */
        "titleText"?: string;
        /**
          * Determines the value that is associated with the selection-tile    when it is checked or unchecked.
          * @vegaVersion 2.7.0
         */
        "value": string;
    }
    interface VegaSelectionTileGroup {
        /**
          * Indicates if the selection tile group is disabled.
          * @vegaVersion 2.7.0
         */
        "disabled"?: boolean;
        /**
          * Distribute vega-selection-tile components evenly to always cover the entire available width of the vega-selection-tile-group
          * @vegaVersion 2.58.0
         */
        "distributeEvenly"?: boolean;
        /**
          * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the selection tile group.
          * @vegaVersion 2.7.0
         */
        "hint"?: string;
        /**
          * Sets the validation status for the selection tile group.
          * @vegaVersion 2.7.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the selection tile group.    It provides descriptive text that helps identify    the purpose of the selection tile group.
          * @vegaVersion 2.7.0
         */
        "label"?: string;
        /**
          * Controls the layout of the nested selection tiles    within the selection tile group.
          * @vegaVersion 2.7.0
         */
        "layout"?: 'vertical' | 'horizontal';
        /**
          * An event emitter notifying changes in the value of the selection tile group,    whether triggered programmatically or through user interaction.
          * @eventSemantics namespace:native
          * @vegaVersion 2.7.0
         */
        "onChange"?: (event: VegaSelectionTileGroupCustomEvent<string>) => void;
        /**
          * An event emitter notifying changes in the value of the selection tile group,    whether triggered programmatically or through user interaction.
          * @vegaVersion 2.7.0
         */
        "onVegaChange"?: (event: VegaSelectionTileGroupCustomEvent<string>) => void;
        /**
          * Indicates whether at least one selection tile in the    selection tile group must be checked to pass    form validation.
          * @vegaVersion 2.7.0
         */
        "required"?: boolean;
        /**
          * Determines the selection method for the tile group. Options are:  - `radio`:      Displays a radio button for selection. - `checkbox`:      Displays a checkbox for selection.
          * @vegaVersion 2.7.0
         */
        "selectType"?: 'radio' | 'checkbox';
        /**
          * Defines custom validation rules for the selection tile group field.
          * @vegaVersion 2.7.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Stores the selected values of the nested selection tiles    within the selection tile group.
          * @vegaVersion 2.7.0
         */
        "value"?: string | string[];
    }
    interface VegaSidenav {
        /**
          * Provides additional information or context in the form of    a footnote in the side nav footer.
          * @vegaVersion 1, v2.29.0
         */
        "footnote"?: string;
        /**
          * Specifies the configuration for the header of the side nav,    allowing customization of the logo and headline.
          * @vegaVersion 1, v2.29.0
         */
        "headerConfig"?: SidebarHeaderConfig;
        /**
          * An event emitter notifying the completion of a navigation menu state change (open or close).
          * @eventSemantics namespace:native
          * @vegaVersion 1, v2.29.0
         */
        "onStateUpdate"?: (event: VegaSidenavCustomEvent<string>) => void;
        /**
          * An event emitter notifying the completion of a navigation menu state change (open or close).
          * @vegaVersion 1, v2.29.0
         */
        "onVegaStateUpdate"?: (event: VegaSidenavCustomEvent<string>) => void;
        /**
          * Specifies the default open behavior for the side nav across    different screen sizes and disables collapse for    large screens.
          * @vegaVersion 1, v2.29.0
         */
        "openByDefault"?: ResponsiveType<OpenByDefaultType>;
        /**
          * Defines the data that is used to generate the items    in the side nav list.
          * @vegaVersion 1, v2.29.0
         */
        "source"?: SidebarTopLevelItem[];
    }
    interface VegaSidenavGroup {
        /**
          * Represents the icon attached to the side navigation    group header link.
          * @vegaVersion 1, v2.29.0
         */
        "icon"?: string;
        /**
          * Specifies the text that serves as the label or title    for the side navigation group in the sidebar.
          * @vegaVersion 1, v2.29.0
         */
        "label"?: string;
    }
    interface VegaSidenavLink {
        /**
          * Specifies the icon displayed for the side navigation link.    Icons are only displayed for top-level links.
          * @vegaVersion 1, v2.29.0
         */
        "icon"?: string;
        /**
          * An event emitter notifying about the occurrence of a click event.
          * @eventSemantics namespace:native
          * @vegaVersion 1, v2.29.0
         */
        "onClick"?: (event: VegaSidenavLinkCustomEvent<any>) => void;
        /**
          * An event emitter notifying about the occurrence of a click event.
          * @vegaVersion 1, v2.29.0
         */
        "onVegaClick"?: (event: VegaSidenavLinkCustomEvent<any>) => void;
        /**
          * Indicates whether the link item is selected.
          * @vegaVersion 1, v2.29.0
         */
        "selected"?: boolean;
        /**
          * Determines if the side nav should stay open when the    sidenav-link element is clicked.
          * @vegaVersion 1, v2.29.0
         */
        "showSideBarOnClickLink"?: boolean;
        /**
          * Specifies the destination URL to which the side navigation link    navigates when clicked.
          * @vegaVersion 1, v2.29.0
         */
        "url"?: string;
    }
    interface VegaSignatureCapture {
        /**
          * Determines whether the signature capture field should undergo automatic validation    during the user's sign.
          * @vegaVersion 2.19.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the signature capture is disabled.
          * @vegaVersion 2.19.0
         */
        "disabled"?: boolean;
        /**
          * Defines the height of the signature capture field.
          * @vegaVersion 2.20.0
         */
        "height"?: ResponsiveType<HeightType>;
        /**
          * Indicates whether the current value in the field is considered valid or    invalid based on the defined validation rules.
          * @vegaVersion 2.19.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label or title for the signature capture.  It provides descriptive text that helps identify the    purpose or content expected in the signature capture.
          * @vegaVersion 2.19.0
         */
        "label"?: string;
        /**
          * Specifies the mode of the signature capture
          * @vegaVersion 2.19.0
         */
        "mode"?: VegaSignatureCaptureMode;
        /**
          * An event emitter notifying a value change.
          * @eventSemantics namespace:native
          * @vegaVersion 2.19.0
         */
        "onChange"?: (event: VegaSignatureCaptureCustomEvent<VegaSignatureValue>) => void;
        /**
          * An event emitter notifying a value change.
          * @vegaVersion 2.19.0
         */
        "onVegaChange"?: (event: VegaSignatureCaptureCustomEvent<VegaSignatureValue>) => void;
        /**
          * Specifies a placeholder string that displays as a temporary hint    or example inside the signature capture.  It indicates the expected format or pattern of the signature capture.
          * @vegaVersion 2.19.0
         */
        "placeholder"?: string;
        /**
          * Specifies an icon or symbol that appears before the placeholder,    providing visual context or enhancing the aesthetic appearance    of the signature capture.
          * @vegaVersion 2.19.0
          * @defaultValue v-internal-icon signature
         */
        "placeholderIcon"?: string;
        /**
          * Determines whether the signature capture field is required.
          * @vegaVersion 2.19.0
         */
        "required"?: boolean;
        /**
          * Determines whether the clear button is displayed.
          * @vegaVersion 2.19.0
         */
        "showClearBtn"?: boolean;
        /**
          * Defines custom validation rules for the signature capture field.
          * @vegaVersion 2.19.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the value of the signature capture
          * @vegaVersion 2.19.0
         */
        "value"?: VegaSignatureValue | null;
    }
    interface VegaSkeleton {
        /**
          * Indicates whether the skeleton displays an animation effect.
          * @vegaVersion 2.15.0
         */
        "animated"?: boolean;
        /**
          * Defines the corner of the skeleton.    It accepts a string value representing a valid    border radius token.
          * @VegaHint This property is only valid for image types.
          * @vegaVersion 2.45.0
         */
        "corners"?: CornersType;
        /**
          * Specifies the height of the skeleton. - This property is applicable only when {@link type} is set to is `image` or `ellipse`.
          * @vegaVersion 2.15.0
         */
        "height"?: HeightType;
        /**
          * Specifies the type of the skeleton.
          * @vegaVersion 2.15.0
         */
        "type"?: VegaSkeletonType;
        /**
          * Specifies the width of the skeleton.
          * @vegaVersion 2.15.0
         */
        "width"?: WidthType;
    }
    interface VegaSlotContainer {
    }
    interface VegaStepper {
        /**
          * Determines whether automatic validation should be    implemented for the stepper component.
          * @vegaVersion 1.18.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies the style variant for the stepper buttons.
          * @vegaVersion 1.19.0
         */
        "buttonVariant"?: 'primary' | 'secondary';
        /**
          * Specifies whether the stepper component is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Specifies whether the input field of the    stepper component is disabled. The increment and    decrement buttons are unaffected by this setting.
          * @vegaVersion 1.31.0
         */
        "inputDisabled"?: boolean;
        /**
          * Specifies the validation status of the stepper component.
          * @vegaVersion 1.3.0
         */
        "isValid"?: boolean;
        /**
          * Provides a descriptive text or string that serves    as the label or title for the stepper component.
          * @vegaVersion 1.0.5
         */
        "label"?: string;
        /**
          * Defines the upper limit or maximum value that can be    incremented within the stepper component.
          * @vegaVersion 1.0.5
         */
        "max"?: number;
        /**
          * Defines the lower limit or minimum value that can be    decremented within the stepper component.
          * @vegaVersion 1.0.5
         */
        "min"?: number;
        /**
          * An event emitter notifying changes in the value of the stepper component.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaStepperCustomEvent<number>) => void;
        /**
          * An event emitter notifying changes in the value of the stepper component.
          * @vegaVersion 1.0.8
         */
        "onVegaChange"?: (event: VegaStepperCustomEvent<number>) => void;
        /**
          * Specifies the unique identifier for the stepper component.
          * @vegaVersion 1.3.0
         */
        "stepperId"?: string;
        /**
          * Defines the initial or current value of the stepper component.
          * @vegaVersion 1.0.5
         */
        "value"?: number;
    }
    interface VegaTabGroup {
        /**
          * Defines the spacing between the tabs in    the tab group.
          * @vegaVersion 1.3.0
         */
        "gap"?: SpacingTokenType;
        /**
          * An event emitter notifying the click event of a tab    in the tab group.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaTabGroupCustomEvent<string>) => void;
        /**
          * An event emitter notifying the click event of a tab    in the tab group.
          * @vegaVersion 1.1.0
         */
        "onVegaClick"?: (event: VegaTabGroupCustomEvent<string>) => void;
        /**
          * Specifies the overflow navigation for many tab items within the tab group.
          * @vegaVersion 2.49.0
         */
        "overflow"?: TabGroupOverflowType;
        /**
          * Defines the selector of the element that will contain    the tab group popup.  - If provided,      the popup will be positioned relative to this element. - If not provided,      the popup will be appended to the body element by default.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.3.0
         */
        "positionRelativeTo"?: string;
        /**
          * Defines the data target for the selected tab    within the tab group.
          * @vegaVersion 1.3.0
         */
        "selectedTabDataTarget"?: string;
        /**
          * Specifies whether the tabs in the tab group include    a close button for closing the tab.
          * @vegaVersion 1.3.0
         */
        "showCloseButton"?: boolean;
        /**
          * Defines the tab items that appear within the tab group.  The `tabItems` property can only be set once during    initialization and cannot be overridden or    modified dynamically.
          * @vegaVersion 1.3.0
         */
        "tabItems"?: TabConfig[];
        /**
          * Specifies the visual style and prominence of the tab group.
          * @vegaVersion 1.39.0
         */
        "variant"?: TabGroupVariant;
    }
    interface VegaTabGroupPanel {
        /**
          * Controls the visibility of the tab panel within the tab group.
          * @vegaVersion 1.26.0
         */
        "isActive"?: boolean;
    }
    interface VegaTable {
        /**
          * Specifies whether dividers should be displayed    between columns in the table.
          * @vegaVersion 1.3.0
         */
        "columnDivider"?: boolean;
        /**
          * Defines the columns of the table.
          * @vegaVersion 1.3.0
         */
        "columns"?: VegaTableColumnConfig[];
        /**
          * Contains the data records to be rendered and    displayed within the table.
          * @vegaVersion 1.3.0
         */
        "dataSource"?: VegaTableDataSourceItem[];
        /**
          * Specifies the negative space within the table's cells.
          * @vegaVersion 1.3.0
         */
        "density"?: ResponsiveType<VegaTableDensityType>;
        /**
          * Provides a customized message or description that is    shown when the table's data source is empty.
          * @vegaVersion 1.7.0
         */
        "emptyDescription"?: string;
        /**
          * Defines how columns can be grouped.
          * @vegaVersion 2.57.0
         */
        "groupColumns"?: VegaTableGroupColumnConfig[];
        /**
          * An event emitter notifying changes in the table data.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaTableCustomEvent<VegaTableChangePropType>) => void;
        /**
          * An event emitter notifying the click event of a row    in the table.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onRowClick"?: (event: VegaTableCustomEvent<VegaTableRowClickPropType>) => void;
        /**
          * An event emitter notifying the expanded event of a row    in the table.
          * @eventSemantics namespace:native
          * @vegaVersion 2.24.0
         */
        "onRowExpand"?: (event: VegaTableCustomEvent<VegaTableRowExpandEventDetail>) => void;
        /**
          * An event emitter notifying before the selected change when select/deselect one row
          * @eventSemantics namespace:native
          * @vegaVersion 2.23.0
         */
        "onRowSelect"?: (event: VegaTableCustomEvent<VegaTableRowSelectEventDetail>) => void;
        /**
          * An event emitter notifying before the selected change when select/deselect all rows
          * @eventSemantics namespace:native
          * @vegaVersion 2.23.0
         */
        "onRowSelectAll"?: (event: VegaTableCustomEvent<VegaTableRowSelectAllEventDetail>) => void;
        /**
          * An event emitter notifying changes in the selection of checkboxes,    particularly the "Select All" checkbox in the table header.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onSelectAllChange"?: (event: VegaTableCustomEvent<VegaTableSelectAllProp>) => void;
        /**
          * An event emitter notifying when the selection state of all rows changes.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onSelectChange"?: (event: VegaTableCustomEvent<VegaTableRowSelectProp>) => void;
        /**
          * An event emitter notifying changes in the table data.
          * @vegaVersion 1.3.0
         */
        "onVegaChange"?: (event: VegaTableCustomEvent<VegaTableChangePropType>) => void;
        /**
          * An event emitter notifying the click event of a row    in the table.
          * @vegaVersion 1.3.0
         */
        "onVegaRowClick"?: (event: VegaTableCustomEvent<VegaTableRowClickPropType>) => void;
        /**
          * An event emitter notifying the expanded event of a row    in the table.
          * @vegaVersion 2.24.0
         */
        "onVegaRowExpand"?: (event: VegaTableCustomEvent<VegaTableRowExpandEventDetail>) => void;
        /**
          * An event emitter notifying before the selected change when select/deselect one row
          * @vegaVersion 2.23.0
         */
        "onVegaRowSelect"?: (event: VegaTableCustomEvent<VegaTableRowSelectEventDetail>) => void;
        /**
          * An event emitter notifying before the selected change when select/deselect all rows
          * @vegaVersion 2.23.0
         */
        "onVegaRowSelectAll"?: (event: VegaTableCustomEvent<VegaTableRowSelectAllEventDetail>) => void;
        /**
          * An event emitter notifying changes in the selection of checkboxes,    particularly the "Select All" checkbox in the table header.
          * @vegaVersion 1.18.0
         */
        "onVegaSelectAllChange"?: (event: VegaTableCustomEvent<VegaTableSelectAllProp>) => void;
        /**
          * An event emitter notifying when the row selection changes.
          * @vegaVersion 1.18.0
         */
        "onVegaSelectChange"?: (event: VegaTableCustomEvent<VegaTableRowSelectProp>) => void;
        /**
          * Controls the amount of horizontal padding applied to the table.
          * @vegaVersion 1.3.0
         */
        "paddingX"?: [string, string];
        /**
          * Specifies the pagination configuration.
          * @vegaVersion 1.5.0
         */
        "pagination"?: VegaTablePagination;
        /**
          * Specifies whether rows in the table can be clicked.    If enabled, a `vegaRowClick` event will be    dispatched when a row is clicked.
          * @vegaVersion 1.3.0
         */
        "rowClickable"?: boolean;
        /**
          * Specifies whether dividers should be displayed    between rows in the table.
          * @vegaVersion 1.3.0
         */
        "rowDivider"?: boolean;
        /**
          * Indicates whether the row is expandable.
          * @vegaVersion 1.3.0
         */
        "rowExpandable"?: boolean;
        /**
          * Defines a unique key for each row in the table.
          * @vegaVersion 1.9.2
         */
        "rowKey"?: string;
        /**
          * Defines the behavior and options related to    row selection in the table.  It allows users to select one or more rows in    the table for further actions or processing.
          * @vegaVersion 1.3.0
         */
        "rowSelection"?: VegaTableRowSelectionConfig;
        /**
          * Customizes the behavior and appearance of the    scrollable container that wraps the table.
          * @vegaVersion 1.29.0
         */
        "scrollConfig"?: VegaTableScrollConfig;
        /**
          * Specifies whether the table header should be displayed.
          * @vegaVersion 1.3.0
         */
        "showHeader"?: boolean;
        /**
          * Defines the column sorting options Has optional property type: single | multiple If not specified, it defaults to multiple column sorting
          * @vegaVersion 2.22.0
         */
        "sortConfig"?: VegaTableSortConfig;
        /**
          * Specifies whether alternate colors should be applied    to the rows of the table.
          * @vegaVersion 1.3.0
         */
        "striped"?: boolean;
    }
    interface VegaTableBody {
    }
    interface VegaTableCell {
        /**
          * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          * @vegaVersion 1.44.0
         */
        "breakpoint"?: VegaTableColumnBreakpoint;
        /**
          * Determines the text overflow behavior within cells. `ellipsis`: Replaces overflowed text with ellipsis. `scroll`: Enables cell scrolling; scroll bars are displayed only when the content overflows,     remaining hidden by default.
          * @vegaVersion 1.44.0
         */
        "overflow"?: 'ellipsis' | 'scroll';
        /**
          * Determines the alignment of text within the cell.
          * @vegaVersion 1.44.0
         */
        "textAlign"?: 'left' | 'right' | 'center';
        /**
          * Specifies the width of the cell.
          * @vegaVersion 1.44.0
         */
        "width"?: string;
    }
    interface VegaTableExpandRow {
        /**
          * Defines a unique key for the expandable row within the table.
          * @vegaVersion 1.44.0
         */
        "rowKey": string;
        /**
          * Specifies whether alternate colors should be applied to the expand row.
          * @vegaVersion 2.61.0
         */
        "striped"?: boolean;
    }
    interface VegaTableFoot {
    }
    interface VegaTableFootCell {
        /**
          * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          * @vegaVersion 2.68.1
         */
        "breakpoint"?: VegaTableColumnBreakpoint;
        /**
          * Determines the alignment of text within the foot cell.
          * @vegaVersion 2.68.1
         */
        "textAlign"?: 'left' | 'right' | 'center';
        /**
          * Specifies the width of the foot cell.
          * @vegaVersion 2.68.1
         */
        "width"?: string;
    }
    interface VegaTableFootRow {
    }
    interface VegaTableHead {
    }
    interface VegaTableHeadCell {
        /**
          * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          * @vegaVersion 1.44.0
         */
        "breakpoint"?: VegaTableColumnBreakpoint;
        /**
          * An event emitter notifying that the head cell has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaTableHeadCellCustomEvent<VegaTableHeadCellClickEvent>) => void;
        /**
          * An event emitter notifying that the head cell has been clicked.
          * @vegaVersion 1.44.0
         */
        "onVegaClick"?: (event: VegaTableHeadCellCustomEvent<VegaTableHeadCellClickEvent>) => void;
        /**
          * Specifies the pinned type of the head cell.
          * @vegaVersion 2.57.0
         */
        "pinned"?: VegaTablePinnedType;
        /**
          * Specifies the sorting configuration for the table header cell.
          * @vegaVersion 2.42.0
         */
        "sortConfig"?: VegaTableSortConfig;
        /**
          * Defines the column's sorting order.
          * @vegaVersion 2.8.0
         */
        "sortOrder"?: VegaTableSortOrderType;
        /**
          * Defines the column's sorting configuration.
          * @vegaVersion 1.44.0
         */
        "sorter"?: VegaTableSorterConfig;
        /**
          * Determines the alignment of text within the head cell.
          * @vegaVersion 1.44.0
         */
        "textAlign"?: 'left' | 'right' | 'center';
        /**
          * Specifies the width of the head cell.
          * @vegaVersion 1.44.0
         */
        "width"?: string;
    }
    interface VegaTableHeadRow {
        /**
          * Determines whether to hide the select all checkbox.
          * @vegaVersion 1.44.0
         */
        "hideSelectAll"?: boolean;
        /**
          * Indicates whether the checkbox is disabled.
          * @vegaVersion 1.44.0
         */
        "selectAllDisabled"?: boolean;
    }
    interface VegaTableRow {
        /**
          * An event emitter notifying that the row has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onClick"?: (event: VegaTableRowCustomEvent<VegaTableRowClickEvent>) => void;
        /**
          * An event emitter notifying that the expand icon has been clicked.
          * @eventSemantics namespace:native
          * @vegaVersion 2.20.0
         */
        "onExpand"?: (event: VegaTableRowCustomEvent<VegaTableRowExpandEvent>) => void;
        /**
          * An event emitter notifying that the row has been clicked.
          * @vegaVersion 1.44.0
         */
        "onVegaClick"?: (event: VegaTableRowCustomEvent<VegaTableRowClickEvent>) => void;
        /**
          * An event emitter notifying that the expand icon has been clicked.
          * @vegaVersion 2.20.0
         */
        "onVegaExpand"?: (event: VegaTableRowCustomEvent<VegaTableRowExpandEvent>) => void;
        /**
          * Specifies whether dividers should be displayed in the row.
          * @vegaVersion 2.61.0
         */
        "rowDivider"?: boolean;
        /**
          * Defines a unique key for the row.
          * @vegaVersion 1.44.0
         */
        "rowKey": string;
        /**
          * Specifies whether alternate colors should be applied to the row.
          * @vegaVersion 2.61.0
         */
        "striped"?: boolean;
    }
    interface VegaText {
        /**
          * Specifies the behavior of text when it exceeds the    available space within its container.
          * @vegaVersion 1.18.0
         */
        "overflow"?: 'ellipsis' | 'newline';
        /**
          * Specifies the properties of the vega-tooltip in vega-text.
          * @vegaVersion 2.0.0
         */
        "tooltip"?: VegaTextTooltipProps;
    }
    interface VegaTextarea {
        /**
          * Determines whether the text area should be validated automatically as the user types. When `true`, validation rules (including `required`, `minLength`, `maxLength`, and custom `validationRules`) are evaluated on blur and the `isValid` property is updated accordingly.  Set to `false` to handle validation manually.
          * @default true
          * @vegaVersion 1.11.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the text area is disabled. When `true`, the text area is non-interactive — the user cannot type, focus, or select the field. The disabled state is reflected as an HTML attribute for CSS styling.
          * @default false
          * @vegaVersion 1.11.0
         */
        "disabled"?: boolean;
        /**
          * Provides a supplementary helper message displayed below the text area that assists users in understanding the expected value or format.  The hint is visible at all times (not just on focus) and is typically used for guidance such as character requirements or formatting rules.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "hint"?: string;
        /**
          * Reflects the current validation status of the text area.  - `true` — the field value passes all validation rules. - `false` — one or more validation rules have failed. - `null` — the field has not been validated yet (initial state).  This property is mutable: it is updated automatically when `autoValidation` is enabled, but can also be set manually to override the validation state. The value is reflected as an HTML attribute.
          * @default null
          * @vegaVersion 1.11.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the visible label text rendered above the text area. The label helps identify the purpose or content expected within the field and also serves as the accessible `aria-label` for screen readers when present.  Clicking the label will focus the text area.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "label"?: string;
        /**
          * Configuration object for an optional suffix button rendered beside the field label. Use this to provide an inline action (e.g., a help or info button) next to the label text.  When the button is clicked, the `vegaLabelButtonClick` event is emitted. Set to `null` to hide the suffix button.
          * @default null
          * @vegaVersion 2.68.0
         */
        "labelSuffixButtonConfig"?: Nullable<LabelSuffixButtonConfig>;
        /**
          * Specifies the maximum number of characters (UTF-16 code units) that the user can enter in the text area. The native `maxlength` attribute is applied to the inner `<textarea>` element.  When `showCounter` is `true`, the maximum value is displayed alongside the current character count (e.g., `42/200`). Exceeding this limit triggers a visual warning on the counter and fails the `MaxStringLengthRule` during validation.  Set to `null` to allow unlimited input.
          * @default null
          * @vegaVersion 1.11.0
         */
        "maxLength"?: number;
        /**
          * Specifies the minimum number of characters (UTF-16 code units) that the user must enter in the text area for the value to be considered valid. The native `minlength` attribute is applied to the inner `<textarea>` element.  When set, the `MinStringLengthRule` is applied during validation. Set to `null` to impose no minimum length.
          * @default null
          * @vegaVersion 1.11.0
         */
        "minLength"?: number;
        /**
          * Native-namespace mirror of `vegaBlur`. Fired when the inner `<textarea>` element loses focus. Provided for compatibility with standard DOM event listeners.
          * @eventDetail undefined — No payload; signals the blur occurrence only.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onBlur"?: (event: VegaTextareaCustomEvent<undefined>) => void;
        /**
          * Native-namespace mirror of `vegaChange`. Fired whenever the text area value changes. Provided for compatibility with standard DOM event listeners.
          * @eventDetail string — The updated text area value.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaTextareaCustomEvent<string>) => void;
        /**
          * Native-namespace mirror of `vegaLabelButtonClick`. Fired when the label suffix button is clicked. Provided for compatibility with standard DOM event listeners.
          * @eventDetail void
          * @eventSemantics namespace:native
          * @vegaVersion 2.68.0
         */
        "onLabelButtonClick"?: (event: VegaTextareaCustomEvent<any>) => void;
        /**
          * Fired when the inner `<textarea>` element loses focus (blur). Use this event to trigger validation or save actions when the user leaves the text area.
          * @eventDetail undefined — No payload; signals the blur occurrence only.
          * @vegaVersion 1.11.0
         */
        "onVegaBlur"?: (event: VegaTextareaCustomEvent<undefined>) => void;
        /**
          * Fired whenever the text area value changes, whether by user input or programmatic update of the `value` property. This is the primary event for reacting to content changes and implementing two-way binding.
          * @eventDetail string — The updated text area value.
          * @vegaVersion 1.11.0
         */
        "onVegaChange"?: (event: VegaTextareaCustomEvent<string>) => void;
        /**
          * Fired when the suffix button configured via `labelSuffixButtonConfig` is clicked. Listen for this event to handle inline label actions such as opening a help dialog or toggling additional information.
          * @eventDetail void
          * @vegaVersion 2.68.0
         */
        "onVegaLabelButtonClick"?: (event: VegaTextareaCustomEvent<any>) => void;
        /**
          * Specifies a placeholder string that displays as a temporary hint or example within the text area. The placeholder text is shown when the field is empty and disappears once the user begins typing.  Use this to indicate the expected format or content of the input, for example `'Enter your comments here...'`.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "placeholder"?: string;
        /**
          * Determines whether the text area must have a non-empty value before the form can be submitted. When `true`, a required-field indicator is shown on the label and the built-in `RequiredFieldRule` is applied during validation.
          * @default false
          * @vegaVersion 1.11.0
         */
        "required"?: boolean;
        /**
          * Determines whether the user can vertically resize the text area by dragging its bottom-right corner. When `false`, the resize handle is hidden via CSS and the text area height is fixed.
          * @default true
          * @vegaVersion 2.19.0
         */
        "resizable"?: boolean;
        /**
          * Specifies the number of visible text lines in the text area, controlling its initial height. Accepts integers ≥ 2. For optimal display, values below 2 are internally adjusted to 4 rows.
          * @default 5
          * @vegaVersion 2.63.0
         */
        "rows"?: number;
        /**
          * Determines whether to display a live character counter below the text area.  When `true`, the counter shows the current character count. If `maxLength` is also set, the counter displays in the format `current/max` and visually highlights when the limit is exceeded.
          * @default false
          * @vegaVersion 1.11.0
         */
        "showCounter"?: boolean;
        /**
          * An array of custom validation rules applied to the text area in addition to the built-in rules (`RequiredFieldRule`, `MinStringLengthRule`, `MaxStringLengthRule`). Each rule must implement the `FormFieldValidationRule` interface.  Rules are evaluated in order when `autoValidation` is enabled or when validation is triggered programmatically.
          * @default []
          * @vegaVersion 1.11.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * The current value (content) of the text area field.  This property is mutable and will be updated programmatically when the user types into the text area. It can also be set externally to pre-populate or reset the field. Changes to this property trigger the `vegaChange` event and update the character counter if `showCounter` is enabled. Supports two-way binding in framework wrappers.
          * @default ''
          * @vegaVersion 1.11.0
         */
        "value"?: string;
    }
    interface VegaTimePicker {
        /**
          * Determines whether automatic validation should be implemented    for the time picker during user input.
          * @vegaVersion 1.12.0
         */
        "autoValidation"?: boolean;
        /**
          * Determines whether the time picker component is disabled.
          * @vegaVersion 1.12.0
         */
        "disabled"?: boolean;
        /**
          * Determines the interval between each selectable minute value    in the time picker.
          * @vegaVersion 1.12.0
         */
        "increments"?: number;
        /**
          * Specifies the validation status of the time picker component.
          * @vegaVersion 1.12.0
         */
        "isValid"?: boolean | null;
        /**
          * Specifies the label or title for the time picker.  It provides descriptive text that helps identify the    purpose or content expected in the time picker.
          * @vegaVersion 1.12.0
         */
        "label"?: string;
        /**
          * Specifies the mode for selecting time in the time picker.   - `single` indicates the ability to select a single time.  - `range` indicates the ability to select a time range.
          * @vegaVersion 1.48.0
         */
        "mode"?: TimePickerModeType;
        /**
          * An event emitter notifying changes in the value of the time picker.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaTimePickerCustomEvent<string | string[]>) => void;
        /**
          * An event emitter notifying changes in the value of the time picker.
          * @vegaVersion 1.12.0
         */
        "onVegaChange"?: (event: VegaTimePickerCustomEvent<string | string[]>) => void;
        /**
          * Specifies placeholder strings that provide a temporary hint    or example inside the time input field.
          * @vegaVersion 1.12.0
         */
        "placeholder"?: string | string[];
        /**
          * Specifies the selector of the container element relative to which    the popup of the time picker will be positioned.  If not provided, the popup will be appended to    the body by default. Adjust this property    when facing scrolling positioning problems.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.12.0
         */
        "positionRelativeTo"?: string;
        /**
          * Specifies whether the time picker field is set to read-only.  When set to `true`, prevents manual keyboard text entry in the input field on    all platforms. On touch devices, this typically suppresses the virtual keyboard.    This does not lock the component value; users can still select/update time via    the dropdown UI (and programmatic updates still work).
          * @default false
          * @vegaVersion 2.79.0
         */
        "readOnly"?: boolean;
        /**
          * Specifies whether selecting a time in the time picker    is required for passing form validation.
          * @vegaVersion 1.12.0
         */
        "required"?: boolean;
        /**
          * Determines the size or dimensions of the time picker component.
          * @vegaVersion 1.12.0
         */
        "size"?: 'default' | 'small';
        /**
          * Specifies the format in which the time is displayed    in the time picker.  - `24-hour` displays time as "HH:mm".  - `12-hour` displays time as "hh:mm a".
          * @vegaVersion 1.12.0
         */
        "timeFormat"?: TimeFormat;
        /**
          * Specifies custom validation rules for the    time picker input field.
          * @vegaVersion 1.12.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * Specifies the initial value or selected time    for the time picker. - In `single` mode, the value is a string:  - `24-hour` format: "HH:mm".  - `12-hour` format: "hh:mm a". - In `range` mode, the value is an array of two strings:  - `24-hour` format: ["HH:mm", "HH:mm"].  - `12-hour` format: ["hh:mm a", "hh:mm a"]
          * @vegaVersion 1.12.0
         */
        "value"?: TimePickerValueType<TimePickerModeType>;
    }
    interface VegaTimePickerDropdown {
    }
    interface VegaToggleSwitch {
        /**
          * Determines whether automatic validation should be    implemented for the toggle switch.
          * @vegaVersion 2.25.0
         */
        "autoValidation"?: boolean;
        /**
          * Specifies whether the toggle switch is in the checked state.
          * @vegaVersion 1.3.0
         */
        "checked"?: boolean;
        /**
          * Specifies whether the toggle switch is disabled.
          * @vegaVersion 1.3.0
         */
        "disabled"?: boolean;
        /**
          * Specifies the validation status of the toggle switch.
          * @vegaVersion 2.25.0
         */
        "isValid"?: boolean;
        /**
          * Specifies the label or title for the toggle switch.
          * @vegaVersion 1.3.0
         */
        "label"?: string;
        /**
          * An event emitter notifying changes in the toggle switch.
          * @eventSemantics namespace:native
          * @vegaVersion 2.0.0
         */
        "onChange"?: (event: VegaToggleSwitchCustomEvent<boolean>) => void;
        /**
          * An event emitter notifying changes in the toggle switch.
          * @vegaVersion 1.3.0
         */
        "onVegaChange"?: (event: VegaToggleSwitchCustomEvent<boolean>) => void;
        /**
          * Specifies whether the toggle switch must be checked    to pass form validation.
          * @vegaVersion 2.25.0
         */
        "required"?: boolean;
        /**
          * Specifies the size of the toggle switch.
          * @vegaVersion 1.3.0
         */
        "size"?: 'default' | 'small';
        /**
          * Defines custom validation rules for the toggle switch.
          * @vegaVersion 2.25.0
         */
        "validationRules"?: FormFieldValidationRule<unknown>[];
        /**
          * The `value` property returns `true` when the toggle switch is checked, and `false` when it is unchecked. This property is included for form control compatibility and can be used interchangeably with the checked property.
          * @vegaVersion 2.25.0
         */
        "value"?: boolean;
    }
    interface VegaTooltip {
        /**
          * Determines the horizontal positioning of the tooltip    within its container or relative to a reference point.
          * @vegaVersion 1.41.0
         */
        "alignment"?: ElementAppenderAlignmentType;
        /**
          * Specifies the content that is displayed    inside the tooltip.
          * @deprecated This property will be removed soon and replaced by prop text
          * @vegaVersion 1.3.0
         */
        "content"?: string;
        /**
          * The tooltip is interactive by default. Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
          * @vegaVersion 1.52.0
         */
        "disableInteractive"?: boolean;
        /**
          * Determines the maximum width of the tooltip.  It can be provided as a number or a ResponsiveType.
          * @vegaVersion 1.30.0
         */
        "maxWidth"?: ResponsiveType<SizeType>;
        /**
          * Determines the minimum width of the tooltip.  It can be provided as a number or a ResponsiveType.
          * @vegaVersion 1.30.0
         */
        "minWidth"?: ResponsiveType<SizeType>;
        /**
          * Specifies the vertical positioning of the tooltip    within its container or relative to a reference point.
          * @vegaVersion 1.3.0
         */
        "placement"?: ElementAppenderPlacementType;
        /**
          * Specifies the target element that will contain the tooltip popup.  If not provided, the popup will be appended to the    body by default. Adjust this property if you    encounter scrolling or positioning issues.
          * @VegaWarning The value of this property should be an element that is the parent of this component or an ancestor of the parent element. Using any other element may lead to unexpected behavior.
          * @vegaVersion 1.3.0
         */
        "positionRelativeTo"?: string;
        /**
          * Determines the fixed size (width) of the tooltip.  It can be provided as a number or a ResponsiveType.
          * @vegaVersion 1.3.0
         */
        "size"?: ResponsiveType<SizeType>;
        /**
          * Specifies the text that is displayed    inside the tooltip.
          * @vegaVersion 2.0.0
         */
        "text"?: string;
        /**
          * Specifies the trigger mode for the tooltip. - click: means the tooltip show/hide by click. - hover: means the tooltip show/hide by hover. - none: means tooltip is not displayed regardless of hover or click.
          * @vegaVersion 1.3.0
         */
        "trigger"?: 'hover' | 'click' | 'none';
    }
    interface VegaTooltipContentBox {
        /**
          * Specifies the text that is displayed inside the tooltip.
          * @vegaVersion 2.0.0
         */
        "text"?: string;
    }
    interface VegaVirtualScroll {
        /**
          * The approximate height of each item *
          * @vegaVersion 1.13.0
         */
        "approxItemHeight"?: number;
        /**
          * Determines whether the dropdown displays a loading status.
          * @vegaVersion 2.3.0
         */
        "isLoading"?: boolean;
        /**
          * The method of render item. You should bind to the host component then you can set the css and event of item on the host component. example: <vega-virtual-scroll renderItem={this.renderSourceItem.bind(this)}></vega-virtual-scroll> . You should watch the fixHeight, if it have value, you should set {height: `${fixHeight}px`, boxSizing: 'border-box', overflow: 'hidden'} to you item, otherwise, you can do nothing.
          * @vegaVersion 1.13.0
         */
        "renderItem"?: (item: SourceItemType, index?: number, fixHeight?: number) => HTMLElement;
        /**
          * The all items of source *
          * @vegaVersion 1.13.0
         */
        "source"?: SourceItemType[];
        /**
          * We set this key to check the source is really change and should refresh virtual scroll *
          * @vegaVersion 1.26.0
         */
        "sourceItemIdentifier"?: string;
        /**
          * The max height of viewport *
          * @vegaVersion 1.13.0
         */
        "viewportMaxHeight"?: number;
        /**
          * The count of the source that will be used as the threshold for determining whether to use virtual scrolling. If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used If the value is 0, it means we will disable the virtualization all the time.
          * @vegaVersion 2.3.0
         */
        "virtualizationThreshold"?: number;
    }
    interface IntrinsicElements {
        "vega-accordion": VegaAccordion;
        "vega-app-footer": VegaAppFooter;
        "vega-app-header-button": VegaAppHeaderButton;
        "vega-backdrop": VegaBackdrop;
        "vega-banner": VegaBanner;
        "vega-bar-chart": VegaBarChart;
        "vega-box": VegaBox;
        "vega-brand-logo": VegaBrandLogo;
        "vega-breadcrumb": VegaBreadcrumb;
        "vega-button": VegaButton;
        "vega-button-circle": VegaButtonCircle;
        "vega-button-group": VegaButtonGroup;
        "vega-button-group-item": VegaButtonGroupItem;
        "vega-button-link": VegaButtonLink;
        "vega-calendar": VegaCalendar;
        "vega-calendar-event": VegaCalendarEvent;
        "vega-calendar-event-preview": VegaCalendarEventPreview;
        "vega-calendar-event-slot": VegaCalendarEventSlot;
        "vega-card": VegaCard;
        "vega-carousel": VegaCarousel;
        "vega-checkbox": VegaCheckbox;
        "vega-checkbox-group": VegaCheckboxGroup;
        "vega-chip": VegaChip;
        "vega-code-block": VegaCodeBlock;
        "vega-color-picker": VegaColorPicker;
        "vega-combo-box": VegaComboBox;
        "vega-counter-badge": VegaCounterBadge;
        "vega-date-picker": VegaDatePicker;
        "vega-date-picker-calendar": VegaDatePickerCalendar;
        "vega-dialog": VegaDialog;
        "vega-divider": VegaDivider;
        "vega-dropdown": VegaDropdown;
        "vega-dropdown-content-box": VegaDropdownContentBox;
        "vega-dropdown-group": VegaDropdownGroup;
        "vega-dropdown-item": VegaDropdownItem;
        "vega-field-error": VegaFieldError;
        "vega-field-label": VegaFieldLabel;
        "vega-file-uploader": VegaFileUploader;
        "vega-flag-icon": VegaFlagIcon;
        "vega-flex": VegaFlex;
        "vega-font": VegaFont;
        "vega-form": VegaForm;
        "vega-grid": VegaGrid;
        "vega-hint": VegaHint;
        "vega-icon": VegaIcon;
        "vega-image-uploader": VegaImageUploader;
        "vega-input": VegaInput;
        "vega-input-credit-card": VegaInputCreditCard;
        "vega-input-numeric": VegaInputNumeric;
        "vega-input-passcode": VegaInputPasscode;
        "vega-input-phone-number": VegaInputPhoneNumber;
        "vega-input-range": VegaInputRange;
        "vega-input-select": VegaInputSelect;
        "vega-item-toggle": VegaItemToggle;
        "vega-left-nav": VegaLeftNav;
        "vega-left-nav-group": VegaLeftNavGroup;
        "vega-left-nav-link": VegaLeftNavLink;
        "vega-left-nav-section": VegaLeftNavSection;
        "vega-line-chart": VegaLineChart;
        "vega-loader-wrapper": VegaLoaderWrapper;
        "vega-loading-indicator": VegaLoadingIndicator;
        "vega-modal": VegaModal;
        "vega-nav-card": VegaNavCard;
        "vega-page-notification": VegaPageNotification;
        "vega-page-notification-list": VegaPageNotificationList;
        "vega-pagination": VegaPagination;
        "vega-pagination-page-selector-mobile": VegaPaginationPageSelectorMobile;
        "vega-pagination-page-size-selector-mobile": VegaPaginationPageSizeSelectorMobile;
        "vega-pie-chart": VegaPieChart;
        "vega-popover": VegaPopover;
        "vega-popover-content-box": VegaPopoverContentBox;
        "vega-progress-tracker": VegaProgressTracker;
        "vega-progress-tracker-step": VegaProgressTrackerStep;
        "vega-radio": VegaRadio;
        "vega-radio-group": VegaRadioGroup;
        "vega-rich-text-content": VegaRichTextContent;
        "vega-rich-text-editor": VegaRichTextEditor;
        "vega-rich-text-editor-toolbar-button": VegaRichTextEditorToolbarButton;
        "vega-rich-text-image-editor": VegaRichTextImageEditor;
        "vega-rich-text-link-editor": VegaRichTextLinkEditor;
        "vega-rich-text-table-properties": VegaRichTextTableProperties;
        "vega-rich-text-table-selection-widget": VegaRichTextTableSelectionWidget;
        "vega-rich-text-table-setting": VegaRichTextTableSetting;
        "vega-section-title": VegaSectionTitle;
        "vega-segment-control": VegaSegmentControl;
        "vega-selection-chip": VegaSelectionChip;
        "vega-selection-chip-group": VegaSelectionChipGroup;
        "vega-selection-tile": VegaSelectionTile;
        "vega-selection-tile-group": VegaSelectionTileGroup;
        "vega-sidenav": VegaSidenav;
        "vega-sidenav-group": VegaSidenavGroup;
        "vega-sidenav-link": VegaSidenavLink;
        "vega-signature-capture": VegaSignatureCapture;
        "vega-skeleton": VegaSkeleton;
        "vega-slot-container": VegaSlotContainer;
        "vega-stepper": VegaStepper;
        "vega-tab-group": VegaTabGroup;
        "vega-tab-group-panel": VegaTabGroupPanel;
        "vega-table": VegaTable;
        "vega-table-body": VegaTableBody;
        "vega-table-cell": VegaTableCell;
        "vega-table-expand-row": VegaTableExpandRow;
        "vega-table-foot": VegaTableFoot;
        "vega-table-foot-cell": VegaTableFootCell;
        "vega-table-foot-row": VegaTableFootRow;
        "vega-table-head": VegaTableHead;
        "vega-table-head-cell": VegaTableHeadCell;
        "vega-table-head-row": VegaTableHeadRow;
        "vega-table-row": VegaTableRow;
        "vega-text": VegaText;
        "vega-textarea": VegaTextarea;
        "vega-time-picker": VegaTimePicker;
        "vega-time-picker-dropdown": VegaTimePickerDropdown;
        "vega-toggle-switch": VegaToggleSwitch;
        "vega-tooltip": VegaTooltip;
        "vega-tooltip-content-box": VegaTooltipContentBox;
        "vega-virtual-scroll": VegaVirtualScroll;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "vega-accordion": LocalJSX.VegaAccordion & JSXBase.HTMLAttributes<HTMLVegaAccordionElement>;
            "vega-app-footer": LocalJSX.VegaAppFooter & JSXBase.HTMLAttributes<HTMLVegaAppFooterElement>;
            "vega-app-header-button": LocalJSX.VegaAppHeaderButton & JSXBase.HTMLAttributes<HTMLVegaAppHeaderButtonElement>;
            "vega-backdrop": LocalJSX.VegaBackdrop & JSXBase.HTMLAttributes<HTMLVegaBackdropElement>;
            "vega-banner": LocalJSX.VegaBanner & JSXBase.HTMLAttributes<HTMLVegaBannerElement>;
            "vega-bar-chart": LocalJSX.VegaBarChart & JSXBase.HTMLAttributes<HTMLVegaBarChartElement>;
            "vega-box": LocalJSX.VegaBox & JSXBase.HTMLAttributes<HTMLVegaBoxElement>;
            "vega-brand-logo": LocalJSX.VegaBrandLogo & JSXBase.HTMLAttributes<HTMLVegaBrandLogoElement>;
            "vega-breadcrumb": LocalJSX.VegaBreadcrumb & JSXBase.HTMLAttributes<HTMLVegaBreadcrumbElement>;
            "vega-button": LocalJSX.VegaButton & JSXBase.HTMLAttributes<HTMLVegaButtonElement>;
            "vega-button-circle": LocalJSX.VegaButtonCircle & JSXBase.HTMLAttributes<HTMLVegaButtonCircleElement>;
            "vega-button-group": LocalJSX.VegaButtonGroup & JSXBase.HTMLAttributes<HTMLVegaButtonGroupElement>;
            "vega-button-group-item": LocalJSX.VegaButtonGroupItem & JSXBase.HTMLAttributes<HTMLVegaButtonGroupItemElement>;
            "vega-button-link": LocalJSX.VegaButtonLink & JSXBase.HTMLAttributes<HTMLVegaButtonLinkElement>;
            "vega-calendar": LocalJSX.VegaCalendar & JSXBase.HTMLAttributes<HTMLVegaCalendarElement>;
            "vega-calendar-event": LocalJSX.VegaCalendarEvent & JSXBase.HTMLAttributes<HTMLVegaCalendarEventElement>;
            "vega-calendar-event-preview": LocalJSX.VegaCalendarEventPreview & JSXBase.HTMLAttributes<HTMLVegaCalendarEventPreviewElement>;
            "vega-calendar-event-slot": LocalJSX.VegaCalendarEventSlot & JSXBase.HTMLAttributes<HTMLVegaCalendarEventSlotElement>;
            "vega-card": LocalJSX.VegaCard & JSXBase.HTMLAttributes<HTMLVegaCardElement>;
            "vega-carousel": LocalJSX.VegaCarousel & JSXBase.HTMLAttributes<HTMLVegaCarouselElement>;
            "vega-checkbox": LocalJSX.VegaCheckbox & JSXBase.HTMLAttributes<HTMLVegaCheckboxElement>;
            "vega-checkbox-group": LocalJSX.VegaCheckboxGroup & JSXBase.HTMLAttributes<HTMLVegaCheckboxGroupElement>;
            "vega-chip": LocalJSX.VegaChip & JSXBase.HTMLAttributes<HTMLVegaChipElement>;
            "vega-code-block": LocalJSX.VegaCodeBlock & JSXBase.HTMLAttributes<HTMLVegaCodeBlockElement>;
            "vega-color-picker": LocalJSX.VegaColorPicker & JSXBase.HTMLAttributes<HTMLVegaColorPickerElement>;
            "vega-combo-box": LocalJSX.VegaComboBox & JSXBase.HTMLAttributes<HTMLVegaComboBoxElement>;
            "vega-counter-badge": LocalJSX.VegaCounterBadge & JSXBase.HTMLAttributes<HTMLVegaCounterBadgeElement>;
            "vega-date-picker": LocalJSX.VegaDatePicker & JSXBase.HTMLAttributes<HTMLVegaDatePickerElement>;
            "vega-date-picker-calendar": LocalJSX.VegaDatePickerCalendar & JSXBase.HTMLAttributes<HTMLVegaDatePickerCalendarElement>;
            "vega-dialog": LocalJSX.VegaDialog & JSXBase.HTMLAttributes<HTMLVegaDialogElement>;
            "vega-divider": LocalJSX.VegaDivider & JSXBase.HTMLAttributes<HTMLVegaDividerElement>;
            "vega-dropdown": LocalJSX.VegaDropdown & JSXBase.HTMLAttributes<HTMLVegaDropdownElement>;
            "vega-dropdown-content-box": LocalJSX.VegaDropdownContentBox & JSXBase.HTMLAttributes<HTMLVegaDropdownContentBoxElement>;
            "vega-dropdown-group": LocalJSX.VegaDropdownGroup & JSXBase.HTMLAttributes<HTMLVegaDropdownGroupElement>;
            "vega-dropdown-item": LocalJSX.VegaDropdownItem & JSXBase.HTMLAttributes<HTMLVegaDropdownItemElement>;
            "vega-field-error": LocalJSX.VegaFieldError & JSXBase.HTMLAttributes<HTMLVegaFieldErrorElement>;
            "vega-field-label": LocalJSX.VegaFieldLabel & JSXBase.HTMLAttributes<HTMLVegaFieldLabelElement>;
            "vega-file-uploader": LocalJSX.VegaFileUploader & JSXBase.HTMLAttributes<HTMLVegaFileUploaderElement>;
            "vega-flag-icon": LocalJSX.VegaFlagIcon & JSXBase.HTMLAttributes<HTMLVegaFlagIconElement>;
            "vega-flex": LocalJSX.VegaFlex & JSXBase.HTMLAttributes<HTMLVegaFlexElement>;
            "vega-font": LocalJSX.VegaFont & JSXBase.HTMLAttributes<HTMLVegaFontElement>;
            "vega-form": LocalJSX.VegaForm & JSXBase.HTMLAttributes<HTMLVegaFormElement>;
            "vega-grid": LocalJSX.VegaGrid & JSXBase.HTMLAttributes<HTMLVegaGridElement>;
            "vega-hint": LocalJSX.VegaHint & JSXBase.HTMLAttributes<HTMLVegaHintElement>;
            "vega-icon": LocalJSX.VegaIcon & JSXBase.HTMLAttributes<HTMLVegaIconElement>;
            "vega-image-uploader": LocalJSX.VegaImageUploader & JSXBase.HTMLAttributes<HTMLVegaImageUploaderElement>;
            "vega-input": LocalJSX.VegaInput & JSXBase.HTMLAttributes<HTMLVegaInputElement>;
            "vega-input-credit-card": LocalJSX.VegaInputCreditCard & JSXBase.HTMLAttributes<HTMLVegaInputCreditCardElement>;
            "vega-input-numeric": LocalJSX.VegaInputNumeric & JSXBase.HTMLAttributes<HTMLVegaInputNumericElement>;
            "vega-input-passcode": LocalJSX.VegaInputPasscode & JSXBase.HTMLAttributes<HTMLVegaInputPasscodeElement>;
            "vega-input-phone-number": LocalJSX.VegaInputPhoneNumber & JSXBase.HTMLAttributes<HTMLVegaInputPhoneNumberElement>;
            "vega-input-range": LocalJSX.VegaInputRange & JSXBase.HTMLAttributes<HTMLVegaInputRangeElement>;
            "vega-input-select": LocalJSX.VegaInputSelect & JSXBase.HTMLAttributes<HTMLVegaInputSelectElement>;
            "vega-item-toggle": LocalJSX.VegaItemToggle & JSXBase.HTMLAttributes<HTMLVegaItemToggleElement>;
            "vega-left-nav": LocalJSX.VegaLeftNav & JSXBase.HTMLAttributes<HTMLVegaLeftNavElement>;
            "vega-left-nav-group": LocalJSX.VegaLeftNavGroup & JSXBase.HTMLAttributes<HTMLVegaLeftNavGroupElement>;
            "vega-left-nav-link": LocalJSX.VegaLeftNavLink & JSXBase.HTMLAttributes<HTMLVegaLeftNavLinkElement>;
            "vega-left-nav-section": LocalJSX.VegaLeftNavSection & JSXBase.HTMLAttributes<HTMLVegaLeftNavSectionElement>;
            "vega-line-chart": LocalJSX.VegaLineChart & JSXBase.HTMLAttributes<HTMLVegaLineChartElement>;
            "vega-loader-wrapper": LocalJSX.VegaLoaderWrapper & JSXBase.HTMLAttributes<HTMLVegaLoaderWrapperElement>;
            "vega-loading-indicator": LocalJSX.VegaLoadingIndicator & JSXBase.HTMLAttributes<HTMLVegaLoadingIndicatorElement>;
            "vega-modal": LocalJSX.VegaModal & JSXBase.HTMLAttributes<HTMLVegaModalElement>;
            "vega-nav-card": LocalJSX.VegaNavCard & JSXBase.HTMLAttributes<HTMLVegaNavCardElement>;
            "vega-page-notification": LocalJSX.VegaPageNotification & JSXBase.HTMLAttributes<HTMLVegaPageNotificationElement>;
            "vega-page-notification-list": LocalJSX.VegaPageNotificationList & JSXBase.HTMLAttributes<HTMLVegaPageNotificationListElement>;
            "vega-pagination": LocalJSX.VegaPagination & JSXBase.HTMLAttributes<HTMLVegaPaginationElement>;
            "vega-pagination-page-selector-mobile": LocalJSX.VegaPaginationPageSelectorMobile & JSXBase.HTMLAttributes<HTMLVegaPaginationPageSelectorMobileElement>;
            "vega-pagination-page-size-selector-mobile": LocalJSX.VegaPaginationPageSizeSelectorMobile & JSXBase.HTMLAttributes<HTMLVegaPaginationPageSizeSelectorMobileElement>;
            "vega-pie-chart": LocalJSX.VegaPieChart & JSXBase.HTMLAttributes<HTMLVegaPieChartElement>;
            "vega-popover": LocalJSX.VegaPopover & JSXBase.HTMLAttributes<HTMLVegaPopoverElement>;
            "vega-popover-content-box": LocalJSX.VegaPopoverContentBox & JSXBase.HTMLAttributes<HTMLVegaPopoverContentBoxElement>;
            "vega-progress-tracker": LocalJSX.VegaProgressTracker & JSXBase.HTMLAttributes<HTMLVegaProgressTrackerElement>;
            "vega-progress-tracker-step": LocalJSX.VegaProgressTrackerStep & JSXBase.HTMLAttributes<HTMLVegaProgressTrackerStepElement>;
            "vega-radio": LocalJSX.VegaRadio & JSXBase.HTMLAttributes<HTMLVegaRadioElement>;
            "vega-radio-group": LocalJSX.VegaRadioGroup & JSXBase.HTMLAttributes<HTMLVegaRadioGroupElement>;
            "vega-rich-text-content": LocalJSX.VegaRichTextContent & JSXBase.HTMLAttributes<HTMLVegaRichTextContentElement>;
            "vega-rich-text-editor": LocalJSX.VegaRichTextEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextEditorElement>;
            "vega-rich-text-editor-toolbar-button": LocalJSX.VegaRichTextEditorToolbarButton & JSXBase.HTMLAttributes<HTMLVegaRichTextEditorToolbarButtonElement>;
            "vega-rich-text-image-editor": LocalJSX.VegaRichTextImageEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextImageEditorElement>;
            "vega-rich-text-link-editor": LocalJSX.VegaRichTextLinkEditor & JSXBase.HTMLAttributes<HTMLVegaRichTextLinkEditorElement>;
            "vega-rich-text-table-properties": LocalJSX.VegaRichTextTableProperties & JSXBase.HTMLAttributes<HTMLVegaRichTextTablePropertiesElement>;
            "vega-rich-text-table-selection-widget": LocalJSX.VegaRichTextTableSelectionWidget & JSXBase.HTMLAttributes<HTMLVegaRichTextTableSelectionWidgetElement>;
            "vega-rich-text-table-setting": LocalJSX.VegaRichTextTableSetting & JSXBase.HTMLAttributes<HTMLVegaRichTextTableSettingElement>;
            "vega-section-title": LocalJSX.VegaSectionTitle & JSXBase.HTMLAttributes<HTMLVegaSectionTitleElement>;
            "vega-segment-control": LocalJSX.VegaSegmentControl & JSXBase.HTMLAttributes<HTMLVegaSegmentControlElement>;
            "vega-selection-chip": LocalJSX.VegaSelectionChip & JSXBase.HTMLAttributes<HTMLVegaSelectionChipElement>;
            "vega-selection-chip-group": LocalJSX.VegaSelectionChipGroup & JSXBase.HTMLAttributes<HTMLVegaSelectionChipGroupElement>;
            "vega-selection-tile": LocalJSX.VegaSelectionTile & JSXBase.HTMLAttributes<HTMLVegaSelectionTileElement>;
            "vega-selection-tile-group": LocalJSX.VegaSelectionTileGroup & JSXBase.HTMLAttributes<HTMLVegaSelectionTileGroupElement>;
            "vega-sidenav": LocalJSX.VegaSidenav & JSXBase.HTMLAttributes<HTMLVegaSidenavElement>;
            "vega-sidenav-group": LocalJSX.VegaSidenavGroup & JSXBase.HTMLAttributes<HTMLVegaSidenavGroupElement>;
            "vega-sidenav-link": LocalJSX.VegaSidenavLink & JSXBase.HTMLAttributes<HTMLVegaSidenavLinkElement>;
            "vega-signature-capture": LocalJSX.VegaSignatureCapture & JSXBase.HTMLAttributes<HTMLVegaSignatureCaptureElement>;
            "vega-skeleton": LocalJSX.VegaSkeleton & JSXBase.HTMLAttributes<HTMLVegaSkeletonElement>;
            "vega-slot-container": LocalJSX.VegaSlotContainer & JSXBase.HTMLAttributes<HTMLVegaSlotContainerElement>;
            "vega-stepper": LocalJSX.VegaStepper & JSXBase.HTMLAttributes<HTMLVegaStepperElement>;
            "vega-tab-group": LocalJSX.VegaTabGroup & JSXBase.HTMLAttributes<HTMLVegaTabGroupElement>;
            "vega-tab-group-panel": LocalJSX.VegaTabGroupPanel & JSXBase.HTMLAttributes<HTMLVegaTabGroupPanelElement>;
            "vega-table": LocalJSX.VegaTable & JSXBase.HTMLAttributes<HTMLVegaTableElement>;
            "vega-table-body": LocalJSX.VegaTableBody & JSXBase.HTMLAttributes<HTMLVegaTableBodyElement>;
            "vega-table-cell": LocalJSX.VegaTableCell & JSXBase.HTMLAttributes<HTMLVegaTableCellElement>;
            "vega-table-expand-row": LocalJSX.VegaTableExpandRow & JSXBase.HTMLAttributes<HTMLVegaTableExpandRowElement>;
            "vega-table-foot": LocalJSX.VegaTableFoot & JSXBase.HTMLAttributes<HTMLVegaTableFootElement>;
            "vega-table-foot-cell": LocalJSX.VegaTableFootCell & JSXBase.HTMLAttributes<HTMLVegaTableFootCellElement>;
            "vega-table-foot-row": LocalJSX.VegaTableFootRow & JSXBase.HTMLAttributes<HTMLVegaTableFootRowElement>;
            "vega-table-head": LocalJSX.VegaTableHead & JSXBase.HTMLAttributes<HTMLVegaTableHeadElement>;
            "vega-table-head-cell": LocalJSX.VegaTableHeadCell & JSXBase.HTMLAttributes<HTMLVegaTableHeadCellElement>;
            "vega-table-head-row": LocalJSX.VegaTableHeadRow & JSXBase.HTMLAttributes<HTMLVegaTableHeadRowElement>;
            "vega-table-row": LocalJSX.VegaTableRow & JSXBase.HTMLAttributes<HTMLVegaTableRowElement>;
            "vega-text": LocalJSX.VegaText & JSXBase.HTMLAttributes<HTMLVegaTextElement>;
            "vega-textarea": LocalJSX.VegaTextarea & JSXBase.HTMLAttributes<HTMLVegaTextareaElement>;
            "vega-time-picker": LocalJSX.VegaTimePicker & JSXBase.HTMLAttributes<HTMLVegaTimePickerElement>;
            "vega-time-picker-dropdown": LocalJSX.VegaTimePickerDropdown & JSXBase.HTMLAttributes<HTMLVegaTimePickerDropdownElement>;
            "vega-toggle-switch": LocalJSX.VegaToggleSwitch & JSXBase.HTMLAttributes<HTMLVegaToggleSwitchElement>;
            "vega-tooltip": LocalJSX.VegaTooltip & JSXBase.HTMLAttributes<HTMLVegaTooltipElement>;
            "vega-tooltip-content-box": LocalJSX.VegaTooltipContentBox & JSXBase.HTMLAttributes<HTMLVegaTooltipContentBoxElement>;
            "vega-virtual-scroll": LocalJSX.VegaVirtualScroll & JSXBase.HTMLAttributes<HTMLVegaVirtualScrollElement>;
        }
    }
}