bromcom-ui 2.3.70 → 2.3.71

package/dist/types/components.d.ts

@@ -6,34 +6,44 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-import { ButtonTypes, ColorPaletteTypes, DirectionTypes, FontSizesTypes, FontWeightTypes, FullSizeTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, PreDefinedIconSizes, ShapeTypes, SizeTypes, StatusTypes, TagTypes, TrigglerTypes } from "./models/bcm-types";
-import { ItemType } from "./components/molecules/breadcrumb/types";
-import { VariantProp } from "./components/atoms/button/types";
+import { SizeProp } from "./components/atoms/badge/types";
+import { ItemType } from "./components/molecules/breadcrumb/breadcrumb";
+import { IconPositionProp, KindProp, SizeProp as SizeProp1, TypeProp as TypeProp1, VariantProp } from "./components/atoms/button/types";
+import { ColorPaletteTypes } from "./global/variables/colors";
 import { LikeStatusProp } from "./components/molecules/comment/types";
 import { Type } from "./components/organism/datetime-picker/types";
-import { ImageProps } from "./components/molecules/empty/types";
-import { TypePropOptions } from "./components/atoms/icon/types";
-import { ProcessTypeProp, SizeProp, TypeProp as TypeProp1 } from "./components/molecules/list/types";
+import { KindProp as KindProp1, SizeProp as SizeProp2 } from "./components/molecules/dropdown/types";
+import { ImageProps, SizeProp as SizeProp3 } from "./components/molecules/empty/types";
+import { SizeProp as SizeProp4 } from "./components/molecules/error-layout/types";
+import { SizePropOptions, TypePropOptions } from "./components/atoms/icon/types";
+import { FontSizesTypes, StatusTypes } from "./models/bcm-types";
+import { ProcessTypeProp, SizeProp as SizeProp5, TypeProp as TypeProp2 } from "./components/molecules/list/types";
 import { captionTypeProp } from "./types";
-import { SizeProp as SizeProp1 } from "./components/organism/listbox/types";
+import { SizeProp as SizeProp6 } from "./components/organism/listbox/types";
+import { StatusProp as StatusProp1 } from "./components/molecules/message/types";
+import { SizeProp as SizeProp7, StatusProp as StatusProp2, TypeProp as TypeProp3 } from "./components/molecules/modal/types";
+import { TypeProp as TypeProp4 } from "./components/molecules/notification/types";
+import { placementType } from "./components/molecules/tooltip/tooltip";
 import { OptionType } from "./components/molecules/radio/group";
-import { SizeProp as SizeProp2 } from "./components/organism/selecto/types";
+import { statusType } from "./components/molecules/result/types";
+import { SizeProp as SizeProp8 } from "./components/organism/selecto/types";
 import { Direction } from "./components/molecules/slider/types";
