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

package/dist/esm/{yAxisInputProcessor-1441a62c.js → yAxisInputProcessor-e30d7e4c.js}

@@ -1,5 +1,5 @@
-import { d as constant, i as interpolateNumber, e as color, f as interpolateRgb, g as interpolateString, B as BaseDrawer } from './legendInputProcessor-c730fa05.js';
-import { f as flatNestedArray } from './array-195d7d64.js';
+import { d as constant, i as interpolateNumber, e as color, f as interpolateRgb, g as interpolateString, B as BaseDrawer } from './legendInputProcessor-73659534.js';
+import { f as flatNestedArray } from './array-e1522673.js';
 
 function ascending(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;

package/dist/types/components/vega-backdrop/vega-backdrop.d.ts

@@ -1,7 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { VegaBackdropVisibleController } from './slimmers/controller/vega-backdrop-visible-controller';
 import { VegaBackdropRenderer } from './slimmers/renerers/vega-backdrop-renderer';
 export declare class VegaBackdrop {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly vegaBackdropVisibleController: VegaBackdropVisibleController;
   protected readonly vegaBackdropRenderer: VegaBackdropRenderer;
   host: HTMLVegaBackdropElement;

package/dist/types/components/vega-box/slimmers/controllers/vega-box-state-styles-controller.d.ts

@@ -0,0 +1,53 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaBox } from '../../vega-box';
+/**
+ * VegaBoxStateStylesController
+ */
+export declare class VegaBoxStateStylesController extends VegaSlimmer {
+  host: VegaBox['host'];
+  backgroundColor: VegaBox['backgroundColor'];
+  borderColor: VegaBox['borderColor'];
+  border: VegaBox['border'];
+  shadow: VegaBox['shadow'];
+  /**
+   * componentWillLoad, while component will load should append state style to shadowroot
+   */
+  componentWillLoad(): void;
+  /**
+   * The function `watchBorder` in TypeScript appends state styles for the border.
+   */
+  watchBorder(): void;
+  /**
+   * The function `watchShadow` in TypeScript appends state styles for the shadow.
+   */
+  watchShadow(): void;
+  /**
+   * The function `watchBorderColor` in TypeScript appends state styles for the border color.
+   */
+  watchBorderColor(): void;
+  /**
+   * The function `watchBackgroundColor` in TypeScript appends state styles for the background color.
+   */
+  watchBackgroundColor(): void;
+  /**
+   * The function `appendStateStyles` appends CSS styles for a specific state variant to the shadow root
+   * of a host element.
+   *
+   * @param {StateVariantType} token - The `token` parameter in the `appendStateStyles` function is a StateVariantType that
+   * represents the styles associated with a specific state of a component. It is used to define the CSS
+   * styles that should be applied when the component is in that particular state.
+   * @param {keyof ManagedStateScopeInput} flag - The `flag` parameter in the `appendStateStyles` function is used to specify the
+   * key of the ManagedStateScopeInput object for which the state styles are being appended.
+   */
+  private appendStateStyles;
+  /**
+   * When both border color and border are set,
+   * we need to ensure that the border color is placed after the border so that the border color can take effect.
+   */
+  private makeBorderColorAfterBorder;
+  /**
+   * The function `appendAllStateStyles` appends styles for background color, border color, border, and
+   * shadow.
+   */
+  private appendAllStateStyles;
+}

package/dist/types/components/vega-box/vega-box.d.ts

@@ -1,8 +1,14 @@
-import { BoxDisplayType, MarginType, PaddingType, ResponsiveType } from '../../types/ui.type';
+import { BoxDisplayType, CornersType, HeightType, StateVariantType, CssStatesType, MarginType, PaddingType, ResponsiveType, WidthType } from '../../types/ui.type';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaBoxStateStylesController } from './slimmers/controllers/vega-box-state-styles-controller';
+import { BackgroundColorsTokenType, BorderColorsTokenType, BordersTokenType, BreakpointsTokenType, ShadowsTokenType } from '../../types/designToken.type';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObserverSlimmer';
 export declare class VegaBox {
   protected readonly globalSlimmers: GlobalSlimmers;
+  protected readonly pageResizeSlimmer: PageResizeObserverSlimmer;
+  protected readonly stateStyleController: VegaBoxStateStylesController;
   host: HTMLVegaBoxElement;
+  currentBreakpoint: BreakpointsTokenType;
   /**
    * 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`,
@@ -36,8 +42,68 @@ export declare class VegaBox {
   margin: ResponsiveType<MarginType>;
   /**
    * Defines the display behavior of the box, allowing you to choose from
-   *    standard display options like `block` and `none.`
+   *    standard display options like `block` and `none`.
    */
   display: ResponsiveType<BoxDisplayType>;
+  /**
+   * Defines the border of the box.
+   *    It accepts a string value representing a valid
+   *    border token.
+   */
+  border: StateVariantType<BordersTokenType, CssStatesType>;
+  watchBorder(): void;
+  /**
+   * 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'>;
+  watchShadow(): void;
+  /**
+   * Defines the border color of the box.
+   *    It accepts a string value representing a valid
+   *    border color token.
+   */
+  borderColor: StateVariantType<BorderColorsTokenType, CssStatesType>;
+  watchBorderColor(): void;
+  /**
+   * Defines the background color of the box.
+   *    It accepts a string value representing a valid
+   *    background color token.
+   */
+  backgroundColor: StateVariantType<BackgroundColorsTokenType, CssStatesType>;
+  watchBackgroundColor(): void;
+  /**
+   * 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>;
+  /**
+   * 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 custom class name of the box.
+   */
+  responsiveClass: ResponsiveType<string>;
+  /**
+   * Defines the corner of the box.
+   *    It accepts a string value representing a valid
+   *    border radius token.
+   */
+  corners: ResponsiveType<CornersType>;
   render(): VegaBox;
 }

