bromcom-ui 2.3.66 → 2.3.70

package/dist/types/components.d.ts

@@ -6,44 +6,34 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/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 { 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 { LikeStatusProp } from "./components/molecules/comment/types";
 import { Type } from "./components/organism/datetime-picker/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 { 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 { captionTypeProp } from "./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 { SizeProp as SizeProp1 } from "./components/organism/listbox/types";
 import { OptionType } from "./components/molecules/radio/group";
-import { statusType } from "./components/molecules/result/types";
-import { SizeProp as SizeProp8 } from "./components/organism/selecto/types";
+import { SizeProp as SizeProp2 } from "./components/organism/selecto/types";
 import { Direction } from "./components/molecules/slider/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";
+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";
 export namespace Components {
     interface BcmAlert {
-        /**
-          * Component Properties
-         */
-        "_title": string;
-        "bigIcon"?: boolean;
-        "dissmisable"?: string | boolean;
-        "fullWidth"?: boolean;
+        "_id": string;
+        "bigIcon": boolean;
+        "description": any;
+        "dismissable": any;
+        "fullWidth": boolean;
         "hidden": boolean;
-        "icon"?: boolean;
-        "status"?: StatusProp;
-        "type"?: TypeProp;
+        "icon": boolean;
+        "message": any;
+        "status": StatusProp;
+        "type": TypeProp;
     }
     interface BcmAutocomplete {
         "_items": Array<object> | string;
@@ -58,41 +48,47 @@ export namespace Components {
         "setData": (_data?: Array<object> | string) => Promise<void>;
     }
     interface BcmAvatar {
+        "_id": string;
         "alt": string;
         "hidden": boolean;
         "image": string;
         "name": string;
-        "plate": 'ellipse' | 'square';
-        "size": 'small' | 'medium' | 'large' | string;
-        "type": 'normal' | 'button';
+        "shape": ShapeTypes;
+        "size": SizeTypes;
+        "type": "button" | "div";
     }
     interface BcmBadge {
+        "_id": string;
+        "_slot": any;
+        "blink": boolean;
         "color": string;
         "hidden": boolean;
-        "size": SizeProp;
-        "status": string;
-        "type": 'basic' | 'info';
-        "value": number;
+        "size": SizeTypes;
+        "status": StatusTypes;
+        "value": string;
     }
     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": IconPositionProp;
-        "kind": KindProp;
-        "loading"?: boolean;
+        "iconPosition": IconPositionTypes;
+        "kind": KindTypes;
+        "loading": boolean;
         "outline": boolean;
-        "size": SizeProp;
+        "size": SizeTypes;
         "target": string;
-        "type": TypeProp;
-        "variant"?: VariantProp;
+        "type": ButtonTypes;
+        "value": string;
+        "variant": VariantProp;
     }
     interface BcmCard {
         "hidden": boolean;
@@ -103,20 +99,26 @@ export namespace Components {
     interface BcmCardHeader {
     }
     interface BcmCheckbox {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
         "buttonStyle": 'solid' | 'outline';
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
-        /**
-          * @desc 
-          * @param name -
-          * @returns
-         */
+        "captionType": StatusTypes;
         "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';
@@ -124,36 +126,23 @@ export namespace Components {
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": 'small' | 'medium' | 'large';
-        /**
-          * Component Properties
-         */
-        "value": any;
+        "size": SizeTypes;
+        "value": boolean;
     }
     interface BcmCheckboxGroup {
+        "_id": string;
+        "_internal_id": string;
         "buttonStyle": 'solid' | 'outline';
         "caption": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
-        /**
-          * @desc 
-          * @param name -
-          * @returns
-         */
-        "check": (options: Array<object> | string) => Promise<void>;
+        "captionType": StatusTypes;
+        "check": (items: Array<object> | string, checked?: boolean) => Promise<void>;
         "defaultValue": string;
-        /**
-          * Component Properties
-         */
-        "direction": 'horizontal' | 'vertical';
+        "direction": DirectionTypes;
         "disabled": boolean;
-        "fullWidth": "flex" | "true" | "false";
+        "fullWidth": boolean | "flex";
         "gap": string;
-        /**
-          * @desc 
-          * @param name -
-          * @returns
-         */
-        "groupChecked": (name?: string) => Promise<boolean | Object | any[]>;
+        "getCheckedList": () => Promise<any>;
+        "getValue": (name?: string) => Promise<any>;
         "hidden": boolean;
         "indeterminate": boolean;
         "items": Array<object> | string;
@@ -164,34 +153,29 @@ export namespace Components {
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": 'small' | 'medium' | 'large';
-        "tooltip": string;
+        "size": SizeTypes;
         "value": any;
     }
     interface BcmCheckboxLite {
-        "caption": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "_id": string;
+        "captionType": StatusTypes;
         "checked": boolean;
         "disabled": boolean;
         "hidden": boolean;
-        "indeterminate": boolean;
-        "name": string;
-        "noCaption": boolean;
+        "indeterminate": IndeterminateTypes;
         "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;
@@ -204,7 +188,7 @@ export namespace Components {
         "_color": string;
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
         "disabled": boolean;
         "fullWidth": boolean;
         "getValue": () => Promise<string>;
@@ -215,7 +199,6 @@ export namespace Components {
         "required": boolean;
         "setColor": (color: string) => Promise<void>;
         "size": 'small' | 'medium' | 'large';
-        "tooltip": string;
         "value": string;
     }
     interface BcmComment {
@@ -250,14 +233,11 @@ export namespace Components {
         "fullWidth": boolean;
         "hidden": boolean;
     }
-    interface BcmContent {
-        "hidden": boolean;
-    }
     interface BcmDatePicker {
         "_internal_id": string;
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
         "date": Date | string;
         "disabled": boolean;
         "disabledDates": any;
@@ -286,22 +266,22 @@ export namespace Components {
           * @desc 
           * @param value
          */
-        "set": (value: any) => Promise<void>;
+        "set": (value: string) => Promise<void>;
         "setClear": () => Promise<void>;
         /**
           * @desc 
           * @param disabled
          */
         "setDisabled": (disabled: boolean) => Promise<void>;
-        "setEndDate": (dateOrTime: any) => Promise<void>;
-        "setStartDate": (dateOrTime: any) => Promise<void>;
+        "setEndDate": (dateOrTime: any) => Promise<true | void>;
+        "setStartDate": (dateOrTime: any) => Promise<true | void>;
         "value": any;
     }
     interface BcmDatetimePicker {
         "_open": boolean;
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
         /**
           * @desc
          */
@@ -343,7 +323,7 @@ export namespace Components {
           * @desc 
           * @param dateOrTime
          */
-        "set": (dateOrTime: any) => Promise<void>;
+        "set": (dateOrTime: string | Date) => Promise<void>;
         "setClear": () => Promise<void>;
         /**
           * @param 
@@ -354,80 +334,64 @@ export namespace Components {
         "value": any;
     }
     interface BcmDivider {
-        "direction": 'vertical' | 'horizontal';
+        "direction": DirectionTypes;
         "hidden": boolean;
-        "width": string;
     }
     interface BcmDropdown {
         "_id": string;
-        "disabled": boolean;
-        "hidden": boolean;
-        "isOpen": boolean;
-        "size": any & SizeProp;
+        "size": SizeTypes;
     }
     interface BcmDropdownButton {
         "_id": string;
+        "dataDismiss": boolean;
         "disabled": boolean;
+        "fullWidth": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
+        "iconPosition": IconPositionTypes;
         "isOpen": boolean;
-        /**
-          * Component Properties
-         */
-        "kind": KindProp;
-        "loading"?: boolean;
+        "kind": KindTypes;
+        "loading": boolean;
         "outline": boolean;
-        "size": any & SizeProp;
+        "size": SizeTypes;
         "target": string;
-        "type": any;
+        "type": 'dropdown' | 'split';
+        "value": string;
+        "variant": VariantProp;
     }
-    interface BcmDropdownGroup {
+    interface BcmDropdownItem {
         "_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;
-        "size": any & SizeProp;
+        "itemObject": any;
+        "open": boolean;
+        "size": SizeTypes;
         "target": string;
     }
     interface BcmDropdownList {
-        /**
-          * Component Properties
-         */
-        "_items": Array<object> | string;
-        "hidden": boolean;
-        "size": any & SizeProp;
+        "_id": string;
+        "hide": () => Promise<void>;
+        "items": Array<object> | string;
+        "show": () => Promise<void>;
+        "size": SizeTypes;
     }
     interface BcmEmpty {
-        /**
-          * Component Properties
-         */
-        "_image": ImageProps;
         "hidden": boolean;
-        "size": SizeProp;
+        "image": ImageProps;
+        "size": SizeTypes;
         "text": string;
     }
     interface BcmErrorLayout {
         "clear": () => Promise<void>;
         "hidden": boolean;
-        "items": Array<object> | string;
+        "items": Array<object>;
         "set": (val: any) => Promise<void>;
-        "size": SizeProp;
-    }
-    interface BcmFooter {
-        "hidden": boolean;
+        "size": SizeTypes;
     }
     interface BcmForm {
         "_id": string;
@@ -435,7 +399,7 @@ export namespace Components {
         "hidden": boolean;
         "name": string;
         "resetCaption": () => Promise<void>;
-        "setClear": () => Promise<any[]>;
+        "setClear": () => Promise<void>;
         "submit": () => Promise<any>;
         "validation": boolean;
         "value": any;
@@ -447,28 +411,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": SizePropOptions;
+        "size": number | PreDefinedIconSizes;
         "type": TypePropOptions;
     }
     interface BcmInput {
+        /**
+          * Props *
+         */
         "_id": string;
         "_internal_id": string;
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": StatusTypes;
         "clearable": boolean;
-        "decimal": any;
+        "decimal": boolean;
         "disableWatchValue": boolean;
         "disabled": boolean;
         "fullWidth": boolean;
@@ -482,20 +446,19 @@ 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": 'small' | 'medium' | 'large';
+        "size": SizeTypes;
         "step": any;
-        "tooltip": string;
-        "type": string;
+        "type": InputTypes;
         "unit": string;
         "unitPrefix": string;
         "value": any;
@@ -510,14 +473,15 @@ export namespace Components {
         "htmlFor": any;
         "required": boolean;
         "size": FontSizesTypes;
-        "tooltip": string;
-        "type": StatusTypes | any;
+        "type": StatusTypes;
         "value": string;
     }
     interface BcmLink {
+        "disabled": boolean;
         "hidden": boolean;
         "href": string;
         "icon": string;
+        "iconPosition": IconPositionTypes;
         "target": string;
     }
     interface BcmList {
@@ -614,10 +578,6 @@ export namespace Components {
           * @desc
          */
         "toggleChecked": (checkedItems?: Array<string> | string) => Promise<void>;
-        /**
-          * ***
-         */
-        "tooltip": string;
         "type": TypeProp;
         /**
           * @desc
@@ -630,6 +590,49 @@ 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;
@@ -694,7 +697,6 @@ export namespace Components {
           * @desc
          */
         "toggle": (list?: "default" | "other") => Promise<void>;
-        "tooltip": string;
         "type": TypeProp;
         "value": any;
         "variableText": string;
@@ -706,7 +708,7 @@ export namespace Components {
         "addChecked": (items: any) => Promise<void>;
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes": boolean;
         "checkedList": Array<any>;
         "clearAndSelectSearch": (select?: boolean) => Promise<void>;
@@ -745,7 +747,6 @@ export namespace Components {
         "showSearchMethod": (val?: boolean) => Promise<void>;
         "size": SizeProp;
         "template": string;
-        "tooltip": string;
         "treeview": boolean;
         "updateChecked": (items: any) => Promise<void>;
         "updateCheckedList": Array<any>;
@@ -808,111 +809,98 @@ export namespace Components {
         "selected": boolean;
     }
     interface BcmMessage {
-        "fullWidth"?: boolean;
+        "_id": string;
+        "fullWidth": boolean;
         "hidden": boolean;
-        /**
-          * @desc
-         */
         "hide": () => Promise<void>;
-        "isShow": boolean;
-        "loading"?: boolean;
-        /**
-          * @desc
-         */
+        "loading": boolean;
+        "message": any;
+        "open": boolean;
         "show": () => Promise<void>;
-        /**
-          * Component Properties
-         */
-        "status"?: StatusProp;
+        "status": StatusTypes;
     }
     interface BcmModal {
-        /**
-          * Component Properties
-         */
-        "_id": string;
-        "backdrop": true | false | 'static';
-        "cancelText"?: string;
+        "backdrop": boolean | 'static';
         "fullWidth": boolean;
-        "headerTitle"?: string;
+        "headerTitle": string;
+        "height": string;
         "hidden": boolean;
-        /**
-          * @desc
-         */
         "hide": () => Promise<void>;
         "isShow": boolean;
-        "okText"?: string;
-        /**
-          * @desc
-         */
         "show": () => Promise<void>;
-        "size": SizeProp;
-        "status"?: StatusProp;
-        "type": TypeProp;
+        "size": FullSizeTypes;
+        "width": string;
     }
     interface BcmNotification {
-        /**
-          * Component Properties
-         */
-        "_title": string;
-        "confirmText": any;
+        "_id": string;
+        "confirm": any;
+        "description": any;
         "hidden": boolean;
         /**
           * @desc
          */
         "hide": () => Promise<void>;
-        "isShow": boolean;
+        "loading": boolean;
+        "message": string;
+        "open": boolean;
         /**
           * @desc
          */
         "show": () => Promise<void>;
-        "status"?: TypeProp;
+        "status": StatusTypes;
     }
     interface BcmPopconfirm {
-        "_internal_id": string;
+        "_id": string;
         "cancelText": string;
         "hidden": boolean;
         "hide": () => Promise<void>;
         "message": string;
         "okeyText": string;
         "open": boolean;
-        "placement": placementType;
+        "placement": PlacementTypes;
         "show": () => Promise<void>;
         "status": 'warning' | 'error';
-        "trigger": 'hover' | 'click' | 'focus';
+        "trigger": TrigglerTypes;
     }
     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 {
-        "_internal_id": string;
-        "heading": string;
-        "hidden": boolean;
+        "_id": string;
+        "_title": string;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
-        "placement": placementType;
+        "placement": PlacementTypes;
         "show": () => Promise<void>;
-        "trigger": 'hover' | 'click' | 'focus';
+        "trigger": TrigglerTypes;
     }
     interface BcmPopoverBox {
-        "heading": string;
+        "_id": string;
+        "_target_id": string;
+        "_title": 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';
@@ -951,51 +939,68 @@ export namespace Components {
         "selected": boolean;
     }
     interface BcmRadio {
-        "buttonStyle": 'solid' | 'outline';
         /**
-          * @desc 
-          * @param name -
-          * @returns
+          * Props *
          */
-        "check": (uncheck: boolean) => Promise<void>;
+        "_id": string;
+        "buttonStyle": 'solid' | 'outline';
         "checked": boolean;
         "color": ColorPaletteTypes | 'default';
         "disabled": boolean;
         "hidden": boolean;
         "optionType": 'default' | 'button';
         "required": boolean;
-        "size": 'small' | 'medium' | 'large';
+        "size": SizeTypes;
         "value": string | number;
     }
     interface BcmRadioGroup {
+        "_id": string;
         "buttonStyle": 'solid' | 'outline';
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
-        "check": (value: any) => Promise<void>;
+        "captionType": StatusTypes;
+        "check": (item: any, checked?: boolean) => Promise<void>;
         "defaultValue": string;
-        "direction": 'vertical' | 'horizontal';
+        "direction": DirectionTypes;
         "disabled": boolean;
-        "getValue": () => Promise<string | number>;
+        "fullWidth": boolean | "flex";
+        "gap": string;
+        "getValue": () => Promise<any>;
         "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>;
-        "setData": (_data: OptionType[] | string) => Promise<boolean>;
-        "size": 'small' | 'medium' | 'large';
-        "tooltip": string;
+        "size": SizeTypes;
         "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;
-        "status": statusType;
+        "loading": boolean;
+        "message": string;
+        "status": StatusTypes;
     }
     interface BcmSearch {
         "_internal_id": string;
@@ -1014,6 +1019,19 @@ 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;
@@ -1023,7 +1041,7 @@ export namespace Components {
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes": boolean;
         "clearAndSelectSearch": (select?: boolean) => Promise<void>;
         "clearable": boolean;
@@ -1042,7 +1060,7 @@ export namespace Components {
         "noCaption": boolean;
         "numberOfColumns": number;
         "placeholder": string;
-        "placement": placementType;
+        "placement": PlacementTypes;
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "scrollable": 'none' | 'vertical' | 'horizontal' | 'both';
@@ -1055,7 +1073,6 @@ 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;
@@ -1115,11 +1132,16 @@ export namespace Components {
         "userImage": string;
     }
     interface BcmSwitch {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
         "activeIcon": string;
         "activeText": string;
         "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": StatusTypes;
         "checked": boolean;
         "disabled": boolean;
         "hidden": boolean;
@@ -1129,12 +1151,12 @@ export namespace Components {
         "name": string;
         "noCaption": boolean;
         "pending": boolean;
+        "readOnly": boolean;
         "required": boolean;
         "resetCaption": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "size": 'small' | 'medium';
-        "tooltip": string;
-        "value": any;
+        "size": SizeTypes;
+        "value": boolean;
     }
     interface BcmTab {
         "active": boolean;
@@ -1144,7 +1166,7 @@ export namespace Components {
         "disabled"?: boolean;
         "formControl": string;
         "hidden": boolean;
-        "status": 'processing' | 'error' | 'warning' | 'success' | 'default';
+        "status": StatusTypes;
         "tabId"?: string;
         /**
           * Component Properties
@@ -1191,24 +1213,31 @@ export namespace Components {
         "_id": string;
         "_internal_id": string;
         "checked": boolean;
+        "closeFunc": Function;
         "color": ColorPaletteTypes;
         "customStyle": any;
         "hidden": boolean;
-        "maxWidth": boolean;
-        "size": number | string;
-        "type": string;
+        "itemObject": string;
+        "selectFunc": Function;
+        "size": FontSizesTypes | number;
+        "type": TagTypes;
         "value": string;
     }
     interface BcmText {
-        "color": string;
+        "color": ColorPaletteTypes;
         "hidden": boolean;
-        "scale": string;
-        "weight": 'regular' | 'semibold';
+        "size": FontSizesTypes;
+        "weight": FontWeightTypes;
     }
     interface BcmTextarea {
-        "caption": string;
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
+        "caption": string;
         "captionError": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": StatusTypes;
         "clearable": boolean;
         "disabled": boolean;
         "fullWidth": boolean;
@@ -1218,24 +1247,24 @@ export namespace Components {
         "maxLength": number;
         "name": string;
         "noCaption": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
         "placeholder": string;
-        "removeFocus": () => Promise<void>;
+        "readonly": boolean;
         "required": boolean;
         "resetCaption": () => Promise<void>;
-        "resize": 'vertical' | 'none' | 'auto';
+        "resize": ResizeTypes | any;
         "rows": number;
-        "select": () => Promise<void>;
         "setClear": () => Promise<void>;
-        "setFocus": () => Promise<void>;
         "setValue": (value: any) => Promise<any>;
-        "size": 'small' | 'medium' | 'large';
-        "tooltip": string;
+        "size": SizeTypes;
         "value": string;
     }
     interface BcmTimePicker {
         "alignment": 'left' | 'right' | 'default';
         "caption": string;
-        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType": 'info' | 'success' | 'warning' | 'error' | 'default';
         "disabled": boolean;
         "fullWidth": boolean;
         /**
@@ -1269,40 +1298,33 @@ 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 {
-        "_internal_id": string;
+        "_id": string;
+        "color": ColorPaletteTypes;
         "hidden": boolean;
         "hide": () => Promise<void>;
         "message": string;
         "open": boolean;
-        "placement": placementType;
+        "placement": PlacementTypes;
         "show": () => Promise<void>;
-        "trigger": 'hover' | 'click' | 'focus';
+        "trigger": TrigglerTypes;
     }
     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;
@@ -1493,12 +1515,6 @@ 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: {
@@ -1529,12 +1545,6 @@ 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: {
@@ -1559,12 +1569,6 @@ 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: {
@@ -1577,12 +1581,6 @@ 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: {
@@ -1613,6 +1611,12 @@ 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: {
@@ -1739,6 +1743,12 @@ 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: {
@@ -1751,6 +1761,12 @@ 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: {
@@ -1914,26 +1930,23 @@ 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;
@@ -1955,8 +1968,10 @@ 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;
@@ -1985,16 +2000,15 @@ declare global {
 }
 declare namespace LocalJSX {
     interface BcmAlert {
-        /**
-          * Component Properties
-         */
-        "_title"?: string;
+        "_id"?: string;
         "bigIcon"?: boolean;
-        "dissmisable"?: string | boolean;
+        "description"?: any;
+        "dismissable"?: any;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
         "icon"?: boolean;
-        "onBcm-alert-dissmisable"?: (event: CustomEvent<any>) => void;
+        "message"?: any;
+        "onBcm-alert-dismissable"?: (event: CustomEvent<any>) => void;
         "status"?: StatusProp;
         "type"?: TypeProp;
     }
@@ -2010,41 +2024,47 @@ declare namespace LocalJSX {
         "searchText"?: string;
     }
     interface BcmAvatar {
+        "_id"?: string;
         "alt"?: string;
         "hidden"?: boolean;
         "image"?: string;
         "name"?: string;
-        "plate"?: 'ellipse' | 'square';
-        "size"?: 'small' | 'medium' | 'large' | string;
-        "type"?: 'normal' | 'button';
+        "shape"?: ShapeTypes;
+        "size"?: SizeTypes;
+        "type"?: "button" | "div";
     }
     interface BcmBadge {
+        "_id"?: string;
+        "_slot"?: any;
+        "blink"?: boolean;
         "color"?: string;
         "hidden"?: boolean;
-        "size"?: SizeProp;
-        "status"?: string;
-        "type"?: 'basic' | 'info';
-        "value"?: number;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
+        "value"?: string;
     }
     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"?: IconPositionProp;
-        "kind"?: KindProp;
+        "iconPosition"?: IconPositionTypes;
+        "kind"?: KindTypes;
         "loading"?: boolean;
         "outline"?: boolean;
-        "size"?: SizeProp;
+        "size"?: SizeTypes;
         "target"?: string;
-        "type"?: TypeProp;
+        "type"?: ButtonTypes;
+        "value"?: string;
         "variant"?: VariantProp;
     }
     interface BcmCard {
@@ -2056,42 +2076,47 @@ declare namespace LocalJSX {
     interface BcmCardHeader {
     }
     interface BcmCheckbox {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: StatusTypes;
         "checked"?: boolean;
         "color"?: ColorPaletteTypes | 'default';
         "disabled"?: boolean;
         "hidden"?: boolean;
-        "name"?: string;
-        "noCaption"?: boolean;
         /**
-          * Component Events
+          * Component Properties
          */
+        "inGroup"?: boolean;
+        "indeterminate"?: IndeterminateTypes;
+        "label"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
         "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"?: 'small' | 'medium' | 'large';
-        /**
-          * Component Properties
-         */
-        "value"?: any;
+        "size"?: SizeTypes;
+        "value"?: boolean;
     }
     interface BcmCheckboxGroup {
+        "_id"?: string;
+        "_internal_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: StatusTypes;
         "defaultValue"?: string;
-        /**
-          * Component Properties
-         */
-        "direction"?: 'horizontal' | 'vertical';
+        "direction"?: DirectionTypes;
         "disabled"?: boolean;
-        "fullWidth"?: "flex" | "true" | "false";
+        "fullWidth"?: boolean | "flex";
         "gap"?: string;
         "hidden"?: boolean;
         "indeterminate"?: boolean;
@@ -2099,42 +2124,33 @@ declare namespace LocalJSX {
         "label"?: string;
         "name"?: string;
         "noCaption"?: boolean;
-        /**
-          * Component Events
-         */
-        "onBcm-group-change"?: (event: CustomEvent<any>) => void;
+        "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-group-checked-list"?: (event: CustomEvent<any>) => void;
         "optionType"?: 'default' | 'button';
         "required"?: boolean;
-        "size"?: 'small' | 'medium' | 'large';
-        "tooltip"?: string;
+        "size"?: SizeTypes;
         "value"?: any;
     }
     interface BcmCheckboxLite {
-        "caption"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "_id"?: string;
+        "captionType"?: StatusTypes;
         "checked"?: boolean;
         "disabled"?: boolean;
         "hidden"?: boolean;
-        "indeterminate"?: boolean;
-        "name"?: string;
-        "noCaption"?: boolean;
+        "indeterminate"?: IndeterminateTypes;
         "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;
@@ -2147,7 +2163,7 @@ declare namespace LocalJSX {
         "_color"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
         "disabled"?: boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
@@ -2160,7 +2176,6 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "required"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
-        "tooltip"?: string;
         "value"?: string;
     }
     interface BcmComment {
@@ -2204,14 +2219,11 @@ declare namespace LocalJSX {
         "fullWidth"?: boolean;
         "hidden"?: boolean;
     }
-    interface BcmContent {
-        "hidden"?: boolean;
-    }
     interface BcmDatePicker {
         "_internal_id"?: string;
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
         "date"?: Date | string;
         "disabled"?: boolean;
         "disabledDates"?: any;
@@ -2229,7 +2241,7 @@ declare namespace LocalJSX {
         "_open"?: boolean;
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
         /**
           * Component Properties
          */
@@ -2254,97 +2266,62 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface BcmDivider {
-        "direction"?: 'vertical' | 'horizontal';
+        "direction"?: DirectionTypes;
         "hidden"?: boolean;
-        "width"?: string;
     }
     interface BcmDropdown {
         "_id"?: string;
-        "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;
+        "size"?: SizeTypes;
     }
     interface BcmDropdownButton {
         "_id"?: string;
+        "dataDismiss"?: boolean;
         "disabled"?: boolean;
+        "fullWidth"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
+        "iconPosition"?: IconPositionTypes;
         "isOpen"?: boolean;
-        /**
-          * Component Properties
-         */
-        "kind"?: KindProp;
+        "kind"?: KindTypes;
         "loading"?: boolean;
-        "onBcm-dropdown-item-selected"?: (event: CustomEvent<any>) => void;
-        /**
-          * Component Events
-         */
-        "onBcm-dropdown-open"?: (event: CustomEvent<any>) => void;
         "outline"?: boolean;
-        "size"?: any & SizeProp;
+        "size"?: SizeTypes;
         "target"?: string;
-        "type"?: any;
+        "type"?: 'dropdown' | 'split';
+        "value"?: string;
+        "variant"?: VariantProp;
     }
-    interface BcmDropdownGroup {
+    interface BcmDropdownItem {
         "_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;
-        /**
-          * Component Events
-         */
+        "itemObject"?: any;
         "onBcm-dropdown-item-selected"?: (event: CustomEvent<any>) => void;
-        "size"?: any & SizeProp;
+        "onBcm-dropdown-root-group-open"?: (event: CustomEvent<any>) => void;
+        "open"?: boolean;
+        "size"?: SizeTypes;
         "target"?: string;
     }
     interface BcmDropdownList {
-        /**
-          * Component Properties
-         */
-        "_items"?: Array<object> | string;
-        "hidden"?: boolean;
-        "size"?: any & SizeProp;
+        "_id"?: string;
+        "items"?: Array<object> | string;
+        "size"?: SizeTypes;
     }
     interface BcmEmpty {
-        /**
-          * Component Properties
-         */
-        "_image"?: ImageProps;
         "hidden"?: boolean;
-        "size"?: SizeProp;
+        "image"?: ImageProps;
+        "size"?: SizeTypes;
         "text"?: string;
     }
     interface BcmErrorLayout {
         "hidden"?: boolean;
-        "items"?: Array<object> | string;
-        "size"?: SizeProp;
-    }
-    interface BcmFooter {
-        "hidden"?: boolean;
+        "items"?: Array<object>;
+        "size"?: SizeTypes;
     }
     interface BcmForm {
         "_id"?: string;
@@ -2361,28 +2338,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"?: SizePropOptions;
+        "size"?: number | PreDefinedIconSizes;
         "type"?: TypePropOptions;
     }
     interface BcmInput {
+        /**
+          * Props *
+         */
         "_id"?: string;
         "_internal_id"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: StatusTypes;
         "clearable"?: boolean;
-        "decimal"?: any;
+        "decimal"?: boolean;
         "disableWatchValue"?: boolean;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
@@ -2398,16 +2375,18 @@ 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"?: 'small' | 'medium' | 'large';
+        "size"?: SizeTypes;
         "step"?: any;
-        "tooltip"?: string;
-        "type"?: string;
+        "type"?: InputTypes;
         "unit"?: string;
         "unitPrefix"?: string;
         "value"?: any;
@@ -2422,14 +2401,15 @@ declare namespace LocalJSX {
         "htmlFor"?: any;
         "required"?: boolean;
         "size"?: FontSizesTypes;
-        "tooltip"?: string;
-        "type"?: StatusTypes | any;
+        "type"?: StatusTypes;
         "value"?: string;
     }
     interface BcmLink {
+        "disabled"?: boolean;
         "hidden"?: boolean;
         "href"?: string;
         "icon"?: string;
+        "iconPosition"?: IconPositionTypes;
         "target"?: string;
     }
     interface BcmList {
@@ -2460,6 +2440,9 @@ 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;
@@ -2471,10 +2454,6 @@ declare namespace LocalJSX {
         "searchable"?: boolean;
         "selectedId"?: string;
         "size"?: SizeProp;
-        /**
-          * ***
-         */
-        "tooltip"?: string;
         "type"?: TypeProp;
         "value"?: any;
         /**
@@ -2483,6 +2462,46 @@ 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;
@@ -2521,7 +2540,6 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "searchData"?: any;
         "size"?: SizeProp;
-        "tooltip"?: string;
         "type"?: TypeProp;
         "value"?: any;
         "variableText"?: string;
@@ -2532,7 +2550,7 @@ declare namespace LocalJSX {
         "_items"?: Array<object> | string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes"?: boolean;
         "checkedList"?: Array<any>;
         "fullWidth"?: boolean;
@@ -2571,7 +2589,6 @@ declare namespace LocalJSX {
         "showIcon"?: boolean;
         "size"?: SizeProp;
         "template"?: string;
-        "tooltip"?: string;
         "treeview"?: boolean;
         "updateCheckedList"?: Array<any>;
         "value"?: any;
@@ -2651,89 +2668,81 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface BcmMessage {
+        "_id"?: string;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
-        "isShow"?: boolean;
         "loading"?: boolean;
-        /**
-          * Component Properties
-         */
-        "status"?: StatusProp;
+        "message"?: any;
+        "open"?: boolean;
+        "status"?: StatusTypes;
     }
     interface BcmModal {
-        /**
-          * Component Properties
-         */
-        "_id"?: string;
-        "backdrop"?: true | false | 'static';
-        "cancelText"?: string;
+        "backdrop"?: boolean | 'static';
         "fullWidth"?: boolean;
         "headerTitle"?: string;
+        "height"?: string;
         "hidden"?: boolean;
         "isShow"?: boolean;
-        "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;
+        "onBeforeClose"?: (event: CustomEvent<any>) => void;
+        "onBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "size"?: FullSizeTypes;
+        "width"?: string;
     }
     interface BcmNotification {
-        /**
-          * Component Properties
-         */
-        "_title"?: string;
-        "confirmText"?: any;
+        "_id"?: string;
+        "confirm"?: any;
+        "description"?: any;
         "hidden"?: boolean;
-        "isShow"?: boolean;
+        "loading"?: boolean;
+        "message"?: string;
         /**
           * Component Events
          */
         "onBcm-confirm"?: (event: CustomEvent<any>) => void;
-        "status"?: TypeProp;
+        "open"?: boolean;
+        "status"?: StatusTypes;
     }
     interface BcmPopconfirm {
-        "_internal_id"?: string;
+        "_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"?: placementType;
+        "placement"?: PlacementTypes;
         "status"?: 'warning' | 'error';
-        "trigger"?: 'hover' | 'click' | 'focus';
+        "trigger"?: TrigglerTypes;
     }
     interface BcmPopconfirmBox {
+        "_id"?: string;
         "_internal_id"?: string;
+        "_target_id"?: string;
         "cancelText"?: string;
         "hidden"?: boolean;
         "message"?: string;
         "okeyText"?: string;
-        "onBcm-confirm-internal"?: (event: CustomEvent<any>) => void;
+        "onBcm-cancel"?: (event: CustomEvent<any>) => void;
+        "onBcm-confirm"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
         "placement"?: any;
         "status"?: 'warning' | 'error';
     }
     interface BcmPopover {
-        "_internal_id"?: string;
-        "heading"?: string;
-        "hidden"?: boolean;
+        "_id"?: string;
+        "_title"?: string;
         "message"?: string;
         "onBcm-hide"?: (event: CustomEvent<any>) => void;
         "onBcm-show"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
-        "placement"?: placementType;
-        "trigger"?: 'hover' | 'click' | 'focus';
+        "placement"?: PlacementTypes;
+        "trigger"?: TrigglerTypes;
     }
     interface BcmPopoverBox {
-        "heading"?: string;
+        "_id"?: string;
+        "_target_id"?: string;
+        "_title"?: string;
         "hidden"?: boolean;
         "message"?: string;
         "open"?: boolean;
@@ -2741,6 +2750,7 @@ declare namespace LocalJSX {
     }
     interface BcmProgress {
         "error"?: boolean;
+        "fullWidth"?: boolean;
         "hidden"?: boolean;
         "info"?: 'percent' | 'icon';
         "percent"?: number;
@@ -2788,6 +2798,10 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface BcmRadio {
+        /**
+          * Props *
+         */
+        "_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "checked"?: boolean;
         "color"?: ColorPaletteTypes | 'default';
@@ -2798,34 +2812,51 @@ declare namespace LocalJSX {
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "optionType"?: 'default' | 'button';
         "required"?: boolean;
-        "size"?: 'small' | 'medium' | 'large';
+        "size"?: SizeTypes;
         "value"?: string | number;
     }
     interface BcmRadioGroup {
+        "_id"?: string;
         "buttonStyle"?: 'solid' | 'outline';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: StatusTypes;
         "defaultValue"?: string;
-        "direction"?: 'vertical' | 'horizontal';
+        "direction"?: DirectionTypes;
         "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"?: 'small' | 'medium' | 'large';
-        "tooltip"?: string;
+        "size"?: SizeTypes;
         "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;
-        "status"?: statusType;
+        "loading"?: boolean;
+        "message"?: string;
+        "status"?: StatusTypes;
     }
     interface BcmSearch {
         "_internal_id"?: string;
@@ -2842,6 +2873,16 @@ 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;
@@ -2850,7 +2891,7 @@ declare namespace LocalJSX {
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
         "checkboxes"?: boolean;
         "clearable"?: boolean;
         "defaultValue"?: string;
@@ -2871,7 +2912,7 @@ declare namespace LocalJSX {
         "onBcm-listbox-send-check"?: (event: CustomEvent<any>) => void;
         "onBcm-listbox-unchecked"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
-        "placement"?: placementType;
+        "placement"?: PlacementTypes;
         "required"?: boolean;
         "scrollable"?: 'none' | 'vertical' | 'horizontal' | 'both';
         "search"?: boolean;
@@ -2879,7 +2920,6 @@ declare namespace LocalJSX {
         "searchable"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
         "template"?: string;
-        "tooltip"?: string;
         "treeview"?: boolean;
         "value"?: string;
         "value2"?: string;
@@ -2945,11 +2985,16 @@ declare namespace LocalJSX {
         "userImage"?: string;
     }
     interface BcmSwitch {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
         "activeIcon"?: string;
         "activeText"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: StatusTypes;
         "checked"?: boolean;
         "disabled"?: boolean;
         "hidden"?: boolean;
@@ -2962,10 +3007,10 @@ declare namespace LocalJSX {
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "pending"?: boolean;
+        "readOnly"?: boolean;
         "required"?: boolean;
-        "size"?: 'small' | 'medium';
-        "tooltip"?: string;
-        "value"?: any;
+        "size"?: SizeTypes;
+        "value"?: boolean;
     }
     interface BcmTab {
         "active"?: boolean;
@@ -2980,7 +3025,7 @@ declare namespace LocalJSX {
          */
         "onBcm-click"?: (event: CustomEvent<any>) => void;
         "onBcm-close"?: (event: CustomEvent<any>) => void;
-        "status"?: 'processing' | 'error' | 'warning' | 'success' | 'default';
+        "status"?: StatusTypes;
         "tabId"?: string;
         /**
           * Component Properties
@@ -3021,26 +3066,34 @@ declare namespace LocalJSX {
         "_id"?: string;
         "_internal_id"?: string;
         "checked"?: boolean;
+        "closeFunc"?: Function;
         "color"?: ColorPaletteTypes;
         "customStyle"?: any;
         "hidden"?: boolean;
-        "maxWidth"?: boolean;
-        "onBcm-tag-checked-change"?: (event: CustomEvent<object>) => void;
-        "onBcm-tag-dissmisable"?: (event: CustomEvent<any>) => void;
-        "size"?: number | string;
-        "type"?: string;
+        "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;
         "value"?: string;
     }
     interface BcmText {
-        "color"?: string;
+        "color"?: ColorPaletteTypes;
         "hidden"?: boolean;
-        "scale"?: string;
-        "weight"?: 'regular' | 'semibold';
+        "size"?: FontSizesTypes;
+        "weight"?: FontWeightTypes;
     }
     interface BcmTextarea {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
         "caption"?: string;
         "captionError"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: StatusTypes;
         "clearable"?: boolean;
         "disabled"?: boolean;
         "fullWidth"?: boolean;
@@ -3055,17 +3108,17 @@ declare namespace LocalJSX {
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "onBcm-input"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
+        "readonly"?: boolean;
         "required"?: boolean;
-        "resize"?: 'vertical' | 'none' | 'auto';
+        "resize"?: ResizeTypes | any;
         "rows"?: number;
-        "size"?: 'small' | 'medium' | 'large';
-        "tooltip"?: string;
+        "size"?: SizeTypes;
         "value"?: string;
     }
     interface BcmTimePicker {
         "alignment"?: 'left' | 'right' | 'default';
         "caption"?: string;
-        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "captionType"?: 'info' | 'success' | 'warning' | 'error' | 'default';
         "disabled"?: boolean;
         "fullWidth"?: boolean;
         "hidden"?: boolean;
@@ -3077,35 +3130,27 @@ 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 {
-        "_internal_id"?: string;
+        "_id"?: string;
+        "color"?: ColorPaletteTypes;
         "hidden"?: boolean;
         "message"?: string;
         "onBcm-hide"?: (event: CustomEvent<any>) => void;
         "onBcm-show"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
-        "placement"?: placementType;
-        "trigger"?: 'hover' | 'click' | 'focus';
+        "placement"?: PlacementTypes;
+        "trigger"?: TrigglerTypes;
     }
     interface BcmTooltipBox {
+        "_id"?: string;
+        "_target_id"?: string;
+        "color"?: ColorPaletteTypes;
         "hidden"?: boolean;
         "message"?: string;
         "open"?: boolean;
@@ -3222,26 +3267,23 @@ 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;
@@ -3263,8 +3305,10 @@ 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;
@@ -3313,26 +3357,23 @@ 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>;
@@ -3354,8 +3395,10 @@ 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>;