-import { DirectionProp, SizeProp as SizeProp3, TypeProp as TypeProp2 } from "./components/organism/tabs/types";
-import { ResizeTypes } from "./components/molecules/textarea/types";
-import { SizeProp as SizeProp4 } from "./components/organism/treeview/types";
+import { DirectionProp, SizeProp as SizeProp9, TypeProp as TypeProp5 } from "./components/organism/tabs/types";
+import { placementType as placementType1 } from "./components/molecules/tooltip/tooltip";
+import { SizeProp as SizeProp10 } from "./components/organism/treeview/types";
 export namespace Components {
     interface BcmAlert {
-        "_id": string;
-        "bigIcon": boolean;
-        "description": any;
-        "dismissable": any;
-        "fullWidth": boolean;
+        /**
+          * Component Properties
+         */
+        "_title": string;
+        "bigIcon"?: boolean;
+        "dissmisable"?: string | boolean;
+        "fullWidth"?: boolean;
         "hidden": boolean;
-        "icon": boolean;
-        "message": any;
-        "status": StatusProp;
-        "type": TypeProp;
+        "icon"?: boolean;
+        "status"?: StatusProp;
+        "type"?: TypeProp;
     }
     interface BcmAutocomplete {
         "_items": Array<object> | string;
@@ -48,47 +58,41 @@ export namespace Components {
         "setData": (_data?: Array<object> | string) => Promise<void>;
     }
     interface BcmAvatar {
-        "_id": string;
         "alt": string;
         "hidden": boolean;
         "image": string;
         "name": string;
-        "shape": ShapeTypes;
-        "size": SizeTypes;
-        "type": "button" | "div";
+        "plate": 'ellipse' | 'square';
+        "size": 'small' | 'medium' | 'large' | string;
+        "type": 'normal' | 'button';
     }
     interface BcmBadge {
-        "_id": string;
-        "_slot": any;
-        "blink": boolean;
         "color": string;
         "hidden": boolean;
-        "size": SizeTypes;
-        "status": StatusTypes;
-        "value": string;
+        "size": SizeProp;
+        "status": string;
+        "type": 'basic' | 'info';
+        "value": number;
     }
     interface BcmBreadcrumb {
         "hidden": boolean;
         "items": Array<ItemType>;
-        "seperator": string;
     }
     interface BcmButton {
-        "_id": string;
         "dataDismiss": boolean;
         "disabled": boolean;
         "fullWidth": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
-        "iconPosition": IconPositionTypes;
-        "kind": KindTypes;
-        "loading": boolean;
+        "iconPosition": IconPositionProp;
+        "kind": KindProp;
+        "loading"?: boolean;
         "outline": boolean;
-        "size": SizeTypes;
+        "size": SizeProp;
         "target": string;
-        "type": ButtonTypes;
-        "value": string;
-        "variant": VariantProp;
+        "type": TypeProp;
+        "variant"?: VariantProp;
     }
     interface BcmCard {
         "hidden": boolean;
@@ -99,26 +103,20 @@ export namespace Components {
     interface BcmCardHeader {
     }
     interface BcmCheckbox {
-        /**
-          * Props *
-         */
-        "_id": string;
-        "_internal_id": string;
         "buttonStyle": 'solid' | 'outline';
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        /**
+          * @desc 
+          * @param name -
+          * @returns
+         */
         "check": (uncheck: boolean) => Promise<void>;
         "checked": boolean;
         "color": ColorPaletteTypes | 'default';
         "disabled": boolean;
         "hidden": boolean;
-        /**
-          * Component Properties
-         */
-        "inGroup": boolean;
-        "indeterminate": IndeterminateTypes;
-        "label": string;
         "name": string;
         "noCaption": boolean;
         "optionType": 'default' | 'button';
@@ -126,23 +124,36 @@ export namespace Components {
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes;
-        "value": boolean;
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Component Properties
+         */
+        "value": any;
     }
     interface BcmCheckboxGroup {
-        "_id": string;
-        "_internal_id": string;
         "buttonStyle": 'solid' | 'outline';
         "caption": string;
-        "captionType": StatusTypes;
-        "check": (items: Array<object> | string, checked?: boolean) => Promise<void>;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        /**
+          * @desc 
+          * @param name -
+          * @returns
+         */
+        "check": (options: Array<object> | string) => Promise<void>;
         "defaultValue": string;
-        "direction": DirectionTypes;
+        /**
+          * Component Properties
+         */
+        "direction": 'horizontal' | 'vertical';
         "disabled": boolean;
-        "fullWidth": boolean | "flex";
+        "fullWidth": "flex" | "true" | "false";
         "gap": string;
-        "getCheckedList": () => Promise<any>;
-        "getValue": (name?: string) => Promise<any>;
+        /**
+          * @desc 
+          * @param name -
+          * @returns
+         */
+        "groupChecked": (name?: string) => Promise<boolean | Object | any[]>;
         "hidden": boolean;
         "indeterminate": boolean;
         "items": Array<object> | string;
@@ -153,29 +164,34 @@ export namespace Components {
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes;
+        "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": any;
     }
     interface BcmCheckboxLite {
-        "_id": string;
-        "captionType": StatusTypes;
+        "caption": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked": boolean;
         "disabled": boolean;
         "hidden": boolean;
-        "indeterminate": IndeterminateTypes;
+        "indeterminate": boolean;
+        "name": string;
+        "noCaption": boolean;
         "readOnly": boolean;
         "required": boolean;
+        /**
+          * Component Properties
+         */
+        "value": any;
     }
     interface BcmCollapse {
-        "_id": string;
         "borderless": boolean;
+        "collapseId": string;
         "hidden": boolean;
         "noBorder": boolean;
         "open": boolean;
     }
     interface BcmCollapseGroup {
-        "_id": string;
-        "active": (id: any) => Promise<void>;
         "borderless": boolean;
         "hidden": boolean;
         "multiple": boolean;
@@ -188,7 +204,7 @@ export namespace Components {
         "_color": string;
         "caption": string;
         "captionError": string;
-        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "disabled": boolean;
         "fullWidth": boolean;
         "getValue": () => Promise<string>;
@@ -199,6 +215,7 @@ export namespace Components {
         "required": boolean;
         "setColor": (color: string) => Promise<void>;
         "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": string;
     }
     interface BcmComment {
@@ -233,11 +250,14 @@ export namespace Components {
         "fullWidth": boolean;
         "hidden": boolean;
     }
+    interface BcmContent {
+        "hidden": boolean;
+    }
     interface BcmDatePicker {
         "_internal_id": string;
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
-        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "date": Date | string;
         "disabled": boolean;
         "disabledDates": any;
@@ -266,22 +286,22 @@ export namespace Components {
           * @desc 
           * @param value
          */
-        "set": (value: string) => Promise<void>;
+        "set": (value: any) => Promise<void>;
         "setClear": () => Promise<void>;
         /**
           * @desc 
           * @param disabled
          */
         "setDisabled": (disabled: boolean) => Promise<void>;
-        "setEndDate": (dateOrTime: any) => Promise<true | void>;
-        "setStartDate": (dateOrTime: any) => Promise<true | void>;
+        "setEndDate": (dateOrTime: any) => Promise<void>;
+        "setStartDate": (dateOrTime: any) => Promise<void>;
         "value": any;
     }
     interface BcmDatetimePicker {
         "_open": boolean;
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
-        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         /**
           * @desc
          */
@@ -323,7 +343,7 @@ export namespace Components {
           * @desc 
           * @param dateOrTime
          */
-        "set": (dateOrTime: string | Date) => Promise<void>;
+        "set": (dateOrTime: any) => Promise<void>;
         "setClear": () => Promise<void>;
         /**
           * @param 
@@ -334,64 +354,80 @@ export namespace Components {
         "value": any;
     }
     interface BcmDivider {
-        "direction": DirectionTypes;
+        "direction": 'vertical' | 'horizontal';
         "hidden": boolean;
+        "width": string;
     }
     interface BcmDropdown {
         "_id": string;
-        "size": SizeTypes;
+        "disabled": boolean;
+        "hidden": boolean;
+        "isOpen": boolean;
+        "size": any & SizeProp;
     }
     interface BcmDropdownButton {
         "_id": string;
-        "dataDismiss": boolean;
         "disabled": boolean;
-        "fullWidth": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
-        "iconPosition": IconPositionTypes;
         "isOpen": boolean;
-        "kind": KindTypes;
-        "loading": boolean;
+        /**
+          * Component Properties
+         */
+        "kind": KindProp;
+        "loading"?: boolean;
         "outline": boolean;
-        "size": SizeTypes;
+        "size": any & SizeProp;
         "target": string;
-        "type": 'dropdown' | 'split';
-        "value": string;
-        "variant": VariantProp;
+        "type": any;
     }
-    interface BcmDropdownItem {
+    interface BcmDropdownGroup {
         "_id": string;
+        /**
+          * Component Properties
+         */
         "_title": string;
         "direction": 'bottom' | 'right';
+        "hidden": boolean;
+        "open": boolean;
+        "size": any & SizeProp;
+    }
+    interface BcmDropdownItem {
+        "_id": string;
         "disabled": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
-        "itemObject": any;
-        "open": boolean;
-        "size": SizeTypes;
+        "size": any & SizeProp;
         "target": string;
     }
     interface BcmDropdownList {
-        "_id": string;
-        "hide": () => Promise<void>;
-        "items": Array<object> | string;
-        "show": () => Promise<void>;
-        "size": SizeTypes;
+        /**
+          * Component Properties
+         */
+        "_items": Array<object> | string;
+        "hidden": boolean;
+        "size": any & SizeProp;
     }
     interface BcmEmpty {
+        /**
+          * Component Properties
+         */
+        "_image": ImageProps;
         "hidden": boolean;
-        "image": ImageProps;
-        "size": SizeTypes;
+        "size": SizeProp;
         "text": string;
     }
     interface BcmErrorLayout {
         "clear": () => Promise<void>;
         "hidden": boolean;
-        "items": Array<object>;
+        "items": Array<object> | string;
         "set": (val: any) => Promise<void>;
-        "size": SizeTypes;
+        "size": SizeProp;
+    }
+    interface BcmFooter {
+        "hidden": boolean;
     }
     interface BcmForm {
         "_id": string;
@@ -399,7 +435,7 @@ export namespace Components {
         "hidden": boolean;
         "name": string;
         "resetCaption": () => Promise<void>;
-        "setClear": () => Promise<void>;
+        "setClear": () => Promise<any[]>;
         "submit": () => Promise<any>;
         "validation": boolean;
         "value": any;
@@ -411,28 +447,28 @@ export namespace Components {
         "validation": boolean;
         "value": any;
     }
+    interface BcmHeader {
+        "hidden": boolean;
+    }
     interface BcmIcon {
-        "color": ColorPaletteTypes | 'currentColor';
         /**
           * Component Properties
          */
+        "color": ColorPaletteTypes | 'currentColor';
         "hidden": boolean;
         "hoverColor": ColorPaletteTypes | 'currentColor';
         "icon": string;
-        "size": number | PreDefinedIconSizes;
+        "size": SizePropOptions;
         "type": TypePropOptions;
     }
     interface BcmInput {
-        /**
-          * Props *
-         */
         "_id": string;
         "_internal_id": string;
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "clearable": boolean;
-        "decimal": boolean;
+        "decimal": any;
         "disableWatchValue": boolean;
         "disabled": boolean;
         "fullWidth": boolean;
@@ -446,19 +482,20 @@ export namespace Components {
         "noCaption": boolean;
         "noDefaultIcon": boolean;
         "noMargin": boolean;
-        "onBcmBlur": () => Promise<void>;
-        "onBcmFocus": () => Promise<void>;
-        "onBcmSelect": () => Promise<void>;
         "passwordToggle": boolean;
         "placeholder": string;
         "readonly": boolean;
+        "removeFocus": () => Promise<void>;
         "required": boolean;
         "resetCaption": () => Promise<void>;
+        "select": () => Promise<void>;
         "setClear": () => Promise<void>;
+        "setFocus": () => Promise<void>;
         "setValue": (value: any) => Promise<any>;
-        "size": SizeTypes;
+        "size": 'small' | 'medium' | 'large';
         "step": any;
-        "type": InputTypes;
+        "tooltip": string;
+        "type": string;
         "unit": string;
         "unitPrefix": string;
         "value": any;
@@ -473,15 +510,14 @@ export namespace Components {
         "htmlFor": any;
         "required": boolean;
         "size": FontSizesTypes;
-        "type": StatusTypes;
+        "tooltip": string;
+        "type": StatusTypes | any;
         "value": string;
     }
     interface BcmLink {
-        "disabled": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
-        "iconPosition": IconPositionTypes;
         "target": string;
     }
     interface BcmList {
@@ -578,6 +614,10 @@ export namespace Components {
           * @desc
          */
         "toggleChecked": (checkedItems?: Array<string> | string) => Promise<void>;
+        /**
+          * ***
+         */
+        "tooltip": string;
         "type": TypeProp;
         /**
           * @desc
@@ -590,49 +630,6 @@ export namespace Components {
         "variableText": string;
         "width": string;
     }
-    interface BcmList2 {
-        "_id": string;
-        "addChecked": (ids?: any[], save?: boolean) => Promise<any[]>;
-        "allOpen": boolean;
-        "caption": string;
-        "captionError": string;
-        "captionType": StatusTypes;
-        "checkboxes": boolean;
-        "clearable": boolean;
-        "data": any;
-        "disabled": boolean;
-        "favIcon": boolean;
-        "favIconOnlyChilds": any;
-        "fullWidth": boolean;
-        "getCheckedList": () => Promise<any[]>;
-        "getSelected": () => Promise<any[]>;
-        "getValue": () => Promise<any[]>;
-        "height": string;
-        "hidden": boolean;
-        "highlight": boolean;
-        "highlightText": any;
-        "infoFooter": boolean;
-        "label": string;
-        "linkedComponent": string;
-        "name": string;
-        "noCaption": boolean;
-        "placeholder": string;
-        "placement": PlacementTypes;
-        "readonly": boolean;
-        "required": boolean;
-        "searchable": boolean;
-        "selected": (id: any) => Promise<false | any[]>;
-        "setClear": (e?: any) => Promise<void>;
-        "showIcon": boolean;
-        "size": SizeTypes;
-        "template": string;
-        "treeview": boolean;
-        "type": 'listbox' | 'treeview' | 'select' | 'multiselect' | 'autocomplete';
-        "value": any[];
-        "valueCache": any[];
-        "variableText": string;
-        "width": string;
-    }
     interface BcmListItem {
         "_id": string;
         "_internal_id": string;
@@ -697,6 +694,7 @@ export namespace Components {
           * @desc
          */
         "toggle": (list?: "default" | "other") => Promise<void>;
+        "tooltip": string;
         "type": TypeProp;
         "value": any;
         "variableText": string;
@@ -708,7 +706,7 @@ export namespace Components {
         "addChecked": (items: any) => Promise<void>;
         "caption": string;
         "captionError": string;
-        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes": boolean;
         "checkedList": Array<any>;
         "clearAndSelectSearch": (select?: boolean) => Promise<void>;
@@ -747,6 +745,7 @@ export namespace Components {
         "showSearchMethod": (val?: boolean) => Promise<void>;
         "size": SizeProp;
         "template": string;
+        "tooltip": string;
         "treeview": boolean;
         "updateChecked": (items: any) => Promise<void>;
         "updateCheckedList": Array<any>;
@@ -809,98 +808,111 @@ export namespace Components {
         "selected": boolean;
     }
     interface BcmMessage {
-        "_id": string;
-        "fullWidth": boolean;
+        "fullWidth"?: boolean;
         "hidden": boolean;
+        /**
+          * @desc
+         */
         "hide": () => Promise<void>;
-        "loading": boolean;
-        "message": any;
-        "open": boolean;
+        "isShow": boolean;
+        "loading"?: boolean;
+        /**
+          * @desc
+         */
         "show": () => Promise<void>;
-        "status": StatusTypes;
+        /**
+          * Component Properties
+         */
+        "status"?: StatusProp;
     }
     interface BcmModal {
-        "backdrop": boolean | 'static';
+        /**
+          * Component Properties
+         */
+        "_id": string;
+        "backdrop": true | false | 'static';
+        "cancelText"?: string;
         "fullWidth": boolean;
-        "headerTitle": string;
-        "height": string;
+        "headerTitle"?: string;
         "hidden": boolean;
+        /**
+          * @desc
+         */
         "hide": () => Promise<void>;
         "isShow": boolean;
+        "okText"?: string;
+        /**
+          * @desc
+         */
         "show": () => Promise<void>;
-        "size": FullSizeTypes;
-        "width": string;
+        "size": SizeProp;
+        "status"?: StatusProp;
+        "type": TypeProp;
     }
     interface BcmNotification {
-        "_id": string;
-        "confirm": any;
-        "description": any;
+        /**
+          * Component Properties
+         */
+        "_title": string;
+        "confirmText": any;
         "hidden": boolean;
         /**
           * @desc
          */
         "hide": () => Promise<void>;
-        "loading": boolean;
-        "message": string;
-        "open": boolean;
+        "isShow": boolean;
         /**
           * @desc
          */
         "show": () => Promise<void>;
-        "status": StatusTypes;
+        "status"?: TypeProp;
     }
     interface BcmPopconfirm {
-        "_id": string;
+        "_internal_id": string;
         "cancelText": string;
         "hidden": boolean;
         "hide": () => Promise<void>;
         "message": string;
         "okeyText": string;
         "open": boolean;
-        "placement": PlacementTypes;
+        "placement": placementType;
         "show": () => Promise<void>;
         "status": 'warning' | 'error';
-        "trigger": TrigglerTypes;
+        "trigger": 'hover' | 'click' | 'focus';
     }
     interface BcmPopconfirmBox {
-        "_id": string;
         "_internal_id": string;
-        "_target_id": string;
         "cancelText": string;
         "hidden": boolean;
-        "hide": () => Promise<void>;
         "message": string;
         "okeyText": string;
         "open": boolean;
+        "openBox": (open: any) => Promise<void>;
         "placement": any;
-        "show": () => Promise<void>;
         "status": 'warning' | 'error';
     }
     interface BcmPopover {
-        "_id": string;
-        "_title": string;
+        "_internal_id": string;
+        "heading": string;
+        "hidden": boolean;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
-        "placement": PlacementTypes;
+        "placement": placementType;
         "show": () => Promise<void>;
-        "trigger": TrigglerTypes;
+        "trigger": 'hover' | 'click' | 'focus';
     }
     interface BcmPopoverBox {
-        "_id": string;
-        "_target_id": string;
-        "_title": string;
+        "heading": string;
         "hidden": boolean;
-        "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
+        "openBox": (open: any) => Promise<void>;
         "placement": any;
-        "show": () => Promise<void>;
     }
     interface BcmProgress {
         "decrement": (percent: number) => Promise<void>;
         "error": boolean;
-        "fullWidth": boolean;
         "hidden": boolean;
         "increment": (percent: number) => Promise<void>;
         "info": 'percent' | 'icon';
@@ -939,68 +951,51 @@ export namespace Components {
         "selected": boolean;
     }
     interface BcmRadio {
+        "buttonStyle": 'solid' | 'outline';
         /**
-          * Props *
+          * @desc 
+          * @param name -
+          * @returns
          */
-        "_id": string;
-        "buttonStyle": 'solid' | 'outline';
+        "check": (uncheck: boolean) => Promise<void>;
         "checked": boolean;
         "color": ColorPaletteTypes | 'default';
         "disabled": boolean;
         "hidden": boolean;
         "optionType": 'default' | 'button';
         "required": boolean;
-        "size": SizeTypes;
+        "size": 'small' | 'medium' | 'large';
         "value": string | number;
     }
     interface BcmRadioGroup {
-        "_id": string;
         "buttonStyle": 'solid' | 'outline';
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes;
-        "check": (item: any, checked?: boolean) => Promise<void>;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "check": (value: any) => Promise<void>;
         "defaultValue": string;
-        "direction": DirectionTypes;
+        "direction": 'vertical' | 'horizontal';
         "disabled": boolean;
-        "fullWidth": boolean | "flex";
-        "gap": string;
-        "getValue": () => Promise<any>;
+        "getValue": () => Promise<string | number>;
         "hidden": boolean;
-        "items": Array<object> | OptionType[] | string;
         "label": string;
         "name": string;
         "noCaption": boolean;
         "optionType": 'default' | 'button';
+        "options": OptionType[] | string;
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes;
+        "setData": (_data: OptionType[] | string) => Promise<boolean>;
+        "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": string | number;
     }
-    interface BcmRange {
-        "_id": string;
-        "_prefix": string;
-        "_suffix": string;
-        "direction": DirectionTypes;
-        "getValue": () => Promise<any>;
-        "height": string;
-        "max": number;
-        "min": number;
-        "name": string;
-        "resetCaption": () => Promise<boolean>;
-        "setClear": () => Promise<void>;
-        "setValue": (value: any) => Promise<any>;
-        "step": number;
-        "value": any;
-    }
     interface BcmResult {
-        "_id": string;
         "description": string;
+        "heading": string;
         "hidden": boolean;
-        "loading": boolean;
-        "message": string;
-        "status": StatusTypes;
+        "status": statusType;
     }
     interface BcmSearch {
         "_internal_id": string;
@@ -1019,19 +1014,6 @@ export namespace Components {
         "setClear": () => Promise<boolean>;
         "setValue": (value: any) => Promise<any>;
     }
-    interface BcmSearch2 {
-        "_id": string;
-        "clearable": boolean;
-        "data": any;
-        "disabled": boolean;
-        "handleClear": () => Promise<void>;
-        "limit": number;
-        "onBcmBlur": () => Promise<void>;
-        "onBcmFocus": () => Promise<void>;
-        "onBcmSelect": () => Promise<void>;
-        "placeholder": string;
-        "readonly": boolean;
-    }
     interface BcmSelect {
         "_data": any;
         "_id": string;
@@ -1041,7 +1023,7 @@ export namespace Components {
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
         "captionError": string;
-        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes": boolean;
         "clearAndSelectSearch": (select?: boolean) => Promise<void>;
         "clearable": boolean;
@@ -1060,7 +1042,7 @@ export namespace Components {
         "noCaption": boolean;
         "numberOfColumns": number;
         "placeholder": string;
-        "placement": PlacementTypes;
+        "placement": placementType;
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "scrollable": 'none' | 'vertical' | 'horizontal' | 'both';
@@ -1073,6 +1055,7 @@ export namespace Components {
         "setDataAsync": (_data?: Array<object> | string) => Promise<void>;
         "size": 'small' | 'medium' | 'large';
         "template": string;
+        "tooltip": string;
         "treeview": boolean;
         "updateChecked": (id?: any[]) => Promise<void>;
         "value": string;
@@ -1132,16 +1115,11 @@ export namespace Components {
         "userImage": string;
     }
     interface BcmSwitch {
-        /**
-          * Props *
-         */
-        "_id": string;
-        "_internal_id": string;
         "activeIcon": string;
         "activeText": string;
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked": boolean;
         "disabled": boolean;
         "hidden": boolean;
@@ -1151,12 +1129,12 @@ export namespace Components {
         "name": string;
         "noCaption": boolean;
         "pending": boolean;
-        "readOnly": boolean;
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": SizeTypes;
-        "value": boolean;
+        "size": 'small' | 'medium';
+        "tooltip": string;
+        "value": any;
     }
     interface BcmTab {
         "active": boolean;
@@ -1166,7 +1144,7 @@ export namespace Components {
         "disabled"?: boolean;
         "formControl": string;
         "hidden": boolean;
-        "status": StatusTypes;
+        "status": 'processing' | 'error' | 'warning' | 'success' | 'default';
         "tabId"?: string;
         /**
           * Component Properties
@@ -1213,31 +1191,24 @@ export namespace Components {
         "_id": string;
         "_internal_id": string;
         "checked": boolean;
-        "closeFunc": Function;
         "color": ColorPaletteTypes;
         "customStyle": any;
         "hidden": boolean;
-        "itemObject": string;
-        "selectFunc": Function;
-        "size": FontSizesTypes | number;
-        "type": TagTypes;
+        "maxWidth": boolean;
+        "size": number | string;
+        "type": string;
         "value": string;
     }
     interface BcmText {
-        "color": ColorPaletteTypes;
+        "color": string;
         "hidden": boolean;
-        "size": FontSizesTypes;
-        "weight": FontWeightTypes;
+        "scale": string;
+        "weight": 'regular' | 'semibold';
     }
     interface BcmTextarea {
-        /**
-          * Props *
-         */
-        "_id": string;
-        "_internal_id": string;
         "caption": string;
         "captionError": string;
-        "captionType": StatusTypes;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "clearable": boolean;
         "disabled": boolean;
         "fullWidth": boolean;
@@ -1247,24 +1218,24 @@ export namespace Components {
         "maxLength": number;
         "name": string;
         "noCaption": boolean;
-        "onBcmBlur": () => Promise<void>;
-        "onBcmFocus": () => Promise<void>;
-        "onBcmSelect": () => Promise<void>;
         "placeholder": string;
-        "readonly": boolean;
+        "removeFocus": () => Promise<void>;
         "required": boolean;
         "resetCaption": () => Promise<void>;
-        "resize": ResizeTypes | any;
+        "resize": 'vertical' | 'none' | 'auto';
         "rows": number;
+        "select": () => Promise<void>;
         "setClear": () => Promise<void>;
+        "setFocus": () => Promise<void>;
         "setValue": (value: any) => Promise<any>;
-        "size": SizeTypes;
+        "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
         "value": string;
     }
     interface BcmTimePicker {
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
-        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "disabled": boolean;
         "fullWidth": boolean;
         /**
@@ -1298,33 +1269,40 @@ export namespace Components {
         "value": any;
     }
     interface BcmTimeline {
+        "hidden": boolean;
+        /**
+          * Component Properties
+         */
         "icon": string;
         "type": 'left' | 'right' | 'alternate';
     }
     interface BcmTimelineItem {
+        /**
+          * Component Properties
+         */
+        "even": boolean;
+        "first": boolean;
+        "hidden": boolean;
         "icon": string;
+        "last": boolean;
+        "timelineType": 'left' | 'right' | 'alternate';
     }
     interface BcmTooltip {
-        "_id": string;
-        "color": ColorPaletteTypes;
+        "_internal_id": string;
         "hidden": boolean;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
-        "placement": PlacementTypes;
+        "placement": placementType;
         "show": () => Promise<void>;
-        "trigger": TrigglerTypes;
+        "trigger": 'hover' | 'click' | 'focus';
     }
     interface BcmTooltipBox {
-        "_id": string;
-        "_target_id": string;
-        "color": ColorPaletteTypes;
         "hidden": boolean;
-        "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
+        "openBox": (open: any) => Promise<void>;
         "placement": any;
-        "show": () => Promise<void>;
     }
     interface BcmTreeview {
         "_internal_id": string;
@@ -1515,6 +1493,12 @@ declare global {
         prototype: HTMLBcmCommentGroupElement;
         new (): HTMLBcmCommentGroupElement;
     };
+    interface HTMLBcmContentElement extends Components.BcmContent, HTMLStencilElement {
+    }
+    var HTMLBcmContentElement: {
+        prototype: HTMLBcmContentElement;
+        new (): HTMLBcmContentElement;
+    };
     interface HTMLBcmDatePickerElement extends Components.BcmDatePicker, HTMLStencilElement {
     }
     var HTMLBcmDatePickerElement: {
@@ -1545,6 +1529,12 @@ declare global {
         prototype: HTMLBcmDropdownButtonElement;
         new (): HTMLBcmDropdownButtonElement;
     };
+    interface HTMLBcmDropdownGroupElement extends Components.BcmDropdownGroup, HTMLStencilElement {
+    }
+    var HTMLBcmDropdownGroupElement: {
+        prototype: HTMLBcmDropdownGroupElement;
+        new (): HTMLBcmDropdownGroupElement;
+    };
     interface HTMLBcmDropdownItemElement extends Components.BcmDropdownItem, HTMLStencilElement {
     }
     var HTMLBcmDropdownItemElement: {
@@ -1569,6 +1559,12 @@ declare global {
         prototype: HTMLBcmErrorLayoutElement;
         new (): HTMLBcmErrorLayoutElement;
     };
+    interface HTMLBcmFooterElement extends Components.BcmFooter, HTMLStencilElement {
+    }
+    var HTMLBcmFooterElement: {
+        prototype: HTMLBcmFooterElement;
+        new (): HTMLBcmFooterElement;
+    };
     interface HTMLBcmFormElement extends Components.BcmForm, HTMLStencilElement {
     }
     var HTMLBcmFormElement: {
@@ -1581,6 +1577,12 @@ declare global {
         prototype: HTMLBcmFormGroupElement;
         new (): HTMLBcmFormGroupElement;
     };
+    interface HTMLBcmHeaderElement extends Components.BcmHeader, HTMLStencilElement {
+    }
+    var HTMLBcmHeaderElement: {
+        prototype: HTMLBcmHeaderElement;
+        new (): HTMLBcmHeaderElement;
+    };
     interface HTMLBcmIconElement extends Components.BcmIcon, HTMLStencilElement {
     }
     var HTMLBcmIconElement: {
@@ -1611,12 +1613,6 @@ declare global {
         prototype: HTMLBcmListElement;
         new (): HTMLBcmListElement;
     };
-    interface HTMLBcmList2Element extends Components.BcmList2, HTMLStencilElement {
-    }
-    var HTMLBcmList2Element: {
-        prototype: HTMLBcmList2Element;
-        new (): HTMLBcmList2Element;
-    };
     interface HTMLBcmListItemElement extends Components.BcmListItem, HTMLStencilElement {
     }
     var HTMLBcmListItemElement: {
@@ -1743,12 +1739,6 @@ declare global {
         prototype: HTMLBcmRadioGroupElement;
         new (): HTMLBcmRadioGroupElement;
     };
-    interface HTMLBcmRangeElement extends Components.BcmRange, HTMLStencilElement {
-    }
-    var HTMLBcmRangeElement: {
-        prototype: HTMLBcmRangeElement;
-        new (): HTMLBcmRangeElement;
-    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -1761,12 +1751,6 @@ declare global {
         prototype: HTMLBcmSearchElement;
         new (): HTMLBcmSearchElement;
     };
-    interface HTMLBcmSearch2Element extends Components.BcmSearch2, HTMLStencilElement {
-    }
-    var HTMLBcmSearch2Element: {
-        prototype: HTMLBcmSearch2Element;
-        new (): HTMLBcmSearch2Element;
-    };
     interface HTMLBcmSelectElement extends Components.BcmSelect, HTMLStencilElement {
     }
     var HTMLBcmSelectElement: {
@@ -1930,23 +1914,26 @@ declare global {
         "bcm-comment": HTMLBcmCommentElement;
         "bcm-comment-editor": HTMLBcmCommentEditorElement;
         "bcm-comment-group": HTMLBcmCommentGroupElement;
+        "bcm-content": HTMLBcmContentElement;
         "bcm-date-picker": HTMLBcmDatePickerElement;
         "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
         "bcm-divider": HTMLBcmDividerElement;
         "bcm-dropdown": HTMLBcmDropdownElement;
         "bcm-dropdown-button": HTMLBcmDropdownButtonElement;
+        "bcm-dropdown-group": HTMLBcmDropdownGroupElement;
         "bcm-dropdown-item": HTMLBcmDropdownItemElement;
         "bcm-dropdown-list": HTMLBcmDropdownListElement;
         "bcm-empty": HTMLBcmEmptyElement;
         "bcm-error-layout": HTMLBcmErrorLayoutElement;
+        "bcm-footer": HTMLBcmFooterElement;
         "bcm-form": HTMLBcmFormElement;
         "bcm-form-group": HTMLBcmFormGroupElement;
+        "bcm-header": HTMLBcmHeaderElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
         "bcm-label": HTMLBcmLabelElement;
         "bcm-link": HTMLBcmLinkElement;
         "bcm-list": HTMLBcmListElement;
-        "bcm-list-2": HTMLBcmList2Element;
         "bcm-list-item": HTMLBcmListItemElement;
         "bcm-list-select": HTMLBcmListSelectElement;
         "bcm-listbox": HTMLBcmListboxElement;
@@ -1968,10 +1955,8 @@ declare global {
         "bcm-pulldown-item": HTMLBcmPulldownItemElement;
         "bcm-radio": HTMLBcmRadioElement;
         "bcm-radio-group": HTMLBcmRadioGroupElement;
-        "bcm-range": HTMLBcmRangeElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-search": HTMLBcmSearchElement;
-        "bcm-search-2": HTMLBcmSearch2Element;
         "bcm-select": HTMLBcmSelectElement;
         "bcm-select-box": HTMLBcmSelectBoxElement;
         "bcm-select-group": HTMLBcmSelectGroupElement;
@@ -2000,15 +1985,16 @@ declare global {
 }
 declare namespace LocalJSX {
     interface BcmAlert {
-        "_id"?: string;
+        /**
+          * Component Properties
+         */
+        "_title"?: string;
         "bigIcon"?: boolean;
-        "description"?: any;
-        "dismissable"?: any;
+        "dissmisable"?: string | boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
         "icon"?: boolean;
-        "message"?: any;
-        "onBcm-alert-dismissable"?: (event: CustomEvent<any>) => void;
+        "onBcm-alert-dissmisable"?: (event: CustomEvent<any>) => void;
         "status"?: StatusProp;
         "type"?: TypeProp;
     }
@@ -2024,47 +2010,41 @@ declare namespace LocalJSX {
         "searchText"?: string;
     }
     interface BcmAvatar {
-        "_id"?: string;
         "alt"?: string;
         "hidden"?: boolean;
         "image"?: string;
         "name"?: string;
-        "shape"?: ShapeTypes;
-        "size"?: SizeTypes;
-        "type"?: "button" | "div";
+        "plate"?: 'ellipse' | 'square';
+        "size"?: 'small' | 'medium' | 'large' | string;
+        "type"?: 'normal' | 'button';
     }
     interface BcmBadge {
-        "_id"?: string;
-        "_slot"?: any;
-        "blink"?: boolean;
         "color"?: string;
         "hidden"?: boolean;
-        "size"?: SizeTypes;
-        "status"?: StatusTypes;
-        "value"?: string;
+        "size"?: SizeProp;
+        "status"?: string;
+        "type"?: 'basic' | 'info';
+        "value"?: number;
     }
     interface BcmBreadcrumb {
         "hidden"?: boolean;
         "items"?: Array<ItemType>;
         "onBcm-breadcrumb-click"?: (event: CustomEvent<any>) => void;
-        "seperator"?: string;
     }
     interface BcmButton {
-        "_id"?: string;
         "dataDismiss"?: boolean;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
-        "iconPosition"?: IconPositionTypes;
-        "kind"?: KindTypes;
+        "iconPosition"?: IconPositionProp;
+        "kind"?: KindProp;
         "loading"?: boolean;
         "outline"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: SizeProp;
         "target"?: string;
-        "type"?: ButtonTypes;
-        "value"?: string;
+        "type"?: TypeProp;
         "variant"?: VariantProp;
     }
     interface BcmCard {
@@ -2076,47 +2056,42 @@ declare namespace LocalJSX {
     interface BcmCardHeader {
     }
     interface BcmCheckbox {
-        /**
-          * Props *
-         */
-        "_id"?: string;
-        "_internal_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked"?: boolean;
         "color"?: ColorPaletteTypes | 'default';
         "disabled"?: boolean;
         "hidden"?: boolean;
-        /**
-          * Component Properties
-         */
-        "inGroup"?: boolean;
-        "indeterminate"?: IndeterminateTypes;
-        "label"?: string;
         "name"?: string;
         "noCaption"?: boolean;
+        /**
+          * Component Events
+         */
         "onBcm-blur"?: (event: CustomEvent<any>) => void;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
-        "onBcm-change-checkbox"?: (event: CustomEvent<any>) => void;
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "optionType"?: 'default' | 'button';
         "readOnly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes;
-        "value"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Component Properties
+         */
+        "value"?: any;
     }
     interface BcmCheckboxGroup {
-        "_id"?: string;
-        "_internal_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
-        "captionType"?: StatusTypes;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "defaultValue"?: string;
-        "direction"?: DirectionTypes;
+        /**
+          * Component Properties
+         */
+        "direction"?: 'horizontal' | 'vertical';
         "disabled"?: boolean;
-        "fullWidth"?: boolean | "flex";
+        "fullWidth"?: "flex" | "true" | "false";
         "gap"?: string;
         "hidden"?: boolean;
         "indeterminate"?: boolean;
@@ -2124,33 +2099,42 @@ declare namespace LocalJSX {
         "label"?: string;
         "name"?: string;
         "noCaption"?: boolean;
-        "onBcm-change"?: (event: CustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-group-change"?: (event: CustomEvent<any>) => void;
         "onBcm-group-checked-list"?: (event: CustomEvent<any>) => void;
         "optionType"?: 'default' | 'button';
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: any;
     }
     interface BcmCheckboxLite {
-        "_id"?: string;
-        "captionType"?: StatusTypes;
+        "caption"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked"?: boolean;
         "disabled"?: boolean;
         "hidden"?: boolean;
-        "indeterminate"?: IndeterminateTypes;
+        "indeterminate"?: boolean;
+        "name"?: string;
+        "noCaption"?: boolean;
         "readOnly"?: boolean;
         "required"?: boolean;
+        /**
+          * Component Properties
+         */
+        "value"?: any;
     }
     interface BcmCollapse {
-        "_id"?: string;
         "borderless"?: boolean;
+        "collapseId"?: string;
         "hidden"?: boolean;
         "noBorder"?: boolean;
         "onBcm-collapse-open"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
     }
     interface BcmCollapseGroup {
-        "_id"?: string;
         "borderless"?: boolean;
         "hidden"?: boolean;
         "multiple"?: boolean;
@@ -2163,7 +2147,7 @@ declare namespace LocalJSX {
         "_color"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "disabled"?: boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
@@ -2176,6 +2160,7 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "required"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: string;
     }
     interface BcmComment {
@@ -2219,11 +2204,14 @@ declare namespace LocalJSX {
         "fullWidth"?: boolean;
         "hidden"?: boolean;
     }
+    interface BcmContent {
+        "hidden"?: boolean;
+    }
     interface BcmDatePicker {
         "_internal_id"?: string;
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
-        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "date"?: Date | string;
         "disabled"?: boolean;
         "disabledDates"?: any;
@@ -2241,7 +2229,7 @@ declare namespace LocalJSX {
         "_open"?: boolean;
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
-        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         /**
           * Component Properties
          */
@@ -2266,62 +2254,97 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface BcmDivider {
-        "direction"?: DirectionTypes;
+        "direction"?: 'vertical' | 'horizontal';
         "hidden"?: boolean;
+        "width"?: string;
     }
     interface BcmDropdown {
         "_id"?: string;
-        "size"?: SizeTypes;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "isOpen"?: boolean;
+        "onBcm-dropdown-item-selected"?: (event: CustomEvent<any>) => void;
+        "onBcm-dropdown-open"?: (event: CustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-dropdown-root-group-open"?: (event: CustomEvent<any>) => void;
+        "size"?: any & SizeProp;
     }
     interface BcmDropdownButton {
         "_id"?: string;
-        "dataDismiss"?: boolean;
         "disabled"?: boolean;
-        "fullWidth"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
-        "iconPosition"?: IconPositionTypes;
         "isOpen"?: boolean;
-        "kind"?: KindTypes;
+        /**
+          * Component Properties
+         */
+        "kind"?: KindProp;
         "loading"?: boolean;
+        "onBcm-dropdown-item-selected"?: (event: CustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-dropdown-open"?: (event: CustomEvent<any>) => void;
         "outline"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: any & SizeProp;
         "target"?: string;
-        "type"?: 'dropdown' | 'split';
-        "value"?: string;
-        "variant"?: VariantProp;
+        "type"?: any;
     }
-    interface BcmDropdownItem {
+    interface BcmDropdownGroup {
         "_id"?: string;
+        /**
+          * Component Properties
+         */
         "_title"?: string;
         "direction"?: 'bottom' | 'right';
+        "hidden"?: boolean;
+        /**
+          * Component Events
+         */
+        "onBcm-dropdown-root-group-open"?: (event: CustomEvent<any>) => void;
+        "open"?: boolean;
+        "size"?: any & SizeProp;
+    }
+    interface BcmDropdownItem {
+        "_id"?: string;
         "disabled"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
-        "itemObject"?: any;
+        /**
+          * Component Events
+         */
         "onBcm-dropdown-item-selected"?: (event: CustomEvent<any>) => void;
-        "onBcm-dropdown-root-group-open"?: (event: CustomEvent<any>) => void;
-        "open"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: any & SizeProp;
         "target"?: string;
     }
     interface BcmDropdownList {
-        "_id"?: string;
-        "items"?: Array<object> | string;
-        "size"?: SizeTypes;
+        /**
+          * Component Properties
+         */
+        "_items"?: Array<object> | string;
+        "hidden"?: boolean;
+        "size"?: any & SizeProp;
     }
     interface BcmEmpty {
+        /**
+          * Component Properties
+         */
+        "_image"?: ImageProps;
         "hidden"?: boolean;
-        "image"?: ImageProps;
-        "size"?: SizeTypes;
+        "size"?: SizeProp;
         "text"?: string;
     }
     interface BcmErrorLayout {
         "hidden"?: boolean;
-        "items"?: Array<object>;
-        "size"?: SizeTypes;
+        "items"?: Array<object> | string;
+        "size"?: SizeProp;
+    }
+    interface BcmFooter {
+        "hidden"?: boolean;
     }
     interface BcmForm {
         "_id"?: string;
@@ -2338,28 +2361,28 @@ declare namespace LocalJSX {
         "validation"?: boolean;
         "value"?: any;
     }
+    interface BcmHeader {
+        "hidden"?: boolean;
+    }
     interface BcmIcon {
-        "color"?: ColorPaletteTypes | 'currentColor';
         /**
           * Component Properties
          */
+        "color"?: ColorPaletteTypes | 'currentColor';
         "hidden"?: boolean;
         "hoverColor"?: ColorPaletteTypes | 'currentColor';
         "icon"?: string;
-        "size"?: number | PreDefinedIconSizes;
+        "size"?: SizePropOptions;
         "type"?: TypePropOptions;
     }
     interface BcmInput {
-        /**
-          * Props *
-         */
         "_id"?: string;
         "_internal_id"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "clearable"?: boolean;
-        "decimal"?: boolean;
+        "decimal"?: any;
         "disableWatchValue"?: boolean;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
@@ -2375,18 +2398,16 @@ declare namespace LocalJSX {
         "onBcm-blur"?: (event: CustomEvent<any>) => void;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-clear"?: (event: CustomEvent<any>) => void;
-        /**
-          * Events *
-         */
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "onBcm-input"?: (event: CustomEvent<any>) => void;
         "passwordToggle"?: boolean;
         "placeholder"?: string;
         "readonly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: 'small' | 'medium' | 'large';
         "step"?: any;
-        "type"?: InputTypes;
+        "tooltip"?: string;
+        "type"?: string;
         "unit"?: string;
         "unitPrefix"?: string;
         "value"?: any;
@@ -2401,15 +2422,14 @@ declare namespace LocalJSX {
         "htmlFor"?: any;
         "required"?: boolean;
         "size"?: FontSizesTypes;
-        "type"?: StatusTypes;
+        "tooltip"?: string;
+        "type"?: StatusTypes | any;
         "value"?: string;
     }
     interface BcmLink {
-        "disabled"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
-        "iconPosition"?: IconPositionTypes;
         "target"?: string;
     }
     interface BcmList {
@@ -2440,9 +2460,6 @@ declare namespace LocalJSX {
         "noCaption"?: boolean;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-list-checklist"?: (event: CustomEvent<any>) => void;
-        /**
-          * ***
-         */
         "onBcm-list-selected"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
         "processType"?: ProcessTypeProp;
@@ -2454,6 +2471,10 @@ declare namespace LocalJSX {
         "searchable"?: boolean;
         "selectedId"?: string;
         "size"?: SizeProp;
+        /**
+          * ***
+         */
+        "tooltip"?: string;
         "type"?: TypeProp;
         "value"?: any;
         /**
@@ -2462,46 +2483,6 @@ declare namespace LocalJSX {
         "variableText"?: string;
         "width"?: string;
     }
-    interface BcmList2 {
-        "_id"?: string;
-        "allOpen"?: boolean;
-        "caption"?: string;
-        "captionError"?: string;
-        "captionType"?: StatusTypes;
-        "checkboxes"?: boolean;
-        "clearable"?: boolean;
-        "data"?: any;
-        "disabled"?: boolean;
-        "favIcon"?: boolean;
-        "favIconOnlyChilds"?: any;
-        "fullWidth"?: boolean;
-        "height"?: string;
-        "hidden"?: boolean;
-        "highlight"?: boolean;
-        "highlightText"?: any;
-        "infoFooter"?: boolean;
-        "label"?: string;
-        "linkedComponent"?: string;
-        "name"?: string;
-        "noCaption"?: boolean;
-        "onBcm-change"?: (event: CustomEvent<any>) => void;
-        "onBcm-checklist"?: (event: CustomEvent<any>) => void;
-        "onBcm-selected"?: (event: CustomEvent<any>) => void;
-        "placeholder"?: string;
-        "placement"?: PlacementTypes;
-        "readonly"?: boolean;
-        "required"?: boolean;
-        "searchable"?: boolean;
-        "showIcon"?: boolean;
-        "size"?: SizeTypes;
-        "template"?: string;
-        "treeview"?: boolean;
-        "type"?: 'listbox' | 'treeview' | 'select' | 'multiselect' | 'autocomplete';
-        "value"?: any[];
-        "valueCache"?: any[];
-        "variableText"?: string;
-        "width"?: string;
-    }
     interface BcmListItem {
         "_id"?: string;
         "_internal_id"?: string;
@@ -2540,6 +2521,7 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "searchData"?: any;
         "size"?: SizeProp;
+        "tooltip"?: string;
         "type"?: TypeProp;
         "value"?: any;
         "variableText"?: string;
@@ -2550,7 +2532,7 @@ declare namespace LocalJSX {
         "_items"?: Array<object> | string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes"?: boolean;
         "checkedList"?: Array<any>;
         "fullWidth"?: boolean;
@@ -2589,6 +2571,7 @@ declare namespace LocalJSX {
         "showIcon"?: boolean;
         "size"?: SizeProp;
         "template"?: string;
+        "tooltip"?: string;
         "treeview"?: boolean;
         "updateCheckedList"?: Array<any>;
         "value"?: any;
@@ -2668,81 +2651,89 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface BcmMessage {
-        "_id"?: string;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
+        "isShow"?: boolean;
         "loading"?: boolean;
-        "message"?: any;
-        "open"?: boolean;
-        "status"?: StatusTypes;
+        /**
+          * Component Properties
+         */
+        "status"?: StatusProp;
     }
     interface BcmModal {
-        "backdrop"?: boolean | 'static';
+        /**
+          * Component Properties
+         */
+        "_id"?: string;
+        "backdrop"?: true | false | 'static';
+        "cancelText"?: string;
         "fullWidth"?: boolean;
         "headerTitle"?: string;
-        "height"?: string;
         "hidden"?: boolean;
         "isShow"?: boolean;
-        "onBeforeClose"?: (event: CustomEvent<any>) => void;
-        "onBeforeOpen"?: (event: CustomEvent<any>) => void;
-        "size"?: FullSizeTypes;
-        "width"?: string;
+        "okText"?: string;
+        "onBcm-cancel"?: (event: CustomEvent<any>) => void;
+        "onBcm-close"?: (event: CustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-ok"?: (event: CustomEvent<any>) => void;
+        "size"?: SizeProp;
+        "status"?: StatusProp;
+        "type"?: TypeProp;
     }
     interface BcmNotification {
-        "_id"?: string;
-        "confirm"?: any;
-        "description"?: any;
+        /**
+          * Component Properties
+         */
+        "_title"?: string;
+        "confirmText"?: any;
         "hidden"?: boolean;
-        "loading"?: boolean;
-        "message"?: string;
+        "isShow"?: boolean;
         /**
           * Component Events
          */
         "onBcm-confirm"?: (event: CustomEvent<any>) => void;
-        "open"?: boolean;
-        "status"?: StatusTypes;
+        "status"?: TypeProp;
     }
     interface BcmPopconfirm {
-        "_id"?: string;
+        "_internal_id"?: string;
         "cancelText"?: string;
         "hidden"?: boolean;
         "message"?: string;
         "okeyText"?: string;
+        "onBcm-confirm"?: (event: CustomEvent<any>) => void;
         "onBcm-hide"?: (event: CustomEvent<any>) => void;
         "onBcm-show"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
-        "placement"?: PlacementTypes;
+        "placement"?: placementType;
         "status"?: 'warning' | 'error';
-        "trigger"?: TrigglerTypes;
+        "trigger"?: 'hover' | 'click' | 'focus';
     }
     interface BcmPopconfirmBox {
-        "_id"?: string;
         "_internal_id"?: string;
-        "_target_id"?: string;
         "cancelText"?: string;
         "hidden"?: boolean;
         "message"?: string;
         "okeyText"?: string;
-        "onBcm-cancel"?: (event: CustomEvent<any>) => void;
-        "onBcm-confirm"?: (event: CustomEvent<any>) => void;
+        "onBcm-confirm-internal"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
         "placement"?: any;
         "status"?: 'warning' | 'error';
     }
     interface BcmPopover {
-        "_id"?: string;
-        "_title"?: string;
+        "_internal_id"?: string;
+        "heading"?: string;
+        "hidden"?: boolean;
         "message"?: string;
         "onBcm-hide"?: (event: CustomEvent<any>) => void;
         "onBcm-show"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
-        "placement"?: PlacementTypes;
-        "trigger"?: TrigglerTypes;
+        "placement"?: placementType;
+        "trigger"?: 'hover' | 'click' | 'focus';
     }
     interface BcmPopoverBox {
-        "_id"?: string;
-        "_target_id"?: string;
-        "_title"?: string;
+        "heading"?: string;
         "hidden"?: boolean;
         "message"?: string;
         "open"?: boolean;
@@ -2750,7 +2741,6 @@ declare namespace LocalJSX {
     }
     interface BcmProgress {
         "error"?: boolean;
-        "fullWidth"?: boolean;
         "hidden"?: boolean;
         "info"?: 'percent' | 'icon';
         "percent"?: number;
@@ -2798,10 +2788,6 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface BcmRadio {
-        /**
-          * Props *
-         */
-        "_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "checked"?: boolean;
         "color"?: ColorPaletteTypes | 'default';
@@ -2812,51 +2798,34 @@ declare namespace LocalJSX {
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "optionType"?: 'default' | 'button';
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: 'small' | 'medium' | 'large';
         "value"?: string | number;
     }
     interface BcmRadioGroup {
-        "_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "defaultValue"?: string;
-        "direction"?: DirectionTypes;
+        "direction"?: 'vertical' | 'horizontal';
         "disabled"?: boolean;
-        "fullWidth"?: boolean | "flex";
-        "gap"?: string;
         "hidden"?: boolean;
-        "items"?: Array<object> | OptionType[] | string;
         "label"?: string;
         "name"?: string;
         "noCaption"?: boolean;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "optionType"?: 'default' | 'button';
+        "options"?: OptionType[] | string;
         "required"?: boolean;
-        "size"?: SizeTypes;
+        "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: string | number;
     }
-    interface BcmRange {
-        "_id"?: string;
-        "_prefix"?: string;
-        "_suffix"?: string;
-        "direction"?: DirectionTypes;
-        "height"?: string;
-        "max"?: number;
-        "min"?: number;
-        "name"?: string;
-        "onBcm-change"?: (event: CustomEvent<any>) => void;
-        "step"?: number;
-        "value"?: any;
-    }
     interface BcmResult {
-        "_id"?: string;
         "description"?: string;
+        "heading"?: string;
         "hidden"?: boolean;
-        "loading"?: boolean;
-        "message"?: string;
-        "status"?: StatusTypes;
+        "status"?: statusType;
     }
     interface BcmSearch {
         "_internal_id"?: string;
@@ -2873,16 +2842,6 @@ declare namespace LocalJSX {
         "searchSub"?: string;
         "searchValue"?: string;
     }
-    interface BcmSearch2 {
-        "_id"?: string;
-        "clearable"?: boolean;
-        "data"?: any;
-        "disabled"?: boolean;
-        "limit"?: number;
-        "onBcm-on-search"?: (event: CustomEvent<any>) => void;
-        "placeholder"?: string;
-        "readonly"?: boolean;
-    }
     interface BcmSelect {
         "_data"?: any;
         "_id"?: string;
@@ -2891,7 +2850,7 @@ declare namespace LocalJSX {
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes"?: boolean;
         "clearable"?: boolean;
         "defaultValue"?: string;
@@ -2912,7 +2871,7 @@ declare namespace LocalJSX {
         "onBcm-listbox-send-check"?: (event: CustomEvent<any>) => void;
         "onBcm-listbox-unchecked"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
-        "placement"?: PlacementTypes;
+        "placement"?: placementType;
         "required"?: boolean;
         "scrollable"?: 'none' | 'vertical' | 'horizontal' | 'both';
         "search"?: boolean;
@@ -2920,6 +2879,7 @@ declare namespace LocalJSX {
         "searchable"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
         "template"?: string;
+        "tooltip"?: string;
         "treeview"?: boolean;
         "value"?: string;
         "value2"?: string;
@@ -2985,16 +2945,11 @@ declare namespace LocalJSX {
         "userImage"?: string;
     }
     interface BcmSwitch {
-        /**
-          * Props *
-         */
-        "_id"?: string;
-        "_internal_id"?: string;
         "activeIcon"?: string;
         "activeText"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked"?: boolean;
         "disabled"?: boolean;
         "hidden"?: boolean;
@@ -3007,10 +2962,10 @@ declare namespace LocalJSX {
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "pending"?: boolean;
-        "readOnly"?: boolean;
         "required"?: boolean;
-        "size"?: SizeTypes;
-        "value"?: boolean;
+        "size"?: 'small' | 'medium';
+        "tooltip"?: string;
+        "value"?: any;
     }
     interface BcmTab {
         "active"?: boolean;
@@ -3025,7 +2980,7 @@ declare namespace LocalJSX {
          */
         "onBcm-click"?: (event: CustomEvent<any>) => void;
         "onBcm-close"?: (event: CustomEvent<any>) => void;
-        "status"?: StatusTypes;
+        "status"?: 'processing' | 'error' | 'warning' | 'success' | 'default';
         "tabId"?: string;
         /**
           * Component Properties
@@ -3066,34 +3021,26 @@ declare namespace LocalJSX {
         "_id"?: string;
         "_internal_id"?: string;
         "checked"?: boolean;
-        "closeFunc"?: Function;
         "color"?: ColorPaletteTypes;
         "customStyle"?: any;
         "hidden"?: boolean;
-        "itemObject"?: string;
-        "onBcm-change"?: (event: CustomEvent<any>) => void;
-        "onBcm-tag-dismissable"?: (event: CustomEvent<any>) => void;
-        "onBcm-tag-select"?: (event: CustomEvent<any>) => void;
-        "selectFunc"?: Function;
-        "size"?: FontSizesTypes | number;
-        "type"?: TagTypes;
+        "maxWidth"?: boolean;
+        "onBcm-tag-checked-change"?: (event: CustomEvent<object>) => void;
+        "onBcm-tag-dissmisable"?: (event: CustomEvent<any>) => void;
+        "size"?: number | string;
+        "type"?: string;
         "value"?: string;
     }
     interface BcmText {
-        "color"?: ColorPaletteTypes;
+        "color"?: string;
         "hidden"?: boolean;
-        "size"?: FontSizesTypes;
-        "weight"?: FontWeightTypes;
+        "scale"?: string;
+        "weight"?: 'regular' | 'semibold';
     }
     interface BcmTextarea {
-        /**
-          * Props *
-         */
-        "_id"?: string;
-        "_internal_id"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: StatusTypes;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "clearable"?: boolean;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
@@ -3108,17 +3055,17 @@ declare namespace LocalJSX {
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "onBcm-input"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
-        "readonly"?: boolean;
         "required"?: boolean;
-        "resize"?: ResizeTypes | any;
+        "resize"?: 'vertical' | 'none' | 'auto';
         "rows"?: number;
-        "size"?: SizeTypes;
+        "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
         "value"?: string;
     }
     interface BcmTimePicker {
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
-        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "disabled"?: boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
@@ -3130,27 +3077,35 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface BcmTimeline {
+        "hidden"?: boolean;
+        /**
+          * Component Properties
+         */
         "icon"?: string;
         "type"?: 'left' | 'right' | 'alternate';
     }
     interface BcmTimelineItem {
+        /**
+          * Component Properties
+         */
+        "even"?: boolean;
+        "first"?: boolean;
+        "hidden"?: boolean;
         "icon"?: string;
+        "last"?: boolean;
+        "timelineType"?: 'left' | 'right' | 'alternate';
     }
     interface BcmTooltip {
-        "_id"?: string;
-        "color"?: ColorPaletteTypes;
+        "_internal_id"?: string;
         "hidden"?: boolean;
         "message"?: string;
         "onBcm-hide"?: (event: CustomEvent<any>) => void;
         "onBcm-show"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
-        "placement"?: PlacementTypes;
-        "trigger"?: TrigglerTypes;
+        "placement"?: placementType;
+        "trigger"?: 'hover' | 'click' | 'focus';
     }
     interface BcmTooltipBox {
-        "_id"?: string;
-        "_target_id"?: string;
-        "color"?: ColorPaletteTypes;
         "hidden"?: boolean;
         "message"?: string;
         "open"?: boolean;
@@ -3267,23 +3222,26 @@ declare namespace LocalJSX {
         "bcm-comment": BcmComment;
         "bcm-comment-editor": BcmCommentEditor;
         "bcm-comment-group": BcmCommentGroup;
+        "bcm-content": BcmContent;
         "bcm-date-picker": BcmDatePicker;
         "bcm-datetime-picker": BcmDatetimePicker;
         "bcm-divider": BcmDivider;
         "bcm-dropdown": BcmDropdown;
         "bcm-dropdown-button": BcmDropdownButton;
+        "bcm-dropdown-group": BcmDropdownGroup;
         "bcm-dropdown-item": BcmDropdownItem;
         "bcm-dropdown-list": BcmDropdownList;
         "bcm-empty": BcmEmpty;
         "bcm-error-layout": BcmErrorLayout;
+        "bcm-footer": BcmFooter;
         "bcm-form": BcmForm;
         "bcm-form-group": BcmFormGroup;
+        "bcm-header": BcmHeader;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
         "bcm-label": BcmLabel;
         "bcm-link": BcmLink;
         "bcm-list": BcmList;
-        "bcm-list-2": BcmList2;
         "bcm-list-item": BcmListItem;
         "bcm-list-select": BcmListSelect;
         "bcm-listbox": BcmListbox;
@@ -3305,10 +3263,8 @@ declare namespace LocalJSX {
         "bcm-pulldown-item": BcmPulldownItem;
         "bcm-radio": BcmRadio;
         "bcm-radio-group": BcmRadioGroup;
-        "bcm-range": BcmRange;
         "bcm-result": BcmResult;
         "bcm-search": BcmSearch;
-        "bcm-search-2": BcmSearch2;
         "bcm-select": BcmSelect;
         "bcm-select-box": BcmSelectBox;
         "bcm-select-group": BcmSelectGroup;
@@ -3357,23 +3313,26 @@ declare module "@stencil/core" {
             "bcm-comment": LocalJSX.BcmComment & JSXBase.HTMLAttributes<HTMLBcmCommentElement>;
             "bcm-comment-editor": LocalJSX.BcmCommentEditor & JSXBase.HTMLAttributes<HTMLBcmCommentEditorElement>;
             "bcm-comment-group": LocalJSX.BcmCommentGroup & JSXBase.HTMLAttributes<HTMLBcmCommentGroupElement>;
+            "bcm-content": LocalJSX.BcmContent & JSXBase.HTMLAttributes<HTMLBcmContentElement>;
             "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
             "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
             "bcm-divider": LocalJSX.BcmDivider & JSXBase.HTMLAttributes<HTMLBcmDividerElement>;
             "bcm-dropdown": LocalJSX.BcmDropdown & JSXBase.HTMLAttributes<HTMLBcmDropdownElement>;
             "bcm-dropdown-button": LocalJSX.BcmDropdownButton & JSXBase.HTMLAttributes<HTMLBcmDropdownButtonElement>;
+            "bcm-dropdown-group": LocalJSX.BcmDropdownGroup & JSXBase.HTMLAttributes<HTMLBcmDropdownGroupElement>;
             "bcm-dropdown-item": LocalJSX.BcmDropdownItem & JSXBase.HTMLAttributes<HTMLBcmDropdownItemElement>;
             "bcm-dropdown-list": LocalJSX.BcmDropdownList & JSXBase.HTMLAttributes<HTMLBcmDropdownListElement>;
             "bcm-empty": LocalJSX.BcmEmpty & JSXBase.HTMLAttributes<HTMLBcmEmptyElement>;
             "bcm-error-layout": LocalJSX.BcmErrorLayout & JSXBase.HTMLAttributes<HTMLBcmErrorLayoutElement>;
+            "bcm-footer": LocalJSX.BcmFooter & JSXBase.HTMLAttributes<HTMLBcmFooterElement>;
             "bcm-form": LocalJSX.BcmForm & JSXBase.HTMLAttributes<HTMLBcmFormElement>;
             "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
+            "bcm-header": LocalJSX.BcmHeader & JSXBase.HTMLAttributes<HTMLBcmHeaderElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
             "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
             "bcm-link": LocalJSX.BcmLink & JSXBase.HTMLAttributes<HTMLBcmLinkElement>;
             "bcm-list": LocalJSX.BcmList & JSXBase.HTMLAttributes<HTMLBcmListElement>;
-            "bcm-list-2": LocalJSX.BcmList2 & JSXBase.HTMLAttributes<HTMLBcmList2Element>;
             "bcm-list-item": LocalJSX.BcmListItem & JSXBase.HTMLAttributes<HTMLBcmListItemElement>;
             "bcm-list-select": LocalJSX.BcmListSelect & JSXBase.HTMLAttributes<HTMLBcmListSelectElement>;
             "bcm-listbox": LocalJSX.BcmListbox & JSXBase.HTMLAttributes<HTMLBcmListboxElement>;
@@ -3395,10 +3354,8 @@ declare module "@stencil/core" {
             "bcm-pulldown-item": LocalJSX.BcmPulldownItem & JSXBase.HTMLAttributes<HTMLBcmPulldownItemElement>;
             "bcm-radio": LocalJSX.BcmRadio & JSXBase.HTMLAttributes<HTMLBcmRadioElement>;
             "bcm-radio-group": LocalJSX.BcmRadioGroup & JSXBase.HTMLAttributes<HTMLBcmRadioGroupElement>;
-            "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;
-            "bcm-search-2": LocalJSX.BcmSearch2 & JSXBase.HTMLAttributes<HTMLBcmSearch2Element>;
             "bcm-select": LocalJSX.BcmSelect & JSXBase.HTMLAttributes<HTMLBcmSelectElement>;
             "bcm-select-box": LocalJSX.BcmSelectBox & JSXBase.HTMLAttributes<HTMLBcmSelectBoxElement>;
             "bcm-select-group": LocalJSX.BcmSelectGroup & JSXBase.HTMLAttributes<HTMLBcmSelectGroupElement>;