package/dist/types/components/vega-breadcrumb/vega-breadcrumb.d.ts

@@ -19,12 +19,12 @@ export declare class VegaBreadcrumb {
   /**
    * 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;
@@ -37,7 +37,7 @@ export declare class VegaBreadcrumb {
    */
   vegaClick: EventEmitter<VegaBreadcrumbItemType>;
   /**
-   * 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
    */
   click: EventEmitter<VegaBreadcrumbItemType>;

package/dist/types/components/vega-button/vega-button.d.ts

@@ -65,7 +65,8 @@ export declare class VegaButton {
    */
   vegaClick: EventEmitter;
   /**
-   * An native event emitter notifying the click event of the button.
+   * An event emitter notifying the click event of the button.
+   *
    * @eventSemantics namespace:native
    */
   click: EventEmitter;

package/dist/types/components/vega-button-circle/types.d.ts

@@ -1,2 +1,9 @@
+import { VegaComponentInterface } from '../../types/ui.type';
+
 export type VegaButtonCircleSize = 'default' | 'small' | 'large' | 'extra-small';
+
 export type VegaButtonCircleVariant = 'primary' | 'secondary' | 'icon-only';
+
+export type VegaButtonCircleTooltip = Partial<
+	Pick<VegaComponentInterface<HTMLVegaTooltipElement>, 'disableInteractive'>
+>;

package/dist/types/components/vega-button-circle/vega-button-circle.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { TextColorsTokenType } from '../../types/designToken.type';
 import { VegaButtonType } from '../vega-button/types';
-import { VegaButtonCircleSize, VegaButtonCircleVariant } from './types';
+import { VegaButtonCircleSize, VegaButtonCircleVariant, VegaButtonCircleTooltip } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
@@ -59,6 +59,14 @@ export declare class VegaButtonCircle {
    * Specifies the color of the icon displayed on the circular button.
    */
   iconColor: TextColorsTokenType;
+  /**
+   * Indicates whether to use tooltip to display label.
+   */
+  showTooltip: boolean;
+  /**
+   * Specifies the properties of the tooltip displayed for the button circle.
+   */
+  tooltip: VegaButtonCircleTooltip;
   /**
    * An event emitter notifying the click event of the circular button.
    */

package/dist/types/components/vega-carousel/vega-carousel.d.ts

@@ -50,7 +50,7 @@ export declare class VegaCarousel {
    */
   vegaPageUpdate: EventEmitter<number>;
   /**
-   * A native event emitter notifying the transition of the carousel to another page,
+   * An event emitter notifying the transition of the carousel to another page,
    *    whether triggered programmatically or through user interaction.
    *
    * @eventSemantics namespace:native

package/dist/types/components/vega-checkbox/slimmers/controllers/vega-checkbox-show-error-controller.d.ts

@@ -5,6 +5,7 @@ export declare class VegaCheckboxShowErrorController extends VegaSlimmer {
   showError: VegaCheckbox['showError'];
   host: VegaCheckbox['host'];
   private fieldErrorObserver;
+  private checkboxGroup;
   /**
    * Component lifecycle - [connectedCallback]{@link VegaCheckbox.connectedCallback}
    */
@@ -14,13 +15,8 @@ export declare class VegaCheckboxShowErrorController extends VegaSlimmer {
    */
   disconnectedCallback(): void;
   /**
-   * The function initializes an field error observer for a checkbox or checkbox group component.
-   */
-  private initFieldErrorObserver;
-  /**
-   * The function checks whether the current host is a checkbox or checkbox group.
+   * The function `canAcceptFieldErrorObserver` always returns `true`.
    *
-   * @param {FieldErrorPayload} payload - The payload parameter is of type FieldErrorPayload, which is an object containing information about field.
    * @returns {boolean} a boolean value, which indicates the current host is a checkbox or checkbox group.
    */
   private canAcceptFieldErrorObserver;

package/dist/types/components/vega-checkbox/vega-checkbox-group/vega-checkbox-group.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { VegaFlexProps } from '../types';
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../../helpers/slimmers/formFieldControllerSlimmer';
 import { ChildNodesNotifyObserverSlimmer } from '../../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
 import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
 import { EventEmitSlimmerBase } from '../../../helpers/event-manager/slimmers/eventEmitSlimmer';
 export declare class VegaCheckboxGroup {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly formFieldController: FormFieldControllerSlimmer<string[]>;
   protected checkboxValueChangeObserver: ChildNodesNotifyObserverSlimmer<boolean>;
   protected checkboxEventPrevent: ChildNodesEventPreventSlimmer;
@@ -48,18 +50,6 @@ export declare class VegaCheckboxGroup {
    *    value for the checkbox group.
    */
   hint: string;
-  /**
-   * Controls the behavior of field validation when
-   *    its value is updated.
-   *
-   * @deprecated This property will be removed soon
-   */
-  formValidation: number;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-checkbox-group-with-form-validation-e2e}
-   */
-  watchFormValidation(): void;
   /** Specifies the validation status of the
    *    checkbox group component.
    */
@@ -78,20 +68,7 @@ export declare class VegaCheckboxGroup {
    * @eventSemantics namespace:native
    */
   change: EventEmitter<string[]>;
-  /**
-   * 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.
-   */
-  vegaValidate: EventEmitter<boolean>;
   componentDidLoad(): void;
-  /**
-   * Invoke this method to validate the current selected values.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showErrorText?: boolean | 'rule'): Promise<boolean>;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-checkbox-group-dark-change-background-color }

package/dist/types/components/vega-checkbox/vega-checkbox.d.ts

@@ -66,12 +66,6 @@ export declare class VegaCheckbox {
    * Specifies the validation status of the checkbox component.
    */
   isValid: boolean;
-  /**
-   * An event emitter notifying changes in the validation result of the checkbox.
-   *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
-   */
-  vegaValidate: EventEmitter<boolean>;
   /**
    * An event emitter notifying changes in the value of the checkbox,
    *    whether triggered programmatically or through user interaction.
@@ -87,12 +81,6 @@ export declare class VegaCheckbox {
   disconnectedCallback(): void;
   componentWillLoad(): void;
   componentDidRender(): void;
-  /**
-   * Invoke this method to validate the current selected value.
-   *
-   * @deprecated This property will be removed soon
-   */
-  valid(showErrorText?: boolean | 'rule'): Promise<boolean>;
   /**
    * Invoke this method to set the value of the checkbox.
    *

package/dist/types/components/vega-color-picker/vega-color-picker.d.ts

@@ -8,6 +8,7 @@ export declare class VegaColorPicker {
   protected readonly formFieldController: FormFieldControllerSlimmer<string>;
   protected changeEventEmitter: EventEmitSlimmerBase;
   private colorPickerContainerRef;
+  private colorPickerTouchableAreaRef;
   host: HTMLVegaColorPickerElement;
   /**
    * Specifies the initial or preset color value of the color picker.
@@ -67,19 +68,7 @@ export declare class VegaColorPicker {
    * @eventSemantics namespace:native
    */
   change: EventEmitter<string>;
-  /**
-   * 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.
-   */
-  vegaValidate: EventEmitter<boolean>;
   connectedCallback(): void;
-  /**
-   * 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>;
   render(): VegaColorPicker;
   private renderLabelDom;
   private renderColorPickerContainer;

package/dist/types/components/vega-combo-box/vega-combo-box.d.ts

@@ -100,17 +100,12 @@ export declare class VegaComboBox {
    */
   vegaChange: EventEmitter<string[]>;
   /**
-   * An native event emitter notifying changes in the items of the combo box value,
+   * An event emitter notifying changes in the items of the combo box value,
    *    whether triggered programmatically or through user interaction.
+   *
    * @eventSemantics namespace:native
    */
   change: EventEmitter<string[]>;
-  /**
-   * 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.
-   */
-  vegaValidate: EventEmitter<boolean>;
   /**
    * An event emitter notifying when the user has chosen to add a new value
    *    to the source and value of the combo box.
@@ -121,7 +116,7 @@ export declare class VegaComboBox {
    */
   vegaCreate: EventEmitter<string>;
   /**
-   * An native event emitter notifying when the user has chosen to add a new 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.
@@ -136,7 +131,7 @@ export declare class VegaComboBox {
    */
   vegaSearch: EventEmitter<string>;
   /**
-   * An native event emitter notifying the user's search action in the combo box,
+   * 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
    */
@@ -149,12 +144,6 @@ export declare class VegaComboBox {
    * Invoke this method to open the dropdown menu associated with the combo box.
    */
   open(): Promise<void>;
-  /**
-   * 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>;
   render(): VegaComboBox;
   private renderLabel;
   private renderHint;

package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.d.ts

@@ -9,7 +9,6 @@ export declare class VegaDatePickerRenderer extends VegaSlimmer {
   readOnly: VegaDatePicker['readOnly'];
   autoValidation: VegaDatePicker['autoValidation'];
   host: VegaDatePicker['host'];
-  valid: VegaDatePicker['valid'];
   vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
   vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
   vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
@@ -22,7 +21,6 @@ export declare class VegaDatePickerRenderer extends VegaSlimmer {
    * on mobile, the input is ready-only to avoid virtual keyboard
    */
   isInputEnabled: () => boolean;
-  handleInputBlur: () => void;
   render(): VegaDatePicker;
   private renderLabel;
   /**

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.d.ts

@@ -1,3 +1,5 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 export declare class VegaDatePickerCalendar {
+  protected readonly globalSlimmers: GlobalSlimmers;
   render(): VegaDatePickerCalendar;
 }

package/dist/types/components/vega-date-picker/vega-date-picker.d.ts

@@ -85,18 +85,6 @@ export declare class VegaDatePicker {
    * Specifies the size of the date picker field.
    */
   size: 'default' | 'small';
-  /**
-   * 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;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-date-picker-click-form-valid}
-   */
-  watchFormValidation(): void;
   /**
    * Specifies custom validation rules for the date picker field.
    */
@@ -154,22 +142,11 @@ export declare class VegaDatePicker {
    */
   vegaChange: EventEmitter<string | string[]>;
   /**
-   * A native event emitter notifying the change of the value in the date picker,
+   * An event emitter notifying the change of the value in the date picker,
    *    whether triggered programmatically or through user interaction.
    * @eventSemantics namespace:native
    */
   change: EventEmitter<string | string[]>;
-  /**
-   * An event emitter notifying the change in the validation result.
-   *
-   * @deprecated vegaValidate is only used to listen on the vega-form component.
-   */
-  vegaValidate: EventEmitter<boolean>;
-  /**
-   * 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>;
   /**
    * Invoke this method to close the calendar dropdown
    *    associated with the date picker.

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-children-controller.d.ts

@@ -52,12 +52,16 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
    * The `syncUpDropdownCurrentDataBySlot` method is responsible for
    * synchronizing the current data in a dropdown based on the items present in the slot.
    */
-  private syncUpDropdownCurrentDataBySlot;
+  private collectKeyAndLabelFromSlot;
   /**
-   * The function syncs up the current data in a dropdown based on the source data, by adding labels and
-   * keys to respective sets.
+   * The function collects unique labels and keys from a nested array of objects.
+   *
+   * @param {VegaDropdownSourceItem[]} items - An array of objects representing dropdown source items.
+   * Each object should have a "label" property representing the label of the dropdown option, and a
+   * "key" property representing the value of the dropdown option. Additionally, each object can have a
+   * "children" property which is an array of nested dropdown source items
    */
-  private syncUpDropdownCurrentDataBySource;
+  private collectKeyAndLabelFromSource;
   /**
    * The below method is e2e-test covered in@see{module:vega-dropdown-items-dom-change-e2e}
    */

package/dist/types/components/vega-dropdown/vega-dropdown-content-box/vega-dropdown-content-box.d.ts

@@ -1,5 +1,7 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
 export declare class VegaDropdownContentBox {
+  protected readonly globalSlimmers: GlobalSlimmers;
   protected eventPrevent: ChildNodesEventPreventSlimmer;
   host: HTMLVegaDropdownContentBoxElement;
   render(): VegaDropdownContentBox;

package/dist/types/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.d.ts

@@ -60,7 +60,8 @@ export declare class VegaDropdownItem {
    */
   vegaClick: EventEmitter<VegaDropdownItemClickEvent>;
   /**
-   * An native event emitter notifying the dropdown item has been clicked.
+   * An event emitter notifying the dropdown item has been clicked.
+   *
    * @eventSemantics namespace:native
    */
   click: EventEmitter<VegaDropdownItemClickEvent>;

package/dist/types/components/vega-dropdown/vega-dropdown.d.ts

@@ -203,7 +203,7 @@ export declare class VegaDropdown {
    */
   vegaShow: EventEmitter<string>;
   /**
-   * An native event emitter notifying that the dropdown has been displayed,
+   * 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
@@ -215,7 +215,7 @@ export declare class VegaDropdown {
    */
   vegaHide: EventEmitter<string>;
   /**
-   * An native event emitter notifying that the dropdown has been dismissed,
+   * 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

package/dist/types/components/vega-flex/vega-flex.d.ts

@@ -1,3 +1,4 @@
+import { BreakpointsTokenType } from '../../types/designToken.type';
 import { GapType, ResponsiveType, MarginType, FlexDirectionType, FlexAlignItemType, FlexJustifyContentType } from '../../types/ui.type';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 export declare class VegaFlex {
@@ -23,6 +24,13 @@ export declare class VegaFlex {
    *    When using a responsive map, the `default` key is required.
    */
   margin: ResponsiveType<MarginType>;
+  /**
+   * 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.
    */
@@ -36,5 +44,11 @@ export declare class VegaFlex {
    *    space between and around them within the flex container.
    */
   justifyContent: ResponsiveType<FlexJustifyContentType>;
+  /**
+   * 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;
   render(): VegaFlex;
 }

package/dist/types/components/vega-font/slimmers/controllers/vega-font-as-controller.d.ts

@@ -1,40 +1,17 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaFont } from '../../vega-font';
 import { VegaFontAs } from '../../types';
-import { ResponsiveType } from '../../../../types/ui.type';
 export declare const VEGA_FONT_AS_SAFE_LIST: string[];
 /** The `VegaFontAsController` class is a TypeScript class that extends `VegaSlimmer` and provides methods for rendering and updating an extra node based on a specified `as` property. */
 export declare class VegaFontAsController extends VegaSlimmer {
-  host: VegaFont['host'];
   as: VegaFont['as'];
-  currentBreakpoint: VegaFont['currentBreakpoint'];
-  classesController: VegaFont['classesController'];
   /**
-   * check should render the extra node
-   */
-  checkAndRenderExtraNode(): void;
-  /**
-   * update the extra node className
-   */
-  updateAsNodeClassNameOrTagName(): void;
-  /**
-   * update the extra node when prop as change
-   *
-   * @param {ResponsiveType<VegaFontAs>} newValue the new value
-   */
-  updateExtraNode(newValue: ResponsiveType<VegaFontAs>): void;
-  /**
-   * The function `getSlotContent` returns a list of child nodes based on the as node.
-   *
-   * @returns {NodeListOf<ChildNode>} a NodeListOf<ChildNode>.
-   */
-  private getSlotContent;
-  /**
-   * The function renders the content of a slot by creating a new element and appending the content to it, then replacing the existing element with the new one.
+   * The function `getTagNameFromPropAs` returns a `VegaFontAs` value based on the input
+   * `ResponsiveType<VegaFontAs>`.
    *
-   * @param {VegaFontAs} as - The "as" parameter is a string that represents the type of element to create. It is used to create a new element using the document.createElement() method.
+   * @returns {VegaFontAs} a value of type `VegaFontAs`.
    */
-  private renderSlotContent;
+  getTagNameFromPropAs(): VegaFontAs;
   /**
    * The function checks if a given value is safe to use as a VegaFontAs.
    *
@@ -43,27 +20,4 @@ export declare class VegaFontAsController extends VegaSlimmer {
    * returns `true`. Otherwise, it returns `false`.
    */
   private isSafeAs;
-  /**
-   * The function returns the first element with the class "vega-font-as-node" as an HTMLElement or null if no such element exists.
-   *
-   * @returns {Nullable<HTMLElement>} The method is returning a Nullable<HTMLElement> object.
-   */
-  private getAsNode;
-  /**
-   * The function returns a string that combines the class name from a classesController with the string "vega-font-as-node".
-   *
-   * @returns {string} The method is returning a string that is the concatenation of the result of the
-   * `getClassName()` method from the `classesController` object and the string "vega-font-as-node".
-   */
-  private getAsNodeClassName;
-  /**
-   * The function `getTagNameFromPropAs` returns a `VegaFontAs` value based on the input
-   * `ResponsiveType<VegaFontAs>`.
-   *
-   * @param {ResponsiveType<VegaFontAs>} input - The input parameter is of type ResponsiveType<VegaFontAs>. It represents the font as
-   * a string or an object with breakpoints. The VegaFontAs type is a string type that represents the
-   * font name or alias.
-   * @returns {VegaFontAs} a value of type `VegaFontAs`.
-   */
-  private getTagNameFromPropAs;
 }