bromcom-ui 2.8.0-rc.8 → 3.0.0-rc.0

package/dist/types/components.d.ts

@@ -5,22 +5,17 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-import { DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
-import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
+import { ButtonTypes, DirectionTypes as DirectionTypes1, IconPositionTypes, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TargetTypes, TrigglerTypes } from "./models";
 import { ItemType } from "./components/molecules/breadcrumb/types";
 import { VariantProp } from "./components/atoms/button/types";
+import { ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes as IconPositionTypes1, IndeterminateTypes, InputTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TargetTypes as TargetTypes1, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
 import { Type } from "./components/organism/datetime-picker/types";
-import { SizeProp } from "./components/molecules/error-layout/types";
-import { SizeProp as SizeProp1 } from "./components/other_deprecated/listbox/types";
-import { StatusProp as StatusProp1 } from "./components/molecules/message/types";
-import { TypeProp as TypeProp1 } from "./components/molecules/notification/types";
+import { SizeProp } from "./components/other_deprecated/listbox/types";
 import { ColorPaletteTypes } from "./global/variables/colors";
 import { OptionType } from "./components/molecules/radio/radio-group";
-import { statusType } from "./components/molecules/result/types";
-import { DirectionProp, SizeProp as SizeProp2, TypeProp as TypeProp2 } from "./components/other_deprecated/tabs/types";
+import { DirectionProp, SizeProp as SizeProp1, TypeProp } from "./components/other_deprecated/tabs/types";
 import { ResizeTypes } from "./components/molecules/textarea/types";
-import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
+import { SizeProp as SizeProp2 } from "./components/other_deprecated/treeview/types";
 export namespace Components {
     interface BcmAccordion {
         "_id": string;
@@ -28,36 +23,27 @@ export namespace Components {
     }
     interface BcmAlert {
         "_id": string;
-        "_title": any;
-        "bigIcon": boolean;
-        "description": any;
-        "dismissible": any;
+        "closeButton": boolean;
+        "fill": boolean;
         "fullWidth": boolean;
-        "hidden": boolean;
-        "icon": boolean;
-        "status": StatusProp;
-        "type": TypeProp;
+        "hide": () => Promise<void>;
+        "message": any;
+        "messageIcon": any;
+        "show": () => Promise<void>;
+        "size": SizeTypes;
+        "status": StatusTypes;
+        "viewButton": boolean;
     }
     interface BcmAttendance {
         "_id": string;
-        "data": any;
-    }
-    interface BcmAutocomplete {
-        "_items": Array<object> | string;
-        "config": (_config: Array<object>) => Promise<void>;
-        "fullWidth": boolean;
-        "hidden": boolean;
-        "returnField": string;
-        "searchFields": Array<string>;
-        "searchPlaceholder": string;
-        "searchSub": string;
-        "searchText": string;
-        "setData": (_data?: Array<object> | string) => Promise<void>;
+        "data": AttendanceData[];
+        "get": () => Promise<AttendanceData[]>;
+        "set": (data: AttendanceData[]) => Promise<void>;
     }
     interface BcmAvatar {
         "_id": string;
         "alt": string;
-        "color": any;
+        "color": string;
         "hidden": boolean;
         "image": string;
         "name": string;
@@ -67,12 +53,10 @@ export namespace Components {
     }
     interface BcmBadge {
         "_id": string;
-        "_slot": any;
         "blink": boolean;
-        "color": any;
-        "hidden": boolean;
-        "size": SizeTypes1;
-        "status": StatusTypes1;
+        "color": string;
+        "size": SizeTypes;
+        "status": StatusTypes;
         "value": string;
     }
     interface BcmBox {
@@ -88,16 +72,26 @@ export namespace Components {
         "color": any;
         "dataDismiss": boolean;
         "disabled": boolean;
+        "download"?: string;
+        "filled": boolean;
+        "form": string;
+        "formAction": string;
+        "formEnctype": "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
+        "formMethod": "post" | "get";
+        "formNoValidate": boolean;
+        "formTarget": "_self" | "_blank" | "_parent" | "_top" | string;
         "fullWidth": boolean;
-        "hidden": boolean;
         "href": string;
         "icon": string;
         "iconPosition": IconPositionTypes;
-        "kind": KindTypes;
+        "kind": "solid" | "ghost";
         "loading": boolean;
+        "name": string;
         "outline": boolean;
-        "size": SizeTypes1;
-        "target": string;
+        "rel": string;
+        "size": SizeTypes;
+        "target": TargetTypes;
+        "text": string;
         "type": ButtonTypes;
         "value": string;
         "variant": VariantProp;
@@ -107,8 +101,9 @@ export namespace Components {
         "color": any;
         "direction": DirectionTypes;
         "disabled": any;
+        "fullWidth": boolean;
         "size": SizeTypes1;
-        "type": 'checkbox' | 'radio' | 'button';
+        "type": "checkbox" | "radio" | "button";
     }
     interface BcmCard {
         "_id": string;
@@ -149,33 +144,35 @@ export namespace Components {
     }
     interface BcmCheckboxGroup {
         "_id": string;
-        "buttonStyle": 'solid' | 'outline';
         "caption": string;
-        "captionType": StatusTypes1;
-        "check": (items: Array<object> | string, checked?: boolean, reset?: boolean) => Promise<void>;
-        "defaultValue": string;
-        "direction": DirectionTypes;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "check": (items: Array<CheckItem> | string) => Promise<void>;
+        "checked": boolean;
+        "defaultValue": string | Array<string>;
+        "direction": DirectionTypes1;
         "disabled": boolean;
         "fullWidth": boolean | "flex";
         "gap": string;
         "get": () => Promise<string[]>;
-        "getCheckedList": () => Promise<any>;
+        "getCheckedList": () => Promise<{}>;
         "getValue": (name?: string) => Promise<any>;
         "hidden": boolean;
         "indeterminate": boolean;
+        "indeterminateText": string;
         "items": Array<object> | string;
         "label": string;
         "name": string;
         "noCaption": boolean;
         "onBcmBlur": () => Promise<void>;
         "onBcmFocus": () => Promise<void>;
-        "optionType": 'default' | 'button';
         "readonly": boolean;
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
+        "uncheckAll": () => Promise<void>;
         "value": any;
     }
     interface BcmCheckboxLite {
@@ -191,11 +188,11 @@ export namespace Components {
     interface BcmChip {
         "_id": string;
         "avatar": any;
-        "color": any;
+        "color": string;
         "disabled": false;
         "icon": any;
-        "size": 'small' | 'medium' | 'large';
-        "type": 'default' | 'dismissable' | 'addable' | 'checkable';
+        "size": SizeTypes;
+        "type": "default" | "dismissable" | "addable" | "checkable";
     }
     interface BcmCollapse {
         "_id": string;
@@ -366,7 +363,7 @@ export namespace Components {
         "_id": string;
     }
     interface BcmDivider {
-        "direction": DirectionTypes;
+        "direction": DirectionTypes1;
         "hidden": boolean;
     }
     interface BcmDrawer {
@@ -376,6 +373,7 @@ export namespace Components {
         "hide": () => Promise<void>;
         "position": PositionTypes;
         "show": () => Promise<void>;
+        "zIndex": string;
     }
     interface BcmDropdown {
         "_id": string;
@@ -389,9 +387,9 @@ export namespace Components {
         "hidden": boolean;
         "href": string;
         "icon": string;
-        "iconPosition": IconPositionTypes;
+        "iconPosition": IconPositionTypes1;
         "isOpen": boolean;
-        "kind": KindTypes;
+        "kind": "solid" | "ghost";
         "linkedComponent": string;
         "loading": boolean;
         "maxHeight": string;
@@ -403,20 +401,23 @@ export namespace Components {
         "setActive": (id?: any) => Promise<void>;
         "size": SizeTypes1;
         "stopDeepClean": boolean;
-        "target": string;
-        "type": 'dropdown' | 'split';
+        "target": TargetTypes1;
+        "type": "dropdown" | "split";
         "value": string;
         "variant": VariantProp;
     }
     interface BcmEmpty {
-        "icon": string;
+        "_id": string;
+        "description": any;
+        "headerText": any;
+        "icon": any;
     }
     interface BcmErrorLayout {
         "clear": () => Promise<void>;
         "hidden": boolean;
-        "items": Array<object> | string;
+        "items": Array<string> | string;
         "set": (val: any) => Promise<void>;
-        "size": SizeProp;
+        "size": SizeTypes;
     }
     interface BcmExpansionPanel {
         "_id": string;
@@ -429,20 +430,6 @@ export namespace Components {
         "valid": boolean;
     }
     interface BcmForm {
-        "_id": string;
-        "autocomplete": boolean;
-        "config": (_config: Array<object>) => Promise<boolean>;
-        "get": () => Promise<{}>;
-        "hidden": boolean;
-        "name": string;
-        "resetCaption": () => Promise<void>;
-        "set": (data: object) => Promise<void>;
-        "setClear": () => Promise<boolean>;
-        "submit": () => Promise<any>;
-        "validation": boolean;
-        "value": any;
-    }
-    interface BcmForm2 {
         "_id": string;
         "get": () => Promise<{}>;
         "resetCaption": () => Promise<void>;
@@ -451,15 +438,7 @@ export namespace Components {
         "submit": () => Promise<object>;
         "validation": boolean;
     }
-    interface BcmFormGroup {
-        "_id": string;
-        "hidden": boolean;
-        "name": string;
-        "validation": boolean;
-        "value": any;
-    }
     interface BcmIcon {
-        "hidden": boolean;
         "icon": string;
     }
     interface BcmInput {
@@ -532,9 +511,6 @@ export namespace Components {
         "_id": string;
     }
     interface BcmLabel {
-        /**
-          * Props *
-         */
         "_id": string;
         "form": any;
         "hidden": boolean;
@@ -546,11 +522,14 @@ export namespace Components {
         "value": string;
     }
     interface BcmLink {
+        "_id": string;
         "disabled": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
         "iconPosition": IconPositionTypes;
+        "size": SizeTypes;
+        "status": StatusTypes;
         "target": string;
     }
     interface BcmLinked {
@@ -665,7 +644,7 @@ export namespace Components {
         "setData": (_data?: Array<object> | string) => Promise<void>;
         "showIcon": boolean;
         "showSearchMethod": (val?: boolean) => Promise<void>;
-        "size": SizeProp1;
+        "size": SizeProp;
         "template": string;
         "tooltip": string;
         "treeview": boolean;
@@ -698,7 +677,7 @@ export namespace Components {
         "secondaryText": string;
         "selected": boolean;
         "showIcon": boolean;
-        "size": SizeProp1;
+        "size": SizeProp;
         "template": string;
         "text": string;
         "tooltipText": string;
@@ -720,53 +699,31 @@ export namespace Components {
         "setActive": (param: any) => Promise<void>;
         "size": 'small' | 'medium' | 'large';
     }
-    interface BcmMessage {
-        "fullWidth"?: boolean;
-        "hidden": boolean;
-        /**
-          * @desc
-         */
-        "hide": () => Promise<void>;
-        "isShow": boolean;
-        "loading"?: boolean;
-        /**
-          * @desc
-         */
-        "show": () => Promise<void>;
-        /**
-          * Component Properties
-         */
-        "status"?: StatusProp1;
-    }
     interface BcmModal {
         "_id": string;
-        "backdrop": boolean | 'static';
+        "backdrop": boolean | "static";
+        "center": boolean;
+        "fullScreen": boolean;
         "fullWidth": boolean;
-        "height": string;
-        "hidden": boolean;
         "hide": () => Promise<void>;
         "isShow": boolean;
+        "overflow": boolean;
         "show": () => Promise<void>;
         "size": any;
-        "width": string;
+        "zIndex": string;
     }
-    interface BcmNotification {
-        /**
-          * Component Properties
-         */
-        "_title": string;
-        "confirmText": any;
+    interface BcmModalFooter {
+        "_id": string;
+    }
+    interface BcmModalHeader {
+        "_id": string;
+    }
+    interface BcmOldFormGroup {
+        "_id": string;
         "hidden": boolean;
-        /**
-          * @desc
-         */
-        "hide": () => Promise<void>;
-        "isShow": boolean;
-        /**
-          * @desc
-         */
-        "show": () => Promise<void>;
-        "status"?: TypeProp1;
+        "name": string;
+        "validation": boolean;
+        "value": any;
     }
     interface BcmOldInput {
         "_id": string;
@@ -836,6 +793,12 @@ export namespace Components {
         "type": string;
         "value": string;
     }
+    interface BcmOverlay {
+        "center": boolean;
+        "color": "#000";
+        "opacity": string;
+        "zIndex": string;
+    }
     interface BcmPopconfirm {
         "_id": string;
         "cancelText": string;
@@ -943,10 +906,18 @@ export namespace Components {
         "value": any;
     }
     interface BcmResult {
-        "description": string;
-        "heading": string;
-        "hidden": boolean;
-        "status": statusType;
+        "_id": string;
+        "description": any;
+        "headerText": any;
+        "hide": () => Promise<void>;
+        "icon": any;
+        "show": () => Promise<void>;
+        "status": StatusTypes;
+    }
+    interface BcmScrollArea {
+        "height": string;
+        "isDisabled": boolean;
+        "width": string;
     }
     interface BcmSearch {
         "_id": string;
@@ -1119,7 +1090,7 @@ export namespace Components {
         /**
           * Component Properties
          */
-        "type": TypeProp2;
+        "type": TypeProp;
     }
     interface BcmTabGroup {
         "_id": string;
@@ -1147,7 +1118,7 @@ export namespace Components {
         "active": boolean;
         "fullWidth": boolean;
         "hidden": boolean;
-        "size": SizeProp2;
+        "size": SizeProp1;
         "tab"?: string;
     }
     interface BcmTable {
@@ -1169,18 +1140,18 @@ export namespace Components {
         /**
           * Component Properties
          */
-        "size": SizeProp2;
+        "size": SizeProp1;
         "statusReset": (id: any) => Promise<void>;
         "success": (id: any, blink?: boolean) => Promise<void>;
-        "type": TypeProp2;
+        "type": TypeProp;
         "underline": boolean;
         "warning": (id: any, blink?: boolean) => Promise<void>;
     }
     interface BcmTabsContent {
         "fullWidth": boolean;
         "hidden": boolean;
-        "size": SizeProp2;
-        "type": TypeProp2;
+        "size": SizeProp1;
+        "type": TypeProp;
     }
     interface BcmTag {
         "_id": string;
@@ -1366,7 +1337,7 @@ export namespace Components {
         "setData": (_data?: Array<object> | string) => Promise<boolean>;
         "showIcon": boolean;
         "showSearchMethod": (val?: boolean) => Promise<void>;
-        "size": SizeProp3;
+        "size": SizeProp2;
         "treeviewUncheckedMethod": (item: any) => Promise<boolean>;
         "updateChecked": (items?: any[]) => Promise<void>;
         "updateCheckedList": Array<any>;
@@ -1394,48 +1365,31 @@ export namespace Components {
         "parentId": string;
         "selected": boolean;
         "showIcon": boolean;
-        "size": SizeProp3;
+        "size": SizeProp2;
         "text": string;
         "tooltipText": string;
     }
     interface BcmTypography {
     }
-    interface OldBcmPopover {
-        "_id": string;
-        "_title": string;
-        "hide": () => Promise<void>;
-        "linkedComponent": string;
-        "message": string;
-        "open": boolean;
-        "placement": PlacementTypes;
-        "show": () => Promise<void>;
-        "trigger": TrigglerTypes1;
-    }
-    interface OldBcmPopoverBox {
+    interface OldBcmForm {
         "_id": string;
-        "_target_id": string;
-        "_title": string;
-        "height": string;
+        "autocomplete": boolean;
+        "config": (_config: Array<object>) => Promise<boolean>;
+        "get": () => Promise<{}>;
         "hidden": boolean;
-        "hide": () => Promise<void>;
-        "htmlContent": any;
-        "linkedComponent": string;
-        "maxHeight": string;
-        "message": string;
-        "minHeight": string;
-        "open": boolean;
-        "placement": string;
-        "show": () => Promise<void>;
+        "name": string;
+        "resetCaption": () => Promise<void>;
+        "set": (data: object) => Promise<void>;
+        "setClear": () => Promise<boolean>;
+        "submit": () => Promise<any>;
+        "validation": boolean;
+        "value": any;
     }
 }
 export interface BcmAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmAlertElement;
 }
-export interface BcmAutocompleteCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBcmAutocompleteElement;
-}
 export interface BcmBreadcrumbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmBreadcrumbElement;
@@ -1492,10 +1446,6 @@ export interface BcmFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmFormElement;
 }
-export interface BcmForm2CustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBcmForm2Element;
-}
 export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
@@ -1528,10 +1478,6 @@ export interface BcmModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmModalElement;
 }
-export interface BcmNotificationCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBcmNotificationElement;
-}
 export interface BcmOldInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmOldInputElement;
@@ -1624,9 +1570,9 @@ export interface BcmTreeviewItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmTreeviewItemElement;
 }
-export interface OldBcmPopoverCustomEvent<T> extends CustomEvent<T> {
+export interface OldBcmFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLOldBcmPopoverElement;
+    target: HTMLOldBcmFormElement;
 }
 declare global {
     interface HTMLBcmAccordionElement extends Components.BcmAccordion, HTMLStencilElement {
@@ -1647,12 +1593,6 @@ declare global {
         prototype: HTMLBcmAttendanceElement;
         new (): HTMLBcmAttendanceElement;
     };
-    interface HTMLBcmAutocompleteElement extends Components.BcmAutocomplete, HTMLStencilElement {
-    }
-    var HTMLBcmAutocompleteElement: {
-        prototype: HTMLBcmAutocompleteElement;
-        new (): HTMLBcmAutocompleteElement;
-    };
     interface HTMLBcmAvatarElement extends Components.BcmAvatar, HTMLStencilElement {
     }
     var HTMLBcmAvatarElement: {
@@ -1809,18 +1749,6 @@ declare global {
         prototype: HTMLBcmFormElement;
         new (): HTMLBcmFormElement;
     };
-    interface HTMLBcmForm2Element extends Components.BcmForm2, HTMLStencilElement {
-    }
-    var HTMLBcmForm2Element: {
-        prototype: HTMLBcmForm2Element;
-        new (): HTMLBcmForm2Element;
-    };
-    interface HTMLBcmFormGroupElement extends Components.BcmFormGroup, HTMLStencilElement {
-    }
-    var HTMLBcmFormGroupElement: {
-        prototype: HTMLBcmFormGroupElement;
-        new (): HTMLBcmFormGroupElement;
-    };
     interface HTMLBcmIconElement extends Components.BcmIcon, HTMLStencilElement {
     }
     var HTMLBcmIconElement: {
@@ -1899,23 +1827,29 @@ declare global {
         prototype: HTMLBcmMenuElement;
         new (): HTMLBcmMenuElement;
     };
-    interface HTMLBcmMessageElement extends Components.BcmMessage, HTMLStencilElement {
-    }
-    var HTMLBcmMessageElement: {
-        prototype: HTMLBcmMessageElement;
-        new (): HTMLBcmMessageElement;
-    };
     interface HTMLBcmModalElement extends Components.BcmModal, HTMLStencilElement {
     }
     var HTMLBcmModalElement: {
         prototype: HTMLBcmModalElement;
         new (): HTMLBcmModalElement;
     };
-    interface HTMLBcmNotificationElement extends Components.BcmNotification, HTMLStencilElement {
+    interface HTMLBcmModalFooterElement extends Components.BcmModalFooter, HTMLStencilElement {
     }
-    var HTMLBcmNotificationElement: {
-        prototype: HTMLBcmNotificationElement;
-        new (): HTMLBcmNotificationElement;
+    var HTMLBcmModalFooterElement: {
+        prototype: HTMLBcmModalFooterElement;
+        new (): HTMLBcmModalFooterElement;
+    };
+    interface HTMLBcmModalHeaderElement extends Components.BcmModalHeader, HTMLStencilElement {
+    }
+    var HTMLBcmModalHeaderElement: {
+        prototype: HTMLBcmModalHeaderElement;
+        new (): HTMLBcmModalHeaderElement;
+    };
+    interface HTMLBcmOldFormGroupElement extends Components.BcmOldFormGroup, HTMLStencilElement {
+    }
+    var HTMLBcmOldFormGroupElement: {
+        prototype: HTMLBcmOldFormGroupElement;
+        new (): HTMLBcmOldFormGroupElement;
     };
     interface HTMLBcmOldInputElement extends Components.BcmOldInput, HTMLStencilElement {
     }
@@ -1935,6 +1869,12 @@ declare global {
         prototype: HTMLBcmOldTagElement;
         new (): HTMLBcmOldTagElement;
     };
+    interface HTMLBcmOverlayElement extends Components.BcmOverlay, HTMLStencilElement {
+    }
+    var HTMLBcmOverlayElement: {
+        prototype: HTMLBcmOverlayElement;
+        new (): HTMLBcmOverlayElement;
+    };
     interface HTMLBcmPopconfirmElement extends Components.BcmPopconfirm, HTMLStencilElement {
     }
     var HTMLBcmPopconfirmElement: {
@@ -1983,6 +1923,12 @@ declare global {
         prototype: HTMLBcmResultElement;
         new (): HTMLBcmResultElement;
     };
+    interface HTMLBcmScrollAreaElement extends Components.BcmScrollArea, HTMLStencilElement {
+    }
+    var HTMLBcmScrollAreaElement: {
+        prototype: HTMLBcmScrollAreaElement;
+        new (): HTMLBcmScrollAreaElement;
+    };
     interface HTMLBcmSearchElement extends Components.BcmSearch, HTMLStencilElement {
     }
     var HTMLBcmSearchElement: {
@@ -2157,23 +2103,16 @@ declare global {
         prototype: HTMLBcmTypographyElement;
         new (): HTMLBcmTypographyElement;
     };
-    interface HTMLOldBcmPopoverElement extends Components.OldBcmPopover, HTMLStencilElement {
-    }
-    var HTMLOldBcmPopoverElement: {
-        prototype: HTMLOldBcmPopoverElement;
-        new (): HTMLOldBcmPopoverElement;
-    };
-    interface HTMLOldBcmPopoverBoxElement extends Components.OldBcmPopoverBox, HTMLStencilElement {
+    interface HTMLOldBcmFormElement extends Components.OldBcmForm, HTMLStencilElement {
     }
-    var HTMLOldBcmPopoverBoxElement: {
-        prototype: HTMLOldBcmPopoverBoxElement;
-        new (): HTMLOldBcmPopoverBoxElement;
+    var HTMLOldBcmFormElement: {
+        prototype: HTMLOldBcmFormElement;
+        new (): HTMLOldBcmFormElement;
     };
     interface HTMLElementTagNameMap {
         "bcm-accordion": HTMLBcmAccordionElement;
         "bcm-alert": HTMLBcmAlertElement;
         "bcm-attendance": HTMLBcmAttendanceElement;
-        "bcm-autocomplete": HTMLBcmAutocompleteElement;
         "bcm-avatar": HTMLBcmAvatarElement;
         "bcm-badge": HTMLBcmBadgeElement;
         "bcm-box": HTMLBcmBoxElement;
@@ -2200,8 +2139,6 @@ declare global {
         "bcm-error-layout": HTMLBcmErrorLayoutElement;
         "bcm-expansion-panel": HTMLBcmExpansionPanelElement;
         "bcm-form": HTMLBcmFormElement;
-        "bcm-form-2": HTMLBcmForm2Element;
-        "bcm-form-group": HTMLBcmFormGroupElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
         "bcm-input-custom": HTMLBcmInputCustomElement;
@@ -2215,12 +2152,14 @@ declare global {
         "bcm-listbox-group": HTMLBcmListboxGroupElement;
         "bcm-listbox-item": HTMLBcmListboxItemElement;
         "bcm-menu": HTMLBcmMenuElement;
-        "bcm-message": HTMLBcmMessageElement;
         "bcm-modal": HTMLBcmModalElement;
-        "bcm-notification": HTMLBcmNotificationElement;
+        "bcm-modal-footer": HTMLBcmModalFooterElement;
+        "bcm-modal-header": HTMLBcmModalHeaderElement;
+        "bcm-old-form-group": HTMLBcmOldFormGroupElement;
         "bcm-old-input": HTMLBcmOldInputElement;
         "bcm-old-search": HTMLBcmOldSearchElement;
         "bcm-old-tag": HTMLBcmOldTagElement;
+        "bcm-overlay": HTMLBcmOverlayElement;
         "bcm-popconfirm": HTMLBcmPopconfirmElement;
         "bcm-popconfirm-box": HTMLBcmPopconfirmBoxElement;
         "bcm-popover": HTMLBcmPopoverElement;
@@ -2229,6 +2168,7 @@ declare global {
         "bcm-radio-group": HTMLBcmRadioGroupElement;
         "bcm-range": HTMLBcmRangeElement;
         "bcm-result": HTMLBcmResultElement;
+        "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
         "bcm-select": HTMLBcmSelectElement;
         "bcm-select-box": HTMLBcmSelectBoxElement;
@@ -2258,8 +2198,7 @@ declare global {
         "bcm-treeview-group": HTMLBcmTreeviewGroupElement;
         "bcm-treeview-item": HTMLBcmTreeviewItemElement;
         "bcm-typography": HTMLBcmTypographyElement;
-        "old-bcm-popover": HTMLOldBcmPopoverElement;
-        "old-bcm-popover-box": HTMLOldBcmPopoverBoxElement;
+        "old-bcm-form": HTMLOldBcmFormElement;
     }
 }
 declare namespace LocalJSX {
@@ -2269,36 +2208,25 @@ declare namespace LocalJSX {
     }
     interface BcmAlert {
         "_id"?: string;
-        "_title"?: any;
-        "bigIcon"?: boolean;
-        "description"?: any;
-        "dismissible"?: any;
+        "closeButton"?: boolean;
+        "fill"?: boolean;
         "fullWidth"?: boolean;
-        "hidden"?: boolean;
-        "icon"?: boolean;
-        "onBcm-alert-dismissible"?: (event: BcmAlertCustomEvent<any>) => void;
-        "status"?: StatusProp;
-        "type"?: TypeProp;
+        "message"?: any;
+        "messageIcon"?: any;
+        "onBcm-alert-close"?: (event: BcmAlertCustomEvent<any>) => void;
+        "onBcm-alert-view-click"?: (event: BcmAlertCustomEvent<any>) => void;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
+        "viewButton"?: boolean;
     }
     interface BcmAttendance {
         "_id"?: string;
-        "data"?: any;
-    }
-    interface BcmAutocomplete {
-        "_items"?: Array<object> | string;
-        "fullWidth"?: boolean;
-        "hidden"?: boolean;
-        "onBcm-autocomplete-item-selected"?: (event: BcmAutocompleteCustomEvent<any>) => void;
-        "returnField"?: string;
-        "searchFields"?: Array<string>;
-        "searchPlaceholder"?: string;
-        "searchSub"?: string;
-        "searchText"?: string;
+        "data"?: AttendanceData[];
     }
     interface BcmAvatar {
         "_id"?: string;
         "alt"?: string;
-        "color"?: any;
+        "color"?: string;
         "hidden"?: boolean;
         "image"?: string;
         "name"?: string;
@@ -2308,12 +2236,10 @@ declare namespace LocalJSX {
     }
     interface BcmBadge {
         "_id"?: string;
-        "_slot"?: any;
         "blink"?: boolean;
-        "color"?: any;
-        "hidden"?: boolean;
-        "size"?: SizeTypes1;
-        "status"?: StatusTypes1;
+        "color"?: string;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
         "value"?: string;
     }
     interface BcmBox {
@@ -2330,17 +2256,34 @@ declare namespace LocalJSX {
         "color"?: any;
         "dataDismiss"?: boolean;
         "disabled"?: boolean;
+        "download"?: string;
+        "filled"?: boolean;
+        "form"?: string;
+        "formAction"?: string;
+        "formEnctype"?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
+        "formMethod"?: "post" | "get";
+        "formNoValidate"?: boolean;
+        "formTarget"?: "_self" | "_blank" | "_parent" | "_top" | string;
         "fullWidth"?: boolean;
-        "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
         "iconPosition"?: IconPositionTypes;
-        "kind"?: KindTypes;
+        "kind"?: "solid" | "ghost";
         "loading"?: boolean;
+        "name"?: string;
+        /**
+          * This is the button click event.
+         */
+        "onBcm-button-click"?: (event: BcmButtonCustomEvent<any>) => void;
+        /**
+          * This is the click event.
+         */
         "onBcm-click"?: (event: BcmButtonCustomEvent<any>) => void;
         "outline"?: boolean;
-        "size"?: SizeTypes1;
-        "target"?: string;
+        "rel"?: string;
+        "size"?: SizeTypes;
+        "target"?: TargetTypes;
+        "text"?: string;
         "type"?: ButtonTypes;
         "value"?: string;
         "variant"?: VariantProp;
@@ -2350,9 +2293,10 @@ declare namespace LocalJSX {
         "color"?: any;
         "direction"?: DirectionTypes;
         "disabled"?: any;
+        "fullWidth"?: boolean;
         "onBcm-change"?: (event: BcmButtonGroupCustomEvent<any>) => void;
         "size"?: SizeTypes1;
-        "type"?: 'checkbox' | 'radio' | 'button';
+        "type"?: "checkbox" | "radio" | "button";
     }
     interface BcmCard {
         "_id"?: string;
@@ -2390,26 +2334,27 @@ declare namespace LocalJSX {
     }
     interface BcmCheckboxGroup {
         "_id"?: string;
-        "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
-        "captionType"?: StatusTypes1;
-        "defaultValue"?: string;
-        "direction"?: DirectionTypes;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "checked"?: boolean;
+        "defaultValue"?: string | Array<string>;
+        "direction"?: DirectionTypes1;
         "disabled"?: boolean;
         "fullWidth"?: boolean | "flex";
         "gap"?: string;
         "hidden"?: boolean;
         "indeterminate"?: boolean;
+        "indeterminateText"?: string;
         "items"?: Array<object> | string;
         "label"?: string;
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmCheckboxGroupCustomEvent<any>) => void;
         "onBcm-group-checked-list"?: (event: BcmCheckboxGroupCustomEvent<any>) => void;
-        "optionType"?: 'default' | 'button';
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "value"?: any;
     }
     interface BcmCheckboxLite {
@@ -2425,14 +2370,14 @@ declare namespace LocalJSX {
     interface BcmChip {
         "_id"?: string;
         "avatar"?: any;
-        "color"?: any;
+        "color"?: string;
         "disabled"?: false;
         "icon"?: any;
         "onBcm-chip-addable"?: (event: BcmChipCustomEvent<any>) => void;
         "onBcm-chip-dismiss"?: (event: BcmChipCustomEvent<any>) => void;
         "onBcm-chip-select"?: (event: BcmChipCustomEvent<any>) => void;
-        "size"?: 'small' | 'medium' | 'large';
-        "type"?: 'default' | 'dismissable' | 'addable' | 'checkable';
+        "size"?: SizeTypes;
+        "type"?: "default" | "dismissable" | "addable" | "checkable";
     }
     interface BcmCollapse {
         "_id"?: string;
@@ -2548,7 +2493,7 @@ declare namespace LocalJSX {
         "_id"?: string;
     }
     interface BcmDivider {
-        "direction"?: DirectionTypes;
+        "direction"?: DirectionTypes1;
         "hidden"?: boolean;
     }
     interface BcmDrawer {
@@ -2558,6 +2503,7 @@ declare namespace LocalJSX {
         "onBcm-before-close"?: (event: BcmDrawerCustomEvent<any>) => void;
         "onBcm-before-open"?: (event: BcmDrawerCustomEvent<any>) => void;
         "position"?: PositionTypes;
+        "zIndex"?: string;
     }
     interface BcmDropdown {
         "_id"?: string;
@@ -2571,9 +2517,9 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
-        "iconPosition"?: IconPositionTypes;
+        "iconPosition"?: IconPositionTypes1;
         "isOpen"?: boolean;
-        "kind"?: KindTypes;
+        "kind"?: "solid" | "ghost";
         "linkedComponent"?: string;
         "loading"?: boolean;
         "maxHeight"?: string;
@@ -2585,18 +2531,21 @@ declare namespace LocalJSX {
         "selectable"?: boolean;
         "size"?: SizeTypes1;
         "stopDeepClean"?: boolean;
-        "target"?: string;
-        "type"?: 'dropdown' | 'split';
+        "target"?: TargetTypes1;
+        "type"?: "dropdown" | "split";
         "value"?: string;
         "variant"?: VariantProp;
     }
     interface BcmEmpty {
-        "icon"?: string;
+        "_id"?: string;
+        "description"?: any;
+        "headerText"?: any;
+        "icon"?: any;
     }
     interface BcmErrorLayout {
         "hidden"?: boolean;
-        "items"?: Array<object> | string;
-        "size"?: SizeProp;
+        "items"?: Array<string> | string;
+        "size"?: SizeTypes;
     }
     interface BcmExpansionPanel {
         "_id"?: string;
@@ -2613,27 +2562,10 @@ declare namespace LocalJSX {
     }
     interface BcmForm {
         "_id"?: string;
-        "autocomplete"?: boolean;
-        "hidden"?: boolean;
-        "name"?: string;
         "onBcm-form"?: (event: BcmFormCustomEvent<any>) => void;
         "validation"?: boolean;
-        "value"?: any;
-    }
-    interface BcmForm2 {
-        "_id"?: string;
-        "onBcm-form"?: (event: BcmForm2CustomEvent<any>) => void;
-        "validation"?: boolean;
-    }
-    interface BcmFormGroup {
-        "_id"?: string;
-        "hidden"?: boolean;
-        "name"?: string;
-        "validation"?: boolean;
-        "value"?: any;
     }
     interface BcmIcon {
-        "hidden"?: boolean;
         "icon"?: string;
     }
     interface BcmInput {
@@ -2706,9 +2638,6 @@ declare namespace LocalJSX {
         "onBcm-items"?: (event: BcmItemsCustomEvent<any>) => void;
     }
     interface BcmLabel {
-        /**
-          * Props *
-         */
         "_id"?: string;
         "form"?: any;
         "hidden"?: boolean;
@@ -2720,11 +2649,14 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface BcmLink {
+        "_id"?: string;
         "disabled"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
         "iconPosition"?: IconPositionTypes;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
         "target"?: string;
     }
     interface BcmLinked {
@@ -2830,7 +2762,7 @@ declare namespace LocalJSX {
         "searchText"?: string;
         "selectedId"?: string;
         "showIcon"?: boolean;
-        "size"?: SizeProp1;
+        "size"?: SizeProp;
         "template"?: string;
         "tooltip"?: string;
         "treeview"?: boolean;
@@ -2868,7 +2800,7 @@ declare namespace LocalJSX {
         "secondaryText"?: string;
         "selected"?: boolean;
         "showIcon"?: boolean;
-        "size"?: SizeProp1;
+        "size"?: SizeProp;
         "template"?: string;
         "text"?: string;
         "tooltipText"?: string;
@@ -2891,42 +2823,33 @@ declare namespace LocalJSX {
         "selectable"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
     }
-    interface BcmMessage {
-        "fullWidth"?: boolean;
-        "hidden"?: boolean;
-        "isShow"?: boolean;
-        "loading"?: boolean;
-        /**
-          * Component Properties
-         */
-        "status"?: StatusProp1;
-    }
     interface BcmModal {
         "_id"?: string;
-        "backdrop"?: boolean | 'static';
+        "backdrop"?: boolean | "static";
+        "center"?: boolean;
+        "fullScreen"?: boolean;
         "fullWidth"?: boolean;
-        "height"?: string;
-        "hidden"?: boolean;
         "isShow"?: boolean;
-        "onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
-        "onBeforeClose"?: (event: BcmModalCustomEvent<any>) => void;
-        "onBeforeOpen"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-before-close"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-before-open"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-close"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBcm-modal-open"?: (event: BcmModalCustomEvent<any>) => void;
+        "overflow"?: boolean;
         "size"?: any;
-        "width"?: string;
+        "zIndex"?: string;
     }
-    interface BcmNotification {
-        /**
-          * Component Properties
-         */
-        "_title"?: string;
-        "confirmText"?: any;
+    interface BcmModalFooter {
+        "_id"?: string;
+    }
+    interface BcmModalHeader {
+        "_id"?: string;
+    }
+    interface BcmOldFormGroup {
+        "_id"?: string;
         "hidden"?: boolean;
-        "isShow"?: boolean;
-        /**
-          * Component Events
-         */
-        "onBcm-confirm"?: (event: BcmNotificationCustomEvent<any>) => void;
-        "status"?: TypeProp1;
+        "name"?: string;
+        "validation"?: boolean;
+        "value"?: any;
     }
     interface BcmOldInput {
         "_id"?: string;
@@ -2994,6 +2917,12 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface BcmOverlay {
+        "center"?: boolean;
+        "color"?: "#000";
+        "opacity"?: string;
+        "zIndex"?: string;
+    }
     interface BcmPopconfirm {
         "_id"?: string;
         "cancelText"?: string;
@@ -3095,10 +3024,16 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface BcmResult {
-        "description"?: string;
-        "heading"?: string;
-        "hidden"?: boolean;
-        "status"?: statusType;
+        "_id"?: string;
+        "description"?: any;
+        "headerText"?: any;
+        "icon"?: any;
+        "status"?: StatusTypes;
+    }
+    interface BcmScrollArea {
+        "height"?: string;
+        "isDisabled"?: boolean;
+        "width"?: string;
     }
     interface BcmSearch {
         "_id"?: string;
@@ -3258,7 +3193,7 @@ declare namespace LocalJSX {
         /**
           * Component Properties
          */
-        "type"?: TypeProp2;
+        "type"?: TypeProp;
     }
     interface BcmTabGroup {
         "_id"?: string;
@@ -3285,7 +3220,7 @@ declare namespace LocalJSX {
         "active"?: boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
-        "size"?: SizeProp2;
+        "size"?: SizeProp1;
         "tab"?: string;
     }
     interface BcmTable {
@@ -3304,15 +3239,15 @@ declare namespace LocalJSX {
         /**
           * Component Properties
          */
-        "size"?: SizeProp2;
-        "type"?: TypeProp2;
+        "size"?: SizeProp1;
+        "type"?: TypeProp;
         "underline"?: boolean;
     }
     interface BcmTabsContent {
         "fullWidth"?: boolean;
         "hidden"?: boolean;
-        "size"?: SizeProp2;
-        "type"?: TypeProp2;
+        "size"?: SizeProp1;
+        "type"?: TypeProp;
     }
     interface BcmTag {
         "_id"?: string;
@@ -3417,7 +3352,7 @@ declare namespace LocalJSX {
         "messageIcon"?: any;
         "onBcm-toast-close"?: (event: BcmToastCustomEvent<any>) => void;
         "onBcm-toast-open"?: (event: BcmToastCustomEvent<any>) => void;
-        "onBcm-toast-view"?: (event: BcmToastCustomEvent<any>) => void;
+        "onBcm-toast-view-click"?: (event: BcmToastCustomEvent<any>) => void;
         "position"?: PlacementTypes;
         "status"?: "success" | "error" | "warning" | "info";
         "viewButton"?: boolean;
@@ -3471,7 +3406,7 @@ declare namespace LocalJSX {
         "searchSub"?: string;
         "selectedId"?: string;
         "showIcon"?: boolean;
-        "size"?: SizeProp3;
+        "size"?: SizeProp2;
         "updateCheckedList"?: Array<any>;
     }
     interface BcmTreeviewGroup {
@@ -3510,42 +3445,25 @@ declare namespace LocalJSX {
         "parentId"?: string;
         "selected"?: boolean;
         "showIcon"?: boolean;
-        "size"?: SizeProp3;
+        "size"?: SizeProp2;
         "text"?: string;
         "tooltipText"?: string;
     }
     interface BcmTypography {
     }
-    interface OldBcmPopover {
+    interface OldBcmForm {
         "_id"?: string;
-        "_title"?: string;
-        "linkedComponent"?: string;
-        "message"?: string;
-        "onBcm-hide"?: (event: OldBcmPopoverCustomEvent<any>) => void;
-        "onBcm-show"?: (event: OldBcmPopoverCustomEvent<any>) => void;
-        "open"?: boolean;
-        "placement"?: PlacementTypes;
-        "trigger"?: TrigglerTypes1;
-    }
-    interface OldBcmPopoverBox {
-        "_id"?: string;
-        "_target_id"?: string;
-        "_title"?: string;
-        "height"?: string;
+        "autocomplete"?: boolean;
         "hidden"?: boolean;
-        "htmlContent"?: any;
-        "linkedComponent"?: string;
-        "maxHeight"?: string;
-        "message"?: string;
-        "minHeight"?: string;
-        "open"?: boolean;
-        "placement"?: string;
+        "name"?: string;
+        "onBcm-form"?: (event: OldBcmFormCustomEvent<any>) => void;
+        "validation"?: boolean;
+        "value"?: any;
     }
     interface IntrinsicElements {
         "bcm-accordion": BcmAccordion;
         "bcm-alert": BcmAlert;
         "bcm-attendance": BcmAttendance;
-        "bcm-autocomplete": BcmAutocomplete;
         "bcm-avatar": BcmAvatar;
         "bcm-badge": BcmBadge;
         "bcm-box": BcmBox;
@@ -3572,8 +3490,6 @@ declare namespace LocalJSX {
         "bcm-error-layout": BcmErrorLayout;
         "bcm-expansion-panel": BcmExpansionPanel;
         "bcm-form": BcmForm;
-        "bcm-form-2": BcmForm2;
-        "bcm-form-group": BcmFormGroup;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
         "bcm-input-custom": BcmInputCustom;
@@ -3587,12 +3503,14 @@ declare namespace LocalJSX {
         "bcm-listbox-group": BcmListboxGroup;
         "bcm-listbox-item": BcmListboxItem;
         "bcm-menu": BcmMenu;
-        "bcm-message": BcmMessage;
         "bcm-modal": BcmModal;
-        "bcm-notification": BcmNotification;
+        "bcm-modal-footer": BcmModalFooter;
+        "bcm-modal-header": BcmModalHeader;
+        "bcm-old-form-group": BcmOldFormGroup;
         "bcm-old-input": BcmOldInput;
         "bcm-old-search": BcmOldSearch;
         "bcm-old-tag": BcmOldTag;
+        "bcm-overlay": BcmOverlay;
         "bcm-popconfirm": BcmPopconfirm;
         "bcm-popconfirm-box": BcmPopconfirmBox;
         "bcm-popover": BcmPopover;
@@ -3601,6 +3519,7 @@ declare namespace LocalJSX {
         "bcm-radio-group": BcmRadioGroup;
         "bcm-range": BcmRange;
         "bcm-result": BcmResult;
+        "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
         "bcm-select": BcmSelect;
         "bcm-select-box": BcmSelectBox;
@@ -3630,8 +3549,7 @@ declare namespace LocalJSX {
         "bcm-treeview-group": BcmTreeviewGroup;
         "bcm-treeview-item": BcmTreeviewItem;
         "bcm-typography": BcmTypography;
-        "old-bcm-popover": OldBcmPopover;
-        "old-bcm-popover-box": OldBcmPopoverBox;
+        "old-bcm-form": OldBcmForm;
     }
 }
 export { LocalJSX as JSX };
@@ -3641,7 +3559,6 @@ declare module "@stencil/core" {
             "bcm-accordion": LocalJSX.BcmAccordion & JSXBase.HTMLAttributes<HTMLBcmAccordionElement>;
             "bcm-alert": LocalJSX.BcmAlert & JSXBase.HTMLAttributes<HTMLBcmAlertElement>;
             "bcm-attendance": LocalJSX.BcmAttendance & JSXBase.HTMLAttributes<HTMLBcmAttendanceElement>;
-            "bcm-autocomplete": LocalJSX.BcmAutocomplete & JSXBase.HTMLAttributes<HTMLBcmAutocompleteElement>;
             "bcm-avatar": LocalJSX.BcmAvatar & JSXBase.HTMLAttributes<HTMLBcmAvatarElement>;
             "bcm-badge": LocalJSX.BcmBadge & JSXBase.HTMLAttributes<HTMLBcmBadgeElement>;
             "bcm-box": LocalJSX.BcmBox & JSXBase.HTMLAttributes<HTMLBcmBoxElement>;
@@ -3668,8 +3585,6 @@ declare module "@stencil/core" {
             "bcm-error-layout": LocalJSX.BcmErrorLayout & JSXBase.HTMLAttributes<HTMLBcmErrorLayoutElement>;
             "bcm-expansion-panel": LocalJSX.BcmExpansionPanel & JSXBase.HTMLAttributes<HTMLBcmExpansionPanelElement>;
             "bcm-form": LocalJSX.BcmForm & JSXBase.HTMLAttributes<HTMLBcmFormElement>;
-            "bcm-form-2": LocalJSX.BcmForm2 & JSXBase.HTMLAttributes<HTMLBcmForm2Element>;
-            "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
@@ -3683,12 +3598,14 @@ declare module "@stencil/core" {
             "bcm-listbox-group": LocalJSX.BcmListboxGroup & JSXBase.HTMLAttributes<HTMLBcmListboxGroupElement>;
             "bcm-listbox-item": LocalJSX.BcmListboxItem & JSXBase.HTMLAttributes<HTMLBcmListboxItemElement>;
             "bcm-menu": LocalJSX.BcmMenu & JSXBase.HTMLAttributes<HTMLBcmMenuElement>;
-            "bcm-message": LocalJSX.BcmMessage & JSXBase.HTMLAttributes<HTMLBcmMessageElement>;
             "bcm-modal": LocalJSX.BcmModal & JSXBase.HTMLAttributes<HTMLBcmModalElement>;
-            "bcm-notification": LocalJSX.BcmNotification & JSXBase.HTMLAttributes<HTMLBcmNotificationElement>;
+            "bcm-modal-footer": LocalJSX.BcmModalFooter & JSXBase.HTMLAttributes<HTMLBcmModalFooterElement>;
+            "bcm-modal-header": LocalJSX.BcmModalHeader & JSXBase.HTMLAttributes<HTMLBcmModalHeaderElement>;
+            "bcm-old-form-group": LocalJSX.BcmOldFormGroup & JSXBase.HTMLAttributes<HTMLBcmOldFormGroupElement>;
             "bcm-old-input": LocalJSX.BcmOldInput & JSXBase.HTMLAttributes<HTMLBcmOldInputElement>;
             "bcm-old-search": LocalJSX.BcmOldSearch & JSXBase.HTMLAttributes<HTMLBcmOldSearchElement>;
             "bcm-old-tag": LocalJSX.BcmOldTag & JSXBase.HTMLAttributes<HTMLBcmOldTagElement>;
+            "bcm-overlay": LocalJSX.BcmOverlay & JSXBase.HTMLAttributes<HTMLBcmOverlayElement>;
             "bcm-popconfirm": LocalJSX.BcmPopconfirm & JSXBase.HTMLAttributes<HTMLBcmPopconfirmElement>;
             "bcm-popconfirm-box": LocalJSX.BcmPopconfirmBox & JSXBase.HTMLAttributes<HTMLBcmPopconfirmBoxElement>;
             "bcm-popover": LocalJSX.BcmPopover & JSXBase.HTMLAttributes<HTMLBcmPopoverElement>;
@@ -3697,6 +3614,7 @@ declare module "@stencil/core" {
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
+            "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;
             "bcm-select": LocalJSX.BcmSelect & JSXBase.HTMLAttributes<HTMLBcmSelectElement>;
             "bcm-select-box": LocalJSX.BcmSelectBox & JSXBase.HTMLAttributes<HTMLBcmSelectBoxElement>;
@@ -3726,8 +3644,7 @@ declare module "@stencil/core" {
             "bcm-treeview-group": LocalJSX.BcmTreeviewGroup & JSXBase.HTMLAttributes<HTMLBcmTreeviewGroupElement>;
             "bcm-treeview-item": LocalJSX.BcmTreeviewItem & JSXBase.HTMLAttributes<HTMLBcmTreeviewItemElement>;
             "bcm-typography": LocalJSX.BcmTypography & JSXBase.HTMLAttributes<HTMLBcmTypographyElement>;
-            "old-bcm-popover": LocalJSX.OldBcmPopover & JSXBase.HTMLAttributes<HTMLOldBcmPopoverElement>;
-            "old-bcm-popover-box": LocalJSX.OldBcmPopoverBox & JSXBase.HTMLAttributes<HTMLOldBcmPopoverBoxElement>;
+            "old-bcm-form": LocalJSX.OldBcmForm & JSXBase.HTMLAttributes<HTMLOldBcmFormElement>;
         }
     }
 }