@heartlandone/vega 2.0.0-temp-test-0.2 → 2.0.0

package/dist/types/components.d.ts

@@ -5,16 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { BoxDisplayType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, GapType, GridColumnType, GridRowType, MarginType, MaxHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, TranslocationType, VegaComponentInterface } from "./types/ui.type";
+import { BoxDisplayType, CornersType, CssStatesType, ElementAppenderAlignmentType, ElementAppenderPlacementType, FlexAlignItemType, FlexDirectionType, FlexJustifyContentType, GapType, GridColumnType, GridRowType, HeightType, MarginType, MaxHeightType, PaddingType, PlacementType, PositionAlignmentType, ResponsiveType, SizeType, StateVariantType, TranslocationType, VegaComponentInterface, WidthType } from "./types/ui.type";
 import { LinkTargetType, VegaAppFooterLink } from "./components/vega-app-footer/types";
 import { VegaAppHeaderAvatarConfig, VegaAppHeaderButtonDropdownConfig, VegaAppHeaderButtonSize } from "./components/vega-app-header-button/types";
-import { BackgroundColorsTokenType, BreakpointsTokenType, ShadowsTokenType, SpacingTokenType, TextColorsTokenType, TypographyTokenType } from "./types/designToken.type";
-import { VegaBadgeSize } from "./components/vega-badge/types";
-import { VegaBannerViewData } 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/designToken.type";
 import { VegaBreadcrumbCollapsedThresholdType, VegaBreadcrumbItemType } from "./components/vega-breadcrumb/types";
 import { VegaButtonIconAlign, VegaButtonSize, VegaButtonType, VegaButtonVariant } from "./components/vega-button/types";
-import { VegaButtonCircleSize, VegaButtonCircleVariant } from "./components/vega-button-circle/types";
+import { VegaButtonCircleSize, VegaButtonCircleTooltip, VegaButtonCircleVariant } from "./components/vega-button-circle/types";
 import { VegaFlexProps } from "./components/vega-checkbox/types";
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
 import { FormFieldValidationRule } from "./helpers/validator/rules/formFieldValidationRule";
