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

package/dist/types/components.d.ts

@@ -5,15 +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, SpacingTokenType, TextColorsTokenType, TypographyTokenType } from "./types/designToken.type";
-import { VegaBadgeSize } from "./components/vega-badge/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";
@@ -37,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";
@@ -176,35 +175,37 @@ export namespace Components {
          */
         "visible": boolean;
     }
-    interface VegaBadge {
+    interface VegaBarChart {
         /**
-          * Specifies the background color of the badge using a color token.
+          * Specifies the rendering options for the bar chart.
          */
-        "bgColor": BackgroundColorsTokenType;
+        "options": VegaBarChartOptionsType;
+    }
+    interface VegaBox {
         /**
-          * Specifies the size of the badge element.
+          * Defines the background color of the box.    It accepts a string value representing a valid    background color token.
          */
-        "size": ResponsiveType<VegaBadgeSize>;
+        "backgroundColor": StateVariantType<BackgroundColorsTokenType, CssStatesType>;
         /**
-          * Specifies the text content to be displayed on the badge.
+          * Defines the border of the box.    It accepts a string value representing a valid    border token.
          */
-        "text": string;
+        "border": StateVariantType<BordersTokenType, CssStatesType>;
         /**
-          * Specifies the color of the text displayed on the badge.
+          * Defines the border color of the box.    It accepts a string value representing a valid    border color token.
          */
-        "textColor": TextColorsTokenType;
-    }
-    interface VegaBarChart {
+        "borderColor": StateVariantType<BorderColorsTokenType, CssStatesType>;
         /**
-          * Specifies the rendering options for the bar chart.
+          * Defines the corner of the box.    It accepts a string value representing a valid    border radius token.
          */
-        "options": VegaBarChartOptionsType;
-    }
-    interface VegaBox {
+        "corners": ResponsiveType<CornersType>;
         /**
-          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block` and `none.`
+          * 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.
          */
@@ -213,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 {
         /**
@@ -220,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;
     }
@@ -283,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.
          */
@@ -414,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.
          */
@@ -429,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.
          */
@@ -450,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.
          */
@@ -539,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.
          */
@@ -602,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.
          */
@@ -669,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.
          */
@@ -714,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.
          */
@@ -942,6 +928,11 @@ export namespace Components {
           * 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';
         /**
           * Specifies the flex direction.
          */
@@ -958,6 +949,11 @@ export namespace Components {
           * Determines the margin (spacing) around the flex container.  It can be provided as a spacing value, such as `size-16` or `size-24`.  Alternatively, it can be set as a responsive map using key-value pairs    to define different margins for various breakpoints.    When using a responsive map, the `default` key is required.
          */
         "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;
     }
     interface VegaFont {
         /**
@@ -977,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`.
@@ -1035,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`.
@@ -1092,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.
          */
@@ -1132,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.
          */
@@ -1193,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.
          */
@@ -1244,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.
          */
@@ -1278,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.
          */
@@ -1323,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.
          */
@@ -1342,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.
          */
@@ -1675,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.
          */
@@ -1700,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.
          */
@@ -1714,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 {
@@ -1779,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.
          */
@@ -1812,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.
          */
@@ -2064,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 {
         /**
@@ -2106,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.
          */
@@ -2165,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.
          */
@@ -2205,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.
          */
@@ -2228,15 +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 content that is displayed inside the tooltip.
+          * Specifies the text that is displayed inside the tooltip.
          */
-        "content": string;
+        "text": string;
     }
     interface VegaVirtualScroll {
         /**
@@ -2397,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;
@@ -2462,12 +2334,6 @@ declare global {
         prototype: HTMLVegaBackdropElement;
         new (): HTMLVegaBackdropElement;
     };
-    interface HTMLVegaBadgeElement extends Components.VegaBadge, HTMLStencilElement {
-    }
-    var HTMLVegaBadgeElement: {
-        prototype: HTMLVegaBadgeElement;
-        new (): HTMLVegaBadgeElement;
-    };
     interface HTMLVegaBarChartElement extends Components.VegaBarChart, HTMLStencilElement {
     }
     var HTMLVegaBarChartElement: {
@@ -2618,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: {
@@ -2636,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: {
@@ -2786,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: {
@@ -2929,7 +2765,6 @@ declare global {
         "vega-app-footer": HTMLVegaAppFooterElement;
         "vega-app-header-button": HTMLVegaAppHeaderButtonElement;
         "vega-backdrop": HTMLVegaBackdropElement;
-        "vega-badge": HTMLVegaBadgeElement;
         "vega-bar-chart": HTMLVegaBarChartElement;
         "vega-box": HTMLVegaBoxElement;
         "vega-breadcrumb": HTMLVegaBreadcrumbElement;
@@ -2955,10 +2790,8 @@ declare global {
         "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;
@@ -2983,9 +2816,6 @@ declare global {
         "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;
@@ -3172,35 +3002,37 @@ declare namespace LocalJSX {
          */
         "visible"?: boolean;
     }
-    interface VegaBadge {
+    interface VegaBarChart {
         /**
-          * Specifies the background color of the badge using a color token.
+          * Specifies the rendering options for the bar chart.
          */
-        "bgColor"?: BackgroundColorsTokenType;
+        "options"?: VegaBarChartOptionsType;
+    }
+    interface VegaBox {
         /**
-          * Specifies the size of the badge element.
+          * Defines the background color of the box.    It accepts a string value representing a valid    background color token.
          */
-        "size"?: ResponsiveType<VegaBadgeSize>;
+        "backgroundColor"?: StateVariantType<BackgroundColorsTokenType, CssStatesType>;
         /**
-          * Specifies the text content to be displayed on the badge.
+          * Defines the border of the box.    It accepts a string value representing a valid    border token.
          */
-        "text": string;
+        "border"?: StateVariantType<BordersTokenType, CssStatesType>;
         /**
-          * Specifies the color of the text displayed on the badge.
+          * Defines the border color of the box.    It accepts a string value representing a valid    border color token.
          */
-        "textColor"?: TextColorsTokenType;
-    }
-    interface VegaBarChart {
+        "borderColor"?: StateVariantType<BorderColorsTokenType, CssStatesType>;
         /**
-          * Specifies the rendering options for the bar chart.
+          * Defines the corner of the box.    It accepts a string value representing a valid    border radius token.
          */
-        "options"?: VegaBarChartOptionsType;
-    }
-    interface VegaBox {
+        "corners"?: ResponsiveType<CornersType>;
         /**
-          * Defines the display behavior of the box, allowing you to choose from    standard display options like `block` and `none.`
+          * 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.
          */
@@ -3209,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 {
         /**
@@ -3216,11 +3060,11 @@ 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 native event emitter notifying that a breadcrumb item has been clicked.
+          * An event emitter notifying that a breadcrumb item has been clicked.
           * @eventSemantics namespace:native
          */
         "onClick"?: (event: VegaBreadcrumbCustomEvent<VegaBreadcrumbItemType>) => void;
@@ -3255,7 +3099,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * An native event emitter notifying the click event of the button.
+          * An event emitter notifying the click event of the button.
           * @eventSemantics namespace:native
          */
         "onClick"?: (event: VegaButtonCustomEvent<any>) => void;
@@ -3306,10 +3150,18 @@ declare namespace LocalJSX {
           * 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.
          */
@@ -3391,7 +3243,7 @@ declare namespace LocalJSX {
          */
         "canSwipe"?: boolean;
         /**
-          * A native event emitter notifying the transition of the carousel to another page,    whether triggered programmatically or through user interaction.
+          * 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;
@@ -3438,11 +3290,6 @@ declare namespace LocalJSX {
           * An event emitter notifying changes in the value of the checkbox,    whether triggered programmatically or through user interaction.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaCheckboxCustomEvent<boolean>) => void;
         /**
           * Specifies whether the checkbox must be checked    to pass form validation.
          */
@@ -3461,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.
          */
@@ -3487,11 +3329,6 @@ declare namespace LocalJSX {
           * An event emitter notifying changes in the value   of any nested checkbox within the checkbox group,   whether triggered programmatically or through   user interaction.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaCheckboxGroupCustomEvent<boolean>) => void;
         /**
           * Indicates whether at least one checkbox in the    checkbox group must be checked to pass    form validation.
          */
@@ -3603,11 +3440,6 @@ declare namespace LocalJSX {
           * An event emitter notifying changes in the value of the color picker,    whether triggered programmatically or through user interaction.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaColorPickerCustomEvent<boolean>) => void;
         /**
           * Specifies whether a color must be selected for    the color picker to pass form validation.
          */
@@ -3643,17 +3475,17 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * An native event emitter notifying changes in the items of the combo box value,    whether triggered programmatically or through user interaction.
+          * 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 native 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`.
+          * 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 native event emitter notifying the user's search action in the combo box,    but only if the `useDefaultFilter` property is set to `false`.
+          * 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;
@@ -3669,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.
          */
@@ -3746,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.
          */
@@ -3776,7 +3598,7 @@ declare namespace LocalJSX {
          */
         "mode"?: DatePickerModeType;
         /**
-          * A native event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
+          * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
           * @eventSemantics namespace:native
          */
         "onChange"?: (event: VegaDatePickerCustomEvent<string | string[]>) => void;
@@ -3784,11 +3606,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the change of the value in the date picker,    whether triggered programmatically or through user interaction.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaDatePickerCustomEvent<boolean>) => 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.
          */
@@ -3906,7 +3723,7 @@ declare namespace LocalJSX {
          */
         "onDropdownClick"?: (event: VegaDropdownCustomEvent<string>) => void;
         /**
-          * An native 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`.
+          * 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;
@@ -3916,7 +3733,7 @@ declare namespace LocalJSX {
          */
         "onDropdownSearch"?: (event: VegaDropdownCustomEvent<string>) => void;
         /**
-          * An native 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`.
+          * 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;
@@ -4019,7 +3836,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * An native event emitter notifying the dropdown item has been clicked.
+          * An event emitter notifying the dropdown item has been clicked.
           * @eventSemantics namespace:native
          */
         "onClick"?: (event: VegaDropdownItemCustomEvent<VegaDropdownItemClickEvent>) => void;
@@ -4061,6 +3878,11 @@ declare namespace LocalJSX {
           * 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';
         /**
           * Specifies the flex direction.
          */
@@ -4077,6 +3899,11 @@ declare namespace LocalJSX {
           * Determines the margin (spacing) around the flex container.  It can be provided as a spacing value, such as `size-16` or `size-24`.  Alternatively, it can be set as a responsive map using key-value pairs    to define different margins for various breakpoints.    When using a responsive map, the `default` key is required.
          */
         "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;
     }
     interface VegaFont {
         /**
@@ -4096,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`.
@@ -4157,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`.
@@ -4217,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.
          */
@@ -4269,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.
          */
@@ -4307,17 +4112,17 @@ declare namespace LocalJSX {
          */
         "minLength"?: number;
         /**
-          * An native event emitter notifying the blur of the inner input element.
+          * An event emitter notifying the blur of the inner input element.
           * @eventSemantics namespace:native
          */
         "onBlur"?: (event: VegaInputCustomEvent<undefined>) => void;
         /**
-          * An native event emitter notifying a value change.
+          * An event emitter notifying a value change.
           * @eventSemantics namespace:native
          */
         "onChange"?: (event: VegaInputCustomEvent<string>) => void;
         /**
-          * An native event emitter notifying the focus of the inner input element.
+          * An event emitter notifying the focus of the inner input element.
           * @eventSemantics namespace:native
          */
         "onFocus"?: (event: VegaInputCustomEvent<undefined>) => void;
@@ -4333,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.
          */
@@ -4397,7 +4197,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * A native event emitter notifying the blur event of the credit card element.
+          * An event emitter notifying the blur event of the credit card element.
           * @eventSemantics namespace:native
          */
         "onBlur"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
@@ -4407,7 +4207,7 @@ declare namespace LocalJSX {
          */
         "onChange"?: (event: VegaInputCreditCardCustomEvent<string>) => void;
         /**
-          * A native event emitter notifying the focus of the credit card element.
+          * An event emitter notifying the focus of the credit card element.
           * @eventSemantics namespace:native
          */
         "onFocus"?: (event: VegaInputCreditCardCustomEvent<undefined>) => void;
@@ -4423,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.
          */
@@ -4458,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.
          */
@@ -4476,7 +4266,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * An native event emitter notifying the change of the select value.
+          * An event emitter notifying the change of the select value.
           * @eventSemantics namespace:native
          */
         "onChange"?: (event: VegaInputSelectCustomEvent<SelectValueType<SelectType>>) => void;
@@ -4493,11 +4283,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the search of the dropdown.
          */
         "onVegaSearch"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaInputSelectCustomEvent<boolean>) => 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.
          */
@@ -4540,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.
          */
@@ -4554,7 +4334,7 @@ declare namespace LocalJSX {
          */
         "itemToggleStatusMap"?: ItemToggleStatusMap;
         /**
-          * A native event emitter notifying an item toggle event.
+          * An event emitter notifying an item toggle event.
           * @eventSemantics namespace:native
          */
         "onToggleStatus"?: (event: VegaItemToggleCustomEvent<boolean>) => void;
@@ -4573,7 +4353,7 @@ declare namespace LocalJSX {
          */
         "headerConfig"?: LeftNavHeaderConfig;
         /**
-          * A native event emitter notifying that the left-nav's open state has changed.
+          * An event emitter notifying that the left-nav's open state has changed.
           * @eventSemantics namespace:native
          */
         "onStateUpdate"?: (event: VegaLeftNavCustomEvent<string>) => void;
@@ -4604,7 +4384,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * A native event emitter used for notifying consumers the click event
+          * An event emitter used for notifying consumers the click event
           * @eventSemantics namespace:native
          */
         "onGroupClick"?: (event: VegaLeftNavGroupCustomEvent<string>) => void;
@@ -4719,7 +4499,7 @@ declare namespace LocalJSX {
          */
         "onClose"?: (event: VegaModalCustomEvent<any>) => void;
         /**
-          * An native event emitter notifying the modal open event. The event name is not `open` because already has a property `open`
+          * 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;
@@ -4838,12 +4618,12 @@ declare namespace LocalJSX {
          */
         "alignment"?: PositionAlignmentType;
         /**
-          * A native event emitter notifying the popover hide event.
+          * An event emitter notifying the popover hide event.
           * @eventSemantics namespace:native
          */
         "onPopoverHide"?: (event: VegaPopoverCustomEvent<string>) => void;
         /**
-          * A native event emitter notifying the popover show event.
+          * An event emitter notifying the popover show event.
           * @eventSemantics namespace:native
          */
         "onPopoverShow"?: (event: VegaPopoverCustomEvent<string>) => void;
@@ -4888,7 +4668,7 @@ declare namespace LocalJSX {
          */
         "direction"?: 'vertical' | 'horizontal';
         /**
-          * A native event emitter notifying that the current step has changed.
+          * An event emitter notifying that the current step has changed.
           * @eventSemantics namespace:native
          */
         "onCurrentStepUpdate"?: (event: VegaProgressTrackerCustomEvent<string>) => void;
@@ -4955,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.
          */
@@ -4985,11 +4760,6 @@ declare namespace LocalJSX {
           * An event emitter notifying the change of the    checked radio button in the radio group.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaRadioGroupCustomEvent<boolean>) => void;
         /**
           * Specifies whether the radio button within the radio group    must be checked to pass form validation.
          */
@@ -5003,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 {
@@ -5072,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.
          */
@@ -5110,11 +4817,6 @@ declare namespace LocalJSX {
           * An event emitter notifying changes in the value of the stepper component.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaStepperCustomEvent<boolean>) => void;
         /**
           * Specifies the unique identifier for the stepper component.
          */
@@ -5130,7 +4832,7 @@ declare namespace LocalJSX {
          */
         "gap"?: SpacingTokenType;
         /**
-          * A native event emitter notifying the click event of a tab    in the tab group.
+          * An event emitter notifying the click event of a tab    in the tab group.
           * @eventSemantics namespace:native
          */
         "onClick"?: (event: VegaTabGroupCustomEvent<string>) => void;
@@ -5348,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 {
         /**
@@ -5396,11 +5102,6 @@ declare namespace LocalJSX {
           * An event emitter notifying about changes in the value    of the text area.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaTextareaCustomEvent<boolean>) => 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.
          */
@@ -5456,11 +5157,6 @@ declare namespace LocalJSX {
           * An event emitter notifying changes in the value of the time picker.
          */
         "onVegaChange"?: (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.
-         */
-        "onVegaValidate"?: (event: VegaTimePickerCustomEvent<boolean>) => void;
         /**
           * Specifies placeholder strings that provide a temporary hint    or example inside the time input field.
          */
@@ -5506,7 +5202,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * An native event emitter notifying changes in the toggle switch.
+          * An event emitter notifying changes in the toggle switch.
           * @eventSemantics namespace:native
          */
         "onChange"?: (event: VegaToggleSwitchCustomEvent<boolean>) => void;
@@ -5526,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.
          */
@@ -5549,15 +5250,19 @@ declare namespace LocalJSX {
          */
         "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 content that is displayed inside the tooltip.
+          * Specifies the text that is displayed inside the tooltip.
          */
-        "content"?: string;
+        "text"?: string;
     }
     interface VegaVirtualScroll {
         /**
@@ -5590,7 +5295,6 @@ declare namespace LocalJSX {
         "vega-app-footer": VegaAppFooter;
         "vega-app-header-button": VegaAppHeaderButton;
         "vega-backdrop": VegaBackdrop;
-        "vega-badge": VegaBadge;
         "vega-bar-chart": VegaBarChart;
         "vega-box": VegaBox;
         "vega-breadcrumb": VegaBreadcrumb;
@@ -5616,10 +5320,8 @@ declare namespace LocalJSX {
         "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;
@@ -5644,9 +5346,6 @@ declare namespace LocalJSX {
         "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;
@@ -5677,7 +5376,6 @@ declare module "@stencil/core" {
             "vega-app-footer": LocalJSX.VegaAppFooter & JSXBase.HTMLAttributes<HTMLVegaAppFooterElement>;
             "vega-app-header-button": LocalJSX.VegaAppHeaderButton & JSXBase.HTMLAttributes<HTMLVegaAppHeaderButtonElement>;
             "vega-backdrop": LocalJSX.VegaBackdrop & JSXBase.HTMLAttributes<HTMLVegaBackdropElement>;
-            "vega-badge": LocalJSX.VegaBadge & JSXBase.HTMLAttributes<HTMLVegaBadgeElement>;
             "vega-bar-chart": LocalJSX.VegaBarChart & JSXBase.HTMLAttributes<HTMLVegaBarChartElement>;
             "vega-box": LocalJSX.VegaBox & JSXBase.HTMLAttributes<HTMLVegaBoxElement>;
             "vega-breadcrumb": LocalJSX.VegaBreadcrumb & JSXBase.HTMLAttributes<HTMLVegaBreadcrumbElement>;
@@ -5703,10 +5401,8 @@ declare module "@stencil/core" {
             "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>;
@@ -5731,9 +5427,6 @@ declare module "@stencil/core" {
             "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>;