bromcom-ui 2.7.36-rc.10 → 2.7.36-rc.11

package/dist/types/components.d.ts

@@ -0,0 +1,3517 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { StatusProp, TypeProp } from "./components/molecules/alert/types";
+import { ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes as TrigglerTypes1 } from "@bcm/model";
+import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, FullSizeTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes } from "./models/bcm-types";
+import { ItemType } from "./components/molecules/breadcrumb/types";
+import { VariantProp } from "./components/atoms/button/types";
+import { Type } from "./components/organism/datetime-picker/types";
+import { SizeProp } from "./components/molecules/error-layout/types";
+import { SizeProp as SizeProp1 } from "./components/other_deprecated/listbox/types";
+import { StatusProp as StatusProp1 } from "./components/molecules/message/types";
+import { TypeProp as TypeProp1 } from "./components/molecules/notification/types";
+import { ColorPaletteTypes } from "./global/variables/colors";
+import { OptionType } from "./components/molecules/radio/group";
+import { statusType } from "./components/molecules/result/types";
+import { DirectionProp, SizeProp as SizeProp2, TypeProp as TypeProp2 } from "./components/other_deprecated/tabs/types";
+import { ResizeTypes } from "./components/molecules/textarea/types";
+import { SizeProp as SizeProp3 } from "./components/other_deprecated/treeview/types";
+export namespace Components {
+    interface BcmAccordion {
+        "_id": string;
+        "multi": boolean;
+    }
+    interface BcmAlert {
+        "_id": string;
+        "_title": any;
+        "bigIcon": boolean;
+        "description": any;
+        "dismissible": any;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "icon": boolean;
+        "status": StatusProp;
+        "type": TypeProp;
+    }
+    interface BcmAttendance {
+        "_id": string;
+        "data": any;
+    }
+    interface BcmAutocomplete {
+        "_items": Array<object> | string;
+        "config": (_config: Array<object>) => Promise<void>;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "returnField": string;
+        "searchFields": Array<string>;
+        "searchPlaceholder": string;
+        "searchSub": string;
+        "searchText": string;
+        "setData": (_data?: Array<object> | string) => Promise<void>;
+    }
+    interface BcmAvatar {
+        "_id": string;
+        "alt": string;
+        "color": any;
+        "hidden": boolean;
+        "image": string;
+        "name": string;
+        "shape": ShapeTypes;
+        "size": SizeTypes;
+        "status": StatusTypes;
+    }
+    interface BcmBadge {
+        "_id": string;
+        "_slot": any;
+        "blink": boolean;
+        "color": any;
+        "hidden": boolean;
+        "size": SizeTypes1;
+        "status": StatusTypes1;
+        "value": string;
+    }
+    interface BcmBox {
+    }
+    interface BcmBreadcrumb {
+        "hidden": boolean;
+        "items": Array<ItemType>;
+        "seperator": string;
+    }
+    interface BcmButton {
+        "_id": string;
+        "checked": boolean;
+        "color": any;
+        "dataDismiss": boolean;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "href": string;
+        "icon": string;
+        "iconPosition": IconPositionTypes;
+        "kind": KindTypes;
+        "loading": boolean;
+        "outline": boolean;
+        "size": SizeTypes1;
+        "target": string;
+        "type": ButtonTypes;
+        "value": string;
+        "variant": VariantProp;
+    }
+    interface BcmButtonGroup {
+        "_id": string;
+        "color": any;
+        "direction": DirectionTypes;
+        "disabled": any;
+        "size": SizeTypes1;
+        "type": 'checkbox' | 'radio' | 'button';
+    }
+    interface BcmCard {
+        "_id": string;
+        "color": string;
+        "hidden": boolean;
+    }
+    interface BcmCheckbox {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "check": (uncheck?: boolean) => Promise<void>;
+        "checked": boolean;
+        "color": string;
+        "disabled": boolean;
+        "get": () => Promise<boolean>;
+        "hidden": boolean;
+        /**
+          * Component Properties
+         */
+        "inGroup": boolean;
+        "indeterminate": IndeterminateTypes;
+        "label": string;
+        "name": string;
+        "noCaption": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes1;
+        "value": boolean;
+    }
+    interface BcmCheckboxGroup {
+        "_id": string;
+        "buttonStyle": 'solid' | 'outline';
+        "caption": string;
+        "captionType": StatusTypes1;
+        "check": (items: Array<object> | string, checked?: boolean, reset?: boolean) => Promise<void>;
+        "defaultValue": string;
+        "direction": DirectionTypes;
+        "disabled": boolean;
+        "fullWidth": boolean | "flex";
+        "gap": string;
+        "get": () => Promise<string[]>;
+        "getCheckedList": () => Promise<any>;
+        "getValue": (name?: string) => Promise<any>;
+        "hidden": boolean;
+        "indeterminate": boolean;
+        "items": Array<object> | string;
+        "label": string;
+        "name": string;
+        "noCaption": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "optionType": 'default' | 'button';
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes1;
+        "value": any;
+    }
+    interface BcmCheckboxLite {
+        "_id": string;
+        "captionType": StatusTypes1;
+        "checked": boolean;
+        "disabled": boolean;
+        "hidden": boolean;
+        "indeterminate": IndeterminateTypes;
+        "readOnly": boolean;
+        "required": boolean;
+    }
+    interface BcmChip {
+        "_id": string;
+        "avatar": any;
+        "color": any;
+        "disabled": false;
+        "icon": any;
+        "size": 'small' | 'medium' | 'large';
+        "type": 'default' | 'dismissable' | 'addable' | 'checkable';
+    }
+    interface BcmCollapse {
+        "_id": string;
+        "borderless": boolean;
+        "hidden": boolean;
+        "noBorder": boolean;
+        "open": boolean;
+    }
+    interface BcmCollapseGroup {
+        "borderless": boolean;
+        "hidden": boolean;
+        "multiple": boolean;
+        "open": boolean;
+    }
+    interface BcmColorpicker {
+        /**
+          * Component Properties
+         */
+        "_color": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "getValue": () => Promise<string>;
+        "hidden": boolean;
+        "label": string;
+        "noCaption": boolean;
+        "open": boolean;
+        "required": boolean;
+        "setColor": (color: string) => Promise<void>;
+        "size": 'small' | 'medium' | 'large';
+        "tooltip": string;
+        "value": string;
+    }
+    interface BcmDatePicker {
+        "_id": string;
+        "_internal_id": string;
+        "alignment": any;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "date": Date | string;
+        "disabled": boolean;
+        "disabledDates": any;
+        "endDate": Date | string;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        /**
+          * @desc
+         */
+        "getInput": () => Promise<HTMLBcmOldInputElement>;
+        /**
+          * @desc
+         */
+        "getValue": () => Promise<any>;
+        "hidden": boolean;
+        /**
+          * @desc
+         */
+        "isValid": () => Promise<{ valid: boolean; error: boolean; errorText: string; }>;
+        "label": string;
+        "linkedComponent": string;
+        "name": string;
+        "noCaption": boolean;
+        /**
+          * @desc
+         */
+        "open": () => Promise<void>;
+        "placeholder": string;
+        "placement": PlacementTypes;
+        "range": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        /**
+          * @desc 
+          * @param value
+         */
+        "set": (value: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        /**
+          * @desc 
+          * @param disabled
+         */
+        "setDisabled": (disabled: boolean) => Promise<void>;
+        "setEndDate": (dateOrTime: any) => Promise<void>;
+        "setStartDate": (dateOrTime: any) => Promise<void>;
+        "value": any;
+    }
+    interface BcmDatetimePicker {
+        /**
+          * Component Properties
+         */
+        "_id": string;
+        "_open": boolean;
+        "alignment": any;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        /**
+          * @desc
+         */
+        "close": () => Promise<void>;
+        "date": string | Date;
+        "disabled": boolean;
+        "disabledDates": any;
+        "endDate": string | Date;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        /**
+          * @desc
+         */
+        "getInput": () => Promise<HTMLBcmOldInputElement>;
+        /**
+          * @desc
+         */
+        "getValue": () => Promise<any>;
+        "hidden": boolean;
+        /**
+          * @desc 
+          * @returns
+         */
+        "isValid": () => Promise<{ valid: boolean; error: boolean; errorText: string; }>;
+        "label": string;
+        "linkedComponent": string;
+        "maxYear": number;
+        "minYear": number;
+        "name": string;
+        "noCaption": boolean;
+        /**
+          * @desc
+         */
+        "open": () => Promise<void>;
+        "placeholder": string;
+        "placement": PlacementTypes;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        /**
+          * @desc 
+          * @param dateOrTime
+         */
+        "set": (dateOrTime: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        /**
+          * @param 
+          * @param disabled
+         */
+        "setDisabled": (disabled: boolean) => Promise<void>;
+        "type": Type;
+        "value": any;
+    }
+    interface BcmDefault {
+        "_id": string;
+    }
+    interface BcmDivider {
+        "direction": DirectionTypes;
+        "hidden": boolean;
+    }
+    interface BcmDrawer {
+        "_id": string;
+        "_title": any;
+        "fullWidth": boolean;
+        "hide": () => Promise<void>;
+        "position": PositionTypes;
+        "show": () => Promise<void>;
+    }
+    interface BcmDropdown {
+        "_id": string;
+        "color": any;
+        "data": any;
+        "dataDismiss": boolean;
+        "disabled": boolean;
+        "dropdownIcon": string;
+        "fullWidth": boolean;
+        "height": string;
+        "hidden": boolean;
+        "href": string;
+        "icon": string;
+        "iconPosition": IconPositionTypes;
+        "isOpen": boolean;
+        "kind": KindTypes;
+        "linkedComponent": string;
+        "loading": boolean;
+        "maxHeight": string;
+        "minHeight": string;
+        "multiLevel": boolean;
+        "noStyle": boolean;
+        "placement": PlacementTypes;
+        "selectable": boolean;
+        "setActive": (id: any) => Promise<void>;
+        "size": SizeTypes1;
+        "stopDeepClean": boolean;
+        "target": string;
+        "type": 'dropdown' | 'split';
+        "value": string;
+        "variant": VariantProp;
+    }
+    interface BcmEmpty {
+        "icon": string;
+    }
+    interface BcmErrorLayout {
+        "clear": () => Promise<void>;
+        "hidden": boolean;
+        "items": Array<object> | string;
+        "set": (val: any) => Promise<void>;
+        "size": SizeProp;
+    }
+    interface BcmExpansionPanel {
+        "_id": string;
+        "disabled": boolean;
+        "expandIconPosition": 'right' | 'left';
+        "expanded": boolean;
+        "hidden": boolean;
+        "hideToggle": boolean;
+        "tooltip": any;
+        "valid": boolean;
+    }
+    interface BcmForm {
+        "_id": string;
+        "autocomplete": boolean;
+        "config": (_config: Array<object>) => Promise<boolean>;
+        "get": () => Promise<{}>;
+        "hidden": boolean;
+        "name": string;
+        "resetCaption": () => Promise<void>;
+        "set": (data: object) => Promise<void>;
+        "setClear": () => Promise<boolean>;
+        "submit": () => Promise<any>;
+        "validation": boolean;
+        "value": any;
+    }
+    interface BcmForm2 {
+        "_id": string;
+        "get": () => Promise<{}>;
+        "resetCaption": () => Promise<void>;
+        "set": (data: Object) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "submit": () => Promise<object>;
+        "validation": boolean;
+    }
+    interface BcmFormGroup {
+        "_id": string;
+        "hidden": boolean;
+        "name": string;
+        "validation": boolean;
+        "value": any;
+    }
+    interface BcmIcon {
+        "hidden": boolean;
+        "icon": string;
+    }
+    interface BcmInput {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
+        "_prefix": string;
+        "_suffix": string;
+        "autocomplete": boolean;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "clearable": boolean;
+        "customErrorMessage": string;
+        "decimal": boolean;
+        "disableWatchValue": boolean;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "getValue": () => Promise<any>;
+        "hidden": boolean;
+        "label": string;
+        "max": number;
+        "maxLength": number;
+        "min": number;
+        "name": string;
+        "noCaption": boolean;
+        "noDefaultIcon": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
+        "passwordToggle": boolean;
+        "pattern": string;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "setValue": (value: any) => Promise<any>;
+        "size": SizeTypes1;
+        "step": any;
+        "tooltip": string;
+        "type": InputTypes;
+        "unit": string;
+        "unitPrefix": string;
+        "value": any;
+    }
+    interface BcmItem {
+        "_id": string;
+        "color": any;
+        "size": SizeTypes1;
+        "static": boolean;
+    }
+    interface BcmItems {
+        "_id": string;
+    }
+    interface BcmLabel {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "form": any;
+        "hidden": boolean;
+        "htmlFor": any;
+        "required": boolean;
+        "size": SizeTypes1;
+        "tooltip": string;
+        "type": StatusTypes1 | any;
+        "value": string;
+    }
+    interface BcmLink {
+        "disabled": boolean;
+        "hidden": boolean;
+        "href": string;
+        "icon": string;
+        "iconPosition": IconPositionTypes;
+        "target": string;
+    }
+    interface BcmLinked {
+        "_id": string;
+        "hide": () => Promise<void>;
+        "open": boolean;
+        "placement": string;
+        "show": () => Promise<void>;
+        "targetId": any;
+    }
+    interface BcmList {
+        "_id": string;
+        "addChecked": (ids?: any[], save?: boolean, emit?: boolean) => Promise<any>;
+        "allOpen": boolean;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes;
+        "checkAll": boolean;
+        "checkboxes": boolean;
+        "clearable": boolean;
+        "data": any;
+        "disabled": boolean;
+        "emptyIcon": string;
+        "emptyText": string;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        "getCheckedList": () => Promise<{ checkedList: any[]; nestedResult: any[]; }>;
+        "getSelected": () => Promise<any>;
+        "getValue": () => Promise<any>;
+        "height": string;
+        "hidden": boolean;
+        "hide": () => Promise<void>;
+        "highlight": boolean;
+        "highlightText": any;
+        "infoFooter": boolean;
+        "keyControl": boolean;
+        "label": string;
+        "linkedComponent": string;
+        "maxHeight": string;
+        "minHeight": string;
+        "name": string;
+        "noCaption": boolean;
+        "placeholder": string;
+        "placement": PlacementTypes1;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "searchIsOnlyChilds": boolean;
+        "searchPlaceholder": string;
+        "searchable": boolean;
+        "selected": (id: any) => Promise<any>;
+        "set": (data: any) => Promise<void>;
+        "setClear": (e?: any) => Promise<void>;
+        "show": () => Promise<void>;
+        "size": SizeTypes;
+        "stopDeepClean": boolean;
+        "template": string;
+        "treeview": boolean;
+        "type": ListTypes;
+        "value": any;
+        "variableText": string;
+        "width": string;
+    }
+    interface BcmListbox {
+        "_flex": string;
+        "_internal_id": string;
+        "_items": Array<object> | string;
+        "addChecked": (items: any) => Promise<void>;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "checkboxes": boolean;
+        "checkedList": Array<any>;
+        "clearAndSelectSearch": (select?: boolean) => Promise<void>;
+        "config": (_config: Array<object>) => Promise<boolean>;
+        "fullWidth": boolean;
+        "getChecklist": () => Promise<object[]>;
+        "getValue": () => Promise<any>;
+        "height": string;
+        "hidden": boolean;
+        "highlight": boolean;
+        "infoFooter": boolean;
+        /**
+          * Component Properties
+         */
+        "innerComponent": boolean;
+        "label": string;
+        "listboxUncheckedMethod": (item: any, internal_id?: string) => Promise<void>;
+        "loading": boolean;
+        "maxHeight": string;
+        "noCaption": boolean;
+        "numberOfColumns": number;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "returnField": string;
+        "search": boolean;
+        "searchFields": Array<string>;
+        "searchPlaceholder": string;
+        "searchResultMethod": (items?: any[]) => Promise<void>;
+        "searchSub": string;
+        "searchText": string;
+        "selected": (id: any) => Promise<void>;
+        "selectedId": string;
+        "setClear": () => Promise<void>;
+        "setData": (_data?: Array<object> | string) => Promise<void>;
+        "showIcon": boolean;
+        "showSearchMethod": (val?: boolean) => Promise<void>;
+        "size": SizeProp1;
+        "template": string;
+        "tooltip": string;
+        "treeview": boolean;
+        "updateChecked": (items: any) => Promise<void>;
+        "updateCheckedList": Array<any>;
+        "value": any;
+    }
+    interface BcmListboxGroup {
+        "_id": string;
+        "hidden": boolean;
+        "text": string;
+    }
+    interface BcmListboxItem {
+        "_id": string;
+        "_internal_id": string;
+        "avatar": boolean;
+        "avatarImage": string;
+        "avatarName": string;
+        "checkboxes": boolean;
+        "checked": boolean;
+        "disabled": boolean;
+        "display": boolean;
+        "focused": boolean;
+        "hidden": boolean;
+        "highlight": boolean | string;
+        "icon": string;
+        "itemObject": string;
+        "objectMapping": object;
+        "open": boolean;
+        "secondaryText": string;
+        "selected": boolean;
+        "showIcon": boolean;
+        "size": SizeProp1;
+        "template": string;
+        "text": string;
+        "tooltipText": string;
+    }
+    interface BcmMenu {
+        "_id": string;
+        "collapse": boolean;
+        "collapsible": boolean;
+        "data": any;
+        "disabled": boolean;
+        "height": string;
+        "hidden": boolean;
+        "hide": () => Promise<void>;
+        "linkedComponent": string;
+        "maxHeight": string;
+        "minHeight": string;
+        "mode": 'horizontal' | 'vertical' | 'inline';
+        "placement": PlacementTypes;
+        "selectable": boolean;
+        "setActive": (param: any) => Promise<void>;
+        "show": () => Promise<void>;
+        "size": 'small' | 'medium' | 'large';
+    }
+    interface BcmMessage {
+        "fullWidth"?: boolean;
+        "hidden": boolean;
+        /**
+          * @desc
+         */
+        "hide": () => Promise<void>;
+        "isShow": boolean;
+        "loading"?: boolean;
+        /**
+          * @desc
+         */
+        "show": () => Promise<void>;
+        /**
+          * Component Properties
+         */
+        "status"?: StatusProp1;
+    }
+    interface BcmModal {
+        "_id": string;
+        "backdrop": boolean | 'static';
+        "fullWidth": boolean;
+        "height": string;
+        "hidden": boolean;
+        "hide": () => Promise<void>;
+        "isShow": boolean;
+        "show": () => Promise<void>;
+        "size": FullSizeTypes1;
+        "width": string;
+    }
+    interface BcmNotification {
+        /**
+          * Component Properties
+         */
+        "_title": string;
+        "confirmText": any;
+        "hidden": boolean;
+        /**
+          * @desc
+         */
+        "hide": () => Promise<void>;
+        "isShow": boolean;
+        /**
+          * @desc
+         */
+        "show": () => Promise<void>;
+        "status"?: TypeProp1;
+    }
+    interface BcmOldInput {
+        "_id": string;
+        "_internal_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "clearable": boolean;
+        "decimal": any;
+        "disableWatchValue": boolean;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "getValue": () => Promise<any>;
+        "hidden": boolean;
+        "label": string;
+        "max": number;
+        "maxLength": number;
+        "min": number;
+        "name": string;
+        "noCaption": boolean;
+        "noDefaultIcon": boolean;
+        "noMargin": boolean;
+        "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';
+        "step": any;
+        "tooltip": string;
+        "type": string;
+        "unit": string;
+        "unitPrefix": string;
+        "value": any;
+    }
+    interface BcmOldSearch {
+        "_internal_id": string;
+        "clearable": boolean;
+        "data": Array<object>;
+        "disabled": boolean;
+        "hidden": boolean;
+        "onlyChild": boolean;
+        "returnField": string;
+        "searchArray": (value: any, idFields?: string) => Promise<any[]>;
+        "searchFields": Array<string>;
+        "searchPlaceholder": string;
+        "searchSub": string;
+        "searchValue": string;
+        "select": () => Promise<boolean>;
+        "setClear": () => Promise<boolean>;
+        "setValue": (value: any) => Promise<any>;
+    }
+    interface BcmOldTag {
+        "_id": string;
+        "_internal_id": string;
+        "checked": boolean;
+        "color": ColorPaletteTypes;
+        "customStyle": any;
+        "hidden": boolean;
+        "maxWidth": boolean;
+        "size": number | string;
+        "type": string;
+        "value": string;
+    }
+    interface BcmPopconfirm {
+        "_id": string;
+        "cancelText": string;
+        "hidden": boolean;
+        "hide": () => Promise<void>;
+        "message": string;
+        "okeyText": string;
+        "open": boolean;
+        "placement": PlacementTypes;
+        "show": () => Promise<void>;
+        "status": 'warning' | 'error';
+        "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;
+        "placement": any;
+        "show": () => Promise<void>;
+        "status": 'warning' | 'error';
+    }
+    interface BcmPopover {
+        "_id": string;
+        "color": string;
+        "content": string;
+        "hide": () => Promise<void>;
+        "message": string;
+        "open": boolean;
+        "placement": PlacementTypes1;
+        "show": () => Promise<void>;
+        "toggle": () => Promise<void>;
+        "trigger": TrigglerTypes1;
+    }
+    interface BcmProgress {
+        "_id": string;
+        "color": string;
+        "decrement": (percent: number) => Promise<void>;
+        "error": boolean;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "increment": (percent: number) => Promise<void>;
+        "info": "value-max" | "value" | "percent" | "icon";
+        "max": number;
+        "set": (percent: number) => Promise<void>;
+        "size": "small" | "medium";
+        "type": "line" | "line-rounded" | "circle";
+        "value": number;
+    }
+    interface BcmRadio {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "checked": boolean;
+        "color": string;
+        "disabled": boolean;
+        "hidden": boolean;
+        "required": boolean;
+        "size": SizeTypes1;
+        "value": string | number;
+    }
+    interface BcmRadioGroup {
+        "_id": string;
+        "buttonStyle": 'solid' | 'outline';
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "check": (item: any, checked?: boolean) => Promise<void>;
+        "defaultValue": string;
+        "direction": DirectionTypes;
+        "disabled": boolean;
+        "fullWidth": boolean | 'flex';
+        "gap": string;
+        "get": () => Promise<string>;
+        "getValue": () => Promise<string>;
+        "hidden": boolean;
+        "items": Array<object> | OptionType[] | string;
+        "label": string;
+        "name": string;
+        "noCaption": boolean;
+        "optionType": 'default' | 'button';
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes1;
+        "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<void>;
+        "setClear": () => Promise<void>;
+        "setValue": (value: any) => Promise<any>;
+        "step": number;
+        "value": any;
+    }
+    interface BcmResult {
+        "description": string;
+        "heading": string;
+        "hidden": boolean;
+        "status": statusType;
+    }
+    interface BcmSearch {
+        "_id": string;
+        "clearable": boolean;
+        "data": any;
+        "disabled": boolean;
+        "handleClear": (eventEmit?: boolean) => Promise<void>;
+        "limit": number;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
+        "placeholder": string;
+        "readonly": boolean;
+        "searchIsOnlyChilds": boolean;
+        "setValue": (newValue: any) => Promise<void>;
+        "size": SizeTypes1;
+    }
+    interface BcmSelect {
+        "_data": any;
+        "_id": string;
+        "_internal_id": string;
+        "_items": any;
+        "addChecked": (id?: any[]) => Promise<void>;
+        "alignment": 'left' | 'right' | 'default';
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "checkboxes": boolean;
+        "clearAndSelectSearch": (select?: boolean) => Promise<void>;
+        "clearable": boolean;
+        "config": (_config: Array<object>) => Promise<void>;
+        "defaultValue": string;
+        "disabled": boolean;
+        "flex": boolean;
+        "fullWidth": boolean;
+        "getChecklist": () => Promise<any[]>;
+        "getValue": () => Promise<string>;
+        "hidden": boolean;
+        "infoFooter": boolean;
+        "label": string;
+        "maxHeight": string;
+        "name": string;
+        "noCaption": boolean;
+        "numberOfColumns": number;
+        "placeholder": string;
+        "placement": PlacementTypes;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "scrollable": 'none' | 'vertical' | 'horizontal' | 'both';
+        "search": boolean;
+        "searchFields": Array<string>;
+        "searchable": boolean;
+        "selected": (id: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "setData": (_data?: Array<object> | string) => Promise<void>;
+        "setDataAsync": (_data?: Array<object> | string) => Promise<void>;
+        "size": 'small' | 'medium' | 'large';
+        "template": string;
+        "tooltip": string;
+        "treeview": boolean;
+        "updateChecked": (id?: any[]) => Promise<void>;
+        "value": string;
+        "value2": string;
+        "viewportMaxWidth": string;
+        "viewportMinWidth": string;
+        "viewportWidth": string;
+    }
+    interface BcmSelectBox {
+        "_internal_id": string;
+        "hidden": boolean;
+        "isShow": boolean;
+    }
+    interface BcmSelectGroup {
+        "heading": string;
+        "hidden": boolean;
+        "visible": boolean;
+    }
+    interface BcmSelectOption {
+        "disabled": boolean;
+        "getLabel": () => Promise<string>;
+        "hidden": boolean;
+        "selected": boolean;
+        "value": string;
+        "visible": boolean;
+    }
+    interface BcmSkeleton {
+        "_id": string;
+        "loading": boolean;
+    }
+    interface BcmStep {
+        "_id": string;
+        "_title": string;
+        "active": boolean;
+        "description": string;
+        "disabled": boolean;
+        "hidden": boolean;
+        "htmlTemplate": string;
+        "icon": string;
+        "index": number;
+        "isLast": boolean;
+        "loading": boolean;
+        "status": 'default' | 'success' | 'warning' | 'error';
+        "valid": boolean;
+    }
+    interface BcmStepper {
+        "_id": string;
+        "active": number;
+        "data": any[];
+        "direction": DirectionTypes;
+        "getCurrentStep": () => Promise<any>;
+        "getSteps": () => Promise<any[]>;
+        "hidden": boolean;
+        "icon": boolean;
+        "linear": boolean;
+        "next": (idx?: number) => Promise<any>;
+        "prev": () => Promise<any>;
+        "reset": () => Promise<any>;
+        "setActive": (index: number) => Promise<void>;
+        "size": SizeTypes1;
+        "tick": {};
+    }
+    interface BcmSwitch {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
+        "activeIcon": string;
+        "activeText": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "check": (uncheck?: boolean) => Promise<void>;
+        "checked": boolean;
+        "disabled": boolean;
+        "get": () => Promise<boolean>;
+        "hidden": boolean;
+        "inactiveIcon": string;
+        "inactiveText": string;
+        "label": string;
+        "labelPosition": 'top' | 'left' | 'right';
+        "name": string;
+        "noCaption": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "pending": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "size": SizeTypes1;
+        "tooltip": string;
+        "value": boolean;
+    }
+    interface BcmTab {
+        "active": boolean;
+        "badge": boolean;
+        "blink": boolean;
+        "closable"?: boolean;
+        "disabled"?: boolean;
+        "formControl": string;
+        "hidden": boolean;
+        "status": 'processing' | 'error' | 'warning' | 'success' | 'default';
+        "tabId"?: string;
+        /**
+          * Component Properties
+         */
+        "type": TypeProp2;
+    }
+    interface BcmTabGroup {
+        "_id": string;
+        "active": string;
+        "color": string;
+        "setActive": (index: number) => Promise<void>;
+        "size": SizeTypes1;
+    }
+    interface BcmTabPane {
+        "active": boolean;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "size": SizeProp2;
+        "tab"?: string;
+    }
+    interface BcmTable {
+        "gridOptions": Object;
+    }
+    interface BcmTabs {
+        "active": (id: any) => Promise<void>;
+        "complete": () => Promise<{ isValid: Boolean; Forms: any[]; }>;
+        "config": (_config: Array<object>) => Promise<boolean>;
+        "direction": DirectionProp;
+        "error": (id: any, blink?: boolean) => Promise<void>;
+        "fullWidth": boolean;
+        "getActiveIndex": () => Promise<number>;
+        "getActiveTab": () => Promise<any>;
+        "hidden": boolean;
+        "info": (id: any, blink?: boolean) => Promise<void>;
+        "next": () => Promise<any>;
+        "prev": () => Promise<number>;
+        /**
+          * Component Properties
+         */
+        "size": SizeProp2;
+        "statusReset": (id: any) => Promise<void>;
+        "success": (id: any, blink?: boolean) => Promise<void>;
+        "type": TypeProp2;
+        "underline": boolean;
+        "warning": (id: any, blink?: boolean) => Promise<void>;
+    }
+    interface BcmTabsContent {
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "size": SizeProp2;
+        "type": TypeProp2;
+    }
+    interface BcmTag {
+        "_id": string;
+        "_internal_id": string;
+        "checked": boolean;
+        "closeFunc": Function;
+        "color": ColorPaletteTypes1;
+        "customStyle": any;
+        "hidden": boolean;
+        "itemObject": string;
+        "selectFunc": Function;
+        "size": FontSizesTypes | number;
+        "type": TagTypes;
+        "value": string;
+    }
+    interface BcmText {
+        "color": string;
+        "fontSize": number;
+        "hidden": boolean;
+        "scale": any;
+        "text": string;
+        "weight": string;
+    }
+    interface BcmTextarea {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "clearable": boolean;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<string>;
+        "getValue": () => Promise<string>;
+        "hidden": boolean;
+        "label": string;
+        "maxLength": number;
+        "name": string;
+        "noCaption": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "resize": ResizeTypes | any;
+        "rows": number;
+        "set": (data: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "setValue": (value: any) => Promise<any>;
+        "size": SizeTypes1;
+        "value": string;
+    }
+    interface BcmTimePicker {
+        "_id": string;
+        "alignment": any;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<any>;
+        /**
+          * @desc
+         */
+        "getInput": () => Promise<HTMLBcmOldInputElement>;
+        /**
+          * @desc
+         */
+        "getValue": () => Promise<any>;
+        "hidden": boolean;
+        /**
+          * @desc
+         */
+        "isValid": () => Promise<{ valid: boolean; error: boolean; errorText: string; }>;
+        "label": string;
+        "linkedComponent": string;
+        "name": string;
+        "noCaption": boolean;
+        /**
+          * @desc
+         */
+        "open": () => Promise<void>;
+        "placeholder": string;
+        "placement": PlacementTypes;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        /**
+          * @desc 
+          * @param value
+         */
+        "set": (value: string) => Promise<void>;
+        "setClear": () => Promise<void>;
+        /**
+          * @desc 
+          * @param disabled
+         */
+        "setDisabled": (disabled: boolean) => Promise<void>;
+        "time": Date | string;
+        "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": string;
+        "hide": () => Promise<void>;
+        "message": string;
+        "open": boolean;
+        "placement": PlacementTypes1;
+        "show": () => Promise<void>;
+        "toggle": () => Promise<void>;
+        "trigger": TrigglerTypes1;
+    }
+    interface BcmTreeview {
+        "_internal_id": string;
+        "_items": Array<object> | string;
+        "addChecked": (items?: any[]) => Promise<void>;
+        "allOpen": boolean;
+        "checkboxes": boolean;
+        "checkedList": Array<any>;
+        "clearAndSelectSearch": (select?: boolean) => Promise<void>;
+        "config": (_config: Array<object>) => Promise<boolean>;
+        "favIcon": boolean;
+        "favIconOnlyChilds": boolean;
+        "fullWidth": boolean;
+        "getChecklist": () => Promise<object[]>;
+        "getFavorites": () => Promise<number[]>;
+        "hidden": boolean;
+        "highlight": boolean;
+        "infoFooter": boolean;
+        "keydown": boolean;
+        "loading": boolean;
+        "maxHeight": string;
+        "returnField": string;
+        "search": boolean;
+        "searchFields": Array<string>;
+        "searchOnlyChild": boolean;
+        "searchPlaceholder": string;
+        "searchResultMethod": (items?: any) => Promise<void>;
+        "searchSub": string;
+        "selected": (id: any) => Promise<void>;
+        "selectedId": string;
+        "setData": (_data?: Array<object> | string) => Promise<boolean>;
+        "showIcon": boolean;
+        "showSearchMethod": (val?: boolean) => Promise<void>;
+        "size": SizeProp3;
+        "treeviewUncheckedMethod": (item: any) => Promise<boolean>;
+        "updateChecked": (items?: any[]) => Promise<void>;
+        "updateCheckedList": Array<any>;
+    }
+    interface BcmTreeviewGroup {
+    }
+    interface BcmTreeviewItem {
+        "_contextMenu": Array<object> | string;
+        "_id": string;
+        "_internal_id": string;
+        "checkTrigger": boolean;
+        "checkboxes": boolean;
+        "checked": boolean;
+        "contextMenuShow": boolean;
+        "disabled": boolean;
+        "favicon": boolean;
+        "favorite": boolean;
+        "focused": boolean;
+        "hasChild": boolean;
+        "icon": string;
+        "indeterminateState": 'uncheck' | 'indeterminate' | 'determinate';
+        "itemObject": string;
+        "items": any;
+        "open": boolean;
+        "parentId": string;
+        "selected": boolean;
+        "showIcon": boolean;
+        "size": SizeProp3;
+        "text": string;
+        "tooltipText": string;
+    }
+    interface BcmTypography {
+    }
+    interface OldBcmPopover {
+        "_id": string;
+        "_title": string;
+        "hide": () => Promise<void>;
+        "linkedComponent": string;
+        "message": string;
+        "open": boolean;
+        "placement": PlacementTypes;
+        "show": () => Promise<void>;
+        "trigger": TrigglerTypes;
+    }
+    interface OldBcmPopoverBox {
+        "_id": string;
+        "_target_id": string;
+        "_title": string;
+        "height": string;
+        "hidden": boolean;
+        "hide": () => Promise<void>;
+        "htmlContent": any;
+        "linkedComponent": string;
+        "maxHeight": string;
+        "message": string;
+        "minHeight": string;
+        "open": boolean;
+        "placement": string;
+        "show": () => Promise<void>;
+    }
+}
+export interface BcmAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmAlertElement;
+}
+export interface BcmAutocompleteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmAutocompleteElement;
+}
+export interface BcmBreadcrumbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmBreadcrumbElement;
+}
+export interface BcmButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmButtonElement;
+}
+export interface BcmButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmButtonGroupElement;
+}
+export interface BcmCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmCheckboxElement;
+}
+export interface BcmCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmCheckboxGroupElement;
+}
+export interface BcmCollapseCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmCollapseElement;
+}
+export interface BcmColorpickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmColorpickerElement;
+}
+export interface BcmDatetimePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmDatetimePickerElement;
+}
+export interface BcmDrawerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmDrawerElement;
+}
+export interface BcmDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmDropdownElement;
+}
+export interface BcmExpansionPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmExpansionPanelElement;
+}
+export interface BcmFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmFormElement;
+}
+export interface BcmForm2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmForm2Element;
+}
+export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInputElement;
+}
+export interface BcmItemsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmItemsElement;
+}
+export interface BcmListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmListElement;
+}
+export interface BcmListboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmListboxElement;
+}
+export interface BcmListboxItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmListboxItemElement;
+}
+export interface BcmMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmMenuElement;
+}
+export interface BcmModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmModalElement;
+}
+export interface BcmNotificationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmNotificationElement;
+}
+export interface BcmOldInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmOldInputElement;
+}
+export interface BcmOldSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmOldSearchElement;
+}
+export interface BcmOldTagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmOldTagElement;
+}
+export interface BcmPopconfirmCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmPopconfirmElement;
+}
+export interface BcmPopconfirmBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmPopconfirmBoxElement;
+}
+export interface BcmRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRadioElement;
+}
+export interface BcmRadioGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRadioGroupElement;
+}
+export interface BcmRangeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmRangeElement;
+}
+export interface BcmSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmSearchElement;
+}
+export interface BcmSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmSelectElement;
+}
+export interface BcmStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmStepElement;
+}
+export interface BcmStepperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmStepperElement;
+}
+export interface BcmSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmSwitchElement;
+}
+export interface BcmTabCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTabElement;
+}
+export interface BcmTabGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTabGroupElement;
+}
+export interface BcmTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTabsElement;
+}
+export interface BcmTagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTagElement;
+}
+export interface BcmTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTextareaElement;
+}
+export interface BcmTreeviewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTreeviewElement;
+}
+export interface BcmTreeviewItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmTreeviewItemElement;
+}
+export interface OldBcmPopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLOldBcmPopoverElement;
+}
+declare global {
+    interface HTMLBcmAccordionElement extends Components.BcmAccordion, HTMLStencilElement {
+    }
+    var HTMLBcmAccordionElement: {
+        prototype: HTMLBcmAccordionElement;
+        new (): HTMLBcmAccordionElement;
+    };
+    interface HTMLBcmAlertElement extends Components.BcmAlert, HTMLStencilElement {
+    }
+    var HTMLBcmAlertElement: {
+        prototype: HTMLBcmAlertElement;
+        new (): HTMLBcmAlertElement;
+    };
+    interface HTMLBcmAttendanceElement extends Components.BcmAttendance, HTMLStencilElement {
+    }
+    var HTMLBcmAttendanceElement: {
+        prototype: HTMLBcmAttendanceElement;
+        new (): HTMLBcmAttendanceElement;
+    };
+    interface HTMLBcmAutocompleteElement extends Components.BcmAutocomplete, HTMLStencilElement {
+    }
+    var HTMLBcmAutocompleteElement: {
+        prototype: HTMLBcmAutocompleteElement;
+        new (): HTMLBcmAutocompleteElement;
+    };
+    interface HTMLBcmAvatarElement extends Components.BcmAvatar, HTMLStencilElement {
+    }
+    var HTMLBcmAvatarElement: {
+        prototype: HTMLBcmAvatarElement;
+        new (): HTMLBcmAvatarElement;
+    };
+    interface HTMLBcmBadgeElement extends Components.BcmBadge, HTMLStencilElement {
+    }
+    var HTMLBcmBadgeElement: {
+        prototype: HTMLBcmBadgeElement;
+        new (): HTMLBcmBadgeElement;
+    };
+    interface HTMLBcmBoxElement extends Components.BcmBox, HTMLStencilElement {
+    }
+    var HTMLBcmBoxElement: {
+        prototype: HTMLBcmBoxElement;
+        new (): HTMLBcmBoxElement;
+    };
+    interface HTMLBcmBreadcrumbElement extends Components.BcmBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLBcmBreadcrumbElement: {
+        prototype: HTMLBcmBreadcrumbElement;
+        new (): HTMLBcmBreadcrumbElement;
+    };
+    interface HTMLBcmButtonElement extends Components.BcmButton, HTMLStencilElement {
+    }
+    var HTMLBcmButtonElement: {
+        prototype: HTMLBcmButtonElement;
+        new (): HTMLBcmButtonElement;
+    };
+    interface HTMLBcmButtonGroupElement extends Components.BcmButtonGroup, HTMLStencilElement {
+    }
+    var HTMLBcmButtonGroupElement: {
+        prototype: HTMLBcmButtonGroupElement;
+        new (): HTMLBcmButtonGroupElement;
+    };
+    interface HTMLBcmCardElement extends Components.BcmCard, HTMLStencilElement {
+    }
+    var HTMLBcmCardElement: {
+        prototype: HTMLBcmCardElement;
+        new (): HTMLBcmCardElement;
+    };
+    interface HTMLBcmCheckboxElement extends Components.BcmCheckbox, HTMLStencilElement {
+    }
+    var HTMLBcmCheckboxElement: {
+        prototype: HTMLBcmCheckboxElement;
+        new (): HTMLBcmCheckboxElement;
+    };
+    interface HTMLBcmCheckboxGroupElement extends Components.BcmCheckboxGroup, HTMLStencilElement {
+    }
+    var HTMLBcmCheckboxGroupElement: {
+        prototype: HTMLBcmCheckboxGroupElement;
+        new (): HTMLBcmCheckboxGroupElement;
+    };
+    interface HTMLBcmCheckboxLiteElement extends Components.BcmCheckboxLite, HTMLStencilElement {
+    }
+    var HTMLBcmCheckboxLiteElement: {
+        prototype: HTMLBcmCheckboxLiteElement;
+        new (): HTMLBcmCheckboxLiteElement;
+    };
+    interface HTMLBcmChipElement extends Components.BcmChip, HTMLStencilElement {
+    }
+    var HTMLBcmChipElement: {
+        prototype: HTMLBcmChipElement;
+        new (): HTMLBcmChipElement;
+    };
+    interface HTMLBcmCollapseElement extends Components.BcmCollapse, HTMLStencilElement {
+    }
+    var HTMLBcmCollapseElement: {
+        prototype: HTMLBcmCollapseElement;
+        new (): HTMLBcmCollapseElement;
+    };
+    interface HTMLBcmCollapseGroupElement extends Components.BcmCollapseGroup, HTMLStencilElement {
+    }
+    var HTMLBcmCollapseGroupElement: {
+        prototype: HTMLBcmCollapseGroupElement;
+        new (): HTMLBcmCollapseGroupElement;
+    };
+    interface HTMLBcmColorpickerElement extends Components.BcmColorpicker, HTMLStencilElement {
+    }
+    var HTMLBcmColorpickerElement: {
+        prototype: HTMLBcmColorpickerElement;
+        new (): HTMLBcmColorpickerElement;
+    };
+    interface HTMLBcmDatePickerElement extends Components.BcmDatePicker, HTMLStencilElement {
+    }
+    var HTMLBcmDatePickerElement: {
+        prototype: HTMLBcmDatePickerElement;
+        new (): HTMLBcmDatePickerElement;
+    };
+    interface HTMLBcmDatetimePickerElement extends Components.BcmDatetimePicker, HTMLStencilElement {
+    }
+    var HTMLBcmDatetimePickerElement: {
+        prototype: HTMLBcmDatetimePickerElement;
+        new (): HTMLBcmDatetimePickerElement;
+    };
+    interface HTMLBcmDefaultElement extends Components.BcmDefault, HTMLStencilElement {
+    }
+    var HTMLBcmDefaultElement: {
+        prototype: HTMLBcmDefaultElement;
+        new (): HTMLBcmDefaultElement;
+    };
+    interface HTMLBcmDividerElement extends Components.BcmDivider, HTMLStencilElement {
+    }
+    var HTMLBcmDividerElement: {
+        prototype: HTMLBcmDividerElement;
+        new (): HTMLBcmDividerElement;
+    };
+    interface HTMLBcmDrawerElement extends Components.BcmDrawer, HTMLStencilElement {
+    }
+    var HTMLBcmDrawerElement: {
+        prototype: HTMLBcmDrawerElement;
+        new (): HTMLBcmDrawerElement;
+    };
+    interface HTMLBcmDropdownElement extends Components.BcmDropdown, HTMLStencilElement {
+    }
+    var HTMLBcmDropdownElement: {
+        prototype: HTMLBcmDropdownElement;
+        new (): HTMLBcmDropdownElement;
+    };
+    interface HTMLBcmEmptyElement extends Components.BcmEmpty, HTMLStencilElement {
+    }
+    var HTMLBcmEmptyElement: {
+        prototype: HTMLBcmEmptyElement;
+        new (): HTMLBcmEmptyElement;
+    };
+    interface HTMLBcmErrorLayoutElement extends Components.BcmErrorLayout, HTMLStencilElement {
+    }
+    var HTMLBcmErrorLayoutElement: {
+        prototype: HTMLBcmErrorLayoutElement;
+        new (): HTMLBcmErrorLayoutElement;
+    };
+    interface HTMLBcmExpansionPanelElement extends Components.BcmExpansionPanel, HTMLStencilElement {
+    }
+    var HTMLBcmExpansionPanelElement: {
+        prototype: HTMLBcmExpansionPanelElement;
+        new (): HTMLBcmExpansionPanelElement;
+    };
+    interface HTMLBcmFormElement extends Components.BcmForm, HTMLStencilElement {
+    }
+    var HTMLBcmFormElement: {
+        prototype: HTMLBcmFormElement;
+        new (): HTMLBcmFormElement;
+    };
+    interface HTMLBcmForm2Element extends Components.BcmForm2, HTMLStencilElement {
+    }
+    var HTMLBcmForm2Element: {
+        prototype: HTMLBcmForm2Element;
+        new (): HTMLBcmForm2Element;
+    };
+    interface HTMLBcmFormGroupElement extends Components.BcmFormGroup, HTMLStencilElement {
+    }
+    var HTMLBcmFormGroupElement: {
+        prototype: HTMLBcmFormGroupElement;
+        new (): HTMLBcmFormGroupElement;
+    };
+    interface HTMLBcmIconElement extends Components.BcmIcon, HTMLStencilElement {
+    }
+    var HTMLBcmIconElement: {
+        prototype: HTMLBcmIconElement;
+        new (): HTMLBcmIconElement;
+    };
+    interface HTMLBcmInputElement extends Components.BcmInput, HTMLStencilElement {
+    }
+    var HTMLBcmInputElement: {
+        prototype: HTMLBcmInputElement;
+        new (): HTMLBcmInputElement;
+    };
+    interface HTMLBcmItemElement extends Components.BcmItem, HTMLStencilElement {
+    }
+    var HTMLBcmItemElement: {
+        prototype: HTMLBcmItemElement;
+        new (): HTMLBcmItemElement;
+    };
+    interface HTMLBcmItemsElement extends Components.BcmItems, HTMLStencilElement {
+    }
+    var HTMLBcmItemsElement: {
+        prototype: HTMLBcmItemsElement;
+        new (): HTMLBcmItemsElement;
+    };
+    interface HTMLBcmLabelElement extends Components.BcmLabel, HTMLStencilElement {
+    }
+    var HTMLBcmLabelElement: {
+        prototype: HTMLBcmLabelElement;
+        new (): HTMLBcmLabelElement;
+    };
+    interface HTMLBcmLinkElement extends Components.BcmLink, HTMLStencilElement {
+    }
+    var HTMLBcmLinkElement: {
+        prototype: HTMLBcmLinkElement;
+        new (): HTMLBcmLinkElement;
+    };
+    interface HTMLBcmLinkedElement extends Components.BcmLinked, HTMLStencilElement {
+    }
+    var HTMLBcmLinkedElement: {
+        prototype: HTMLBcmLinkedElement;
+        new (): HTMLBcmLinkedElement;
+    };
+    interface HTMLBcmListElement extends Components.BcmList, HTMLStencilElement {
+    }
+    var HTMLBcmListElement: {
+        prototype: HTMLBcmListElement;
+        new (): HTMLBcmListElement;
+    };
+    interface HTMLBcmListboxElement extends Components.BcmListbox, HTMLStencilElement {
+    }
+    var HTMLBcmListboxElement: {
+        prototype: HTMLBcmListboxElement;
+        new (): HTMLBcmListboxElement;
+    };
+    interface HTMLBcmListboxGroupElement extends Components.BcmListboxGroup, HTMLStencilElement {
+    }
+    var HTMLBcmListboxGroupElement: {
+        prototype: HTMLBcmListboxGroupElement;
+        new (): HTMLBcmListboxGroupElement;
+    };
+    interface HTMLBcmListboxItemElement extends Components.BcmListboxItem, HTMLStencilElement {
+    }
+    var HTMLBcmListboxItemElement: {
+        prototype: HTMLBcmListboxItemElement;
+        new (): HTMLBcmListboxItemElement;
+    };
+    interface HTMLBcmMenuElement extends Components.BcmMenu, HTMLStencilElement {
+    }
+    var HTMLBcmMenuElement: {
+        prototype: HTMLBcmMenuElement;
+        new (): HTMLBcmMenuElement;
+    };
+    interface HTMLBcmMessageElement extends Components.BcmMessage, HTMLStencilElement {
+    }
+    var HTMLBcmMessageElement: {
+        prototype: HTMLBcmMessageElement;
+        new (): HTMLBcmMessageElement;
+    };
+    interface HTMLBcmModalElement extends Components.BcmModal, HTMLStencilElement {
+    }
+    var HTMLBcmModalElement: {
+        prototype: HTMLBcmModalElement;
+        new (): HTMLBcmModalElement;
+    };
+    interface HTMLBcmNotificationElement extends Components.BcmNotification, HTMLStencilElement {
+    }
+    var HTMLBcmNotificationElement: {
+        prototype: HTMLBcmNotificationElement;
+        new (): HTMLBcmNotificationElement;
+    };
+    interface HTMLBcmOldInputElement extends Components.BcmOldInput, HTMLStencilElement {
+    }
+    var HTMLBcmOldInputElement: {
+        prototype: HTMLBcmOldInputElement;
+        new (): HTMLBcmOldInputElement;
+    };
+    interface HTMLBcmOldSearchElement extends Components.BcmOldSearch, HTMLStencilElement {
+    }
+    var HTMLBcmOldSearchElement: {
+        prototype: HTMLBcmOldSearchElement;
+        new (): HTMLBcmOldSearchElement;
+    };
+    interface HTMLBcmOldTagElement extends Components.BcmOldTag, HTMLStencilElement {
+    }
+    var HTMLBcmOldTagElement: {
+        prototype: HTMLBcmOldTagElement;
+        new (): HTMLBcmOldTagElement;
+    };
+    interface HTMLBcmPopconfirmElement extends Components.BcmPopconfirm, HTMLStencilElement {
+    }
+    var HTMLBcmPopconfirmElement: {
+        prototype: HTMLBcmPopconfirmElement;
+        new (): HTMLBcmPopconfirmElement;
+    };
+    interface HTMLBcmPopconfirmBoxElement extends Components.BcmPopconfirmBox, HTMLStencilElement {
+    }
+    var HTMLBcmPopconfirmBoxElement: {
+        prototype: HTMLBcmPopconfirmBoxElement;
+        new (): HTMLBcmPopconfirmBoxElement;
+    };
+    interface HTMLBcmPopoverElement extends Components.BcmPopover, HTMLStencilElement {
+    }
+    var HTMLBcmPopoverElement: {
+        prototype: HTMLBcmPopoverElement;
+        new (): HTMLBcmPopoverElement;
+    };
+    interface HTMLBcmProgressElement extends Components.BcmProgress, HTMLStencilElement {
+    }
+    var HTMLBcmProgressElement: {
+        prototype: HTMLBcmProgressElement;
+        new (): HTMLBcmProgressElement;
+    };
+    interface HTMLBcmRadioElement extends Components.BcmRadio, HTMLStencilElement {
+    }
+    var HTMLBcmRadioElement: {
+        prototype: HTMLBcmRadioElement;
+        new (): HTMLBcmRadioElement;
+    };
+    interface HTMLBcmRadioGroupElement extends Components.BcmRadioGroup, HTMLStencilElement {
+    }
+    var HTMLBcmRadioGroupElement: {
+        prototype: HTMLBcmRadioGroupElement;
+        new (): HTMLBcmRadioGroupElement;
+    };
+    interface HTMLBcmRangeElement extends Components.BcmRange, HTMLStencilElement {
+    }
+    var HTMLBcmRangeElement: {
+        prototype: HTMLBcmRangeElement;
+        new (): HTMLBcmRangeElement;
+    };
+    interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
+    }
+    var HTMLBcmResultElement: {
+        prototype: HTMLBcmResultElement;
+        new (): HTMLBcmResultElement;
+    };
+    interface HTMLBcmSearchElement extends Components.BcmSearch, HTMLStencilElement {
+    }
+    var HTMLBcmSearchElement: {
+        prototype: HTMLBcmSearchElement;
+        new (): HTMLBcmSearchElement;
+    };
+    interface HTMLBcmSelectElement extends Components.BcmSelect, HTMLStencilElement {
+    }
+    var HTMLBcmSelectElement: {
+        prototype: HTMLBcmSelectElement;
+        new (): HTMLBcmSelectElement;
+    };
+    interface HTMLBcmSelectBoxElement extends Components.BcmSelectBox, HTMLStencilElement {
+    }
+    var HTMLBcmSelectBoxElement: {
+        prototype: HTMLBcmSelectBoxElement;
+        new (): HTMLBcmSelectBoxElement;
+    };
+    interface HTMLBcmSelectGroupElement extends Components.BcmSelectGroup, HTMLStencilElement {
+    }
+    var HTMLBcmSelectGroupElement: {
+        prototype: HTMLBcmSelectGroupElement;
+        new (): HTMLBcmSelectGroupElement;
+    };
+    interface HTMLBcmSelectOptionElement extends Components.BcmSelectOption, HTMLStencilElement {
+    }
+    var HTMLBcmSelectOptionElement: {
+        prototype: HTMLBcmSelectOptionElement;
+        new (): HTMLBcmSelectOptionElement;
+    };
+    interface HTMLBcmSkeletonElement extends Components.BcmSkeleton, HTMLStencilElement {
+    }
+    var HTMLBcmSkeletonElement: {
+        prototype: HTMLBcmSkeletonElement;
+        new (): HTMLBcmSkeletonElement;
+    };
+    interface HTMLBcmStepElement extends Components.BcmStep, HTMLStencilElement {
+    }
+    var HTMLBcmStepElement: {
+        prototype: HTMLBcmStepElement;
+        new (): HTMLBcmStepElement;
+    };
+    interface HTMLBcmStepperElement extends Components.BcmStepper, HTMLStencilElement {
+    }
+    var HTMLBcmStepperElement: {
+        prototype: HTMLBcmStepperElement;
+        new (): HTMLBcmStepperElement;
+    };
+    interface HTMLBcmSwitchElement extends Components.BcmSwitch, HTMLStencilElement {
+    }
+    var HTMLBcmSwitchElement: {
+        prototype: HTMLBcmSwitchElement;
+        new (): HTMLBcmSwitchElement;
+    };
+    interface HTMLBcmTabElement extends Components.BcmTab, HTMLStencilElement {
+    }
+    var HTMLBcmTabElement: {
+        prototype: HTMLBcmTabElement;
+        new (): HTMLBcmTabElement;
+    };
+    interface HTMLBcmTabGroupElement extends Components.BcmTabGroup, HTMLStencilElement {
+    }
+    var HTMLBcmTabGroupElement: {
+        prototype: HTMLBcmTabGroupElement;
+        new (): HTMLBcmTabGroupElement;
+    };
+    interface HTMLBcmTabPaneElement extends Components.BcmTabPane, HTMLStencilElement {
+    }
+    var HTMLBcmTabPaneElement: {
+        prototype: HTMLBcmTabPaneElement;
+        new (): HTMLBcmTabPaneElement;
+    };
+    interface HTMLBcmTableElement extends Components.BcmTable, HTMLStencilElement {
+    }
+    var HTMLBcmTableElement: {
+        prototype: HTMLBcmTableElement;
+        new (): HTMLBcmTableElement;
+    };
+    interface HTMLBcmTabsElement extends Components.BcmTabs, HTMLStencilElement {
+    }
+    var HTMLBcmTabsElement: {
+        prototype: HTMLBcmTabsElement;
+        new (): HTMLBcmTabsElement;
+    };
+    interface HTMLBcmTabsContentElement extends Components.BcmTabsContent, HTMLStencilElement {
+    }
+    var HTMLBcmTabsContentElement: {
+        prototype: HTMLBcmTabsContentElement;
+        new (): HTMLBcmTabsContentElement;
+    };
+    interface HTMLBcmTagElement extends Components.BcmTag, HTMLStencilElement {
+    }
+    var HTMLBcmTagElement: {
+        prototype: HTMLBcmTagElement;
+        new (): HTMLBcmTagElement;
+    };
+    interface HTMLBcmTextElement extends Components.BcmText, HTMLStencilElement {
+    }
+    var HTMLBcmTextElement: {
+        prototype: HTMLBcmTextElement;
+        new (): HTMLBcmTextElement;
+    };
+    interface HTMLBcmTextareaElement extends Components.BcmTextarea, HTMLStencilElement {
+    }
+    var HTMLBcmTextareaElement: {
+        prototype: HTMLBcmTextareaElement;
+        new (): HTMLBcmTextareaElement;
+    };
+    interface HTMLBcmTimePickerElement extends Components.BcmTimePicker, HTMLStencilElement {
+    }
+    var HTMLBcmTimePickerElement: {
+        prototype: HTMLBcmTimePickerElement;
+        new (): HTMLBcmTimePickerElement;
+    };
+    interface HTMLBcmTimelineElement extends Components.BcmTimeline, HTMLStencilElement {
+    }
+    var HTMLBcmTimelineElement: {
+        prototype: HTMLBcmTimelineElement;
+        new (): HTMLBcmTimelineElement;
+    };
+    interface HTMLBcmTimelineItemElement extends Components.BcmTimelineItem, HTMLStencilElement {
+    }
+    var HTMLBcmTimelineItemElement: {
+        prototype: HTMLBcmTimelineItemElement;
+        new (): HTMLBcmTimelineItemElement;
+    };
+    interface HTMLBcmTooltipElement extends Components.BcmTooltip, HTMLStencilElement {
+    }
+    var HTMLBcmTooltipElement: {
+        prototype: HTMLBcmTooltipElement;
+        new (): HTMLBcmTooltipElement;
+    };
+    interface HTMLBcmTreeviewElement extends Components.BcmTreeview, HTMLStencilElement {
+    }
+    var HTMLBcmTreeviewElement: {
+        prototype: HTMLBcmTreeviewElement;
+        new (): HTMLBcmTreeviewElement;
+    };
+    interface HTMLBcmTreeviewGroupElement extends Components.BcmTreeviewGroup, HTMLStencilElement {
+    }
+    var HTMLBcmTreeviewGroupElement: {
+        prototype: HTMLBcmTreeviewGroupElement;
+        new (): HTMLBcmTreeviewGroupElement;
+    };
+    interface HTMLBcmTreeviewItemElement extends Components.BcmTreeviewItem, HTMLStencilElement {
+    }
+    var HTMLBcmTreeviewItemElement: {
+        prototype: HTMLBcmTreeviewItemElement;
+        new (): HTMLBcmTreeviewItemElement;
+    };
+    interface HTMLBcmTypographyElement extends Components.BcmTypography, HTMLStencilElement {
+    }
+    var HTMLBcmTypographyElement: {
+        prototype: HTMLBcmTypographyElement;
+        new (): HTMLBcmTypographyElement;
+    };
+    interface HTMLOldBcmPopoverElement extends Components.OldBcmPopover, HTMLStencilElement {
+    }
+    var HTMLOldBcmPopoverElement: {
+        prototype: HTMLOldBcmPopoverElement;
+        new (): HTMLOldBcmPopoverElement;
+    };
+    interface HTMLOldBcmPopoverBoxElement extends Components.OldBcmPopoverBox, HTMLStencilElement {
+    }
+    var HTMLOldBcmPopoverBoxElement: {
+        prototype: HTMLOldBcmPopoverBoxElement;
+        new (): HTMLOldBcmPopoverBoxElement;
+    };
+    interface HTMLElementTagNameMap {
+        "bcm-accordion": HTMLBcmAccordionElement;
+        "bcm-alert": HTMLBcmAlertElement;
+        "bcm-attendance": HTMLBcmAttendanceElement;
+        "bcm-autocomplete": HTMLBcmAutocompleteElement;
+        "bcm-avatar": HTMLBcmAvatarElement;
+        "bcm-badge": HTMLBcmBadgeElement;
+        "bcm-box": HTMLBcmBoxElement;
+        "bcm-breadcrumb": HTMLBcmBreadcrumbElement;
+        "bcm-button": HTMLBcmButtonElement;
+        "bcm-button-group": HTMLBcmButtonGroupElement;
+        "bcm-card": HTMLBcmCardElement;
+        "bcm-checkbox": HTMLBcmCheckboxElement;
+        "bcm-checkbox-group": HTMLBcmCheckboxGroupElement;
+        "bcm-checkbox-lite": HTMLBcmCheckboxLiteElement;
+        "bcm-chip": HTMLBcmChipElement;
+        "bcm-collapse": HTMLBcmCollapseElement;
+        "bcm-collapse-group": HTMLBcmCollapseGroupElement;
+        "bcm-colorpicker": HTMLBcmColorpickerElement;
+        "bcm-date-picker": HTMLBcmDatePickerElement;
+        "bcm-datetime-picker": HTMLBcmDatetimePickerElement;
+        "bcm-default": HTMLBcmDefaultElement;
+        "bcm-divider": HTMLBcmDividerElement;
+        "bcm-drawer": HTMLBcmDrawerElement;
+        "bcm-dropdown": HTMLBcmDropdownElement;
+        "bcm-empty": HTMLBcmEmptyElement;
+        "bcm-error-layout": HTMLBcmErrorLayoutElement;
+        "bcm-expansion-panel": HTMLBcmExpansionPanelElement;
+        "bcm-form": HTMLBcmFormElement;
+        "bcm-form-2": HTMLBcmForm2Element;
+        "bcm-form-group": HTMLBcmFormGroupElement;
+        "bcm-icon": HTMLBcmIconElement;
+        "bcm-input": HTMLBcmInputElement;
+        "bcm-item": HTMLBcmItemElement;
+        "bcm-items": HTMLBcmItemsElement;
+        "bcm-label": HTMLBcmLabelElement;
+        "bcm-link": HTMLBcmLinkElement;
+        "bcm-linked": HTMLBcmLinkedElement;
+        "bcm-list": HTMLBcmListElement;
+        "bcm-listbox": HTMLBcmListboxElement;
+        "bcm-listbox-group": HTMLBcmListboxGroupElement;
+        "bcm-listbox-item": HTMLBcmListboxItemElement;
+        "bcm-menu": HTMLBcmMenuElement;
+        "bcm-message": HTMLBcmMessageElement;
+        "bcm-modal": HTMLBcmModalElement;
+        "bcm-notification": HTMLBcmNotificationElement;
+        "bcm-old-input": HTMLBcmOldInputElement;
+        "bcm-old-search": HTMLBcmOldSearchElement;
+        "bcm-old-tag": HTMLBcmOldTagElement;
+        "bcm-popconfirm": HTMLBcmPopconfirmElement;
+        "bcm-popconfirm-box": HTMLBcmPopconfirmBoxElement;
+        "bcm-popover": HTMLBcmPopoverElement;
+        "bcm-progress": HTMLBcmProgressElement;
+        "bcm-radio": HTMLBcmRadioElement;
+        "bcm-radio-group": HTMLBcmRadioGroupElement;
+        "bcm-range": HTMLBcmRangeElement;
+        "bcm-result": HTMLBcmResultElement;
+        "bcm-search": HTMLBcmSearchElement;
+        "bcm-select": HTMLBcmSelectElement;
+        "bcm-select-box": HTMLBcmSelectBoxElement;
+        "bcm-select-group": HTMLBcmSelectGroupElement;
+        "bcm-select-option": HTMLBcmSelectOptionElement;
+        "bcm-skeleton": HTMLBcmSkeletonElement;
+        "bcm-step": HTMLBcmStepElement;
+        "bcm-stepper": HTMLBcmStepperElement;
+        "bcm-switch": HTMLBcmSwitchElement;
+        "bcm-tab": HTMLBcmTabElement;
+        "bcm-tab-group": HTMLBcmTabGroupElement;
+        "bcm-tab-pane": HTMLBcmTabPaneElement;
+        "bcm-table": HTMLBcmTableElement;
+        "bcm-tabs": HTMLBcmTabsElement;
+        "bcm-tabs-content": HTMLBcmTabsContentElement;
+        "bcm-tag": HTMLBcmTagElement;
+        "bcm-text": HTMLBcmTextElement;
+        "bcm-textarea": HTMLBcmTextareaElement;
+        "bcm-time-picker": HTMLBcmTimePickerElement;
+        "bcm-timeline": HTMLBcmTimelineElement;
+        "bcm-timeline-item": HTMLBcmTimelineItemElement;
+        "bcm-tooltip": HTMLBcmTooltipElement;
+        "bcm-treeview": HTMLBcmTreeviewElement;
+        "bcm-treeview-group": HTMLBcmTreeviewGroupElement;
+        "bcm-treeview-item": HTMLBcmTreeviewItemElement;
+        "bcm-typography": HTMLBcmTypographyElement;
+        "old-bcm-popover": HTMLOldBcmPopoverElement;
+        "old-bcm-popover-box": HTMLOldBcmPopoverBoxElement;
+    }
+}
+declare namespace LocalJSX {
+    interface BcmAccordion {
+        "_id"?: string;
+        "multi"?: boolean;
+    }
+    interface BcmAlert {
+        "_id"?: string;
+        "_title"?: any;
+        "bigIcon"?: boolean;
+        "description"?: any;
+        "dismissible"?: any;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "icon"?: boolean;
+        "onBcm-alert-dismissible"?: (event: BcmAlertCustomEvent<any>) => void;
+        "status"?: StatusProp;
+        "type"?: TypeProp;
+    }
+    interface BcmAttendance {
+        "_id"?: string;
+        "data"?: any;
+    }
+    interface BcmAutocomplete {
+        "_items"?: Array<object> | string;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "onBcm-autocomplete-item-selected"?: (event: BcmAutocompleteCustomEvent<any>) => void;
+        "returnField"?: string;
+        "searchFields"?: Array<string>;
+        "searchPlaceholder"?: string;
+        "searchSub"?: string;
+        "searchText"?: string;
+    }
+    interface BcmAvatar {
+        "_id"?: string;
+        "alt"?: string;
+        "color"?: any;
+        "hidden"?: boolean;
+        "image"?: string;
+        "name"?: string;
+        "shape"?: ShapeTypes;
+        "size"?: SizeTypes;
+        "status"?: StatusTypes;
+    }
+    interface BcmBadge {
+        "_id"?: string;
+        "_slot"?: any;
+        "blink"?: boolean;
+        "color"?: any;
+        "hidden"?: boolean;
+        "size"?: SizeTypes1;
+        "status"?: StatusTypes1;
+        "value"?: string;
+    }
+    interface BcmBox {
+    }
+    interface BcmBreadcrumb {
+        "hidden"?: boolean;
+        "items"?: Array<ItemType>;
+        "onBcm-breadcrumb-click"?: (event: BcmBreadcrumbCustomEvent<any>) => void;
+        "seperator"?: string;
+    }
+    interface BcmButton {
+        "_id"?: string;
+        "checked"?: boolean;
+        "color"?: any;
+        "dataDismiss"?: boolean;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "href"?: string;
+        "icon"?: string;
+        "iconPosition"?: IconPositionTypes;
+        "kind"?: KindTypes;
+        "loading"?: boolean;
+        "onBcm-click"?: (event: BcmButtonCustomEvent<any>) => void;
+        "outline"?: boolean;
+        "size"?: SizeTypes1;
+        "target"?: string;
+        "type"?: ButtonTypes;
+        "value"?: string;
+        "variant"?: VariantProp;
+    }
+    interface BcmButtonGroup {
+        "_id"?: string;
+        "color"?: any;
+        "direction"?: DirectionTypes;
+        "disabled"?: any;
+        "onBcm-change"?: (event: BcmButtonGroupCustomEvent<any>) => void;
+        "size"?: SizeTypes1;
+        "type"?: 'checkbox' | 'radio' | 'button';
+    }
+    interface BcmCard {
+        "_id"?: string;
+        "color"?: string;
+        "hidden"?: boolean;
+    }
+    interface BcmCheckbox {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "checked"?: boolean;
+        "color"?: string;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        /**
+          * Component Properties
+         */
+        "inGroup"?: boolean;
+        "indeterminate"?: IndeterminateTypes;
+        "label"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-blur"?: (event: BcmCheckboxCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmCheckboxCustomEvent<any>) => void;
+        "onBcm-change-checkbox"?: (event: BcmCheckboxCustomEvent<any>) => void;
+        "onBcm-focus"?: (event: BcmCheckboxCustomEvent<any>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "value"?: boolean;
+    }
+    interface BcmCheckboxGroup {
+        "_id"?: string;
+        "buttonStyle"?: 'solid' | 'outline';
+        "caption"?: string;
+        "captionType"?: StatusTypes1;
+        "defaultValue"?: string;
+        "direction"?: DirectionTypes;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean | "flex";
+        "gap"?: string;
+        "hidden"?: boolean;
+        "indeterminate"?: boolean;
+        "items"?: Array<object> | string;
+        "label"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmCheckboxGroupCustomEvent<any>) => void;
+        "onBcm-group-checked-list"?: (event: BcmCheckboxGroupCustomEvent<any>) => void;
+        "optionType"?: 'default' | 'button';
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "value"?: any;
+    }
+    interface BcmCheckboxLite {
+        "_id"?: string;
+        "captionType"?: StatusTypes1;
+        "checked"?: boolean;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "indeterminate"?: IndeterminateTypes;
+        "readOnly"?: boolean;
+        "required"?: boolean;
+    }
+    interface BcmChip {
+        "_id"?: string;
+        "avatar"?: any;
+        "color"?: any;
+        "disabled"?: false;
+        "icon"?: any;
+        "size"?: 'small' | 'medium' | 'large';
+        "type"?: 'default' | 'dismissable' | 'addable' | 'checkable';
+    }
+    interface BcmCollapse {
+        "_id"?: string;
+        "borderless"?: boolean;
+        "hidden"?: boolean;
+        "noBorder"?: boolean;
+        "onBcm-collapse-open"?: (event: BcmCollapseCustomEvent<any>) => void;
+        "open"?: boolean;
+    }
+    interface BcmCollapseGroup {
+        "borderless"?: boolean;
+        "hidden"?: boolean;
+        "multiple"?: boolean;
+        "open"?: boolean;
+    }
+    interface BcmColorpicker {
+        /**
+          * Component Properties
+         */
+        "_color"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "noCaption"?: boolean;
+        /**
+          * Component Events
+         */
+        "onBcm-change"?: (event: BcmColorpickerCustomEvent<any>) => void;
+        "open"?: boolean;
+        "required"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+        "tooltip"?: string;
+        "value"?: string;
+    }
+    interface BcmDatePicker {
+        "_id"?: string;
+        "_internal_id"?: string;
+        "alignment"?: any;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "date"?: Date | string;
+        "disabled"?: boolean;
+        "disabledDates"?: any;
+        "endDate"?: Date | string;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "linkedComponent"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "placeholder"?: string;
+        "placement"?: PlacementTypes;
+        "range"?: boolean;
+        "required"?: boolean;
+        "value"?: any;
+    }
+    interface BcmDatetimePicker {
+        /**
+          * Component Properties
+         */
+        "_id"?: string;
+        "_open"?: boolean;
+        "alignment"?: any;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "date"?: string | Date;
+        "disabled"?: boolean;
+        "disabledDates"?: any;
+        "endDate"?: string | Date;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "linkedComponent"?: string;
+        "maxYear"?: number;
+        "minYear"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmDatetimePickerCustomEvent<any>) => void;
+        /**
+          * @desc
+         */
+        "onBcm-load"?: (event: BcmDatetimePickerCustomEvent<any>) => void;
+        "onBcm-open"?: (event: BcmDatetimePickerCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "placement"?: PlacementTypes;
+        "required"?: boolean;
+        "type"?: Type;
+        "value"?: any;
+    }
+    interface BcmDefault {
+        "_id"?: string;
+    }
+    interface BcmDivider {
+        "direction"?: DirectionTypes;
+        "hidden"?: boolean;
+    }
+    interface BcmDrawer {
+        "_id"?: string;
+        "_title"?: any;
+        "fullWidth"?: boolean;
+        "onBcm-before-close"?: (event: BcmDrawerCustomEvent<any>) => void;
+        "onBcm-before-open"?: (event: BcmDrawerCustomEvent<any>) => void;
+        "position"?: PositionTypes;
+    }
+    interface BcmDropdown {
+        "_id"?: string;
+        "color"?: any;
+        "data"?: any;
+        "dataDismiss"?: boolean;
+        "disabled"?: boolean;
+        "dropdownIcon"?: string;
+        "fullWidth"?: boolean;
+        "height"?: string;
+        "hidden"?: boolean;
+        "href"?: string;
+        "icon"?: string;
+        "iconPosition"?: IconPositionTypes;
+        "isOpen"?: boolean;
+        "kind"?: KindTypes;
+        "linkedComponent"?: string;
+        "loading"?: boolean;
+        "maxHeight"?: string;
+        "minHeight"?: string;
+        "multiLevel"?: boolean;
+        "noStyle"?: boolean;
+        "onBcm-click"?: (event: BcmDropdownCustomEvent<any>) => void;
+        "onDropdown-linked-component"?: (event: BcmDropdownCustomEvent<any>) => void;
+        "placement"?: PlacementTypes;
+        "selectable"?: boolean;
+        "size"?: SizeTypes1;
+        "stopDeepClean"?: boolean;
+        "target"?: string;
+        "type"?: 'dropdown' | 'split';
+        "value"?: string;
+        "variant"?: VariantProp;
+    }
+    interface BcmEmpty {
+        "icon"?: string;
+    }
+    interface BcmErrorLayout {
+        "hidden"?: boolean;
+        "items"?: Array<object> | string;
+        "size"?: SizeProp;
+    }
+    interface BcmExpansionPanel {
+        "_id"?: string;
+        "disabled"?: boolean;
+        "expandIconPosition"?: 'right' | 'left';
+        "expanded"?: boolean;
+        "hidden"?: boolean;
+        "hideToggle"?: boolean;
+        "onBcm-close"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "onBcm-extra"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "onBcm-open"?: (event: BcmExpansionPanelCustomEvent<any>) => void;
+        "tooltip"?: any;
+        "valid"?: boolean;
+    }
+    interface BcmForm {
+        "_id"?: string;
+        "autocomplete"?: boolean;
+        "hidden"?: boolean;
+        "name"?: string;
+        "onBcm-form"?: (event: BcmFormCustomEvent<any>) => void;
+        "validation"?: boolean;
+        "value"?: any;
+    }
+    interface BcmForm2 {
+        "_id"?: string;
+        "onBcm-form"?: (event: BcmForm2CustomEvent<any>) => void;
+        "validation"?: boolean;
+    }
+    interface BcmFormGroup {
+        "_id"?: string;
+        "hidden"?: boolean;
+        "name"?: string;
+        "validation"?: boolean;
+        "value"?: any;
+    }
+    interface BcmIcon {
+        "hidden"?: boolean;
+        "icon"?: string;
+    }
+    interface BcmInput {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "autocomplete"?: boolean;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "clearable"?: boolean;
+        "customErrorMessage"?: string;
+        "decimal"?: boolean;
+        "disableWatchValue"?: boolean;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "max"?: number;
+        "maxLength"?: number;
+        "min"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "noDefaultIcon"?: boolean;
+        "onBcm-blur"?: (event: BcmInputCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmInputCustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmInputCustomEvent<any>) => void;
+        /**
+          * Events *
+         */
+        "onBcm-focus"?: (event: BcmInputCustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmInputCustomEvent<any>) => void;
+        "passwordToggle"?: boolean;
+        "pattern"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "step"?: any;
+        "tooltip"?: string;
+        "type"?: InputTypes;
+        "unit"?: string;
+        "unitPrefix"?: string;
+        "value"?: any;
+    }
+    interface BcmItem {
+        "_id"?: string;
+        "color"?: any;
+        "size"?: SizeTypes1;
+        "static"?: boolean;
+    }
+    interface BcmItems {
+        "_id"?: string;
+        "onBcm-items"?: (event: BcmItemsCustomEvent<any>) => void;
+    }
+    interface BcmLabel {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "form"?: any;
+        "hidden"?: boolean;
+        "htmlFor"?: any;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "tooltip"?: string;
+        "type"?: StatusTypes1 | any;
+        "value"?: string;
+    }
+    interface BcmLink {
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "href"?: string;
+        "icon"?: string;
+        "iconPosition"?: IconPositionTypes;
+        "target"?: string;
+    }
+    interface BcmLinked {
+        "_id"?: string;
+        "open"?: boolean;
+        "placement"?: string;
+        "targetId"?: any;
+    }
+    interface BcmList {
+        "_id"?: string;
+        "allOpen"?: boolean;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes;
+        "checkAll"?: boolean;
+        "checkboxes"?: boolean;
+        "clearable"?: boolean;
+        "data"?: any;
+        "disabled"?: boolean;
+        "emptyIcon"?: string;
+        "emptyText"?: string;
+        "fullWidth"?: boolean;
+        "height"?: string;
+        "hidden"?: boolean;
+        "highlight"?: boolean;
+        "highlightText"?: any;
+        "infoFooter"?: boolean;
+        "keyControl"?: boolean;
+        "label"?: string;
+        "linkedComponent"?: string;
+        "maxHeight"?: string;
+        "minHeight"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-change"?: (event: BcmListCustomEvent<any>) => void;
+        "onBcm-checklist"?: (event: BcmListCustomEvent<any>) => void;
+        "onBcm-selected"?: (event: BcmListCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "placement"?: PlacementTypes1;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "searchIsOnlyChilds"?: boolean;
+        "searchPlaceholder"?: string;
+        "searchable"?: boolean;
+        "size"?: SizeTypes;
+        "stopDeepClean"?: boolean;
+        "template"?: string;
+        "treeview"?: boolean;
+        "type"?: ListTypes;
+        "value"?: any;
+        "variableText"?: string;
+        "width"?: string;
+    }
+    interface BcmListbox {
+        "_flex"?: string;
+        "_internal_id"?: string;
+        "_items"?: Array<object> | string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "checkboxes"?: boolean;
+        "checkedList"?: Array<any>;
+        "fullWidth"?: boolean;
+        "height"?: string;
+        "hidden"?: boolean;
+        "highlight"?: boolean;
+        "infoFooter"?: boolean;
+        /**
+          * Component Properties
+         */
+        "innerComponent"?: boolean;
+        "label"?: string;
+        "loading"?: boolean;
+        "maxHeight"?: string;
+        "noCaption"?: boolean;
+        "numberOfColumns"?: number;
+        "onBcm-change"?: (event: BcmListboxCustomEvent<any>) => void;
+        "onBcm-listbox-change"?: (event: BcmListboxCustomEvent<any>) => void;
+        "onBcm-listbox-checked"?: (event: BcmListboxCustomEvent<any>) => void;
+        "onBcm-listbox-checklist"?: (event: BcmListboxCustomEvent<any>) => void;
+        "onBcm-listbox-clear-selecteds"?: (event: BcmListboxCustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-listbox-item-selected"?: (event: BcmListboxCustomEvent<any>) => void;
+        "onBcm-listbox-send-check"?: (event: BcmListboxCustomEvent<any>) => void;
+        "onBcm-listbox-send-uncheck"?: (event: BcmListboxCustomEvent<any>) => void;
+        "required"?: boolean;
+        "returnField"?: string;
+        "search"?: boolean;
+        "searchFields"?: Array<string>;
+        "searchPlaceholder"?: string;
+        "searchSub"?: string;
+        "searchText"?: string;
+        "selectedId"?: string;
+        "showIcon"?: boolean;
+        "size"?: SizeProp1;
+        "template"?: string;
+        "tooltip"?: string;
+        "treeview"?: boolean;
+        "updateCheckedList"?: Array<any>;
+        "value"?: any;
+    }
+    interface BcmListboxGroup {
+        "_id"?: string;
+        "hidden"?: boolean;
+        "text"?: string;
+    }
+    interface BcmListboxItem {
+        "_id"?: string;
+        "_internal_id"?: string;
+        "avatar"?: boolean;
+        "avatarImage"?: string;
+        "avatarName"?: string;
+        "checkboxes"?: boolean;
+        "checked"?: boolean;
+        "disabled"?: boolean;
+        "display"?: boolean;
+        "focused"?: boolean;
+        "hidden"?: boolean;
+        "highlight"?: boolean | string;
+        "icon"?: string;
+        "itemObject"?: string;
+        "objectMapping"?: object;
+        "onBcm-listbox-checked"?: (event: BcmListboxItemCustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-listbox-item-selected"?: (event: BcmListboxItemCustomEvent<any>) => void;
+        "onBcm-listbox-unchecked"?: (event: BcmListboxItemCustomEvent<any>) => void;
+        "open"?: boolean;
+        "secondaryText"?: string;
+        "selected"?: boolean;
+        "showIcon"?: boolean;
+        "size"?: SizeProp1;
+        "template"?: string;
+        "text"?: string;
+        "tooltipText"?: string;
+    }
+    interface BcmMenu {
+        "_id"?: string;
+        "collapse"?: boolean;
+        "collapsible"?: boolean;
+        "data"?: any;
+        "disabled"?: boolean;
+        "height"?: string;
+        "hidden"?: boolean;
+        "linkedComponent"?: string;
+        "maxHeight"?: string;
+        "minHeight"?: string;
+        "mode"?: 'horizontal' | 'vertical' | 'inline';
+        "onBcm-click"?: (event: BcmMenuCustomEvent<any>) => void;
+        "onBcm-expanded"?: (event: BcmMenuCustomEvent<any>) => void;
+        "onBcm-open"?: (event: BcmMenuCustomEvent<any>) => void;
+        "placement"?: PlacementTypes;
+        "selectable"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    interface BcmMessage {
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "isShow"?: boolean;
+        "loading"?: boolean;
+        /**
+          * Component Properties
+         */
+        "status"?: StatusProp1;
+    }
+    interface BcmModal {
+        "_id"?: string;
+        "backdrop"?: boolean | 'static';
+        "fullWidth"?: boolean;
+        "height"?: string;
+        "hidden"?: boolean;
+        "isShow"?: boolean;
+        "onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBeforeClose"?: (event: BcmModalCustomEvent<any>) => void;
+        "onBeforeOpen"?: (event: BcmModalCustomEvent<any>) => void;
+        "size"?: FullSizeTypes1;
+        "width"?: string;
+    }
+    interface BcmNotification {
+        /**
+          * Component Properties
+         */
+        "_title"?: string;
+        "confirmText"?: any;
+        "hidden"?: boolean;
+        "isShow"?: boolean;
+        /**
+          * Component Events
+         */
+        "onBcm-confirm"?: (event: BcmNotificationCustomEvent<any>) => void;
+        "status"?: TypeProp1;
+    }
+    interface BcmOldInput {
+        "_id"?: string;
+        "_internal_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "clearable"?: boolean;
+        "decimal"?: any;
+        "disableWatchValue"?: boolean;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "max"?: number;
+        "maxLength"?: number;
+        "min"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "noDefaultIcon"?: boolean;
+        "noMargin"?: boolean;
+        "onBcm-blur"?: (event: BcmOldInputCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmOldInputCustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmOldInputCustomEvent<any>) => void;
+        "onBcm-focus"?: (event: BcmOldInputCustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmOldInputCustomEvent<any>) => void;
+        "passwordToggle"?: boolean;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+        "step"?: any;
+        "tooltip"?: string;
+        "type"?: string;
+        "unit"?: string;
+        "unitPrefix"?: string;
+        "value"?: any;
+    }
+    interface BcmOldSearch {
+        "_internal_id"?: string;
+        "clearable"?: boolean;
+        "data"?: Array<object>;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "onBcm-on-search"?: (event: BcmOldSearchCustomEvent<any>) => void;
+        "onBcm-on-search-value"?: (event: BcmOldSearchCustomEvent<any>) => void;
+        "onlyChild"?: boolean;
+        "returnField"?: string;
+        "searchFields"?: Array<string>;
+        "searchPlaceholder"?: string;
+        "searchSub"?: string;
+        "searchValue"?: string;
+    }
+    interface BcmOldTag {
+        "_id"?: string;
+        "_internal_id"?: string;
+        "checked"?: boolean;
+        "color"?: ColorPaletteTypes;
+        "customStyle"?: any;
+        "hidden"?: boolean;
+        "maxWidth"?: boolean;
+        "onBcm-old-tag-checked-change"?: (event: BcmOldTagCustomEvent<object>) => void;
+        "onBcm-old-tag-dissmisable"?: (event: BcmOldTagCustomEvent<any>) => void;
+        "size"?: number | string;
+        "type"?: string;
+        "value"?: string;
+    }
+    interface BcmPopconfirm {
+        "_id"?: string;
+        "cancelText"?: string;
+        "hidden"?: boolean;
+        "message"?: string;
+        "okeyText"?: string;
+        "onBcm-cancel"?: (event: BcmPopconfirmCustomEvent<any>) => void;
+        "onBcm-confirm"?: (event: BcmPopconfirmCustomEvent<any>) => void;
+        "onBcm-hide"?: (event: BcmPopconfirmCustomEvent<any>) => void;
+        "onBcm-show"?: (event: BcmPopconfirmCustomEvent<any>) => void;
+        "open"?: boolean;
+        "placement"?: PlacementTypes;
+        "status"?: 'warning' | 'error';
+        "trigger"?: TrigglerTypes;
+    }
+    interface BcmPopconfirmBox {
+        "_id"?: string;
+        "_internal_id"?: string;
+        "_target_id"?: string;
+        "cancelText"?: string;
+        "hidden"?: boolean;
+        "message"?: string;
+        "okeyText"?: string;
+        "onBcm-popconfirm-cancel"?: (event: BcmPopconfirmBoxCustomEvent<any>) => void;
+        "onBcm-popconfirm-confirm"?: (event: BcmPopconfirmBoxCustomEvent<any>) => void;
+        "onBcm-popconfirm-show"?: (event: BcmPopconfirmBoxCustomEvent<any>) => void;
+        "open"?: boolean;
+        "placement"?: any;
+        "status"?: 'warning' | 'error';
+    }
+    interface BcmPopover {
+        "_id"?: string;
+        "color"?: string;
+        "content"?: string;
+        "message"?: string;
+        "open"?: boolean;
+        "placement"?: PlacementTypes1;
+        "trigger"?: TrigglerTypes1;
+    }
+    interface BcmProgress {
+        "_id"?: string;
+        "color"?: string;
+        "error"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "info"?: "value-max" | "value" | "percent" | "icon";
+        "max"?: number;
+        "size"?: "small" | "medium";
+        "type"?: "line" | "line-rounded" | "circle";
+        "value"?: number;
+    }
+    interface BcmRadio {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "checked"?: boolean;
+        "color"?: string;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "onBcm-blur"?: (event: BcmRadioCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmRadioCustomEvent<any>) => void;
+        "onBcm-focus"?: (event: BcmRadioCustomEvent<any>) => void;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "value"?: string | number;
+    }
+    interface BcmRadioGroup {
+        "_id"?: string;
+        "buttonStyle"?: 'solid' | 'outline';
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "defaultValue"?: string;
+        "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: BcmRadioGroupCustomEvent<any>) => void;
+        "optionType"?: 'default' | 'button';
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "value"?: string | number;
+    }
+    interface BcmRange {
+        "_id"?: string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "direction"?: DirectionTypes;
+        "height"?: string;
+        "max"?: number;
+        "min"?: number;
+        "name"?: string;
+        "onBcm-change"?: (event: BcmRangeCustomEvent<any>) => void;
+        "step"?: number;
+        "value"?: any;
+    }
+    interface BcmResult {
+        "description"?: string;
+        "heading"?: string;
+        "hidden"?: boolean;
+        "status"?: statusType;
+    }
+    interface BcmSearch {
+        "_id"?: string;
+        "clearable"?: boolean;
+        "data"?: any;
+        "disabled"?: boolean;
+        "limit"?: number;
+        "onBcm-on-search"?: (event: BcmSearchCustomEvent<any>) => void;
+        "onBcm-on-search-clear"?: (event: BcmSearchCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "searchIsOnlyChilds"?: boolean;
+        "size"?: SizeTypes1;
+    }
+    interface BcmSelect {
+        "_data"?: any;
+        "_id"?: string;
+        "_internal_id"?: string;
+        "_items"?: any;
+        "alignment"?: 'left' | 'right' | 'default';
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "checkboxes"?: boolean;
+        "clearable"?: boolean;
+        "defaultValue"?: string;
+        "disabled"?: boolean;
+        "flex"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "infoFooter"?: boolean;
+        "label"?: string;
+        "maxHeight"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "numberOfColumns"?: number;
+        "onBcm-blur"?: (event: BcmSelectCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmSelectCustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmSelectCustomEvent<any>) => void;
+        "onBcm-focus"?: (event: BcmSelectCustomEvent<any>) => void;
+        "onBcm-listbox-send-check"?: (event: BcmSelectCustomEvent<any>) => void;
+        "onBcm-listbox-unchecked"?: (event: BcmSelectCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "placement"?: PlacementTypes;
+        "required"?: boolean;
+        "scrollable"?: 'none' | 'vertical' | 'horizontal' | 'both';
+        "search"?: boolean;
+        "searchFields"?: Array<string>;
+        "searchable"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+        "template"?: string;
+        "tooltip"?: string;
+        "treeview"?: boolean;
+        "value"?: string;
+        "value2"?: string;
+        "viewportMaxWidth"?: string;
+        "viewportMinWidth"?: string;
+        "viewportWidth"?: string;
+    }
+    interface BcmSelectBox {
+        "_internal_id"?: string;
+        "hidden"?: boolean;
+        "isShow"?: boolean;
+    }
+    interface BcmSelectGroup {
+        "heading"?: string;
+        "hidden"?: boolean;
+        "visible"?: boolean;
+    }
+    interface BcmSelectOption {
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "selected"?: boolean;
+        "value"?: string;
+        "visible"?: boolean;
+    }
+    interface BcmSkeleton {
+        "_id"?: string;
+        "loading"?: boolean;
+    }
+    interface BcmStep {
+        "_id"?: string;
+        "_title"?: string;
+        "active"?: boolean;
+        "description"?: string;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "htmlTemplate"?: string;
+        "icon"?: string;
+        "index"?: number;
+        "isLast"?: boolean;
+        "loading"?: boolean;
+        "onBcm-change-hidden"?: (event: BcmStepCustomEvent<any>) => void;
+        "onData-is-loaded"?: (event: BcmStepCustomEvent<any>) => void;
+        "status"?: 'default' | 'success' | 'warning' | 'error';
+        "valid"?: boolean;
+    }
+    interface BcmStepper {
+        "_id"?: string;
+        "active"?: number;
+        "data"?: any[];
+        "direction"?: DirectionTypes;
+        "hidden"?: boolean;
+        "icon"?: boolean;
+        "linear"?: boolean;
+        "onBcm-step-change"?: (event: BcmStepperCustomEvent<any>) => void;
+        "size"?: SizeTypes1;
+        "tick"?: {};
+    }
+    interface BcmSwitch {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
+        "activeIcon"?: string;
+        "activeText"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "checked"?: boolean;
+        "disabled"?: boolean;
+        "hidden"?: boolean;
+        "inactiveIcon"?: string;
+        "inactiveText"?: string;
+        "label"?: string;
+        "labelPosition"?: 'top' | 'left' | 'right';
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-blur"?: (event: BcmSwitchCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmSwitchCustomEvent<any>) => void;
+        "onBcm-focus"?: (event: BcmSwitchCustomEvent<any>) => void;
+        "pending"?: boolean;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "tooltip"?: string;
+        "value"?: boolean;
+    }
+    interface BcmTab {
+        "active"?: boolean;
+        "badge"?: boolean;
+        "blink"?: boolean;
+        "closable"?: boolean;
+        "disabled"?: boolean;
+        "formControl"?: string;
+        "hidden"?: boolean;
+        /**
+          * Component Events
+         */
+        "onBcm-click"?: (event: BcmTabCustomEvent<any>) => void;
+        "onBcm-close"?: (event: BcmTabCustomEvent<any>) => void;
+        "status"?: 'processing' | 'error' | 'warning' | 'success' | 'default';
+        "tabId"?: string;
+        /**
+          * Component Properties
+         */
+        "type"?: TypeProp2;
+    }
+    interface BcmTabGroup {
+        "_id"?: string;
+        "active"?: string;
+        "color"?: string;
+        "onTabChange"?: (event: BcmTabGroupCustomEvent<any>) => void;
+        "size"?: SizeTypes1;
+    }
+    interface BcmTabPane {
+        "active"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "size"?: SizeProp2;
+        "tab"?: string;
+    }
+    interface BcmTable {
+        "gridOptions"?: Object;
+    }
+    interface BcmTabs {
+        "direction"?: DirectionProp;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "onBcm-change"?: (event: BcmTabsCustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-click"?: (event: BcmTabsCustomEvent<any>) => void;
+        "onBcm-tabs-active-item"?: (event: BcmTabsCustomEvent<any>) => void;
+        /**
+          * Component Properties
+         */
+        "size"?: SizeProp2;
+        "type"?: TypeProp2;
+        "underline"?: boolean;
+    }
+    interface BcmTabsContent {
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "size"?: SizeProp2;
+        "type"?: TypeProp2;
+    }
+    interface BcmTag {
+        "_id"?: string;
+        "_internal_id"?: string;
+        "checked"?: boolean;
+        "closeFunc"?: Function;
+        "color"?: ColorPaletteTypes1;
+        "customStyle"?: any;
+        "hidden"?: boolean;
+        "itemObject"?: string;
+        "onBcm-change"?: (event: BcmTagCustomEvent<any>) => void;
+        "onBcm-tag-dismissable"?: (event: BcmTagCustomEvent<any>) => void;
+        "onBcm-tag-select"?: (event: BcmTagCustomEvent<any>) => void;
+        "selectFunc"?: Function;
+        "size"?: FontSizesTypes | number;
+        "type"?: TagTypes;
+        "value"?: string;
+    }
+    interface BcmText {
+        "color"?: string;
+        "fontSize"?: number;
+        "hidden"?: boolean;
+        "scale"?: any;
+        "text"?: string;
+        "weight"?: string;
+    }
+    interface BcmTextarea {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "clearable"?: boolean;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "maxLength"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "onBcm-blur"?: (event: BcmTextareaCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmTextareaCustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmTextareaCustomEvent<any>) => void;
+        "onBcm-focus"?: (event: BcmTextareaCustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmTextareaCustomEvent<any>) => void;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "resize"?: ResizeTypes | any;
+        "rows"?: number;
+        "size"?: SizeTypes1;
+        "value"?: string;
+    }
+    interface BcmTimePicker {
+        "_id"?: string;
+        "alignment"?: any;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "linkedComponent"?: string;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "placeholder"?: string;
+        "placement"?: PlacementTypes;
+        "required"?: boolean;
+        "time"?: Date | string;
+        "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"?: string;
+        "message"?: string;
+        "open"?: boolean;
+        "placement"?: PlacementTypes1;
+        "trigger"?: TrigglerTypes1;
+    }
+    interface BcmTreeview {
+        "_internal_id"?: string;
+        "_items"?: Array<object> | string;
+        "allOpen"?: boolean;
+        "checkboxes"?: boolean;
+        "checkedList"?: Array<any>;
+        "favIcon"?: boolean;
+        "favIconOnlyChilds"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "highlight"?: boolean;
+        "infoFooter"?: boolean;
+        "keydown"?: boolean;
+        "loading"?: boolean;
+        "maxHeight"?: string;
+        /**
+          * Component Events
+         */
+        "onBcm-treeview-change"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-checked"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-checklist"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-clear-selecteds"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-item-selected"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-send-check"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-send-uncheck"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-show-context"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "onBcm-treeview-unchecked"?: (event: BcmTreeviewCustomEvent<any>) => void;
+        "returnField"?: string;
+        "search"?: boolean;
+        "searchFields"?: Array<string>;
+        "searchOnlyChild"?: boolean;
+        "searchPlaceholder"?: string;
+        "searchSub"?: string;
+        "selectedId"?: string;
+        "showIcon"?: boolean;
+        "size"?: SizeProp3;
+        "updateCheckedList"?: Array<any>;
+    }
+    interface BcmTreeviewGroup {
+    }
+    interface BcmTreeviewItem {
+        "_contextMenu"?: Array<object> | string;
+        "_id"?: string;
+        "_internal_id"?: string;
+        "checkTrigger"?: boolean;
+        "checkboxes"?: boolean;
+        "checked"?: boolean;
+        "contextMenuShow"?: boolean;
+        "disabled"?: boolean;
+        "favicon"?: boolean;
+        "favorite"?: boolean;
+        "focused"?: boolean;
+        "hasChild"?: boolean;
+        "icon"?: string;
+        "indeterminateState"?: 'uncheck' | 'indeterminate' | 'determinate';
+        "itemObject"?: string;
+        "items"?: any;
+        "onBcm-favorite-status"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-change"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-check-group-check"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-check-item-checked"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-check-item-unchecked"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-checked"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-indeterminate-checked"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-indeterminate-unchecked"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        /**
+          * Component Events
+         */
+        "onBcm-treeview-item-selected"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "onBcm-treeview-unchecked"?: (event: BcmTreeviewItemCustomEvent<any>) => void;
+        "open"?: boolean;
+        "parentId"?: string;
+        "selected"?: boolean;
+        "showIcon"?: boolean;
+        "size"?: SizeProp3;
+        "text"?: string;
+        "tooltipText"?: string;
+    }
+    interface BcmTypography {
+    }
+    interface OldBcmPopover {
+        "_id"?: string;
+        "_title"?: string;
+        "linkedComponent"?: string;
+        "message"?: string;
+        "onBcm-hide"?: (event: OldBcmPopoverCustomEvent<any>) => void;
+        "onBcm-show"?: (event: OldBcmPopoverCustomEvent<any>) => void;
+        "open"?: boolean;
+        "placement"?: PlacementTypes;
+        "trigger"?: TrigglerTypes;
+    }
+    interface OldBcmPopoverBox {
+        "_id"?: string;
+        "_target_id"?: string;
+        "_title"?: string;
+        "height"?: string;
+        "hidden"?: boolean;
+        "htmlContent"?: any;
+        "linkedComponent"?: string;
+        "maxHeight"?: string;
+        "message"?: string;
+        "minHeight"?: string;
+        "open"?: boolean;
+        "placement"?: string;
+    }
+    interface IntrinsicElements {
+        "bcm-accordion": BcmAccordion;
+        "bcm-alert": BcmAlert;
+        "bcm-attendance": BcmAttendance;
+        "bcm-autocomplete": BcmAutocomplete;
+        "bcm-avatar": BcmAvatar;
+        "bcm-badge": BcmBadge;
+        "bcm-box": BcmBox;
+        "bcm-breadcrumb": BcmBreadcrumb;
+        "bcm-button": BcmButton;
+        "bcm-button-group": BcmButtonGroup;
+        "bcm-card": BcmCard;
+        "bcm-checkbox": BcmCheckbox;
+        "bcm-checkbox-group": BcmCheckboxGroup;
+        "bcm-checkbox-lite": BcmCheckboxLite;
+        "bcm-chip": BcmChip;
+        "bcm-collapse": BcmCollapse;
+        "bcm-collapse-group": BcmCollapseGroup;
+        "bcm-colorpicker": BcmColorpicker;
+        "bcm-date-picker": BcmDatePicker;
+        "bcm-datetime-picker": BcmDatetimePicker;
+        "bcm-default": BcmDefault;
+        "bcm-divider": BcmDivider;
+        "bcm-drawer": BcmDrawer;
+        "bcm-dropdown": BcmDropdown;
+        "bcm-empty": BcmEmpty;
+        "bcm-error-layout": BcmErrorLayout;
+        "bcm-expansion-panel": BcmExpansionPanel;
+        "bcm-form": BcmForm;
+        "bcm-form-2": BcmForm2;
+        "bcm-form-group": BcmFormGroup;
+        "bcm-icon": BcmIcon;
+        "bcm-input": BcmInput;
+        "bcm-item": BcmItem;
+        "bcm-items": BcmItems;
+        "bcm-label": BcmLabel;
+        "bcm-link": BcmLink;
+        "bcm-linked": BcmLinked;
+        "bcm-list": BcmList;
+        "bcm-listbox": BcmListbox;
+        "bcm-listbox-group": BcmListboxGroup;
+        "bcm-listbox-item": BcmListboxItem;
+        "bcm-menu": BcmMenu;
+        "bcm-message": BcmMessage;
+        "bcm-modal": BcmModal;
+        "bcm-notification": BcmNotification;
+        "bcm-old-input": BcmOldInput;
+        "bcm-old-search": BcmOldSearch;
+        "bcm-old-tag": BcmOldTag;
+        "bcm-popconfirm": BcmPopconfirm;
+        "bcm-popconfirm-box": BcmPopconfirmBox;
+        "bcm-popover": BcmPopover;
+        "bcm-progress": BcmProgress;
+        "bcm-radio": BcmRadio;
+        "bcm-radio-group": BcmRadioGroup;
+        "bcm-range": BcmRange;
+        "bcm-result": BcmResult;
+        "bcm-search": BcmSearch;
+        "bcm-select": BcmSelect;
+        "bcm-select-box": BcmSelectBox;
+        "bcm-select-group": BcmSelectGroup;
+        "bcm-select-option": BcmSelectOption;
+        "bcm-skeleton": BcmSkeleton;
+        "bcm-step": BcmStep;
+        "bcm-stepper": BcmStepper;
+        "bcm-switch": BcmSwitch;
+        "bcm-tab": BcmTab;
+        "bcm-tab-group": BcmTabGroup;
+        "bcm-tab-pane": BcmTabPane;
+        "bcm-table": BcmTable;
+        "bcm-tabs": BcmTabs;
+        "bcm-tabs-content": BcmTabsContent;
+        "bcm-tag": BcmTag;
+        "bcm-text": BcmText;
+        "bcm-textarea": BcmTextarea;
+        "bcm-time-picker": BcmTimePicker;
+        "bcm-timeline": BcmTimeline;
+        "bcm-timeline-item": BcmTimelineItem;
+        "bcm-tooltip": BcmTooltip;
+        "bcm-treeview": BcmTreeview;
+        "bcm-treeview-group": BcmTreeviewGroup;
+        "bcm-treeview-item": BcmTreeviewItem;
+        "bcm-typography": BcmTypography;
+        "old-bcm-popover": OldBcmPopover;
+        "old-bcm-popover-box": OldBcmPopoverBox;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "bcm-accordion": LocalJSX.BcmAccordion & JSXBase.HTMLAttributes<HTMLBcmAccordionElement>;
+            "bcm-alert": LocalJSX.BcmAlert & JSXBase.HTMLAttributes<HTMLBcmAlertElement>;
+            "bcm-attendance": LocalJSX.BcmAttendance & JSXBase.HTMLAttributes<HTMLBcmAttendanceElement>;
+            "bcm-autocomplete": LocalJSX.BcmAutocomplete & JSXBase.HTMLAttributes<HTMLBcmAutocompleteElement>;
+            "bcm-avatar": LocalJSX.BcmAvatar & JSXBase.HTMLAttributes<HTMLBcmAvatarElement>;
+            "bcm-badge": LocalJSX.BcmBadge & JSXBase.HTMLAttributes<HTMLBcmBadgeElement>;
+            "bcm-box": LocalJSX.BcmBox & JSXBase.HTMLAttributes<HTMLBcmBoxElement>;
+            "bcm-breadcrumb": LocalJSX.BcmBreadcrumb & JSXBase.HTMLAttributes<HTMLBcmBreadcrumbElement>;
+            "bcm-button": LocalJSX.BcmButton & JSXBase.HTMLAttributes<HTMLBcmButtonElement>;
+            "bcm-button-group": LocalJSX.BcmButtonGroup & JSXBase.HTMLAttributes<HTMLBcmButtonGroupElement>;
+            "bcm-card": LocalJSX.BcmCard & JSXBase.HTMLAttributes<HTMLBcmCardElement>;
+            "bcm-checkbox": LocalJSX.BcmCheckbox & JSXBase.HTMLAttributes<HTMLBcmCheckboxElement>;
+            "bcm-checkbox-group": LocalJSX.BcmCheckboxGroup & JSXBase.HTMLAttributes<HTMLBcmCheckboxGroupElement>;
+            "bcm-checkbox-lite": LocalJSX.BcmCheckboxLite & JSXBase.HTMLAttributes<HTMLBcmCheckboxLiteElement>;
+            "bcm-chip": LocalJSX.BcmChip & JSXBase.HTMLAttributes<HTMLBcmChipElement>;
+            "bcm-collapse": LocalJSX.BcmCollapse & JSXBase.HTMLAttributes<HTMLBcmCollapseElement>;
+            "bcm-collapse-group": LocalJSX.BcmCollapseGroup & JSXBase.HTMLAttributes<HTMLBcmCollapseGroupElement>;
+            "bcm-colorpicker": LocalJSX.BcmColorpicker & JSXBase.HTMLAttributes<HTMLBcmColorpickerElement>;
+            "bcm-date-picker": LocalJSX.BcmDatePicker & JSXBase.HTMLAttributes<HTMLBcmDatePickerElement>;
+            "bcm-datetime-picker": LocalJSX.BcmDatetimePicker & JSXBase.HTMLAttributes<HTMLBcmDatetimePickerElement>;
+            "bcm-default": LocalJSX.BcmDefault & JSXBase.HTMLAttributes<HTMLBcmDefaultElement>;
+            "bcm-divider": LocalJSX.BcmDivider & JSXBase.HTMLAttributes<HTMLBcmDividerElement>;
+            "bcm-drawer": LocalJSX.BcmDrawer & JSXBase.HTMLAttributes<HTMLBcmDrawerElement>;
+            "bcm-dropdown": LocalJSX.BcmDropdown & JSXBase.HTMLAttributes<HTMLBcmDropdownElement>;
+            "bcm-empty": LocalJSX.BcmEmpty & JSXBase.HTMLAttributes<HTMLBcmEmptyElement>;
+            "bcm-error-layout": LocalJSX.BcmErrorLayout & JSXBase.HTMLAttributes<HTMLBcmErrorLayoutElement>;
+            "bcm-expansion-panel": LocalJSX.BcmExpansionPanel & JSXBase.HTMLAttributes<HTMLBcmExpansionPanelElement>;
+            "bcm-form": LocalJSX.BcmForm & JSXBase.HTMLAttributes<HTMLBcmFormElement>;
+            "bcm-form-2": LocalJSX.BcmForm2 & JSXBase.HTMLAttributes<HTMLBcmForm2Element>;
+            "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
+            "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
+            "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
+            "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
+            "bcm-items": LocalJSX.BcmItems & JSXBase.HTMLAttributes<HTMLBcmItemsElement>;
+            "bcm-label": LocalJSX.BcmLabel & JSXBase.HTMLAttributes<HTMLBcmLabelElement>;
+            "bcm-link": LocalJSX.BcmLink & JSXBase.HTMLAttributes<HTMLBcmLinkElement>;
+            "bcm-linked": LocalJSX.BcmLinked & JSXBase.HTMLAttributes<HTMLBcmLinkedElement>;
+            "bcm-list": LocalJSX.BcmList & JSXBase.HTMLAttributes<HTMLBcmListElement>;
+            "bcm-listbox": LocalJSX.BcmListbox & JSXBase.HTMLAttributes<HTMLBcmListboxElement>;
+            "bcm-listbox-group": LocalJSX.BcmListboxGroup & JSXBase.HTMLAttributes<HTMLBcmListboxGroupElement>;
+            "bcm-listbox-item": LocalJSX.BcmListboxItem & JSXBase.HTMLAttributes<HTMLBcmListboxItemElement>;
+            "bcm-menu": LocalJSX.BcmMenu & JSXBase.HTMLAttributes<HTMLBcmMenuElement>;
+            "bcm-message": LocalJSX.BcmMessage & JSXBase.HTMLAttributes<HTMLBcmMessageElement>;
+            "bcm-modal": LocalJSX.BcmModal & JSXBase.HTMLAttributes<HTMLBcmModalElement>;
+            "bcm-notification": LocalJSX.BcmNotification & JSXBase.HTMLAttributes<HTMLBcmNotificationElement>;
+            "bcm-old-input": LocalJSX.BcmOldInput & JSXBase.HTMLAttributes<HTMLBcmOldInputElement>;
+            "bcm-old-search": LocalJSX.BcmOldSearch & JSXBase.HTMLAttributes<HTMLBcmOldSearchElement>;
+            "bcm-old-tag": LocalJSX.BcmOldTag & JSXBase.HTMLAttributes<HTMLBcmOldTagElement>;
+            "bcm-popconfirm": LocalJSX.BcmPopconfirm & JSXBase.HTMLAttributes<HTMLBcmPopconfirmElement>;
+            "bcm-popconfirm-box": LocalJSX.BcmPopconfirmBox & JSXBase.HTMLAttributes<HTMLBcmPopconfirmBoxElement>;
+            "bcm-popover": LocalJSX.BcmPopover & JSXBase.HTMLAttributes<HTMLBcmPopoverElement>;
+            "bcm-progress": LocalJSX.BcmProgress & JSXBase.HTMLAttributes<HTMLBcmProgressElement>;
+            "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-select": LocalJSX.BcmSelect & JSXBase.HTMLAttributes<HTMLBcmSelectElement>;
+            "bcm-select-box": LocalJSX.BcmSelectBox & JSXBase.HTMLAttributes<HTMLBcmSelectBoxElement>;
+            "bcm-select-group": LocalJSX.BcmSelectGroup & JSXBase.HTMLAttributes<HTMLBcmSelectGroupElement>;
+            "bcm-select-option": LocalJSX.BcmSelectOption & JSXBase.HTMLAttributes<HTMLBcmSelectOptionElement>;
+            "bcm-skeleton": LocalJSX.BcmSkeleton & JSXBase.HTMLAttributes<HTMLBcmSkeletonElement>;
+            "bcm-step": LocalJSX.BcmStep & JSXBase.HTMLAttributes<HTMLBcmStepElement>;
+            "bcm-stepper": LocalJSX.BcmStepper & JSXBase.HTMLAttributes<HTMLBcmStepperElement>;
+            "bcm-switch": LocalJSX.BcmSwitch & JSXBase.HTMLAttributes<HTMLBcmSwitchElement>;
+            "bcm-tab": LocalJSX.BcmTab & JSXBase.HTMLAttributes<HTMLBcmTabElement>;
+            "bcm-tab-group": LocalJSX.BcmTabGroup & JSXBase.HTMLAttributes<HTMLBcmTabGroupElement>;
+            "bcm-tab-pane": LocalJSX.BcmTabPane & JSXBase.HTMLAttributes<HTMLBcmTabPaneElement>;
+            "bcm-table": LocalJSX.BcmTable & JSXBase.HTMLAttributes<HTMLBcmTableElement>;
+            "bcm-tabs": LocalJSX.BcmTabs & JSXBase.HTMLAttributes<HTMLBcmTabsElement>;
+            "bcm-tabs-content": LocalJSX.BcmTabsContent & JSXBase.HTMLAttributes<HTMLBcmTabsContentElement>;
+            "bcm-tag": LocalJSX.BcmTag & JSXBase.HTMLAttributes<HTMLBcmTagElement>;
+            "bcm-text": LocalJSX.BcmText & JSXBase.HTMLAttributes<HTMLBcmTextElement>;
+            "bcm-textarea": LocalJSX.BcmTextarea & JSXBase.HTMLAttributes<HTMLBcmTextareaElement>;
+            "bcm-time-picker": LocalJSX.BcmTimePicker & JSXBase.HTMLAttributes<HTMLBcmTimePickerElement>;
+            "bcm-timeline": LocalJSX.BcmTimeline & JSXBase.HTMLAttributes<HTMLBcmTimelineElement>;
+            "bcm-timeline-item": LocalJSX.BcmTimelineItem & JSXBase.HTMLAttributes<HTMLBcmTimelineItemElement>;
+            "bcm-tooltip": LocalJSX.BcmTooltip & JSXBase.HTMLAttributes<HTMLBcmTooltipElement>;
+            "bcm-treeview": LocalJSX.BcmTreeview & JSXBase.HTMLAttributes<HTMLBcmTreeviewElement>;
+            "bcm-treeview-group": LocalJSX.BcmTreeviewGroup & JSXBase.HTMLAttributes<HTMLBcmTreeviewGroupElement>;
+            "bcm-treeview-item": LocalJSX.BcmTreeviewItem & JSXBase.HTMLAttributes<HTMLBcmTreeviewItemElement>;
+            "bcm-typography": LocalJSX.BcmTypography & JSXBase.HTMLAttributes<HTMLBcmTypographyElement>;
+            "old-bcm-popover": LocalJSX.OldBcmPopover & JSXBase.HTMLAttributes<HTMLOldBcmPopoverElement>;
+            "old-bcm-popover-box": LocalJSX.OldBcmPopoverBox & JSXBase.HTMLAttributes<HTMLOldBcmPopoverBoxElement>;
+        }
+    }
+}