@@ -38,9 +36,9 @@ import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } fro
 import { VegaPaginationItemType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pieChart";
 import { VegaFlexProps as VegaFlexProps1 } from "./components/vega-radio/types";
-import { OpenByDefaultType, SidebarHeaderConfig, SidebarTopLevelItem } from "./components/vega-sidenav/types";
 import { TabConfig, TabGroupVariant } from "./components/vega-tab-group/types";
 import { VegaTableChangePropType, VegaTableColumnBreakpoint, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTableHeadCellClickEvent, VegaTablePagination, VegaTableRowClickEvent, VegaTableRowClickPropType, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableScrollConfig, VegaTableSelectAllProp, VegaTableSorterConfig } from "./components/vega-table/interface";
+import { VegaTextTooltipProps } from "./components/vega-text/types";
 import { TimePickerModeType, TimePickerValueType } from "./components/vega-time-picker/types";
 import { FormFieldValidationRule as FormFieldValidationRule1 } from "./types/publicApi";
 import { SourceItemType } from "./components/vega-virtual-scroll/types";
@@ -163,45 +161,51 @@ export namespace Components {
          */
         "size": ResponsiveType<VegaAppHeaderButtonSize>;
     }
-    interface VegaBadge {
+    interface VegaBackdrop {
         /**
-          * Specifies the background color of the badge using a color token.
+          * Defines the color of the backdrop element.
          */
-        "bgColor": BackgroundColorsTokenType;
+        "color": 'bg-backdrop-modal' | 'bg-backdrop-popover' | 'bg-transparent';
         /**
-          * Specifies the size of the badge element.
+          * The duration of the animation in milliseconds.
          */
-        "size": ResponsiveType<VegaBadgeSize>;
+        "duration": number;
         /**
-          * Specifies the text content to be displayed on the badge.
+          * Whether to show or hide the backdrop
          */
-        "text": string;
+        "visible": boolean;
+    }
+    interface VegaBarChart {
         /**
-          * Specifies the color of the text displayed on the badge.
+          * Specifies the rendering options for the bar chart.
          */
-        "textColor": TextColorsTokenType;
+        "options": VegaBarChartOptionsType;
     }
-    interface VegaBanner {
+    interface VegaBox {
         /**
-          * Specifies the position of the banner component    within the layout of the page.  When set to `inline`, the banner will scroll along with    the content of the page, remaining in its designated position    as users navigate through the page.  When set to `sticky-header`, the banner will stay fixed    at the top of the page, regardless of scrolling.
+          * Defines the background color of the box.    It accepts a string value representing a valid    background color token.
          */
-        "mode": 'inline' | 'sticky-header';
+        "backgroundColor": StateVariantType<BackgroundColorsTokenType, CssStatesType>;
         /**
-          * Specifies the source of the banner image or media content.
+          * Defines the border of the box.    It accepts a string value representing a valid    border token.
          */
-        "source": VegaBannerViewData[];
-    }
-    interface VegaBarChart {
+        "border": StateVariantType<BordersTokenType, CssStatesType>;
         /**
-          * Specifies the rendering options for the bar chart.
+          * Defines the border color of the box.    It accepts a string value representing a valid    border color token.
          */
-        "options": VegaBarChartOptionsType;
-    }
-    interface VegaBox {
+        "borderColor": StateVariantType<BorderColorsTokenType, CssStatesType>;
         /**
-          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block` and `none.`
+          * Defines the corner of the box.    It accepts a string value representing a valid    border radius token.
+         */
+        "corners": ResponsiveType<CornersType>;
+        /**
+          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block` and `none`.
          */
         "display": ResponsiveType<BoxDisplayType>;
+        /**
+          * 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.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+         */
+        "height": ResponsiveType<HeightType>;
         /**
           * 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.
          */
@@ -210,6 +214,18 @@ export namespace Components {
           * 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.
          */
         "padding": ResponsiveType<PaddingType>;
+        /**
+          * Defines the custom class name of the box.
+         */
+        "responsiveClass": ResponsiveType<string>;
+        /**
+          * Defines the box shadow of the box.    It accepts a string value representing a valid    box shadow token.
+         */
+        "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.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+         */
+        "width": ResponsiveType<WidthType>;
     }
     interface VegaBreadcrumb {
         /**
@@ -217,7 +233,7 @@ export namespace Components {
          */
         "items": VegaBreadcrumbItemType[];
         /**
-          * 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.
+          * 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.
          */
         "maxItems": VegaBreadcrumbCollapsedThresholdType;
     }
@@ -280,10 +296,18 @@ export namespace Components {
           * Specifies the text to be displayed in the tooltip for the circular button    and sets it as the `aria-label` for accessibility.
          */
         "label": string;
+        /**
+          * Indicates whether to use tooltip to display label.
+         */
+        "showTooltip": boolean;
         /**
           * Specifies the size of the circular button.
          */
         "size": VegaButtonCircleSize;
+        /**
+          * Specifies the properties of the tooltip displayed for the button circle.
+         */
+        "tooltip": VegaButtonCircleTooltip;
         /**
           * Specifies the type of button and its behavior in relation to    form submission and data reset.
          */
@@ -345,11 +369,6 @@ export namespace Components {
           * Specifies the padding within the card.    It can be set as ResponsiveType or any sizing token.
          */
         "padding": ResponsiveType<PaddingType>;
-        /**
-          * Specifies the shadow token applied to the card.
-          * @deprecated Please use the `variant` property instead.
-         */
-        "shadow": ShadowsTokenType;
         /**
           * Determines whether the card is rendered with a shadow or a border.    By default, cards are rendered without a shadow or border.
          */
@@ -416,11 +435,6 @@ export namespace Components {
           * Specifies the size of the checkbox.
          */
         "size": 'default' | 'small';
-        /**
-          * Invoke this method to validate the current selected value.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showErrorText?: boolean | 'rule') => Promise<boolean>;
         /**
           * 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.
          */
@@ -431,11 +445,6 @@ export namespace Components {
           * Indicates if the checkbox group is disabled.
          */
         "disabled": boolean;
-        /**
-          * Controls the behavior of field validation when    its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation": number;
         /**
           * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the checkbox group.
          */
@@ -452,11 +461,6 @@ export namespace Components {
           * Indicates whether at least one checkbox in the    checkbox group must be checked to pass    form validation.
          */
         "required": boolean;
-        /**
-          * Invoke this method to validate the current selected values.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showErrorText?: boolean | 'rule') => Promise<boolean>;
         /**
           * Stores the selected values of the nested checkboxes    within the checkbox group.
          */
@@ -541,11 +545,6 @@ export namespace Components {
           * Specifies whether a color must be selected for    the color picker to pass form validation.
          */
         "required": boolean;
-        /**
-          * Invoke this method to validate the current value of the color picker.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showErrorText?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for the color picker.
          */
@@ -604,11 +603,6 @@ export namespace Components {
           * 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.
          */
         "useDefaultFilter": boolean;
-        /**
-          * Invoke this method to validate the current value of the combo box.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for the combo box.
          */
@@ -671,11 +665,6 @@ export namespace Components {
           * Specifies the configuration for the calendar dropdown    associated with the date picker.
          */
         "dropdownConfig": DropdownConfigForDatePicker;
-        /**
-          * Specifies whether updating the value of this attribute will    trigger a validation action for the form.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation": number;
         /**
           * Specifies the desired date format.
          */
@@ -716,11 +705,6 @@ export namespace Components {
           * Specifies the size of the date picker field.
          */
         "size": 'default' | 'small';
-        /**
-          * Invoke this method to validate the current value of the date picker.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for the date picker field.
          */
@@ -730,6 +714,8 @@ export namespace Components {
          */
         "value": DatePickerValueType<DatePickerModeType>;
     }
+    interface VegaDatePickerCalendar {
+    }
     interface VegaDialog {
         /**
           * Represents a dictionary that contains the configuration options    for the cancel button in the dialog.
@@ -879,6 +865,8 @@ export namespace Components {
          */
         "useDefaultFilter": boolean;
     }
+    interface VegaDropdownContentBox {
+    }
     interface VegaDropdownGroup {
         /**
           * Determines whether to include a dividing line at      the bottom of the dropdown group.
@@ -936,17 +924,13 @@ export namespace Components {
         "label": string;
     }
     interface VegaFlex {
-        /**
-          * Controls the alignment of items within the flex container.
-          * @deprecated This property will be removed soon and replaced by prop alignItems
-         */
-        "alignItem": ResponsiveType<FlexAlignItemType>;
         /**
           * Controls the alignment of items within the flex container.
          */
         "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.
          */
         "breakpoint": BreakpointsTokenType | 'None';
         /**
@@ -967,6 +951,7 @@ export namespace Components {
         "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.
          */
         "useNativeFlex": boolean;
     }
@@ -988,16 +973,6 @@ export namespace Components {
          */
         "variant": ResponsiveType<TypographyTokenType>;
     }
-    interface VegaFooter {
-        /**
-          * Represents the URL of the Privacy Policy page that    is used for navigation.
-         */
-        "privacyUrl": string;
-        /**
-          * Represents the URL of the Terms of Service (ToS) page that is used for navigation.
-         */
-        "tosUrl": string;
-    }
     interface VegaForm {
         /**
           * Invoke this method asynchronously to retrieve the values for    all the available vega field elements nested within the `vega-form`.
@@ -1046,8 +1021,6 @@ export namespace Components {
          */
         "row": ResponsiveType<GridRowType>;
     }
-    interface VegaHeader {
-    }
     interface VegaIcon {
         /**
           * Specifies the color of the icon.  If the color prop is `undefined`, it defaults to `currentColor`.
@@ -1103,11 +1076,6 @@ export namespace Components {
           * Controls the display of the upload status (`uploading`, `done`).    If not set, the status remains invisible.
          */
         "status": VegaImageUploaderStatus | undefined;
-        /**
-          * Invoke this method to validate the image uploader component    with the current selected value.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for image uploads.
          */
@@ -1143,11 +1111,6 @@ export namespace Components {
           * @deprecated Please use `type='email'` instead.
          */
         "email": boolean;
-        /**
-          * Controls the behavior of field validation when its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation": number;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
          */
@@ -1204,11 +1167,6 @@ export namespace Components {
           * Defines the specific type or category of the input field.  It specifies the intended format or purpose of the    data to be entered by the user.
          */
         "type": 'text' | 'email' | 'password' | 'number';
-        /**
-          * Invoke this method to validate the current input value.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showErrorText?: boolean | 'rule') => Promise<boolean>;
         /**
           * Defines custom validation rules for the input field.
          */
@@ -1255,10 +1213,6 @@ export namespace Components {
           * Specifies the size of the credit card input field.
          */
         "size": 'default' | 'small';
-        /**
-          * Invoke this method to validate the input credit card with the current value.
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for the credit card input field.
          */
@@ -1289,11 +1243,6 @@ export namespace Components {
           * Invoke this method to open the select dropdown.
          */
         "doOpen": () => Promise<void>;
-        /**
-          * Initiates the validation process for the user's selection in the field when updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation": number;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input select field.
          */
@@ -1334,11 +1283,6 @@ export namespace Components {
           * Specifies the dataset used to populate the options    available in the select input dropdown menu.
          */
         "source": SelectSourceItem[];
-        /**
-          * Invoke this method to validate the select element with the current value.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Allows setting custom criteria or constraints that    the user's selection in the dropdown menu must    comply with.
          */
@@ -1353,11 +1297,6 @@ export namespace Components {
         "vegaDropdownProps": VegaDropdownPropsForSelect;
     }
     interface VegaItemToggle {
-        /**
-          * Determines whether the toggle represents an error state.
-          * @deprecated This functionality will be removed in a future release.
-         */
-        "isError": boolean;
         /**
           * Determines whether the item is toggled on.
          */
@@ -1437,6 +1376,8 @@ export namespace Components {
          */
         "reRender": () => Promise<void>;
     }
+    interface VegaLoaderWrapper {
+    }
     interface VegaLoadingIndicator {
         /**
           * Provides a supplementary prompt message that assists users in    understanding the ongoing loading process.
@@ -1527,20 +1468,6 @@ export namespace Components {
          */
         "source": LeftNavSourceItem[];
     }
-    interface VegaOption {
-        /**
-          * Specifies the icon identifier for the option card.  It represents a visual symbol or graphic that enhances the    visual presentation of the option.
-         */
-        "icon": string;
-        /**
-          * Specifies the label or title for the option card.  It provides descriptive text that helps identify the option.
-         */
-        "label": string;
-        /**
-          * Specifies the sub-label text for the option card.  It offers additional information or clarification related to the option.
-         */
-        "subLabel": string;
-    }
     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.
@@ -1571,6 +1498,8 @@ export namespace Components {
          */
         "type": VegaPageNotificationTypes;
     }
+    interface VegaPageNotificationList {
+    }
     interface VegaPagination {
         /**
           * Specifies the current page number for    the pagination component.
@@ -1629,6 +1558,8 @@ export namespace Components {
          */
         "size": ResponsiveType<SizeType>;
     }
+    interface VegaPopoverContentBox {
+    }
     interface VegaProgressTracker {
         /**
           * Enables the ability to click on the steps in    the Progress Tracker component.
@@ -1694,11 +1625,6 @@ export namespace Components {
           * Determines whether the radio group is disabled.
          */
         "disabled": boolean;
-        /**
-          * Controls the behavior of field validation when its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation": number;
         /**
           * Provides a supplementary prompt message that assists users    in selecting the appropriate value for the radio group.
          */
@@ -1719,11 +1645,6 @@ export namespace Components {
           * Specifies whether the radio button within the radio group    must be checked to pass form validation.
          */
         "required": boolean;
-        /**
-          * Invoke this method to validate the current input value.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showErrorText?: boolean | 'rule') => Promise<boolean>;
         /**
           * Represents the value associated with the radio button.
          */
@@ -1733,56 +1654,6 @@ export namespace Components {
          */
         "vegaFlexProp": VegaFlexProps1;
     }
-    interface VegaSidenav {
-        /**
-          * Provides additional information or context in the form of    a footnote in the side nav footer.
-         */
-        "footnote": string;
-        /**
-          * Specifies the configuration for the header of the side nav,    allowing customization of the logo and headline.
-         */
-        "headerConfig": SidebarHeaderConfig;
-        /**
-          * Specifies the default open behavior for the side nav across    different screen sizes and disables collapse for    large screens.
-         */
-        "openByDefault": ResponsiveType<OpenByDefaultType>;
-        /**
-          * Defines the data that is used to generate the items    in the side nav list.
-         */
-        "source": SidebarTopLevelItem[];
-        /**
-          * Invoke this method to toggle the side navigation menu.
-         */
-        "toggle": () => Promise<void>;
-    }
-    interface VegaSidenavGroup {
-        /**
-          * Represents the icon attached to the side navigation    group header link.
-         */
-        "icon": string;
-        /**
-          * Specifies the text that serves as the label or title    for the side navigation group in the sidebar.
-         */
-        "label": string;
-    }
-    interface VegaSidenavLink {
-        /**
-          * Specifies the icon displayed for the side navigation link.    Icons are only displayed for top-level links.
-         */
-        "icon": string;
-        /**
-          * Indicates whether the link item is selected.
-         */
-        "selected": boolean;
-        /**
-          * Determines if the side nav should stay open when the    sidenav-link element is clicked.
-         */
-        "showSideBarOnClickLink": boolean;
-        /**
-          * Specifies the destination URL to which the side navigation link    navigates when clicked.
-         */
-        "url": string;
-    }
     interface VegaSlotContainer {
     }
     interface VegaStepper {
@@ -1798,19 +1669,10 @@ export namespace Components {
           * Specifies whether the stepper component is disabled.
          */
         "disabled": boolean;
-        /**
-          * Controls the behavior of field validation when its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation": number;
         /**
           * Specifies whether the input field of the    stepper component is disabled. The increment and    decrement buttons are unaffected by this setting.
          */
         "inputDisabled": boolean;
-        /**
-          * @deprecated This property will be removed in a future release.
-         */
-        "inputEditable": boolean;
         /**
           * Specifies the validation status of the stepper component.
          */
@@ -1831,11 +1693,6 @@ export namespace Components {
           * Specifies the unique identifier for the stepper component.
          */
         "stepperId": string;
-        /**
-          * Invoke this method to validate the current input value.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Defines the initial or current value of the stepper component.
          */
@@ -2023,10 +1880,6 @@ export namespace Components {
           * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          */
         "breakpoint"?: VegaTableColumnBreakpoint;
-        /**
-          * @deprecated Please use overflow: 'ellipsis' instead
-         */
-        "ellipsis"?: boolean;
         /**
           * 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.
          */
@@ -2087,6 +1940,10 @@ export namespace Components {
           * Specifies the behavior of text when it exceeds the    available space within its container.
          */
         "overflow": 'ellipsis' | 'newline';
+        /**
+          * Specifies the properties of the vega-tooltip in vega-text.
+         */
+        "tooltip": VegaTextTooltipProps;
     }
     interface VegaTextarea {
         /**
@@ -2129,11 +1986,6 @@ export namespace Components {
           * Determines whether to display a character counter    for the textarea.
          */
         "showCounter": boolean;
-        /**
-          * Invoke this method to validate the input in the text area.
-          * @deprecated This property will be removed soon
-         */
-        "valid": (showErrorText?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for the text area.
          */
@@ -2188,10 +2040,6 @@ export namespace Components {
           * Specifies the format in which the time is displayed    in the time picker.
          */
         "timeFormat": TimeFormat;
-        /**
-          * Invoke this method to validate the time picker with    the current selected value.
-         */
-        "valid": (showError?: boolean | 'rule') => Promise<boolean>;
         /**
           * Specifies custom validation rules for the    time picker input field.
          */
@@ -2201,6 +2049,8 @@ export namespace Components {
          */
         "value": TimePickerValueType<TimePickerModeType>;
     }
+    interface VegaTimePickerDropdown {
+    }
     interface VegaToggleSwitch {
         /**
           * Specifies whether the toggle switch is in the checked state.
@@ -2226,8 +2076,13 @@ export namespace Components {
         "alignment": ElementAppenderAlignmentType;
         /**
           * Specifies the content that is displayed    inside the tooltip.
+          * @deprecated This property will be removed soon and replaced by prop text
          */
         "content": string;
+        /**
+          * The tooltip is interactive by default. Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
+         */
+        "disableInteractive": boolean;
         /**
           * Determines the maximum width of the tooltip.  It can be provided as a number or a ResponsiveType.
          */
@@ -2249,9 +2104,19 @@ export namespace Components {
          */
         "size": ResponsiveType<SizeType>;
         /**
-          * Specifies the trigger mode for the tooltip.
+          * Specifies the text that is displayed    inside the tooltip.
+         */
+        "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.
          */
-        "trigger": 'hover' | 'click';
+        "trigger": 'hover' | 'click' | 'none';
+    }
+    interface VegaTooltipContentBox {
+        /**
+          * Specifies the text that is displayed inside the tooltip.
+         */
+        "text": string;
     }
     interface VegaVirtualScroll {
         /**
@@ -2292,9 +2157,9 @@ export interface VegaAppHeaderButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaAppHeaderButtonElement;
 }
-export interface VegaBannerCustomEvent<T> extends CustomEvent<T> {
+export interface VegaBackdropCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLVegaBannerElement;
+    target: HTMLVegaBackdropElement;
 }
 export interface VegaBreadcrumbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -2412,14 +2277,6 @@ export interface VegaRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaRadioGroupElement;
 }
-export interface VegaSidenavCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVegaSidenavElement;
-}
-export interface VegaSidenavLinkCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVegaSidenavLinkElement;
-}
 export interface VegaStepperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaStepperElement;
@@ -2471,17 +2328,11 @@ declare global {
         prototype: HTMLVegaAppHeaderButtonElement;
         new (): HTMLVegaAppHeaderButtonElement;
     };
-    interface HTMLVegaBadgeElement extends Components.VegaBadge, HTMLStencilElement {
-    }
-    var HTMLVegaBadgeElement: {
-        prototype: HTMLVegaBadgeElement;
-        new (): HTMLVegaBadgeElement;
-    };
-    interface HTMLVegaBannerElement extends Components.VegaBanner, HTMLStencilElement {
+    interface HTMLVegaBackdropElement extends Components.VegaBackdrop, HTMLStencilElement {
     }
-    var HTMLVegaBannerElement: {
-        prototype: HTMLVegaBannerElement;
-        new (): HTMLVegaBannerElement;
+    var HTMLVegaBackdropElement: {
+        prototype: HTMLVegaBackdropElement;
+        new (): HTMLVegaBackdropElement;
     };
     interface HTMLVegaBarChartElement extends Components.VegaBarChart, HTMLStencilElement {
     }
@@ -2573,6 +2424,12 @@ declare global {
         prototype: HTMLVegaDatePickerElement;
         new (): HTMLVegaDatePickerElement;
     };
+    interface HTMLVegaDatePickerCalendarElement extends Components.VegaDatePickerCalendar, HTMLStencilElement {
+    }
+    var HTMLVegaDatePickerCalendarElement: {
+        prototype: HTMLVegaDatePickerCalendarElement;
+        new (): HTMLVegaDatePickerCalendarElement;
+    };
     interface HTMLVegaDialogElement extends Components.VegaDialog, HTMLStencilElement {
     }
     var HTMLVegaDialogElement: {
@@ -2585,6 +2442,12 @@ declare global {
         prototype: HTMLVegaDropdownElement;
         new (): HTMLVegaDropdownElement;
     };
+    interface HTMLVegaDropdownContentBoxElement extends Components.VegaDropdownContentBox, HTMLStencilElement {
+    }
+    var HTMLVegaDropdownContentBoxElement: {
+        prototype: HTMLVegaDropdownContentBoxElement;
+        new (): HTMLVegaDropdownContentBoxElement;
+    };
     interface HTMLVegaDropdownGroupElement extends Components.VegaDropdownGroup, HTMLStencilElement {
     }
     var HTMLVegaDropdownGroupElement: {
@@ -2621,12 +2484,6 @@ declare global {
         prototype: HTMLVegaFontElement;
         new (): HTMLVegaFontElement;
     };
-    interface HTMLVegaFooterElement extends Components.VegaFooter, HTMLStencilElement {
-    }
-    var HTMLVegaFooterElement: {
-        prototype: HTMLVegaFooterElement;
-        new (): HTMLVegaFooterElement;
-    };
     interface HTMLVegaFormElement extends Components.VegaForm, HTMLStencilElement {
     }
     var HTMLVegaFormElement: {
@@ -2639,12 +2496,6 @@ declare global {
         prototype: HTMLVegaGridElement;
         new (): HTMLVegaGridElement;
     };
-    interface HTMLVegaHeaderElement extends Components.VegaHeader, HTMLStencilElement {
-    }
-    var HTMLVegaHeaderElement: {
-        prototype: HTMLVegaHeaderElement;
-        new (): HTMLVegaHeaderElement;
-    };
     interface HTMLVegaIconElement extends Components.VegaIcon, HTMLStencilElement {
     }
     var HTMLVegaIconElement: {
@@ -2711,6 +2562,12 @@ declare global {
         prototype: HTMLVegaLineChartElement;
         new (): HTMLVegaLineChartElement;
     };
+    interface HTMLVegaLoaderWrapperElement extends Components.VegaLoaderWrapper, HTMLStencilElement {
+    }
+    var HTMLVegaLoaderWrapperElement: {
+        prototype: HTMLVegaLoaderWrapperElement;
+        new (): HTMLVegaLoaderWrapperElement;
+    };
     interface HTMLVegaLoadingIndicatorElement extends Components.VegaLoadingIndicator, HTMLStencilElement {
     }
     var HTMLVegaLoadingIndicatorElement: {
@@ -2729,18 +2586,18 @@ declare global {
         prototype: HTMLVegaNavCardElement;
         new (): HTMLVegaNavCardElement;
     };
-    interface HTMLVegaOptionElement extends Components.VegaOption, HTMLStencilElement {
-    }
-    var HTMLVegaOptionElement: {
-        prototype: HTMLVegaOptionElement;
-        new (): HTMLVegaOptionElement;
-    };
     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: {
@@ -2759,6 +2616,12 @@ declare global {
         prototype: HTMLVegaPopoverElement;
         new (): HTMLVegaPopoverElement;
     };
+    interface HTMLVegaPopoverContentBoxElement extends Components.VegaPopoverContentBox, HTMLStencilElement {
+    }
+    var HTMLVegaPopoverContentBoxElement: {
+        prototype: HTMLVegaPopoverContentBoxElement;
+        new (): HTMLVegaPopoverContentBoxElement;
+    };
     interface HTMLVegaProgressTrackerElement extends Components.VegaProgressTracker, HTMLStencilElement {
     }
     var HTMLVegaProgressTrackerElement: {
@@ -2777,24 +2640,6 @@ declare global {
         prototype: HTMLVegaRadioGroupElement;
         new (): HTMLVegaRadioGroupElement;
     };
-    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 HTMLVegaSlotContainerElement extends Components.VegaSlotContainer, HTMLStencilElement {
     }
     var HTMLVegaSlotContainerElement: {
@@ -2885,6 +2730,12 @@ declare global {
         prototype: HTMLVegaTimePickerElement;
         new (): HTMLVegaTimePickerElement;
     };
+    interface HTMLVegaTimePickerDropdownElement extends Components.VegaTimePickerDropdown, HTMLStencilElement {
+    }
+    var HTMLVegaTimePickerDropdownElement: {
+        prototype: HTMLVegaTimePickerDropdownElement;
+        new (): HTMLVegaTimePickerDropdownElement;
+    };
     interface HTMLVegaToggleSwitchElement extends Components.VegaToggleSwitch, HTMLStencilElement {
     }
     var HTMLVegaToggleSwitchElement: {
@@ -2897,6 +2748,12 @@ declare global {
         prototype: HTMLVegaTooltipElement;
         new (): HTMLVegaTooltipElement;
     };
+    interface HTMLVegaTooltipContentBoxElement extends Components.VegaTooltipContentBox, HTMLStencilElement {
+    }
+    var HTMLVegaTooltipContentBoxElement: {
+        prototype: HTMLVegaTooltipContentBoxElement;
+        new (): HTMLVegaTooltipContentBoxElement;
+    };
     interface HTMLVegaVirtualScrollElement extends Components.VegaVirtualScroll, HTMLStencilElement {
     }
     var HTMLVegaVirtualScrollElement: {
@@ -2907,8 +2764,7 @@ declare global {
         "vega-accordion": HTMLVegaAccordionElement;
         "vega-app-footer": HTMLVegaAppFooterElement;
         "vega-app-header-button": HTMLVegaAppHeaderButtonElement;
-        "vega-badge": HTMLVegaBadgeElement;
-        "vega-banner": HTMLVegaBannerElement;
+        "vega-backdrop": HTMLVegaBackdropElement;
         "vega-bar-chart": HTMLVegaBarChartElement;
         "vega-box": HTMLVegaBoxElement;
         "vega-breadcrumb": HTMLVegaBreadcrumbElement;
@@ -2924,18 +2780,18 @@ declare global {
         "vega-combo-box": HTMLVegaComboBoxElement;
         "vega-counter-badge": HTMLVegaCounterBadgeElement;
         "vega-date-picker": HTMLVegaDatePickerElement;
+        "vega-date-picker-calendar": HTMLVegaDatePickerCalendarElement;
         "vega-dialog": HTMLVegaDialogElement;
         "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-flex": HTMLVegaFlexElement;
         "vega-font": HTMLVegaFontElement;
-        "vega-footer": HTMLVegaFooterElement;
         "vega-form": HTMLVegaFormElement;
         "vega-grid": HTMLVegaGridElement;
-        "vega-header": HTMLVegaHeaderElement;
         "vega-icon": HTMLVegaIconElement;
         "vega-image-uploader": HTMLVegaImageUploaderElement;
         "vega-input": HTMLVegaInputElement;
@@ -2947,20 +2803,19 @@ declare global {
         "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-option": HTMLVegaOptionElement;
         "vega-page-notification": HTMLVegaPageNotificationElement;
+        "vega-page-notification-list": HTMLVegaPageNotificationListElement;
         "vega-pagination": HTMLVegaPaginationElement;
         "vega-pie-chart": HTMLVegaPieChartElement;
         "vega-popover": HTMLVegaPopoverElement;
+        "vega-popover-content-box": HTMLVegaPopoverContentBoxElement;
         "vega-progress-tracker": HTMLVegaProgressTrackerElement;
         "vega-radio": HTMLVegaRadioElement;
         "vega-radio-group": HTMLVegaRadioGroupElement;
-        "vega-sidenav": HTMLVegaSidenavElement;
-        "vega-sidenav-group": HTMLVegaSidenavGroupElement;
-        "vega-sidenav-link": HTMLVegaSidenavLinkElement;
         "vega-slot-container": HTMLVegaSlotContainerElement;
         "vega-stepper": HTMLVegaStepperElement;
         "vega-tab-group": HTMLVegaTabGroupElement;
@@ -2976,8 +2831,10 @@ declare global {
         "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;
     }
 }
@@ -3007,6 +2864,11 @@ declare namespace LocalJSX {
           * Specifies the vertical placement of the prefix icon    and expand icon within the accordion.
          */
         "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
+         */
+        "onAccordionExpand"?: (event: VegaAccordionCustomEvent<boolean>) => void;
         /**
           * An event emitter notifying the expand event of the accordion.
          */
@@ -3083,6 +2945,16 @@ declare namespace LocalJSX {
           * Specifies the label or text content of the app header button.
          */
         "label"?: string;
+        /**
+          * An event emitter notifying the click event of an app header button.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaAppHeaderButtonCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the click event of a dropdown item    in the app header.
+          * @eventSemantics namespace:native
+         */
+        "onDropdownClick"?: (event: VegaAppHeaderButtonCustomEvent<string>) => void;
         /**
           * An event emitter notifying the click event of an app header button.
          */
@@ -3112,57 +2984,55 @@ declare namespace LocalJSX {
          */
         "size"?: ResponsiveType<VegaAppHeaderButtonSize>;
     }
-    interface VegaBadge {
+    interface VegaBackdrop {
         /**
-          * Specifies the background color of the badge using a color token.
+          * Defines the color of the backdrop element.
          */
-        "bgColor"?: BackgroundColorsTokenType;
+        "color"?: 'bg-backdrop-modal' | 'bg-backdrop-popover' | 'bg-transparent';
         /**
-          * Specifies the size of the badge element.
+          * The duration of the animation in milliseconds.
          */
-        "size"?: ResponsiveType<VegaBadgeSize>;
+        "duration"?: number;
         /**
-          * Specifies the text content to be displayed on the badge.
+          * An event emitter notifying the click event of the backdrop.
          */
-        "text": string;
+        "onVegaClick"?: (event: VegaBackdropCustomEvent<void>) => void;
         /**
-          * Specifies the color of the text displayed on the badge.
+          * Whether to show or hide the backdrop
          */
-        "textColor"?: TextColorsTokenType;
+        "visible"?: boolean;
     }
-    interface VegaBanner {
+    interface VegaBarChart {
         /**
-          * Specifies the position of the banner component    within the layout of the page.  When set to `inline`, the banner will scroll along with    the content of the page, remaining in its designated position    as users navigate through the page.  When set to `sticky-header`, the banner will stay fixed    at the top of the page, regardless of scrolling.
+          * Specifies the rendering options for the bar chart.
          */
-        "mode"?: 'inline' | 'sticky-header';
+        "options"?: VegaBarChartOptionsType;
+    }
+    interface VegaBox {
         /**
-          * An event emitter notifying the click event of    the Call to Action link.
+          * Defines the background color of the box.    It accepts a string value representing a valid    background color token.
          */
-        "onVegaClickCTA"?: (event: VegaBannerCustomEvent<VegaBannerViewData>) => void;
+        "backgroundColor"?: StateVariantType<BackgroundColorsTokenType, CssStatesType>;
         /**
-          * An event emitter notifying the click event of    the close button in the banner.
+          * Defines the border of the box.    It accepts a string value representing a valid    border token.
          */
-        "onVegaClose"?: (event: VegaBannerCustomEvent<VegaBannerViewData>) => void;
+        "border"?: StateVariantType<BordersTokenType, CssStatesType>;
         /**
-          * An event emitter notifying the completion of the banner loading.
+          * Defines the border color of the box.    It accepts a string value representing a valid    border color token.
          */
-        "onVegaLoad"?: (event: VegaBannerCustomEvent<any>) => void;
+        "borderColor"?: StateVariantType<BorderColorsTokenType, CssStatesType>;
         /**
-          * Specifies the source of the banner image or media content.
+          * Defines the corner of the box.    It accepts a string value representing a valid    border radius token.
          */
-        "source"?: VegaBannerViewData[];
-    }
-    interface VegaBarChart {
+        "corners"?: ResponsiveType<CornersType>;
         /**
-          * Specifies the rendering options for the bar chart.
+          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block` and `none`.
          */
-        "options"?: VegaBarChartOptionsType;
-    }
-    interface VegaBox {
+        "display"?: ResponsiveType<BoxDisplayType>;
         /**
-          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block` and `none.`
+          * 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.hlprd.com/tokens/spacing to check the full list of spacing tokens.
          */
-        "display"?: ResponsiveType<BoxDisplayType>;
+        "height"?: ResponsiveType<HeightType>;
         /**
           * 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.
          */
@@ -3171,6 +3041,18 @@ declare namespace LocalJSX {
           * 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.
          */
         "padding"?: ResponsiveType<PaddingType>;
+        /**
+          * Defines the custom class name of the box.
+         */
+        "responsiveClass"?: ResponsiveType<string>;
+        /**
+          * Defines the box shadow of the box.    It accepts a string value representing a valid    box shadow token.
+         */
+        "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.hlprd.com/tokens/spacing to check the full list of spacing tokens.
+         */
+        "width"?: ResponsiveType<WidthType>;
     }
     interface VegaBreadcrumb {
         /**
@@ -3178,9 +3060,14 @@ declare namespace LocalJSX {
          */
         "items"?: VegaBreadcrumbItemType[];
         /**
-          * 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.
+          * 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.
          */
         "maxItems"?: VegaBreadcrumbCollapsedThresholdType;
+        /**
+          * An event emitter notifying that a breadcrumb item has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaBreadcrumbCustomEvent<VegaBreadcrumbItemType>) => void;
         /**
           * An event emitter notifying that a breadcrumb item has been clicked.
          */
@@ -3211,6 +3098,11 @@ declare namespace LocalJSX {
           * Specifies the text displayed on the button.
          */
         "label"?: string;
+        /**
+          * An event emitter notifying the click event of the button.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaButtonCustomEvent<any>) => void;
         /**
           * An event emitter notifying the click event of the button.
          */
@@ -3249,14 +3141,27 @@ declare namespace LocalJSX {
           * Specifies the text to be displayed in the tooltip for the circular button    and sets it as the `aria-label` for accessibility.
          */
         "label"?: string;
+        /**
+          * An event emitter notifying the click event of the circular button.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaButtonCircleCustomEvent<any>) => void;
         /**
           * An event emitter notifying the click event of the circular button.
          */
         "onVegaClick"?: (event: VegaButtonCircleCustomEvent<any>) => void;
+        /**
+          * Indicates whether to use tooltip to display label.
+         */
+        "showTooltip"?: boolean;
         /**
           * Specifies the size of the circular button.
          */
         "size"?: VegaButtonCircleSize;
+        /**
+          * Specifies the properties of the tooltip displayed for the button circle.
+         */
+        "tooltip"?: VegaButtonCircleTooltip;
         /**
           * Specifies the type of button and its behavior in relation to    form submission and data reset.
          */
@@ -3300,6 +3205,11 @@ declare namespace LocalJSX {
           * Specifies the URL associated with the button link.
          */
         "link"?: string;
+        /**
+          * An event emitter notifying the click event of the button.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaButtonLinkCustomEvent<any>) => void;
         /**
           * An event emitter notifying the click event of the button.
          */
@@ -3322,11 +3232,6 @@ declare namespace LocalJSX {
           * Specifies the padding within the card.    It can be set as ResponsiveType or any sizing token.
          */
         "padding"?: ResponsiveType<PaddingType>;
-        /**
-          * Specifies the shadow token applied to the card.
-          * @deprecated Please use the `variant` property instead.
-         */
-        "shadow"?: ShadowsTokenType;
         /**
           * Determines whether the card is rendered with a shadow or a border.    By default, cards are rendered without a shadow or border.
          */
@@ -3337,6 +3242,11 @@ declare namespace LocalJSX {
           * Indicates whether the carousel can be swiped    to navigate between pages on a mobile device.
          */
         "canSwipe"?: boolean;
+        /**
+          * An event emitter notifying the transition of the carousel to another page,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
+         */
+        "onPageUpdate"?: (event: VegaCarouselCustomEvent<number>) => void;
         /**
           * An event emitter notifying the transition of the carousel to another page,    whether triggered programmatically or through user interaction.
          */
@@ -3373,13 +3283,13 @@ declare namespace LocalJSX {
         "isValid"?: boolean;
         /**
           * An event emitter notifying changes in the value of the checkbox,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaCheckboxCustomEvent<string | boolean>) => void;
+        "onChange"?: (event: VegaCheckboxCustomEvent<string | boolean>) => void;
         /**
-          * An event emitter notifying changes in the validation result of the checkbox.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying changes in the value of the checkbox,    whether triggered programmatically or through user interaction.
          */
-        "onVegaValidate"?: (event: VegaCheckboxCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaCheckboxCustomEvent<string | boolean>) => void;
         /**
           * Specifies whether the checkbox must be checked    to pass form validation.
          */
@@ -3398,11 +3308,6 @@ declare namespace LocalJSX {
           * Indicates if the checkbox group is disabled.
          */
         "disabled"?: boolean;
-        /**
-          * Controls the behavior of field validation when    its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation"?: number;
         /**
           * Provides a supplementary prompt message that    assists users in selecting the appropriate    value for the checkbox group.
          */
@@ -3417,13 +3322,13 @@ declare namespace LocalJSX {
         "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
          */
-        "onVegaChange"?: (event: VegaCheckboxGroupCustomEvent<string[]>) => void;
+        "onChange"?: (event: VegaCheckboxGroupCustomEvent<string[]>) => void;
         /**
-          * An event emitter notifying changes in the    validation result of the checkbox group.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying changes in the value   of any nested checkbox within the checkbox group,   whether triggered programmatically or through   user interaction.
          */
-        "onVegaValidate"?: (event: VegaCheckboxGroupCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaCheckboxGroupCustomEvent<string[]>) => void;
         /**
           * Indicates whether at least one checkbox in the    checkbox group must be checked to pass    form validation.
          */
@@ -3458,6 +3363,16 @@ declare namespace LocalJSX {
           * Specifies the placement or alignment of the icon within    the chip in relation to the chip's text.
          */
         "iconAlign"?: VegaChipIconAlign;
+        /**
+          * An event emitter notifying the click event of the chip.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaChipCustomEvent<void>) => void;
+        /**
+          * An event emitter notifying the click event of the close button of the chip.
+          * @eventSemantics namespace:native
+         */
+        "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`.
          */
@@ -3518,13 +3433,13 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * An event emitter notifying changes in the value of the color picker,    whether triggered programmatically or through user interaction.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaColorPickerCustomEvent<string>) => void;
+        "onChange"?: (event: VegaColorPickerCustomEvent<string>) => void;
         /**
-          * An event emitter notifying changes in the validation result of the color picker.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying changes in the value of the color picker,    whether triggered programmatically or through user interaction.
          */
-        "onVegaValidate"?: (event: VegaColorPickerCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaColorPickerCustomEvent<string>) => void;
         /**
           * Specifies whether a color must be selected for    the color picker to pass form validation.
          */
@@ -3559,6 +3474,21 @@ declare namespace LocalJSX {
           * 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.
          */
         "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
+         */
+        "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
+         */
+        "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
+         */
+        "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.
          */
@@ -3571,11 +3501,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the user's search action in the combo box,    but only if the `useDefaultFilter` property is set to `false`.
          */
         "onVegaSearch"?: (event: VegaComboBoxCustomEvent<string>) => void;
-        /**
-          * An event emitter notifying changes in the validation result of the combo box.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
-         */
-        "onVegaValidate"?: (event: VegaComboBoxCustomEvent<boolean>) => 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.
          */
@@ -3648,11 +3573,6 @@ declare namespace LocalJSX {
           * Specifies the configuration for the calendar dropdown    associated with the date picker.
          */
         "dropdownConfig"?: DropdownConfigForDatePicker;
-        /**
-          * Specifies whether updating the value of this attribute will    trigger a validation action for the form.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation"?: number;
         /**
           * Specifies the desired date format.
          */
@@ -3679,13 +3599,13 @@ declare namespace LocalJSX {
         "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
          */
-        "onVegaChange"?: (event: VegaDatePickerCustomEvent<string | string[]>) => void;
+        "onChange"?: (event: VegaDatePickerCustomEvent<string | string[]>) => void;
         /**
-          * An event emitter notifying the change in the validation result.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          */
-        "onVegaValidate"?: (event: VegaDatePickerCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaDatePickerCustomEvent<string | string[]>) => 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.
          */
@@ -3711,6 +3631,8 @@ declare namespace LocalJSX {
          */
         "value"?: DatePickerValueType<DatePickerModeType>;
     }
+    interface VegaDatePickerCalendar {
+    }
     interface VegaDialog {
         /**
           * Represents a dictionary that contains the configuration options    for the cancel button in the dialog.
@@ -3791,9 +3713,30 @@ declare namespace LocalJSX {
          */
         "minWidth"?: ResponsiveType<SizeType>;
         /**
-          * @deprecated This property will be removed soon *
+          * 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
+         */
+        "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
+         */
+        "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
+         */
+        "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
          */
-        "onVegaClick"?: (event: VegaDropdownCustomEvent<string | string[]>) => void;
+        "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
+         */
+        "onDropdownShow"?: (event: VegaDropdownCustomEvent<string>) => 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.
          */
@@ -3859,6 +3802,8 @@ declare namespace LocalJSX {
          */
         "useDefaultFilter"?: boolean;
     }
+    interface VegaDropdownContentBox {
+    }
     interface VegaDropdownGroup {
         /**
           * Determines whether to include a dividing line at      the bottom of the dropdown group.
@@ -3890,6 +3835,11 @@ declare namespace LocalJSX {
           * Specifies the label for the dropdown item.
          */
         "label"?: string;
+        /**
+          * An event emitter notifying the dropdown item has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaDropdownItemCustomEvent<VegaDropdownItemClickEvent>) => void;
         /**
           * An event emitter notifying the dropdown item has been clicked.
          */
@@ -3924,17 +3874,13 @@ declare namespace LocalJSX {
         "onVegaClick"?: (event: VegaFieldLabelCustomEvent<any>) => void;
     }
     interface VegaFlex {
-        /**
-          * Controls the alignment of items within the flex container.
-          * @deprecated This property will be removed soon and replaced by prop alignItems
-         */
-        "alignItem"?: ResponsiveType<FlexAlignItemType>;
         /**
           * Controls the alignment of items within the flex container.
          */
         "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.
          */
         "breakpoint"?: BreakpointsTokenType | 'None';
         /**
@@ -3955,6 +3901,7 @@ declare namespace LocalJSX {
         "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.
          */
         "useNativeFlex"?: boolean;
     }
@@ -3976,16 +3923,6 @@ declare namespace LocalJSX {
          */
         "variant"?: ResponsiveType<TypographyTokenType>;
     }
-    interface VegaFooter {
-        /**
-          * Represents the URL of the Privacy Policy page that    is used for navigation.
-         */
-        "privacyUrl"?: string;
-        /**
-          * Represents the URL of the Terms of Service (ToS) page that is used for navigation.
-         */
-        "tosUrl"?: string;
-    }
     interface VegaForm {
         /**
           * 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`.
@@ -3995,6 +3932,21 @@ declare namespace LocalJSX {
           * 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.
          */
         "isValid"?: boolean | null;
+        /**
+          * An event emitter notifying the reset of the form.
+          * @eventSemantics namespace:native
+         */
+        "onFormReset"?: (event: VegaFormCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the submission of the form.
+          * @eventSemantics namespace:native
+         */
+        "onFormSubmit"?: (event: VegaFormCustomEvent<unknown>) => void;
+        /**
+          * An event emitter notifying the change in the validation result.
+          * @eventSemantics namespace:native
+         */
+        "onValidate"?: (event: VegaFormCustomEvent<boolean>) => void;
         /**
           * An event emitter notifying the reset of the form.
          */
@@ -4022,8 +3974,6 @@ declare namespace LocalJSX {
          */
         "row"?: ResponsiveType<GridRowType>;
     }
-    interface VegaHeader {
-    }
     interface VegaIcon {
         /**
           * Specifies the color of the icon.  If the color prop is `undefined`, it defaults to `currentColor`.
@@ -4055,6 +4005,21 @@ declare namespace LocalJSX {
           * Specifies the validation status.
          */
         "isValid"?: boolean | null;
+        /**
+          * An event emitter notifying the removal of a value.
+          * @eventSemantics namespace:native
+         */
+        "onCancel"?: (event: VegaImageUploaderCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying a value change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaImageUploaderCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the removal of a value.
+          * @eventSemantics namespace:native
+         */
+        "onRemove"?: (event: VegaImageUploaderCustomEvent<any>) => void;
         /**
           * An event emitter notifying the cancellation of an uploading event.
          */
@@ -4067,11 +4032,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the removal of a value.
          */
         "onVegaRemove"?: (event: VegaImageUploaderCustomEvent<any>) => void;
-        /**
-          * An event emitter notifying the change in the validation result.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
-         */
-        "onVegaValidate"?: (event: VegaImageUploaderCustomEvent<boolean>) => void;
         /**
           * Specifies whether uploading an image is mandatory.
          */
@@ -4119,11 +4079,6 @@ declare namespace LocalJSX {
           * @deprecated Please use `type='email'` instead.
          */
         "email"?: boolean;
-        /**
-          * Controls the behavior of field validation when its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation"?: number;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input field.
          */
@@ -4156,6 +4111,21 @@ declare namespace LocalJSX {
           * Sets the minimum length requirement for the input value.
          */
         "minLength"?: number;
+        /**
+          * An event emitter notifying the blur of the inner input element.
+          * @eventSemantics namespace:native
+         */
+        "onBlur"?: (event: VegaInputCustomEvent<undefined>) => void;
+        /**
+          * An event emitter notifying a value change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaInputCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the focus of the inner input element.
+          * @eventSemantics namespace:native
+         */
+        "onFocus"?: (event: VegaInputCustomEvent<undefined>) => void;
         /**
           * An event emitter notifying the blur of the inner input element.
          */
@@ -4168,11 +4138,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the focus of the inner input element.
          */
         "onVegaFocus"?: (event: VegaInputCustomEvent<undefined>) => void;
-        /**
-          * An event emitter notifying the change in the validation result.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
-         */
-        "onVegaValidate"?: (event: VegaInputCustomEvent<boolean>) => 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.
          */
@@ -4231,6 +4196,21 @@ declare namespace LocalJSX {
           * Defines the label or title for the credit card input field.
          */
         "label"?: string;
+        /**
+          * An event emitter notifying the blur event of the credit card element.
+          * @eventSemantics namespace:native
+         */
+        "onBlur"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
+        /**
+          * A native change event emitter notifying a value change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaInputCreditCardCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the focus of the credit card element.
+          * @eventSemantics namespace:native
+         */
+        "onFocus"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
         /**
           * An event emitter notifying the blur event of the credit card element.
          */
@@ -4243,11 +4223,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the focus of the credit card element.
          */
         "onVegaFocus"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
-        /**
-          * An event emitter notifying the change in the validation result.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
-         */
-        "onVegaValidate"?: (event: VegaInputCreditCardCustomEvent<boolean>) => 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.
          */
@@ -4278,11 +4253,6 @@ declare namespace LocalJSX {
           * Specifies whether the input select field is disabled.
          */
         "disabled"?: boolean;
-        /**
-          * Initiates the validation process for the user's selection in the field when updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation"?: number;
         /**
           * Provides a supplementary prompt message that assists users in    understanding the expected value for the input select field.
          */
@@ -4297,17 +4267,22 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * An event emitter notifying the change of the select value.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaInputSelectCustomEvent<SelectValueType<SelectType>>) => void;
+        "onChange"?: (event: VegaInputSelectCustomEvent<SelectValueType<SelectType>>) => void;
         /**
           * An event emitter notifying the search of the dropdown.
+          * @eventSemantics namespace:native
          */
-        "onVegaSearch"?: (event: VegaInputSelectCustomEvent<string>) => void;
+        "onSearch"?: (event: VegaInputSelectCustomEvent<string>) => void;
         /**
-          * An event emitter notifying the change in the validation result.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying the change of the select value.
          */
-        "onVegaValidate"?: (event: VegaInputSelectCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaInputSelectCustomEvent<SelectValueType<SelectType>>) => void;
+        /**
+          * An event emitter notifying the search of the dropdown.
+         */
+        "onVegaSearch"?: (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.
          */
@@ -4350,11 +4325,6 @@ declare namespace LocalJSX {
         "vegaDropdownProps"?: VegaDropdownPropsForSelect;
     }
     interface VegaItemToggle {
-        /**
-          * Determines whether the toggle represents an error state.
-          * @deprecated This functionality will be removed in a future release.
-         */
-        "isError"?: boolean;
         /**
           * Determines whether the item is toggled on.
          */
@@ -4363,6 +4333,11 @@ declare namespace LocalJSX {
           * Specifies the labels and icons to be displayed for the toggle.
          */
         "itemToggleStatusMap"?: ItemToggleStatusMap;
+        /**
+          * An event emitter notifying an item toggle event.
+          * @eventSemantics namespace:native
+         */
+        "onToggleStatus"?: (event: VegaItemToggleCustomEvent<boolean>) => void;
         /**
           * An event emitter notifying an item toggle event.
          */
@@ -4377,6 +4352,11 @@ declare namespace LocalJSX {
           * Specifies the configuration options for the header within the left-nav.  You can use this property to define a custom title and subtitle.
          */
         "headerConfig"?: LeftNavHeaderConfig;
+        /**
+          * An event emitter notifying that the left-nav's open state has changed.
+          * @eventSemantics namespace:native
+         */
+        "onStateUpdate"?: (event: VegaLeftNavCustomEvent<string>) => void;
         /**
           * An event emitter notifying that the left-nav's open state has changed.
          */
@@ -4403,6 +4383,11 @@ declare namespace LocalJSX {
           * label attached to the left nav group items *
          */
         "label"?: string;
+        /**
+          * An event emitter used for notifying consumers the click event
+          * @eventSemantics namespace:native
+         */
+        "onGroupClick"?: (event: VegaLeftNavGroupCustomEvent<string>) => void;
         /**
           * event emitter used for notifying consumers the click event
          */
@@ -4417,6 +4402,11 @@ declare namespace LocalJSX {
           * icon attached to the left nav link items *
          */
         "icon"?: string;
+        /**
+          * event emitter used for notifying consumers the click event
+          * @eventSemantics namespace:native
+         */
+        "onMenuClick"?: (event: VegaLeftNavLinkCustomEvent<any>) => void;
         /**
           * event emitter used for notifying consumers the click event
          */
@@ -4442,6 +4432,8 @@ declare namespace LocalJSX {
          */
         "options"?: LineChartOptionsType;
     }
+    interface VegaLoaderWrapper {
+    }
     interface VegaLoadingIndicator {
         /**
           * Provides a supplementary prompt message that assists users in    understanding the ongoing loading process.
@@ -4501,6 +4493,16 @@ declare namespace LocalJSX {
           * Represents the title displayed within the modal.
          */
         "modalTitle"?: string;
+        /**
+          * An event emitter notifying the modal close event.
+          * @eventSemantics namespace:native
+         */
+        "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
+         */
+        "onModalOpen"?: (event: VegaModalCustomEvent<any>) => void;
         /**
           * An event emitter notifying the modal close event.
          */
@@ -4536,20 +4538,6 @@ declare namespace LocalJSX {
          */
         "source"?: LeftNavSourceItem[];
     }
-    interface VegaOption {
-        /**
-          * Specifies the icon identifier for the option card.  It represents a visual symbol or graphic that enhances the    visual presentation of the option.
-         */
-        "icon"?: string;
-        /**
-          * Specifies the label or title for the option card.  It provides descriptive text that helps identify the option.
-         */
-        "label"?: string;
-        /**
-          * Specifies the sub-label text for the option card.  It offers additional information or clarification related to the option.
-         */
-        "subLabel"?: string;
-    }
     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.
@@ -4576,6 +4564,8 @@ declare namespace LocalJSX {
          */
         "type"?: VegaPageNotificationTypes;
     }
+    interface VegaPageNotificationList {
+    }
     interface VegaPagination {
         /**
           * Specifies the current page number for    the pagination component.
@@ -4585,6 +4575,16 @@ declare namespace LocalJSX {
           * 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.
          */
         "extensions"?: VegaPaginationItemType[][];
+        /**
+          * An event emitter notifying the current page change.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaPaginationCustomEvent<number>) => void;
+        /**
+          * An event emitter notifying a change in the number of    data items displayed per page.
+          * @eventSemantics namespace:native
+         */
+        "onPageSizeChange"?: (event: VegaPaginationCustomEvent<number>) => void;
         /**
           * An event emitter notifying the current page change.
          */
@@ -4617,6 +4617,16 @@ declare namespace LocalJSX {
           * Controls how the popover aligns horizontally and vertically,    ensuring it is displayed in the desired position.
          */
         "alignment"?: PositionAlignmentType;
+        /**
+          * An event emitter notifying the popover hide event.
+          * @eventSemantics namespace:native
+         */
+        "onPopoverHide"?: (event: VegaPopoverCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the popover show event.
+          * @eventSemantics namespace:native
+         */
+        "onPopoverShow"?: (event: VegaPopoverCustomEvent<string>) => void;
         /**
           * An event emitter notifying the popover hide event.
          */
@@ -4638,6 +4648,8 @@ declare namespace LocalJSX {
          */
         "size"?: ResponsiveType<SizeType>;
     }
+    interface VegaPopoverContentBox {
+    }
     interface VegaProgressTracker {
         /**
           * Enables the ability to click on the steps in    the Progress Tracker component.
@@ -4655,6 +4667,11 @@ declare namespace LocalJSX {
           * 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.
          */
         "direction"?: 'vertical' | 'horizontal';
+        /**
+          * An event emitter notifying that the current step has changed.
+          * @eventSemantics namespace:native
+         */
+        "onCurrentStepUpdate"?: (event: VegaProgressTrackerCustomEvent<string>) => void;
         /**
           * An event emitter notifying that the current step has changed.
          */
@@ -4677,6 +4694,21 @@ declare namespace LocalJSX {
           * Assigns a common name to the input element of the radio button,    to differentiate it from other buttons in a radio group.
          */
         "name"?: string;
+        /**
+          * An event emitter notifying the blur event of the radio input.
+          * @eventSemantics namespace:native
+         */
+        "onBlur"?: (event: VegaRadioCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the change in the check status    of the radio input.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaRadioCustomEvent<boolean>) => void;
+        /**
+          * An event emitter notifying the focus event of the radio input.
+          * @eventSemantics namespace:native
+         */
+        "onFocus"?: (event: VegaRadioCustomEvent<any>) => void;
         /**
           * An event emitter notifying the blur event of the radio input.
          */
@@ -4703,11 +4735,6 @@ declare namespace LocalJSX {
           * Determines whether the radio group is disabled.
          */
         "disabled"?: boolean;
-        /**
-          * Controls the behavior of field validation when its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation"?: number;
         /**
           * Provides a supplementary prompt message that assists users    in selecting the appropriate value for the radio group.
          */
@@ -4726,13 +4753,13 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * An event emitter notifying the change of the    checked radio button in the radio group.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaRadioGroupCustomEvent<string>) => void;
+        "onChange"?: (event: VegaRadioGroupCustomEvent<string>) => void;
         /**
-          * An event emitter notifying the change in the    validation result.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying the change of the    checked radio button in the radio group.
          */
-        "onVegaValidate"?: (event: VegaRadioGroupCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaRadioGroupCustomEvent<string>) => void;
         /**
           * Specifies whether the radio button within the radio group    must be checked to pass form validation.
          */
@@ -4746,60 +4773,6 @@ declare namespace LocalJSX {
          */
         "vegaFlexProp"?: VegaFlexProps1;
     }
-    interface VegaSidenav {
-        /**
-          * Provides additional information or context in the form of    a footnote in the side nav footer.
-         */
-        "footnote"?: string;
-        /**
-          * Specifies the configuration for the header of the side nav,    allowing customization of the logo and headline.
-         */
-        "headerConfig"?: SidebarHeaderConfig;
-        /**
-          * An event emitter notifying the completion of a navigation menu close operation.
-         */
-        "onVegaStateUpdate"?: (event: VegaSidenavCustomEvent<string>) => void;
-        /**
-          * Specifies the default open behavior for the side nav across    different screen sizes and disables collapse for    large screens.
-         */
-        "openByDefault"?: ResponsiveType<OpenByDefaultType>;
-        /**
-          * Defines the data that is used to generate the items    in the side nav list.
-         */
-        "source"?: SidebarTopLevelItem[];
-    }
-    interface VegaSidenavGroup {
-        /**
-          * Represents the icon attached to the side navigation    group header link.
-         */
-        "icon"?: string;
-        /**
-          * Specifies the text that serves as the label or title    for the side navigation group in the sidebar.
-         */
-        "label"?: string;
-    }
-    interface VegaSidenavLink {
-        /**
-          * Specifies the icon displayed for the side navigation link.    Icons are only displayed for top-level links.
-         */
-        "icon"?: string;
-        /**
-          * An event emitter notifying about the occurrence of a click event.
-         */
-        "onVegaClick"?: (event: VegaSidenavLinkCustomEvent<any>) => void;
-        /**
-          * Indicates whether the link item is selected.
-         */
-        "selected"?: boolean;
-        /**
-          * Determines if the side nav should stay open when the    sidenav-link element is clicked.
-         */
-        "showSideBarOnClickLink"?: boolean;
-        /**
-          * Specifies the destination URL to which the side navigation link    navigates when clicked.
-         */
-        "url"?: string;
-    }
     interface VegaSlotContainer {
     }
     interface VegaStepper {
@@ -4815,19 +4788,10 @@ declare namespace LocalJSX {
           * Specifies whether the stepper component is disabled.
          */
         "disabled"?: boolean;
-        /**
-          * Controls the behavior of field validation when its value is updated.
-          * @deprecated This property will be removed soon
-         */
-        "formValidation"?: number;
         /**
           * Specifies whether the input field of the    stepper component is disabled. The increment and    decrement buttons are unaffected by this setting.
          */
         "inputDisabled"?: boolean;
-        /**
-          * @deprecated This property will be removed in a future release.
-         */
-        "inputEditable"?: boolean;
         /**
           * Specifies the validation status of the stepper component.
          */
@@ -4845,14 +4809,14 @@ declare namespace LocalJSX {
          */
         "min"?: number;
         /**
-          * An event emitter notifying changes in the value of    the stepper component.
+          * An event emitter notifying changes in the value of the stepper component.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaStepperCustomEvent<number>) => void;
+        "onChange"?: (event: VegaStepperCustomEvent<number>) => void;
         /**
-          * An event emitter notifying changes in the validation    result of the stepper component.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying changes in the value of the stepper component.
          */
-        "onVegaValidate"?: (event: VegaStepperCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaStepperCustomEvent<number>) => void;
         /**
           * Specifies the unique identifier for the stepper component.
          */
@@ -4867,6 +4831,11 @@ declare namespace LocalJSX {
           * Defines the spacing between the tabs in    the tab group.
          */
         "gap"?: SpacingTokenType;
+        /**
+          * An event emitter notifying the click event of a tab    in the tab group.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaTabGroupCustomEvent<string>) => void;
         /**
           * An event emitter notifying the click event of a tab    in the tab group.
          */
@@ -4919,6 +4888,26 @@ declare namespace LocalJSX {
           * Provides a customized message or description that is    shown when the table's data source is empty.
          */
         "emptyDescription"?: string;
+        /**
+          * An event emitter notifying changes in the table data.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaTableCustomEvent<VegaTableChangePropType>) => void;
+        /**
+          * An event emitter notifying the click event of a row    in the table.
+          * @eventSemantics namespace:native
+         */
+        "onRowClick"?: (event: VegaTableCustomEvent<VegaTableRowClickPropType>) => void;
+        /**
+          * An event emitter notifying changes in the selection of checkboxes,    particularly the "Select All" checkbox in the table header.
+          * @eventSemantics namespace:native
+         */
+        "onSelectAllChange"?: (event: VegaTableCustomEvent<VegaTableSelectAllProp>) => void;
+        /**
+          * An event emitter notifying the selection or deselection    of a row in the table.
+          * @eventSemantics namespace:native
+         */
+        "onSelectChange"?: (event: VegaTableCustomEvent<VegaTableRowSelectProp>) => void;
         /**
           * An event emitter notifying changes in the table data.
          */
@@ -4983,10 +4972,6 @@ declare namespace LocalJSX {
           * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          */
         "breakpoint"?: VegaTableColumnBreakpoint;
-        /**
-          * @deprecated Please use overflow: 'ellipsis' instead
-         */
-        "ellipsis"?: boolean;
         /**
           * 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.
          */
@@ -5013,6 +4998,11 @@ declare namespace LocalJSX {
           * Defines the screen width at which the column becomes hidden.    If not set, the column remains visible at all times.
          */
         "breakpoint"?: VegaTableColumnBreakpoint;
+        /**
+          * An event emitter notifying that the head cell has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaTableHeadCellCustomEvent<VegaTableHeadCellClickEvent>) => void;
         /**
           * An event emitter notifying that the head cell has been clicked.
          */
@@ -5041,6 +5031,11 @@ declare namespace LocalJSX {
         "selectAllDisabled"?: boolean;
     }
     interface VegaTableRow {
+        /**
+          * An event emitter notifying that the row has been clicked.
+          * @eventSemantics namespace:native
+         */
+        "onClick"?: (event: VegaTableRowCustomEvent<VegaTableRowClickEvent>) => void;
         /**
           * An event emitter notifying that the row has been clicked.
          */
@@ -5055,6 +5050,10 @@ declare namespace LocalJSX {
           * Specifies the behavior of text when it exceeds the    available space within its container.
          */
         "overflow"?: 'ellipsis' | 'newline';
+        /**
+          * Specifies the properties of the vega-tooltip in vega-text.
+         */
+        "tooltip"?: VegaTextTooltipProps;
     }
     interface VegaTextarea {
         /**
@@ -5087,17 +5086,22 @@ declare namespace LocalJSX {
         "minLength"?: number;
         /**
           * An event emitter notifying the blur event of the inner    textarea element within the text area.
+          * @eventSemantics namespace:native
          */
-        "onVegaBlur"?: (event: VegaTextareaCustomEvent<undefined>) => void;
+        "onBlur"?: (event: VegaTextareaCustomEvent<undefined>) => void;
         /**
           * An event emitter notifying about changes in the value    of the text area.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaTextareaCustomEvent<string>) => void;
+        "onChange"?: (event: VegaTextareaCustomEvent<string>) => void;
         /**
-          * An event emitter notifying changes in the validation result    of the text area.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying the blur event of the inner    textarea element within the text area.
          */
-        "onVegaValidate"?: (event: VegaTextareaCustomEvent<boolean>) => void;
+        "onVegaBlur"?: (event: VegaTextareaCustomEvent<undefined>) => void;
+        /**
+          * An event emitter notifying about changes in the value    of the text area.
+         */
+        "onVegaChange"?: (event: VegaTextareaCustomEvent<string>) => void;
         /**
           * Specifies a placeholder string that displays as a    temporary hint or example within the text area.  It indicates the expected format or pattern of    the input within the text area.
          */
@@ -5146,13 +5150,13 @@ declare namespace LocalJSX {
         "mode"?: TimePickerModeType;
         /**
           * An event emitter notifying changes in the value of the time picker.
+          * @eventSemantics namespace:native
          */
-        "onVegaChange"?: (event: VegaTimePickerCustomEvent<string | string[]>) => void;
+        "onChange"?: (event: VegaTimePickerCustomEvent<string | string[]>) => void;
         /**
-          * An event emitter notifying changes in the validation result    of the time picker.
-          * @deprecated vegaValidate is only used to listen on the vega-form component.
+          * An event emitter notifying changes in the value of the time picker.
          */
-        "onVegaValidate"?: (event: VegaTimePickerCustomEvent<boolean>) => void;
+        "onVegaChange"?: (event: VegaTimePickerCustomEvent<string | string[]>) => void;
         /**
           * Specifies placeholder strings that provide a temporary hint    or example inside the time input field.
          */
@@ -5182,6 +5186,8 @@ declare namespace LocalJSX {
          */
         "value"?: TimePickerValueType<TimePickerModeType>;
     }
+    interface VegaTimePickerDropdown {
+    }
     interface VegaToggleSwitch {
         /**
           * Specifies whether the toggle switch is in the checked state.
@@ -5195,6 +5201,11 @@ declare namespace LocalJSX {
           * Specifies the label or title for the toggle switch.
          */
         "label"?: string;
+        /**
+          * An event emitter notifying changes in the toggle switch.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaToggleSwitchCustomEvent<boolean>) => void;
         /**
           * An event emitter notifying changes in the toggle switch.
          */
@@ -5211,8 +5222,13 @@ declare namespace LocalJSX {
         "alignment"?: ElementAppenderAlignmentType;
         /**
           * Specifies the content that is displayed    inside the tooltip.
+          * @deprecated This property will be removed soon and replaced by prop text
          */
         "content"?: string;
+        /**
+          * The tooltip is interactive by default. Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
+         */
+        "disableInteractive"?: boolean;
         /**
           * Determines the maximum width of the tooltip.  It can be provided as a number or a ResponsiveType.
          */
@@ -5234,9 +5250,19 @@ declare namespace LocalJSX {
          */
         "size"?: ResponsiveType<SizeType>;
         /**
-          * Specifies the trigger mode for the tooltip.
+          * Specifies the text that is displayed    inside the tooltip.
          */
-        "trigger"?: 'hover' | 'click';
+        "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.
+         */
+        "trigger"?: 'hover' | 'click' | 'none';
+    }
+    interface VegaTooltipContentBox {
+        /**
+          * Specifies the text that is displayed inside the tooltip.
+         */
+        "text"?: string;
     }
     interface VegaVirtualScroll {
         /**
@@ -5268,8 +5294,7 @@ declare namespace LocalJSX {
         "vega-accordion": VegaAccordion;
         "vega-app-footer": VegaAppFooter;
         "vega-app-header-button": VegaAppHeaderButton;
-        "vega-badge": VegaBadge;
-        "vega-banner": VegaBanner;
+        "vega-backdrop": VegaBackdrop;
         "vega-bar-chart": VegaBarChart;
         "vega-box": VegaBox;
         "vega-breadcrumb": VegaBreadcrumb;
@@ -5285,18 +5310,18 @@ declare namespace LocalJSX {
         "vega-combo-box": VegaComboBox;
         "vega-counter-badge": VegaCounterBadge;
         "vega-date-picker": VegaDatePicker;
+        "vega-date-picker-calendar": VegaDatePickerCalendar;
         "vega-dialog": VegaDialog;
         "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-flex": VegaFlex;
         "vega-font": VegaFont;
-        "vega-footer": VegaFooter;
         "vega-form": VegaForm;
         "vega-grid": VegaGrid;
-        "vega-header": VegaHeader;
         "vega-icon": VegaIcon;
         "vega-image-uploader": VegaImageUploader;
         "vega-input": VegaInput;
@@ -5308,20 +5333,19 @@ declare namespace LocalJSX {
         "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-option": VegaOption;
         "vega-page-notification": VegaPageNotification;
+        "vega-page-notification-list": VegaPageNotificationList;
         "vega-pagination": VegaPagination;
         "vega-pie-chart": VegaPieChart;
         "vega-popover": VegaPopover;
+        "vega-popover-content-box": VegaPopoverContentBox;
         "vega-progress-tracker": VegaProgressTracker;
         "vega-radio": VegaRadio;
         "vega-radio-group": VegaRadioGroup;
-        "vega-sidenav": VegaSidenav;
-        "vega-sidenav-group": VegaSidenavGroup;
-        "vega-sidenav-link": VegaSidenavLink;
         "vega-slot-container": VegaSlotContainer;
         "vega-stepper": VegaStepper;
         "vega-tab-group": VegaTabGroup;
@@ -5337,8 +5361,10 @@ declare namespace LocalJSX {
         "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;
     }
 }
@@ -5349,8 +5375,7 @@ declare module "@stencil/core" {
             "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-badge": LocalJSX.VegaBadge & JSXBase.HTMLAttributes<HTMLVegaBadgeElement>;
-            "vega-banner": LocalJSX.VegaBanner & JSXBase.HTMLAttributes<HTMLVegaBannerElement>;
+            "vega-backdrop": LocalJSX.VegaBackdrop & JSXBase.HTMLAttributes<HTMLVegaBackdropElement>;
             "vega-bar-chart": LocalJSX.VegaBarChart & JSXBase.HTMLAttributes<HTMLVegaBarChartElement>;
             "vega-box": LocalJSX.VegaBox & JSXBase.HTMLAttributes<HTMLVegaBoxElement>;
             "vega-breadcrumb": LocalJSX.VegaBreadcrumb & JSXBase.HTMLAttributes<HTMLVegaBreadcrumbElement>;
@@ -5366,18 +5391,18 @@ declare module "@stencil/core" {
             "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-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-flex": LocalJSX.VegaFlex & JSXBase.HTMLAttributes<HTMLVegaFlexElement>;
             "vega-font": LocalJSX.VegaFont & JSXBase.HTMLAttributes<HTMLVegaFontElement>;
-            "vega-footer": LocalJSX.VegaFooter & JSXBase.HTMLAttributes<HTMLVegaFooterElement>;
             "vega-form": LocalJSX.VegaForm & JSXBase.HTMLAttributes<HTMLVegaFormElement>;
             "vega-grid": LocalJSX.VegaGrid & JSXBase.HTMLAttributes<HTMLVegaGridElement>;
-            "vega-header": LocalJSX.VegaHeader & JSXBase.HTMLAttributes<HTMLVegaHeaderElement>;
             "vega-icon": LocalJSX.VegaIcon & JSXBase.HTMLAttributes<HTMLVegaIconElement>;
             "vega-image-uploader": LocalJSX.VegaImageUploader & JSXBase.HTMLAttributes<HTMLVegaImageUploaderElement>;
             "vega-input": LocalJSX.VegaInput & JSXBase.HTMLAttributes<HTMLVegaInputElement>;
@@ -5389,20 +5414,19 @@ declare module "@stencil/core" {
             "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-option": LocalJSX.VegaOption & JSXBase.HTMLAttributes<HTMLVegaOptionElement>;
             "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-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-radio": LocalJSX.VegaRadio & JSXBase.HTMLAttributes<HTMLVegaRadioElement>;
             "vega-radio-group": LocalJSX.VegaRadioGroup & JSXBase.HTMLAttributes<HTMLVegaRadioGroupElement>;
-            "vega-sidenav": LocalJSX.VegaSidenav & JSXBase.HTMLAttributes<HTMLVegaSidenavElement>;
-            "vega-sidenav-group": LocalJSX.VegaSidenavGroup & JSXBase.HTMLAttributes<HTMLVegaSidenavGroupElement>;
-            "vega-sidenav-link": LocalJSX.VegaSidenavLink & JSXBase.HTMLAttributes<HTMLVegaSidenavLinkElement>;
             "vega-slot-container": LocalJSX.VegaSlotContainer & JSXBase.HTMLAttributes<HTMLVegaSlotContainerElement>;
             "vega-stepper": LocalJSX.VegaStepper & JSXBase.HTMLAttributes<HTMLVegaStepperElement>;
             "vega-tab-group": LocalJSX.VegaTabGroup & JSXBase.HTMLAttributes<HTMLVegaTabGroupElement>;
@@ -5418,8 +5442,10 @@ declare module "@stencil/core" {
             "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>;
         }
     }