bromcom-ui 2.12.1-test.1 → 3.0.0-preview.0

package/dist/types/components.d.ts

@@ -5,23 +5,20 @@
  * 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 { Bcm, DirectionTypes as DirectionTypes1, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
+import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes, StatusTypes as StatusTypes1, TagTypes, TargetTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
+import { Bcm, DirectionTypes as DirectionTypes1, IndeterminateTypes, ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes as SizeTypes1, StatusTypes, TrigglerTypes } from "./models";
 import { ItemType } from "./components/molecules/breadcrumb/types";
-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 { VariantProp } from "./components/atoms/button/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 { StatusProp } from "./components/molecules/message/types";
+import { TypeProp } from "./components/molecules/notification/types";
 import { ColorPaletteTypes } from "./global/variables/colors";
 import { OptionType } from "./components/molecules/radio/radio-group";
 import { Moment } from "moment";
-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 SizeProp2, TypeProp as TypeProp1 } from "./components/other_deprecated/tabs/types";
 import { GridOptions } from "@ag-grid-community/core";
-import { ResizeTypes } from "./components/molecules/textarea/types";
 import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
 export namespace Components {
     interface BcmAccordion {
@@ -29,16 +26,20 @@ export namespace Components {
         "multi": boolean;
     }
     interface BcmAlert {
-        "_id": string;
-        "_title": any;
-        "bigIcon": boolean;
-        "description": any;
-        "dismissible": any;
-        "fullWidth": boolean;
-        "hidden": boolean;
+        "customIcon": string;
+        "description": string;
+        "dismissible": boolean;
+        "hide": boolean;
         "icon": boolean;
-        "status": StatusProp;
-        "type": TypeProp;
+        "kind": "filled" | "text";
+        "size": SizeTypes;
+        "status": Bcm.Status;
+        "viewButton": boolean;
+        "viewButtonText": string;
+    }
+    interface BcmArrow {
+        "_id": string;
+        "position": "top" | "bottom" | "left" | "right";
     }
     interface BcmAttendance {
         "_id": string;
@@ -52,7 +53,7 @@ export namespace Components {
         "hideComment": boolean;
         "lateKeys": string;
         "set": (key: string, triggerChange?: boolean) => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
     }
     interface BcmAttendanceActionsComment {
         "_id": string;
@@ -63,7 +64,7 @@ export namespace Components {
         "selectedItem": Bcm.InputDropdownData;
         "selectedKey": string;
         "show": () => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "targetId": string;
     }
     interface BcmAttendanceActionsDropdown {
@@ -74,7 +75,7 @@ export namespace Components {
         "isShow": boolean;
         "selectedKey": string;
         "show": () => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "targetId": string;
     }
     interface BcmAutocomplete {
@@ -98,14 +99,14 @@ export namespace Components {
         "image": string;
         "name": string;
         "shape": ShapeTypes;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "status": StatusTypes;
     }
     interface BcmBadge {
         "_id": string;
         "blink": boolean;
         "color": any;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "status": StatusTypes;
         "value": string;
     }
@@ -122,16 +123,27 @@ 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" | "link" | "outline";
         "loading": boolean;
+        "name": string;
         "outline": boolean;
-        "size": SizeTypes1;
-        "target": string;
+        "rel": string;
+        "size": SizeTypes;
+        "target": TargetTypes;
+        "text": string;
         "type": ButtonTypes;
         "value": string;
         "variant": VariantProp;
@@ -141,7 +153,7 @@ export namespace Components {
         "color": any;
         "direction": DirectionTypes;
         "disabled": any;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "type": 'checkbox' | 'radio' | 'button';
     }
     interface BcmCaption {
@@ -152,7 +164,7 @@ export namespace Components {
         "customErrorMessage": string;
         "maxLength": any;
         "noCaption": boolean;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "value": any;
     }
     interface BcmCard {
@@ -161,33 +173,27 @@ export namespace Components {
         "hidden": boolean;
     }
     interface BcmCheckbox {
-        /**
-          * Props *
-         */
         "_id": string;
-        "caption": string;
-        "captionError": string;
-        "captionType": StatusTypes1;
-        "check": (uncheck?: boolean) => Promise<void>;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType": StatusTypes;
+        "check": (shouldCheck?: boolean) => Promise<void>;
         "checked": boolean;
         "color": string;
         "disabled": boolean;
         "get": () => Promise<boolean>;
         "hidden": boolean;
-        /**
-          * Component Properties
-         */
-        "inGroup": boolean;
-        "indeterminate": IndeterminateTypes;
-        "label": string;
+        "indeterminate"?: IndeterminateTypes;
+        "label"?: string;
         "name": string;
         "noCaption": boolean;
+        "noMargin": boolean;
         "onBcmBlur": () => Promise<void>;
         "onBcmFocus": () => Promise<void>;
         "readonly": boolean;
         "required": boolean;
         "resetCaption": () => Promise<void>;
-        "set": (data: any) => Promise<void>;
+        "set": (data: boolean | undefined) => Promise<void>;
         "setClear": () => Promise<void>;
         "size": SizeTypes1;
         "value": boolean;
@@ -220,19 +226,9 @@ export namespace Components {
         "resetCaption": () => Promise<void>;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "value": any;
     }
-    interface BcmCheckboxLite {
-        "_id": string;
-        "captionType": StatusTypes1;
-        "checked": boolean;
-        "disabled": boolean;
-        "hidden": boolean;
-        "indeterminate": IndeterminateTypes;
-        "readOnly": boolean;
-        "required": boolean;
-    }
     interface BcmChip {
         "_id": string;
         "avatar": any;
@@ -240,9 +236,10 @@ export namespace Components {
         "data": any;
         "disabled": false;
         "icon": any;
+        "kind": "filled" | "outline" | "text";
         "selected": boolean;
-        "size": "small" | "medium" | "large";
-        "type": "default" | "dismissable" | "addable" | "checkable";
+        "size": SizeTypes1;
+        "type": "default" | "dismissable" | "addable";
         "value": string;
     }
     interface BcmChipGroup {
@@ -342,7 +339,7 @@ export namespace Components {
         "showSecond": boolean;
         "showTime": boolean;
         "showToday": boolean;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "type": "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours": boolean;
         "value": any;
@@ -472,7 +469,6 @@ export namespace Components {
     }
     interface BcmDivider {
         "direction": DirectionTypes;
-        "hidden": boolean;
     }
     interface BcmDrawer {
         "_id": string;
@@ -508,15 +504,19 @@ export namespace Components {
         "placement": PlacementTypes;
         "selectable": boolean;
         "setActive": (id?: any) => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "stopDeepClean": boolean;
-        "target": string;
+        "target": TargetTypes;
         "type": 'dropdown' | 'split';
         "value": string;
         "variant": VariantProp;
     }
     interface BcmEmpty {
+        "description": string;
         "icon": string;
+        "size": SizeTypes;
+        "status": Bcm.Status;
+        "text": string;
     }
     interface BcmErrorLayout {
         "clear": () => Promise<void>;
@@ -528,13 +528,19 @@ export namespace Components {
     interface BcmExpansionPanel {
         "_id": string;
         "disabled": boolean;
-        "expandIconPosition": 'right' | 'left';
+        "expandIconPosition": "right" | "left";
         "expanded": boolean;
         "hidden": boolean;
         "hideToggle": boolean;
         "tooltip": any;
         "valid": boolean;
     }
+    interface BcmExpansionPanelDescription {
+    }
+    interface BcmExpansionPanelExtra {
+    }
+    interface BcmExpansionPanelHeader {
+    }
     interface BcmForm {
         "_id": string;
         "autocomplete": boolean;
@@ -566,7 +572,6 @@ export namespace Components {
         "value": any;
     }
     interface BcmIcon {
-        "hidden": boolean;
         "icon": string;
     }
     interface BcmInput {
@@ -610,50 +615,7 @@ export namespace Components {
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
         "setValue": (value: any) => Promise<any>;
-        "size": SizeTypes1;
-        "step": any;
-        "tooltip": string;
-        "type": InputTypes;
-        "unit": string;
-        "unitPrefix": string;
-        "value": any;
-    }
-    interface BcmInput2 {
-        /**
-          * Props *
-         */
-        "_id": string;
-        "_internal_id": string;
-        "_prefix": string;
-        "_suffix": string;
-        "autocomplete": boolean;
-        "caption": string;
-        "captionError": string;
-        "captionType": StatusTypes1;
-        "clearable": boolean;
-        "customErrorMessage": string;
-        "decimal": boolean;
-        "disableWatchValue": boolean;
-        "disabled": boolean;
-        "fullWidth": boolean;
-        "hidden": boolean;
-        "label": string;
-        "max": number;
-        "maxLength": number;
-        "min": number;
-        "minLength": number;
-        "name": string;
-        "noCaption": boolean;
-        "noDefaultIcon": boolean;
-        "onBcmBlur": () => Promise<void>;
-        "onBcmFocus": () => Promise<void>;
-        "onBcmSelect": () => Promise<void>;
-        "passwordToggle": boolean;
-        "pattern": string;
-        "placeholder": string;
-        "readonly": boolean;
-        "required": boolean;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "step": any;
         "tooltip": string;
         "type": InputTypes;
@@ -697,13 +659,13 @@ export namespace Components {
         "resetCaption": () => Promise<void>;
         "set": (data: Bcm.InputDropdownData[]) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "value": Bcm.InputDropdownData;
     }
     interface BcmItem {
         "_id": string;
         "color": any;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "static": boolean;
     }
     interface BcmItems {
@@ -715,19 +677,22 @@ export namespace Components {
         "hidden": boolean;
         "htmlFor": any;
         "label": string;
+        "noMargin": boolean;
         "required": boolean;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "tooltip": string;
         "type": StatusTypes1 | any;
         "value": string;
     }
     interface BcmLink {
         "disabled": boolean;
-        "hidden": boolean;
+        "download"?: string;
         "href": string;
         "icon": string;
         "iconPosition": IconPositionTypes;
-        "target": string;
+        "rel": string;
+        "size": SizeTypes | "inherit";
+        "target": TargetTypes | string;
     }
     interface BcmLinked {
         "_id": string;
@@ -791,7 +756,7 @@ export namespace Components {
         "set": (data: any, trigger?: boolean) => Promise<void>;
         "setClear": (e?: any) => Promise<void>;
         "show": () => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "stopDeepClean": boolean;
         "tempId": string;
         "template": string;
@@ -921,7 +886,7 @@ export namespace Components {
         /**
           * Component Properties
          */
-        "status"?: StatusProp1;
+        "status"?: StatusProp;
     }
     interface BcmModal {
         "_id": string;
@@ -954,6 +919,12 @@ export namespace Components {
     interface BcmModal2Header {
         "_id": string;
     }
+    interface BcmModalFooter {
+        "_id": string;
+    }
+    interface BcmModalHeader {
+        "_id": string;
+    }
     interface BcmNotification {
         /**
           * Component Properties
@@ -970,7 +941,7 @@ export namespace Components {
           * @desc
          */
         "show": () => Promise<void>;
-        "status"?: TypeProp1;
+        "status"?: TypeProp;
     }
     interface BcmNumberInput {
         "_id": string;
@@ -1016,7 +987,7 @@ export namespace Components {
         "setCaption": (caption?: any, captionType?: any) => Promise<void>;
         "setClear": () => Promise<void>;
         "setValue": (value: any) => Promise<void>;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "step"?: number;
         "thousandSeparator"?: string | boolean;
         "unitPrefix"?: string;
@@ -1122,7 +1093,29 @@ export namespace Components {
         "open": boolean;
         "placement": any;
         "show": () => Promise<void>;
-        "status": 'warning' | 'error';
+        "status": 'warning' | 'error' | 'info';
+    }
+    interface BcmPopconfirmBoxV2 {
+        "cancelText": string;
+        "description": string;
+        "headerText": string;
+        "okeyText": string;
+        "size": SizeTypes;
+        "status": Bcm.Status;
+        "statusIcon": boolean;
+    }
+    interface BcmPopconfirmHost {
+        "_id": string;
+        "autoHide": boolean;
+        "closeDelay": number;
+        "message": string;
+        "open": boolean;
+        "openDelay": number;
+        "placement": PlacementTypes;
+        "size": SizeTypes;
+        "status": Bcm.Status;
+        "targetId": string;
+        "trigger": TrigglerTypes1;
     }
     interface BcmPopover {
         "_id": string;
@@ -1160,7 +1153,7 @@ export namespace Components {
         "checked": boolean;
         "color": any;
         "disabled": boolean;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "value": string | number;
     }
     interface BcmRadioGroup {
@@ -1185,7 +1178,7 @@ export namespace Components {
         "resetCaption": () => Promise<void>;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "value": string | number;
     }
     interface BcmRange {
@@ -1229,7 +1222,7 @@ export namespace Components {
         "showSecond": boolean;
         "showTime": boolean;
         "showToday": boolean;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "type": "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours": boolean;
     }
@@ -1237,11 +1230,17 @@ export namespace Components {
         "disabled": boolean;
         "options": ExtendedNumericPropsType;
     }
+    interface BcmResizablePane {
+        "initialLeftPanelWidth": number;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
-        "hidden": boolean;
-        "status": statusType;
+        "icon": string;
+        "status": Bcm.Status;
+    }
+    interface BcmResultFooter {
+        "_id": string;
     }
     interface BcmScrollArea {
         "height": string;
@@ -1263,7 +1262,32 @@ export namespace Components {
         "readonly": boolean;
         "searchIsOnlyChilds": boolean;
         "setValue": (newValue: any) => Promise<void>;
+        "size": SizeTypes;
+    }
+    interface BcmSegmentPicker {
+        "block": boolean;
+        /**
+          * Options to be displayed in the select
+          * @type {{ value: string, text: string }[]}
+          * @memberof BcmSegmentPicker
+          * @example [  { value: '1', text: 'Option 1' },  { value: '2', text: 'Option 2' },  { value: '3', text: 'Option 3' }, ]
+          * @default []
+         */
+        "data": { value: string; text: string; disabled?: boolean }[];
+        "defaultValue": string;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "name": string;
+        "size": SizeTypes1;
+        "value": string;
+    }
+    interface BcmSegmentPickerItem {
+        "active": boolean;
+        "color": string;
+        "disabled": boolean;
         "size": SizeTypes1;
+        "text": string;
+        "value": string;
     }
     interface BcmSelect {
         "_data": any;
@@ -1338,7 +1362,7 @@ export namespace Components {
     interface BcmShortcut {
         "color": string;
         "hotkey": string;
-        "size": SizeTypes;
+        "size": SizeTypes1;
     }
     interface BcmSkeleton {
         "_id": string;
@@ -1379,7 +1403,7 @@ export namespace Components {
         "prev": () => Promise<any>;
         "reset": () => Promise<any>;
         "setActive": (index: number) => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "stepperId": string;
         "tick": {};
     }
@@ -1413,7 +1437,7 @@ export namespace Components {
         "resetCaption": () => Promise<void>;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
         "tooltip": string;
         "value": boolean;
     }
@@ -1430,15 +1454,14 @@ export namespace Components {
         /**
           * Component Properties
          */
-        "type": TypeProp2;
+        "type": TypeProp1;
     }
     interface BcmTabGroup {
         "_id": string;
         "active": string;
-        "color": string;
         "refresh": () => Promise<void>;
         "setActive": (index: number) => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
     }
     interface BcmTabItem {
         "_id": string;
@@ -1449,10 +1472,9 @@ export namespace Components {
     interface BcmTabItemHeader {
         "_id": string;
         "active": boolean;
-        "color": string;
         "disabled": boolean;
         "index": any;
-        "size": SizeTypes;
+        "size": SizeTypes1;
     }
     interface BcmTabPane {
         "active": boolean;
@@ -1489,7 +1511,7 @@ export namespace Components {
         "size": SizeProp2;
         "statusReset": (id: any) => Promise<void>;
         "success": (id: any, blink?: boolean) => Promise<void>;
-        "type": TypeProp2;
+        "type": TypeProp1;
         "underline": boolean;
         "warning": (id: any, blink?: boolean) => Promise<void>;
     }
@@ -1497,7 +1519,7 @@ export namespace Components {
         "fullWidth": boolean;
         "hidden": boolean;
         "size": SizeProp2;
-        "type": TypeProp2;
+        "type": TypeProp1;
     }
     interface BcmTag {
         "_id": string;
@@ -1547,12 +1569,13 @@ export namespace Components {
         "readonly": boolean;
         "required": boolean;
         "resetCaption": () => Promise<void>;
-        "resize": ResizeTypes | any;
+        "resize": "vertical" | "horizontal" | "both" | "none";
         "rows": number;
         "set": (data: any) => Promise<void>;
         "setClear": () => Promise<void>;
         "setValue": (value: any) => Promise<any>;
-        "size": SizeTypes1;
+        "size": SizeTypes;
+        "tooltip": string;
         "value": string;
     }
     interface BcmTimePicker {
@@ -1649,7 +1672,7 @@ export namespace Components {
         "openDelay": number;
         "placement": PlacementTypes1;
         "show": () => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeTypes1;
         "targetId": string;
         "toggle": () => Promise<void>;
         "trigger": TrigglerTypes;
@@ -1840,10 +1863,6 @@ export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
 }
-export interface BcmInput2CustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBcmInput2Element;
-}
 export interface BcmInputDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputDropdownElement;
@@ -1852,6 +1871,10 @@ export interface BcmItemsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmItemsElement;
 }
+export interface BcmLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmLinkElement;
+}
 export interface BcmLinkedCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmLinkedElement;
@@ -1908,6 +1931,14 @@ export interface BcmPopconfirmBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmPopconfirmBoxElement;
 }
+export interface BcmPopconfirmBoxV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmPopconfirmBoxV2Element;
+}
+export interface BcmPopconfirmHostCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmPopconfirmHostElement;
+}
 export interface BcmPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmPopoverElement;
@@ -1936,6 +1967,14 @@ export interface BcmSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmSearchElement;
 }
+export interface BcmSegmentPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmSegmentPickerElement;
+}
+export interface BcmSegmentPickerItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmSegmentPickerItemElement;
+}
 export interface BcmSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmSelectElement;
@@ -2005,6 +2044,12 @@ declare global {
         prototype: HTMLBcmAlertElement;
         new (): HTMLBcmAlertElement;
     };
+    interface HTMLBcmArrowElement extends Components.BcmArrow, HTMLStencilElement {
+    }
+    var HTMLBcmArrowElement: {
+        prototype: HTMLBcmArrowElement;
+        new (): HTMLBcmArrowElement;
+    };
     interface HTMLBcmAttendanceElement extends Components.BcmAttendance, HTMLStencilElement {
     }
     var HTMLBcmAttendanceElement: {
@@ -2095,12 +2140,6 @@ declare global {
         prototype: HTMLBcmCheckboxGroupElement;
         new (): HTMLBcmCheckboxGroupElement;
     };
-    interface HTMLBcmCheckboxLiteElement extends Components.BcmCheckboxLite, HTMLStencilElement {
-    }
-    var HTMLBcmCheckboxLiteElement: {
-        prototype: HTMLBcmCheckboxLiteElement;
-        new (): HTMLBcmCheckboxLiteElement;
-    };
     interface HTMLBcmChipElement extends Components.BcmChip, HTMLStencilElement {
     }
     var HTMLBcmChipElement: {
@@ -2209,6 +2248,24 @@ declare global {
         prototype: HTMLBcmExpansionPanelElement;
         new (): HTMLBcmExpansionPanelElement;
     };
+    interface HTMLBcmExpansionPanelDescriptionElement extends Components.BcmExpansionPanelDescription, HTMLStencilElement {
+    }
+    var HTMLBcmExpansionPanelDescriptionElement: {
+        prototype: HTMLBcmExpansionPanelDescriptionElement;
+        new (): HTMLBcmExpansionPanelDescriptionElement;
+    };
+    interface HTMLBcmExpansionPanelExtraElement extends Components.BcmExpansionPanelExtra, HTMLStencilElement {
+    }
+    var HTMLBcmExpansionPanelExtraElement: {
+        prototype: HTMLBcmExpansionPanelExtraElement;
+        new (): HTMLBcmExpansionPanelExtraElement;
+    };
+    interface HTMLBcmExpansionPanelHeaderElement extends Components.BcmExpansionPanelHeader, HTMLStencilElement {
+    }
+    var HTMLBcmExpansionPanelHeaderElement: {
+        prototype: HTMLBcmExpansionPanelHeaderElement;
+        new (): HTMLBcmExpansionPanelHeaderElement;
+    };
     interface HTMLBcmFormElement extends Components.BcmForm, HTMLStencilElement {
     }
     var HTMLBcmFormElement: {
@@ -2239,12 +2296,6 @@ declare global {
         prototype: HTMLBcmInputElement;
         new (): HTMLBcmInputElement;
     };
-    interface HTMLBcmInput2Element extends Components.BcmInput2, HTMLStencilElement {
-    }
-    var HTMLBcmInput2Element: {
-        prototype: HTMLBcmInput2Element;
-        new (): HTMLBcmInput2Element;
-    };
     interface HTMLBcmInputCustomElement extends Components.BcmInputCustom, HTMLStencilElement {
     }
     var HTMLBcmInputCustomElement: {
@@ -2347,6 +2398,18 @@ declare global {
         prototype: HTMLBcmModal2HeaderElement;
         new (): HTMLBcmModal2HeaderElement;
     };
+    interface HTMLBcmModalFooterElement extends Components.BcmModalFooter, HTMLStencilElement {
+    }
+    var HTMLBcmModalFooterElement: {
+        prototype: HTMLBcmModalFooterElement;
+        new (): HTMLBcmModalFooterElement;
+    };
+    interface HTMLBcmModalHeaderElement extends Components.BcmModalHeader, HTMLStencilElement {
+    }
+    var HTMLBcmModalHeaderElement: {
+        prototype: HTMLBcmModalHeaderElement;
+        new (): HTMLBcmModalHeaderElement;
+    };
     interface HTMLBcmNotificationElement extends Components.BcmNotification, HTMLStencilElement {
     }
     var HTMLBcmNotificationElement: {
@@ -2395,6 +2458,18 @@ declare global {
         prototype: HTMLBcmPopconfirmBoxElement;
         new (): HTMLBcmPopconfirmBoxElement;
     };
+    interface HTMLBcmPopconfirmBoxV2Element extends Components.BcmPopconfirmBoxV2, HTMLStencilElement {
+    }
+    var HTMLBcmPopconfirmBoxV2Element: {
+        prototype: HTMLBcmPopconfirmBoxV2Element;
+        new (): HTMLBcmPopconfirmBoxV2Element;
+    };
+    interface HTMLBcmPopconfirmHostElement extends Components.BcmPopconfirmHost, HTMLStencilElement {
+    }
+    var HTMLBcmPopconfirmHostElement: {
+        prototype: HTMLBcmPopconfirmHostElement;
+        new (): HTMLBcmPopconfirmHostElement;
+    };
     interface HTMLBcmPopoverElement extends Components.BcmPopover, HTMLStencilElement {
     }
     var HTMLBcmPopoverElement: {
@@ -2443,12 +2518,24 @@ declare global {
         prototype: HTMLBcmReactNumberElement;
         new (): HTMLBcmReactNumberElement;
     };
+    interface HTMLBcmResizablePaneElement extends Components.BcmResizablePane, HTMLStencilElement {
+    }
+    var HTMLBcmResizablePaneElement: {
+        prototype: HTMLBcmResizablePaneElement;
+        new (): HTMLBcmResizablePaneElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
         prototype: HTMLBcmResultElement;
         new (): HTMLBcmResultElement;
     };
+    interface HTMLBcmResultFooterElement extends Components.BcmResultFooter, HTMLStencilElement {
+    }
+    var HTMLBcmResultFooterElement: {
+        prototype: HTMLBcmResultFooterElement;
+        new (): HTMLBcmResultFooterElement;
+    };
     interface HTMLBcmScrollAreaElement extends Components.BcmScrollArea, HTMLStencilElement {
     }
     var HTMLBcmScrollAreaElement: {
@@ -2461,6 +2548,18 @@ declare global {
         prototype: HTMLBcmSearchElement;
         new (): HTMLBcmSearchElement;
     };
+    interface HTMLBcmSegmentPickerElement extends Components.BcmSegmentPicker, HTMLStencilElement {
+    }
+    var HTMLBcmSegmentPickerElement: {
+        prototype: HTMLBcmSegmentPickerElement;
+        new (): HTMLBcmSegmentPickerElement;
+    };
+    interface HTMLBcmSegmentPickerItemElement extends Components.BcmSegmentPickerItem, HTMLStencilElement {
+    }
+    var HTMLBcmSegmentPickerItemElement: {
+        prototype: HTMLBcmSegmentPickerItemElement;
+        new (): HTMLBcmSegmentPickerItemElement;
+    };
     interface HTMLBcmSelectElement extends Components.BcmSelect, HTMLStencilElement {
     }
     var HTMLBcmSelectElement: {
@@ -2650,6 +2749,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "bcm-accordion": HTMLBcmAccordionElement;
         "bcm-alert": HTMLBcmAlertElement;
+        "bcm-arrow": HTMLBcmArrowElement;
         "bcm-attendance": HTMLBcmAttendanceElement;
         "bcm-attendance-actions": HTMLBcmAttendanceActionsElement;
         "bcm-attendance-actions-comment": HTMLBcmAttendanceActionsCommentElement;
@@ -2665,7 +2765,6 @@ declare global {
         "bcm-card": HTMLBcmCardElement;
         "bcm-checkbox": HTMLBcmCheckboxElement;
         "bcm-checkbox-group": HTMLBcmCheckboxGroupElement;
-        "bcm-checkbox-lite": HTMLBcmCheckboxLiteElement;
         "bcm-chip": HTMLBcmChipElement;
         "bcm-chip-group": HTMLBcmChipGroupElement;
         "bcm-collapse": HTMLBcmCollapseElement;
@@ -2684,12 +2783,14 @@ declare global {
         "bcm-empty": HTMLBcmEmptyElement;
         "bcm-error-layout": HTMLBcmErrorLayoutElement;
         "bcm-expansion-panel": HTMLBcmExpansionPanelElement;
+        "bcm-expansion-panel-description": HTMLBcmExpansionPanelDescriptionElement;
+        "bcm-expansion-panel-extra": HTMLBcmExpansionPanelExtraElement;
+        "bcm-expansion-panel-header": HTMLBcmExpansionPanelHeaderElement;
         "bcm-form": HTMLBcmFormElement;
         "bcm-form-2": HTMLBcmForm2Element;
         "bcm-form-group": HTMLBcmFormGroupElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
-        "bcm-input-2": HTMLBcmInput2Element;
         "bcm-input-custom": HTMLBcmInputCustomElement;
         "bcm-input-dropdown": HTMLBcmInputDropdownElement;
         "bcm-item": HTMLBcmItemElement;
@@ -2707,6 +2808,8 @@ declare global {
         "bcm-modal-2": HTMLBcmModal2Element;
         "bcm-modal-2-footer": HTMLBcmModal2FooterElement;
         "bcm-modal-2-header": HTMLBcmModal2HeaderElement;
+        "bcm-modal-footer": HTMLBcmModalFooterElement;
+        "bcm-modal-header": HTMLBcmModalHeaderElement;
         "bcm-notification": HTMLBcmNotificationElement;
         "bcm-number-input": HTMLBcmNumberInputElement;
         "bcm-old-input": HTMLBcmOldInputElement;
@@ -2715,6 +2818,8 @@ declare global {
         "bcm-overlay": HTMLBcmOverlayElement;
         "bcm-popconfirm": HTMLBcmPopconfirmElement;
         "bcm-popconfirm-box": HTMLBcmPopconfirmBoxElement;
+        "bcm-popconfirm-box-v2": HTMLBcmPopconfirmBoxV2Element;
+        "bcm-popconfirm-host": HTMLBcmPopconfirmHostElement;
         "bcm-popover": HTMLBcmPopoverElement;
         "bcm-progress": HTMLBcmProgressElement;
         "bcm-radio": HTMLBcmRadioElement;
@@ -2723,9 +2828,13 @@ declare global {
         "bcm-rc-overflow": HTMLBcmRcOverflowElement;
         "bcm-rc-picker": HTMLBcmRcPickerElement;
         "bcm-react-number": HTMLBcmReactNumberElement;
+        "bcm-resizable-pane": HTMLBcmResizablePaneElement;
         "bcm-result": HTMLBcmResultElement;
+        "bcm-result-footer": HTMLBcmResultFooterElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
+        "bcm-segment-picker": HTMLBcmSegmentPickerElement;
+        "bcm-segment-picker-item": HTMLBcmSegmentPickerItemElement;
         "bcm-select": HTMLBcmSelectElement;
         "bcm-select-box": HTMLBcmSelectBoxElement;
         "bcm-select-group": HTMLBcmSelectGroupElement;
@@ -2765,17 +2874,22 @@ declare namespace LocalJSX {
         "multi"?: boolean;
     }
     interface BcmAlert {
-        "_id"?: string;
-        "_title"?: any;
-        "bigIcon"?: boolean;
-        "description"?: any;
-        "dismissible"?: any;
-        "fullWidth"?: boolean;
-        "hidden"?: boolean;
+        "customIcon"?: string;
+        "description"?: string;
+        "dismissible"?: boolean;
+        "hide"?: boolean;
         "icon"?: boolean;
-        "onBcm-alert-dismissible"?: (event: BcmAlertCustomEvent<any>) => void;
-        "status"?: StatusProp;
-        "type"?: TypeProp;
+        "kind"?: "filled" | "text";
+        "onOn-close"?: (event: BcmAlertCustomEvent<any>) => void;
+        "onOn-view-click"?: (event: BcmAlertCustomEvent<any>) => void;
+        "size"?: SizeTypes;
+        "status"?: Bcm.Status;
+        "viewButton"?: boolean;
+        "viewButtonText"?: string;
+    }
+    interface BcmArrow {
+        "_id"?: string;
+        "position"?: "top" | "bottom" | "left" | "right";
     }
     interface BcmAttendance {
         "_id"?: string;
@@ -2788,7 +2902,7 @@ declare namespace LocalJSX {
         "hideComment"?: boolean;
         "lateKeys"?: string;
         "onBcm-attendance-change"?: (event: BcmAttendanceActionsCustomEvent<any>) => void;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
     }
     interface BcmAttendanceActionsComment {
         "_id"?: string;
@@ -2798,7 +2912,7 @@ declare namespace LocalJSX {
         "onBcm-attendance-actions-comment-change"?: (event: BcmAttendanceActionsCommentCustomEvent<any>) => void;
         "selectedItem"?: Bcm.InputDropdownData;
         "selectedKey"?: string;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "targetId"?: string;
     }
     interface BcmAttendanceActionsDropdown {
@@ -2808,7 +2922,7 @@ declare namespace LocalJSX {
         "isShow"?: boolean;
         "onBcm-attendance-actions-dropdown-change"?: (event: BcmAttendanceActionsDropdownCustomEvent<any>) => void;
         "selectedKey"?: string;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "targetId"?: string;
     }
     interface BcmAutocomplete {
@@ -2831,14 +2945,14 @@ declare namespace LocalJSX {
         "image"?: string;
         "name"?: string;
         "shape"?: ShapeTypes;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "status"?: StatusTypes;
     }
     interface BcmBadge {
         "_id"?: string;
         "blink"?: boolean;
         "color"?: any;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "status"?: StatusTypes;
         "value"?: string;
     }
@@ -2856,17 +2970,35 @@ 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" | "link" | "outline";
         "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;
@@ -2877,7 +3009,7 @@ declare namespace LocalJSX {
         "direction"?: DirectionTypes;
         "disabled"?: any;
         "onBcm-change"?: (event: BcmButtonGroupCustomEvent<any>) => void;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "type"?: 'checkbox' | 'radio' | 'button';
     }
     interface BcmCaption {
@@ -2888,7 +3020,7 @@ declare namespace LocalJSX {
         "customErrorMessage"?: string;
         "maxLength"?: any;
         "noCaption"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "value"?: any;
     }
     interface BcmCard {
@@ -2897,25 +3029,19 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
     }
     interface BcmCheckbox {
-        /**
-          * Props *
-         */
         "_id"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes1;
+        "captionType"?: StatusTypes;
         "checked"?: boolean;
         "color"?: string;
         "disabled"?: boolean;
         "hidden"?: boolean;
-        /**
-          * Component Properties
-         */
-        "inGroup"?: boolean;
         "indeterminate"?: IndeterminateTypes;
         "label"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        "noMargin"?: boolean;
         "onBcm-blur"?: (event: BcmCheckboxCustomEvent<any>) => void;
         "onBcm-change"?: (event: BcmCheckboxCustomEvent<any>) => void;
         "onBcm-change-checkbox"?: (event: BcmCheckboxCustomEvent<any>) => void;
@@ -2946,19 +3072,9 @@ declare namespace LocalJSX {
         "optionType"?: 'default' | 'button';
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "value"?: any;
     }
-    interface BcmCheckboxLite {
-        "_id"?: string;
-        "captionType"?: StatusTypes1;
-        "checked"?: boolean;
-        "disabled"?: boolean;
-        "hidden"?: boolean;
-        "indeterminate"?: IndeterminateTypes;
-        "readOnly"?: boolean;
-        "required"?: boolean;
-    }
     interface BcmChip {
         "_id"?: string;
         "avatar"?: any;
@@ -2966,13 +3082,14 @@ declare namespace LocalJSX {
         "data"?: any;
         "disabled"?: false;
         "icon"?: any;
+        "kind"?: "filled" | "outline" | "text";
         "onBcm-chip-addable"?: (event: BcmChipCustomEvent<any>) => void;
         "onBcm-chip-dismiss"?: (event: BcmChipCustomEvent<any>) => void;
         "onBcm-chip-select"?: (event: BcmChipCustomEvent<any>) => void;
         "onBcm-chip-select-item"?: (event: BcmChipCustomEvent<any>) => void;
         "selected"?: boolean;
-        "size"?: "small" | "medium" | "large";
-        "type"?: "default" | "dismissable" | "addable" | "checkable";
+        "size"?: SizeTypes1;
+        "type"?: "default" | "dismissable" | "addable";
         "value"?: string;
     }
     interface BcmChipGroup {
@@ -3071,7 +3188,7 @@ declare namespace LocalJSX {
         "showSecond"?: boolean;
         "showTime"?: boolean;
         "showToday"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours"?: boolean;
         "value"?: any;
@@ -3142,7 +3259,6 @@ declare namespace LocalJSX {
     }
     interface BcmDivider {
         "direction"?: DirectionTypes;
-        "hidden"?: boolean;
     }
     interface BcmDrawer {
         "_id"?: string;
@@ -3178,15 +3294,19 @@ declare namespace LocalJSX {
         "onBcm-dropdown-change"?: (event: BcmDropdownCustomEvent<any>) => void;
         "placement"?: PlacementTypes;
         "selectable"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "stopDeepClean"?: boolean;
-        "target"?: string;
+        "target"?: TargetTypes;
         "type"?: 'dropdown' | 'split';
         "value"?: string;
         "variant"?: VariantProp;
     }
     interface BcmEmpty {
+        "description"?: string;
         "icon"?: string;
+        "size"?: SizeTypes;
+        "status"?: Bcm.Status;
+        "text"?: string;
     }
     interface BcmErrorLayout {
         "hidden"?: boolean;
@@ -3196,16 +3316,26 @@ declare namespace LocalJSX {
     interface BcmExpansionPanel {
         "_id"?: string;
         "disabled"?: boolean;
-        "expandIconPosition"?: 'right' | 'left';
+        "expandIconPosition"?: "right" | "left";
         "expanded"?: boolean;
         "hidden"?: boolean;
         "hideToggle"?: boolean;
         "onBcm-close"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "onBcm-expansion-panel-close"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "onBcm-expansion-panel-extra"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "onBcm-expansion-panel-open"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "onBcm-expansion-panel-toggle"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
         "onBcm-extra"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
         "onBcm-open"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
         "tooltip"?: any;
         "valid"?: boolean;
     }
+    interface BcmExpansionPanelDescription {
+    }
+    interface BcmExpansionPanelExtra {
+    }
+    interface BcmExpansionPanelHeader {
+    }
     interface BcmForm {
         "_id"?: string;
         "autocomplete"?: boolean;
@@ -3228,7 +3358,6 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface BcmIcon {
-        "hidden"?: boolean;
         "icon"?: string;
     }
     interface BcmInput {
@@ -3271,55 +3400,7 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes1;
-        "step"?: any;
-        "tooltip"?: string;
-        "type"?: InputTypes;
-        "unit"?: string;
-        "unitPrefix"?: string;
-        "value"?: any;
-    }
-    interface BcmInput2 {
-        /**
-          * Props *
-         */
-        "_id"?: string;
-        "_internal_id"?: string;
-        "_prefix"?: string;
-        "_suffix"?: string;
-        "autocomplete"?: boolean;
-        "caption"?: string;
-        "captionError"?: string;
-        "captionType"?: StatusTypes1;
-        "clearable"?: boolean;
-        "customErrorMessage"?: string;
-        "decimal"?: boolean;
-        "disableWatchValue"?: boolean;
-        "disabled"?: boolean;
-        "fullWidth"?: boolean;
-        "hidden"?: boolean;
-        "label"?: string;
-        "max"?: number;
-        "maxLength"?: number;
-        "min"?: number;
-        "minLength"?: number;
-        "name"?: string;
-        "noCaption"?: boolean;
-        "noDefaultIcon"?: boolean;
-        "onBcm-blur"?: (event: BcmInput2CustomEvent<any>) => void;
-        "onBcm-change"?: (event: BcmInput2CustomEvent<any>) => void;
-        "onBcm-clear"?: (event: BcmInput2CustomEvent<any>) => void;
-        /**
-          * Events *
-         */
-        "onBcm-focus"?: (event: BcmInput2CustomEvent<any>) => void;
-        "onBcm-input"?: (event: BcmInput2CustomEvent<any>) => void;
-        "passwordToggle"?: boolean;
-        "pattern"?: string;
-        "placeholder"?: string;
-        "readonly"?: boolean;
-        "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "step"?: any;
         "tooltip"?: string;
         "type"?: InputTypes;
@@ -3361,13 +3442,13 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "value"?: Bcm.InputDropdownData;
     }
     interface BcmItem {
         "_id"?: string;
         "color"?: any;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "static"?: boolean;
     }
     interface BcmItems {
@@ -3380,19 +3461,24 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         "htmlFor"?: any;
         "label"?: string;
+        "noMargin"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "tooltip"?: string;
         "type"?: StatusTypes1 | any;
         "value"?: string;
     }
     interface BcmLink {
         "disabled"?: boolean;
-        "hidden"?: boolean;
+        "download"?: string;
         "href"?: string;
         "icon"?: string;
         "iconPosition"?: IconPositionTypes;
-        "target"?: string;
+        "onBcm-click"?: (event: BcmLinkCustomEvent<any>) => void;
+        "onBcm-link-click"?: (event: BcmLinkCustomEvent<any>) => void;
+        "rel"?: string;
+        "size"?: SizeTypes | "inherit";
+        "target"?: TargetTypes | string;
     }
     interface BcmLinked {
         "_id"?: string;
@@ -3450,7 +3536,7 @@ declare namespace LocalJSX {
         "searchIsOnlyChilds"?: boolean;
         "searchPlaceholder"?: string;
         "searchable"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "stopDeepClean"?: boolean;
         "tempId"?: string;
         "template"?: string;
@@ -3576,7 +3662,7 @@ declare namespace LocalJSX {
         /**
           * Component Properties
          */
-        "status"?: StatusProp1;
+        "status"?: StatusProp;
     }
     interface BcmModal {
         "_id"?: string;
@@ -3613,6 +3699,12 @@ declare namespace LocalJSX {
     interface BcmModal2Header {
         "_id"?: string;
     }
+    interface BcmModalFooter {
+        "_id"?: string;
+    }
+    interface BcmModalHeader {
+        "_id"?: string;
+    }
     interface BcmNotification {
         /**
           * Component Properties
@@ -3625,7 +3717,7 @@ declare namespace LocalJSX {
           * Component Events
          */
         "onBcm-confirm"?: (event: BcmNotificationCustomEvent<any>) => void;
-        "status"?: TypeProp1;
+        "status"?: TypeProp;
     }
     interface BcmNumberInput {
         "_id"?: string;
@@ -3672,7 +3764,7 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "step"?: number;
         "thousandSeparator"?: string | boolean;
         "unitPrefix"?: string;
@@ -3779,7 +3871,32 @@ declare namespace LocalJSX {
         "onBcm-popconfirm-show"?: (event: BcmPopconfirmBoxCustomEvent<any>) => void;
         "open"?: boolean;
         "placement"?: any;
-        "status"?: 'warning' | 'error';
+        "status"?: 'warning' | 'error' | 'info';
+    }
+    interface BcmPopconfirmBoxV2 {
+        "cancelText"?: string;
+        "description"?: string;
+        "headerText"?: string;
+        "okeyText"?: string;
+        "onBcm-cancel"?: (event: BcmPopconfirmBoxV2CustomEvent<any>) => void;
+        "size"?: SizeTypes;
+        "status"?: Bcm.Status;
+        "statusIcon"?: boolean;
+    }
+    interface BcmPopconfirmHost {
+        "_id"?: string;
+        "autoHide"?: boolean;
+        "closeDelay"?: number;
+        "message"?: string;
+        "onBcmTooltipHide"?: (event: BcmPopconfirmHostCustomEvent<any>) => void;
+        "onBcmTooltipShow"?: (event: BcmPopconfirmHostCustomEvent<any>) => void;
+        "open"?: boolean;
+        "openDelay"?: number;
+        "placement"?: PlacementTypes;
+        "size"?: SizeTypes;
+        "status"?: Bcm.Status;
+        "targetId"?: string;
+        "trigger"?: TrigglerTypes1;
     }
     interface BcmPopover {
         "_id"?: string;
@@ -3816,7 +3933,7 @@ declare namespace LocalJSX {
         "onBcm-blur"?: (event: BcmRadioCustomEvent<any>) => void;
         "onBcm-focus"?: (event: BcmRadioCustomEvent<any>) => void;
         "onBcm-radio-change"?: (event: BcmRadioCustomEvent<any>) => void;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "value"?: string | number;
     }
     interface BcmRadioGroup {
@@ -3836,7 +3953,7 @@ declare namespace LocalJSX {
         "noCaption"?: boolean;
         "onBcm-change"?: (event: BcmRadioGroupCustomEvent<any>) => void;
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "value"?: string | number;
     }
     interface BcmRange {
@@ -3880,7 +3997,7 @@ declare namespace LocalJSX {
         "showSecond"?: boolean;
         "showTime"?: boolean;
         "showToday"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours"?: boolean;
     }
@@ -3888,11 +4005,17 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "options"?: ExtendedNumericPropsType;
     }
+    interface BcmResizablePane {
+        "initialLeftPanelWidth"?: number;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
-        "hidden"?: boolean;
-        "status"?: statusType;
+        "icon"?: string;
+        "status"?: Bcm.Status;
+    }
+    interface BcmResultFooter {
+        "_id"?: string;
     }
     interface BcmScrollArea {
         "height"?: string;
@@ -3911,7 +4034,35 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: boolean;
         "searchIsOnlyChilds"?: boolean;
+        "size"?: SizeTypes;
+    }
+    interface BcmSegmentPicker {
+        "block"?: boolean;
+        /**
+          * Options to be displayed in the select
+          * @type {{ value: string, text: string }[]}
+          * @memberof BcmSegmentPicker
+          * @example [  { value: '1', text: 'Option 1' },  { value: '2', text: 'Option 2' },  { value: '3', text: 'Option 3' }, ]
+          * @default []
+         */
+        "data"?: { value: string; text: string; disabled?: boolean }[];
+        "defaultValue"?: string;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "name"?: string;
+        "onBcm-change"?: (event: BcmSegmentPickerCustomEvent<any>) => void;
+        "onBcm-segment-picker:change"?: (event: BcmSegmentPickerCustomEvent<any>) => void;
         "size"?: SizeTypes1;
+        "value"?: string;
+    }
+    interface BcmSegmentPickerItem {
+        "active"?: boolean;
+        "color"?: string;
+        "disabled"?: boolean;
+        "onBcm-click"?: (event: BcmSegmentPickerItemCustomEvent<any>) => void;
+        "size"?: SizeTypes1;
+        "text"?: string;
+        "value"?: string;
     }
     interface BcmSelect {
         "_data"?: any;
@@ -3978,7 +4129,7 @@ declare namespace LocalJSX {
     interface BcmShortcut {
         "color"?: string;
         "hotkey"?: string;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
     }
     interface BcmSkeleton {
         "_id"?: string;
@@ -4017,7 +4168,7 @@ declare namespace LocalJSX {
         "linear"?: boolean;
         "onBcm-step-before-change"?: (event: BcmStepperCustomEvent<any>) => void;
         "onBcm-step-change"?: (event: BcmStepperCustomEvent<any>) => void;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "stepperId"?: string;
         "tick"?: {};
     }
@@ -4047,7 +4198,7 @@ declare namespace LocalJSX {
         "pending"?: boolean;
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
         "tooltip"?: string;
         "value"?: boolean;
     }
@@ -4069,14 +4220,13 @@ declare namespace LocalJSX {
         /**
           * Component Properties
          */
-        "type"?: TypeProp2;
+        "type"?: TypeProp1;
     }
     interface BcmTabGroup {
         "_id"?: string;
         "active"?: string;
-        "color"?: string;
         "onBcm-tab-change"?: (event: BcmTabGroupCustomEvent<any>) => void;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
     }
     interface BcmTabItem {
         "_id"?: string;
@@ -4087,10 +4237,9 @@ declare namespace LocalJSX {
     interface BcmTabItemHeader {
         "_id"?: string;
         "active"?: boolean;
-        "color"?: string;
         "disabled"?: boolean;
         "index"?: any;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
     }
     interface BcmTabPane {
         "active"?: boolean;
@@ -4122,14 +4271,14 @@ declare namespace LocalJSX {
           * Component Properties
          */
         "size"?: SizeProp2;
-        "type"?: TypeProp2;
+        "type"?: TypeProp1;
         "underline"?: boolean;
     }
     interface BcmTabsContent {
         "fullWidth"?: boolean;
         "hidden"?: boolean;
         "size"?: SizeProp2;
-        "type"?: TypeProp2;
+        "type"?: TypeProp1;
     }
     interface BcmTag {
         "_id"?: string;
@@ -4181,9 +4330,10 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: boolean;
         "required"?: boolean;
-        "resize"?: ResizeTypes | any;
+        "resize"?: "vertical" | "horizontal" | "both" | "none";
         "rows"?: number;
-        "size"?: SizeTypes1;
+        "size"?: SizeTypes;
+        "tooltip"?: string;
         "value"?: string;
     }
     interface BcmTimePicker {
@@ -4252,7 +4402,7 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "openDelay"?: number;
         "placement"?: PlacementTypes1;
-        "size"?: SizeTypes;
+        "size"?: SizeTypes1;
         "targetId"?: string;
         "trigger"?: TrigglerTypes;
     }
@@ -4364,6 +4514,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "bcm-accordion": BcmAccordion;
         "bcm-alert": BcmAlert;
+        "bcm-arrow": BcmArrow;
         "bcm-attendance": BcmAttendance;
         "bcm-attendance-actions": BcmAttendanceActions;
         "bcm-attendance-actions-comment": BcmAttendanceActionsComment;
@@ -4379,7 +4530,6 @@ declare namespace LocalJSX {
         "bcm-card": BcmCard;
         "bcm-checkbox": BcmCheckbox;
         "bcm-checkbox-group": BcmCheckboxGroup;
-        "bcm-checkbox-lite": BcmCheckboxLite;
         "bcm-chip": BcmChip;
         "bcm-chip-group": BcmChipGroup;
         "bcm-collapse": BcmCollapse;
@@ -4398,12 +4548,14 @@ declare namespace LocalJSX {
         "bcm-empty": BcmEmpty;
         "bcm-error-layout": BcmErrorLayout;
         "bcm-expansion-panel": BcmExpansionPanel;
+        "bcm-expansion-panel-description": BcmExpansionPanelDescription;
+        "bcm-expansion-panel-extra": BcmExpansionPanelExtra;
+        "bcm-expansion-panel-header": BcmExpansionPanelHeader;
         "bcm-form": BcmForm;
         "bcm-form-2": BcmForm2;
         "bcm-form-group": BcmFormGroup;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
-        "bcm-input-2": BcmInput2;
         "bcm-input-custom": BcmInputCustom;
         "bcm-input-dropdown": BcmInputDropdown;
         "bcm-item": BcmItem;
@@ -4421,6 +4573,8 @@ declare namespace LocalJSX {
         "bcm-modal-2": BcmModal2;
         "bcm-modal-2-footer": BcmModal2Footer;
         "bcm-modal-2-header": BcmModal2Header;
+        "bcm-modal-footer": BcmModalFooter;
+        "bcm-modal-header": BcmModalHeader;
         "bcm-notification": BcmNotification;
         "bcm-number-input": BcmNumberInput;
         "bcm-old-input": BcmOldInput;
@@ -4429,6 +4583,8 @@ declare namespace LocalJSX {
         "bcm-overlay": BcmOverlay;
         "bcm-popconfirm": BcmPopconfirm;
         "bcm-popconfirm-box": BcmPopconfirmBox;
+        "bcm-popconfirm-box-v2": BcmPopconfirmBoxV2;
+        "bcm-popconfirm-host": BcmPopconfirmHost;
         "bcm-popover": BcmPopover;
         "bcm-progress": BcmProgress;
         "bcm-radio": BcmRadio;
@@ -4437,9 +4593,13 @@ declare namespace LocalJSX {
         "bcm-rc-overflow": BcmRcOverflow;
         "bcm-rc-picker": BcmRcPicker;
         "bcm-react-number": BcmReactNumber;
+        "bcm-resizable-pane": BcmResizablePane;
         "bcm-result": BcmResult;
+        "bcm-result-footer": BcmResultFooter;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
+        "bcm-segment-picker": BcmSegmentPicker;
+        "bcm-segment-picker-item": BcmSegmentPickerItem;
         "bcm-select": BcmSelect;
         "bcm-select-box": BcmSelectBox;
         "bcm-select-group": BcmSelectGroup;
@@ -4479,6 +4639,7 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "bcm-accordion": LocalJSX.BcmAccordion & JSXBase.HTMLAttributes<HTMLBcmAccordionElement>;
             "bcm-alert": LocalJSX.BcmAlert & JSXBase.HTMLAttributes<HTMLBcmAlertElement>;
+            "bcm-arrow": LocalJSX.BcmArrow & JSXBase.HTMLAttributes<HTMLBcmArrowElement>;
             "bcm-attendance": LocalJSX.BcmAttendance & JSXBase.HTMLAttributes<HTMLBcmAttendanceElement>;
             "bcm-attendance-actions": LocalJSX.BcmAttendanceActions & JSXBase.HTMLAttributes<HTMLBcmAttendanceActionsElement>;
             "bcm-attendance-actions-comment": LocalJSX.BcmAttendanceActionsComment & JSXBase.HTMLAttributes<HTMLBcmAttendanceActionsCommentElement>;
@@ -4494,7 +4655,6 @@ declare module "@stencil/core" {
             "bcm-card": LocalJSX.BcmCard & JSXBase.HTMLAttributes<HTMLBcmCardElement>;
             "bcm-checkbox": LocalJSX.BcmCheckbox & JSXBase.HTMLAttributes<HTMLBcmCheckboxElement>;
             "bcm-checkbox-group": LocalJSX.BcmCheckboxGroup & JSXBase.HTMLAttributes<HTMLBcmCheckboxGroupElement>;
-            "bcm-checkbox-lite": LocalJSX.BcmCheckboxLite & JSXBase.HTMLAttributes<HTMLBcmCheckboxLiteElement>;
             "bcm-chip": LocalJSX.BcmChip & JSXBase.HTMLAttributes<HTMLBcmChipElement>;
             "bcm-chip-group": LocalJSX.BcmChipGroup & JSXBase.HTMLAttributes<HTMLBcmChipGroupElement>;
             "bcm-collapse": LocalJSX.BcmCollapse & JSXBase.HTMLAttributes<HTMLBcmCollapseElement>;
@@ -4513,12 +4673,14 @@ declare module "@stencil/core" {
             "bcm-empty": LocalJSX.BcmEmpty & JSXBase.HTMLAttributes<HTMLBcmEmptyElement>;
             "bcm-error-layout": LocalJSX.BcmErrorLayout & JSXBase.HTMLAttributes<HTMLBcmErrorLayoutElement>;
             "bcm-expansion-panel": LocalJSX.BcmExpansionPanel & JSXBase.HTMLAttributes<HTMLBcmExpansionPanelElement>;
+            "bcm-expansion-panel-description": LocalJSX.BcmExpansionPanelDescription & JSXBase.HTMLAttributes<HTMLBcmExpansionPanelDescriptionElement>;
+            "bcm-expansion-panel-extra": LocalJSX.BcmExpansionPanelExtra & JSXBase.HTMLAttributes<HTMLBcmExpansionPanelExtraElement>;
+            "bcm-expansion-panel-header": LocalJSX.BcmExpansionPanelHeader & JSXBase.HTMLAttributes<HTMLBcmExpansionPanelHeaderElement>;
             "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-2": LocalJSX.BcmInput2 & JSXBase.HTMLAttributes<HTMLBcmInput2Element>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
             "bcm-input-dropdown": LocalJSX.BcmInputDropdown & JSXBase.HTMLAttributes<HTMLBcmInputDropdownElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
@@ -4536,6 +4698,8 @@ declare module "@stencil/core" {
             "bcm-modal-2": LocalJSX.BcmModal2 & JSXBase.HTMLAttributes<HTMLBcmModal2Element>;
             "bcm-modal-2-footer": LocalJSX.BcmModal2Footer & JSXBase.HTMLAttributes<HTMLBcmModal2FooterElement>;
             "bcm-modal-2-header": LocalJSX.BcmModal2Header & JSXBase.HTMLAttributes<HTMLBcmModal2HeaderElement>;
+            "bcm-modal-footer": LocalJSX.BcmModalFooter & JSXBase.HTMLAttributes<HTMLBcmModalFooterElement>;
+            "bcm-modal-header": LocalJSX.BcmModalHeader & JSXBase.HTMLAttributes<HTMLBcmModalHeaderElement>;
             "bcm-notification": LocalJSX.BcmNotification & JSXBase.HTMLAttributes<HTMLBcmNotificationElement>;
             "bcm-number-input": LocalJSX.BcmNumberInput & JSXBase.HTMLAttributes<HTMLBcmNumberInputElement>;
             "bcm-old-input": LocalJSX.BcmOldInput & JSXBase.HTMLAttributes<HTMLBcmOldInputElement>;
@@ -4544,6 +4708,8 @@ declare module "@stencil/core" {
             "bcm-overlay": LocalJSX.BcmOverlay & JSXBase.HTMLAttributes<HTMLBcmOverlayElement>;
             "bcm-popconfirm": LocalJSX.BcmPopconfirm & JSXBase.HTMLAttributes<HTMLBcmPopconfirmElement>;
             "bcm-popconfirm-box": LocalJSX.BcmPopconfirmBox & JSXBase.HTMLAttributes<HTMLBcmPopconfirmBoxElement>;
+            "bcm-popconfirm-box-v2": LocalJSX.BcmPopconfirmBoxV2 & JSXBase.HTMLAttributes<HTMLBcmPopconfirmBoxV2Element>;
+            "bcm-popconfirm-host": LocalJSX.BcmPopconfirmHost & JSXBase.HTMLAttributes<HTMLBcmPopconfirmHostElement>;
             "bcm-popover": LocalJSX.BcmPopover & JSXBase.HTMLAttributes<HTMLBcmPopoverElement>;
             "bcm-progress": LocalJSX.BcmProgress & JSXBase.HTMLAttributes<HTMLBcmProgressElement>;
             "bcm-radio": LocalJSX.BcmRadio & JSXBase.HTMLAttributes<HTMLBcmRadioElement>;
@@ -4552,9 +4718,13 @@ declare module "@stencil/core" {
             "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
             "bcm-rc-picker": LocalJSX.BcmRcPicker & JSXBase.HTMLAttributes<HTMLBcmRcPickerElement>;
             "bcm-react-number": LocalJSX.BcmReactNumber & JSXBase.HTMLAttributes<HTMLBcmReactNumberElement>;
+            "bcm-resizable-pane": LocalJSX.BcmResizablePane & JSXBase.HTMLAttributes<HTMLBcmResizablePaneElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
+            "bcm-result-footer": LocalJSX.BcmResultFooter & JSXBase.HTMLAttributes<HTMLBcmResultFooterElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;
+            "bcm-segment-picker": LocalJSX.BcmSegmentPicker & JSXBase.HTMLAttributes<HTMLBcmSegmentPickerElement>;
+            "bcm-segment-picker-item": LocalJSX.BcmSegmentPickerItem & JSXBase.HTMLAttributes<HTMLBcmSegmentPickerItemElement>;
             "bcm-select": LocalJSX.BcmSelect & JSXBase.HTMLAttributes<HTMLBcmSelectElement>;
             "bcm-select-box": LocalJSX.BcmSelectBox & JSXBase.HTMLAttributes<HTMLBcmSelectBoxElement>;
             "bcm-select-group": LocalJSX.BcmSelectGroup & JSXBase.HTMLAttributes<HTMLBcmSelectGroupElement>;