@mgdis/mg-components 6.13.1 → 6.15.0

package/dist/types/components.d.ts

@@ -9,11 +9,12 @@ import { MgActionMoreButtonType, MgActionMoreDividerType, MgActionMoreIconType,
 import { VariantStyleType, VariantType } from "./components/molecules/mg-alert/mg-alert.conf";
 import { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
 import { ButtonType, SizeType, VariantType as VariantType1 } from "./components/atoms/mg-button/mg-button.conf";
+import { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 import { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 import { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 import { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
-import { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
-import { CheckboxItem, CheckboxType, CheckboxValue, SectionKindType } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+import { ErrorMessageDetailsType, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
+import { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 import { Direction, Option } from "./types";
 import { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
 import { Format, NumericType } from "./components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf";
@@ -40,11 +41,12 @@ export { MgActionMoreButtonType, MgActionMoreDividerType, MgActionMoreIconType,
 export { VariantStyleType, VariantType } from "./components/molecules/mg-alert/mg-alert.conf";
 export { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
 export { ButtonType, SizeType, VariantType as VariantType1 } from "./components/atoms/mg-button/mg-button.conf";
+export { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 export { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 export { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 export { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
-export { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
-export { CheckboxItem, CheckboxType, CheckboxValue, SectionKindType } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+export { ErrorMessageDetailsType, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
+export { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 export { Direction, Option } from "./types";
 export { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
 export { Format, NumericType } from "./components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf";
@@ -71,10 +73,12 @@ export namespace Components {
     interface MgActionMore {
         /**
           * Define button properties
+          * @default { variant: 'flat', isIcon: true }
          */
         "button"?: MgActionMoreButtonType;
         /**
           * Define if chevron is display
+          * @default false
          */
         "displayChevron": boolean;
         /**
@@ -93,10 +97,12 @@ export namespace Components {
         "delay"?: number;
         /**
           * Define variant
+          * @default 'info'
          */
         "variant"?: VariantType;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle"?: VariantStyleType;
     }
@@ -107,6 +113,7 @@ export namespace Components {
         "label": string;
         /**
           * Define if button is using outline style
+          * @default false
          */
         "outline"?: boolean;
         /**
@@ -115,12 +122,14 @@ export namespace Components {
         "value": string | number;
         /**
           * Define badge variant
+          * @default 'info'
          */
         "variant"?: BadgeVariantType;
     }
     interface MgButton {
         /**
           * Option to set input disable on click, in order to prevent multi-click. Parent component have to remove the attribute 'disabled' when the process ends.
+          * @default false
          */
         "disableOnClick": boolean;
         /**
@@ -133,10 +142,12 @@ export namespace Components {
         "form"?: string;
         /**
           * Set button to full-width
+          * @default false
          */
         "fullWidth": boolean;
         /**
           * Define if button is round. Used for icon button.
+          * @default false
          */
         "isIcon": boolean;
         /**
@@ -145,6 +156,7 @@ export namespace Components {
         "label"?: string;
         /**
           * Define button size
+          * @default 'medium'
          */
         "size": SizeType;
         /**
@@ -153,14 +165,26 @@ export namespace Components {
         "type"?: ButtonType;
         /**
           * Define button variant
+          * @default 'primary'
          */
         "variant": VariantType1;
     }
     interface MgCard {
+        /**
+          * Define the border radius size
+          * @default 'medium'
+         */
+        "radiusSize": RadiusSizeType;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow": boolean;
     }
     interface MgCharacterLeft {
         /**
           * Sets the characters to count
+          * @default ''
          */
         "characters": string;
         /**
@@ -175,10 +199,12 @@ export namespace Components {
     interface MgDetails {
         /**
           * Define if details are diplayed
+          * @default false
          */
         "expanded": boolean;
         /**
           * Hide summary element
+          * @default false
          */
         "hideSummary": boolean;
         /**
@@ -193,6 +219,7 @@ export namespace Components {
     interface MgDivider {
         /**
           * Define component size
+          * @default false
          */
         "fullWidth": boolean;
     }
@@ -203,6 +230,7 @@ export namespace Components {
         "ariaRole"?: AriaRoleType;
         /**
           * Define if form is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -211,6 +239,7 @@ export namespace Components {
         "displayError": () => Promise<void>;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-form')
          */
         "identifier": string;
         /**
@@ -219,14 +248,17 @@ export namespace Components {
         "invalid": boolean;
         /**
           * Define if slotted mg-component's label are displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if form is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
@@ -249,10 +281,12 @@ export namespace Components {
         "icon": IconType;
         /**
           * Define icon size
+          * @default 'medium'
          */
         "size": IconSizeType;
         /**
           * Make the icon spin
+          * @default false
          */
         "spin": boolean;
         /**
@@ -267,22 +301,25 @@ export namespace Components {
     interface MgIllustratedMessage {
         /**
           * Define component orientation
+          * @default 'vertical'
          */
         "direction": IllustratedMessageDirectionType;
         /**
           * Define illustration size
+          * @default 'medium'
          */
         "size": IllustratedMessageSizeType;
     }
     interface MgInput {
         /**
           * Define aria-describedby ids to link with
+          * @default []
          */
-        "ariaDescribedbyIDs": string[];
+        "ariaDescribedbyIDs"?: string[] | string;
         /**
           * Define error message to display
          */
-        "errorMessage"?: string;
+        "errorMessage"?: string | ErrorMessageDetailsType;
         /**
           * Define help text to display
          */
@@ -297,14 +334,17 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -313,12 +353,14 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
     }
     interface MgInputCheckbox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -327,12 +369,13 @@ export namespace Components {
         "displayError": () => Promise<void>;
         /**
           * Display selected values list in "multi" type This prop is only applied with prop type "multi" or when an "unset" mode render a "multi" type.
+          * @default false
          */
         "displaySelectedValues": boolean;
         /**
           * Overwrite default "edit" button message
          */
-        "editButtonMessage": string;
+        "editButtonMessage"?: string;
         /**
           * Add a help text under the input, usually expected data format and example
          */
@@ -343,6 +386,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList": boolean;
         /**
@@ -355,22 +399,31 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Define if mg-input-checkbox is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if mg-input-checkbox is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -380,7 +433,7 @@ export namespace Components {
         /**
           * Overwrite default "select" button message
          */
-        "selectButtonMessage": string;
+        "selectButtonMessage"?: string;
         /**
           * Set an error and display a custom error message. This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter. It must be paired with an error message to display for the given context. When used to set validity to `false`, you should use this method again to reset the validity to `true`.
           * @param valid - value indicating the validity
@@ -394,13 +447,14 @@ export namespace Components {
         /**
           * Overwrite default "show" button message
          */
-        "showButtonMessage": string;
+        "showButtonMessage"?: string;
         /**
           * Add a tooltip message next to the input
          */
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -424,12 +478,9 @@ export namespace Components {
           * Define checkboxes to paginate
          */
         "checkboxes": CheckboxItem[];
-        /**
-          * Current page
-         */
-        "currentPage": number;
         /**
           * Define if mg-input-checkbox-list is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -446,12 +497,18 @@ export namespace Components {
         "name"?: string;
         /**
           * Define if mg-input-checkbox-list is readonly
+          * @default false
          */
         "readonly": boolean;
+        /**
+          * Method to reset limit
+         */
+        "resetLimit": () => Promise<void>;
     }
     interface MgInputCombobox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -501,30 +558,40 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Define input placeholder. It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.
          */
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -547,6 +614,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -561,6 +629,7 @@ export namespace Components {
     interface MgInputDate {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -585,14 +654,17 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define input maximum date format: yyyy-mm-dd
+          * @default '9999-12-31'
          */
         "max"?: string;
         /**
@@ -601,14 +673,17 @@ export namespace Components {
         "min"?: string;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -631,6 +706,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -645,14 +721,17 @@ export namespace Components {
     interface MgInputNumeric {
         /**
           * Define currency
+          * @default 'EUR'
          */
         "currency": string;
         /**
           * Override decimal length decimal is the number after the decimal point
+          * @default 2
          */
         "decimalLength": number;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -661,6 +740,7 @@ export namespace Components {
         "displayError": () => Promise<void>;
         /**
           * Set local formatting. Numbers are formatted based on the locale.
+          * @default 'number'
          */
         "format": Format;
         /**
@@ -673,6 +753,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Override integer length integer is the number before the decimal point
+          * @default 13
          */
         "integerLength": number;
         /**
@@ -685,10 +766,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -705,6 +788,7 @@ export namespace Components {
         "min"?: number;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -713,10 +797,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -739,10 +825,12 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
           * Define numeric type
+          * @default 'decimal'
          */
         "type": NumericType;
         /**
@@ -751,6 +839,7 @@ export namespace Components {
         "unit"?: Intl.NumberFormatOptions['unit'];
         /**
           * Define unit display format ('short', 'long', 'narrow')
+          * @default 'short'
          */
         "unitDisplay": Intl.NumberFormatOptions['unitDisplay'];
         /**
@@ -765,6 +854,7 @@ export namespace Components {
     interface MgInputPassword {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -789,10 +879,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -801,10 +893,12 @@ export namespace Components {
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -813,10 +907,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -839,6 +935,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -853,6 +950,7 @@ export namespace Components {
     interface MgInputRadio {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -869,6 +967,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList": boolean;
         /**
@@ -885,22 +984,31 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -923,6 +1031,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -937,6 +1046,7 @@ export namespace Components {
     interface MgInputRichTextEditor {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -971,10 +1081,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -995,10 +1107,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if the editor is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1007,6 +1121,7 @@ export namespace Components {
         "reset": () => Promise<void>;
         /**
           * Define the number of visible text lines for the control
+          * @default 5
          */
         "rows": number;
         /**
@@ -1025,6 +1140,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1033,12 +1149,14 @@ export namespace Components {
         "valid": boolean;
         /**
           * Define the value of the editor Can be either HTML string or plain text
+          * @default ''
          */
         "value": string;
     }
     interface MgInputSelect {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1067,10 +1185,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -1079,26 +1199,35 @@ export namespace Components {
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Input placeholder. It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.
          */
         "placeholder": string;
         /**
           * Option to disable placeholder
+          * @default false
          */
         "placeholderDisabled": boolean;
         /**
           * Option to remove placeholder
+          * @default false
          */
         "placeholderHide": boolean;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1121,6 +1250,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1135,6 +1265,7 @@ export namespace Components {
     interface MgInputText {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide": boolean;
         /**
@@ -1143,6 +1274,7 @@ export namespace Components {
         "datalistoptions": string[] | OptionType[];
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1171,22 +1303,27 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input max length
+          * @default 400
          */
         "maxlength": number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -1203,10 +1340,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1229,10 +1368,12 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
           * Input type
+          * @default 'text'
          */
         "type": TextType;
         /**
@@ -1247,10 +1388,12 @@ export namespace Components {
     interface MgInputTextarea {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide": boolean;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1275,22 +1418,27 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input max length
+          * @default 4000
          */
         "maxlength": number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -1307,10 +1455,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1319,10 +1469,12 @@ export namespace Components {
         "reset": () => Promise<void>;
         /**
           * Define if input is resizable
+          * @default 'none'
          */
         "resizable": 'none' | 'both' | 'horizontal' | 'vertical';
         /**
           * Define the number of visible text lines for the control
+          * @default 3
          */
         "rows": number;
         /**
@@ -1341,6 +1493,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1359,6 +1512,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Switch from label to fieldset sementic
+          * @default false
          */
         "isLegend": boolean;
         /**
@@ -1373,6 +1527,7 @@ export namespace Components {
     interface MgInputToggle {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1383,12 +1538,18 @@ export namespace Components {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
+        /**
+          * Define input invalid state
+         */
+        "invalid": boolean;
         /**
           * Define if toggle display icon
+          * @default false
          */
         "isIcon": boolean;
         /**
           * Define if toggle have on/off style
+          * @default false
          */
         "isOnOff": boolean;
         /**
@@ -1401,18 +1562,26 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
@@ -1435,8 +1604,13 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
+        /**
+          * Define input valid state
+         */
+        "valid": boolean;
         /**
           * Component value
          */
@@ -1445,6 +1619,7 @@ export namespace Components {
     interface MgItemMore {
         /**
           * Define icon
+          * @default { icon: 'ellipsis-vertical' }
          */
         "icon"?: IconType2;
         /**
@@ -1453,6 +1628,7 @@ export namespace Components {
         "size"?: SizeType1;
         /**
           * Define slot label element
+          * @default { display: false }
          */
         "slotlabel"?: SlotLabelType;
     }
@@ -1463,12 +1639,14 @@ export namespace Components {
         "message"?: string;
         /**
           * Hide message
+          * @default false
          */
         "messageHide": boolean;
     }
     interface MgMenu {
         /**
           * Component display direction.
+          * @default 'horizontal'
          */
         "direction": Direction;
         /**
@@ -1481,12 +1659,14 @@ export namespace Components {
         "label": string;
         /**
           * Define mg-menu size
+          * @default 'medium'
          */
         "size": MenuSizeType;
     }
     interface MgMenuItem {
         /**
           * Define menu-item content expanded.
+          * @default false
          */
         "expanded"?: boolean;
         /**
@@ -1495,10 +1675,12 @@ export namespace Components {
         "href"?: string;
         /**
           * Identifier is used to control mg-popover
+          * @default createID('mg-menu-item')
          */
         "identifier": string;
         /**
           * Define menu-item status.
+          * @default 'visible'
          */
         "status"?: MgMenuStatusType;
         /**
@@ -1509,24 +1691,29 @@ export namespace Components {
     interface MgMessage {
         /**
           * Define variant
+          * @default 'info'
          */
         "variant": VariantType2;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle": VariantStyleType1;
     }
     interface MgModal {
         /**
           * Define if modal has a cross button
+          * @default false
          */
         "closeButton": boolean;
         /**
           * Modal dialog role.
+          * @default 'dialog'
          */
         "dialogRole": DialogRoleType;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-modal')
          */
         "identifier": string;
         /**
@@ -1535,24 +1722,29 @@ export namespace Components {
         "modalTitle": string;
         /**
           * Define if modal is open
+          * @default false
          */
         "open": boolean;
     }
     interface MgPagination {
         /**
           * Component current page
+          * @default 1
          */
         "currentPage": number;
         /**
           * Hide navigation label
+          * @default false
          */
         "hideNavigationLabels": boolean;
         /**
           * Hide select input
+          * @default false
          */
         "hidePageCount": boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-pagination')
          */
         "identifier": string;
         /**
@@ -1565,32 +1757,43 @@ export namespace Components {
         "messages": PaginationMessagesType;
         /**
           * Component total pages
+          * @default 1
          */
         "totalPages": number;
     }
     interface MgPanel {
         /**
           * Disable possibility to toggle expand
+          * @default false
          */
         "expandToggleDisabled": boolean;
         /**
           * Define expand toggle button display
+          * @default 'text'
          */
         "expandToggleDisplay": ExpandToggleDisplayType;
         /**
           * Panel is opened
+          * @default false
          */
         "expanded": boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-panel')
          */
         "identifier": string;
         /**
           * Panel title
          */
         "panelTitle": string;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow": boolean;
         /**
           * Define if panel title is editable
+          * @default false
          */
         "titleEditable": boolean;
         /**
@@ -1603,44 +1806,53 @@ export namespace Components {
         "titlePatternErrorMessage"?: string;
         /**
           * Define title position
+          * @default 'left'
          */
         "titlePosition": TitlePositionType;
     }
     interface MgPopover {
         /**
           * Hide popover arrow
+          * @default false
          */
         "arrowHide": boolean;
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton": boolean;
         /**
           * Disable popover
+          * @default false
          */
         "disabled": boolean;
         /**
           * Display popover
+          * @default false
          */
         "display": boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-popover')
          */
         "identifier": string;
         /**
           * Popover placement
+          * @default 'bottom'
          */
         "placement": Placement;
     }
     interface MgPopoverContent {
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton": boolean;
     }
     interface MgProgress {
         /**
           * Define progress role - `progressbar` to indicate a progress, such as loading or percent completion of a task - `meter` to indicate a graphical display of a numeric value that varies within a defined range
+          * @default 'progressbar'
          */
         "ariaRole"?: AriaRoleType1;
         /**
@@ -1649,14 +1861,17 @@ export namespace Components {
         "label": string;
         /**
           * Define the maximum value in the range
+          * @default 100
          */
         "max"?: number;
         /**
           * Define the minimum value in the range
+          * @default 0
          */
         "min"?: number;
         /**
           * Define current value By default, it will be displayed as a percentage value. If you don’t specify the min and max props, the value should be a number within the range of 0 to 100.
+          * @default 0
          */
         "value"?: number;
     }
@@ -1673,10 +1888,12 @@ export namespace Components {
         "columns": ColumnsType;
         /**
           * Define if table fits its parent element
+          * @default false
          */
         "fullWidth": boolean;
         /**
           * Define table size
+          * @default 'medium'
          */
         "size": TableSizeType;
     }
@@ -1687,6 +1904,7 @@ export namespace Components {
         "activeTab": number;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-tabs')
          */
         "identifier": string;
         /**
@@ -1699,34 +1917,41 @@ export namespace Components {
         "label": string;
         /**
           * Define tabs size
+          * @default 'medium'
          */
         "size": SizeType2;
     }
     interface MgTag {
         /**
           * Define if tag is using outline style
+          * @default false
          */
         "outline": boolean;
         /**
           * Define if tag is using soft style
+          * @default false
          */
         "soft": boolean;
         /**
           * Define tag variant
+          * @default 'primary'
          */
         "variant": TagVariantType;
     }
     interface MgTooltip {
         /**
           * Disable tooltip
+          * @default false
          */
         "disabled": boolean;
         /**
           * Display tooltip
+          * @default false
          */
         "display": boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-tooltip')
          */
         "identifier": string;
         /**
@@ -1735,6 +1960,7 @@ export namespace Components {
         "message": string;
         /**
           * Tooltip placement
+          * @default 'bottom'
          */
         "placement": Placement;
     }
@@ -1765,10 +1991,6 @@ export interface MgInputCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgInputCheckboxElement;
 }
-export interface MgInputCheckboxPaginatedCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLMgInputCheckboxPaginatedElement;
-}
 export interface MgInputComboboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgInputComboboxElement;
@@ -1980,21 +2202,10 @@ declare global {
         prototype: HTMLMgInputCheckboxElement;
         new (): HTMLMgInputCheckboxElement;
     };
-    interface HTMLMgInputCheckboxPaginatedElementEventMap {
-        "mass-action": SectionKindType;
-    }
     /**
      * Internal component use to manage sections instances
      */
     interface HTMLMgInputCheckboxPaginatedElement extends Components.MgInputCheckboxPaginated, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLMgInputCheckboxPaginatedElementEventMap>(type: K, listener: (this: HTMLMgInputCheckboxPaginatedElement, ev: MgInputCheckboxPaginatedCustomEvent<HTMLMgInputCheckboxPaginatedElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLMgInputCheckboxPaginatedElementEventMap>(type: K, listener: (this: HTMLMgInputCheckboxPaginatedElement, ev: MgInputCheckboxPaginatedCustomEvent<HTMLMgInputCheckboxPaginatedElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLMgInputCheckboxPaginatedElement: {
         prototype: HTMLMgInputCheckboxPaginatedElement;
@@ -2097,7 +2308,12 @@ declare global {
         "input-valid": boolean;
         "value-change": string;
     }
-    interface HTMLMgInputRichTextEditorElement extends Components.MgInputRichTextEditor, HTMLStencilElement {
+    interface HTMLMgInputRichTextEditorElement extends Omit<Components.MgInputRichTextEditor, "getHTML">, HTMLStencilElement {
+        /**
+          * Get editor content as HTML
+          * @returns HTML content of the editor
+         */
+        "getHTML": () => Promise<string>;
         addEventListener<K extends keyof HTMLMgInputRichTextEditorElementEventMap>(type: K, listener: (this: HTMLMgInputRichTextEditorElement, ev: MgInputRichTextEditorCustomEvent<HTMLMgInputRichTextEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2433,10 +2649,12 @@ declare namespace LocalJSX {
     interface MgActionMore {
         /**
           * Define button properties
+          * @default { variant: 'flat', isIcon: true }
          */
         "button"?: MgActionMoreButtonType;
         /**
           * Define if chevron is display
+          * @default false
          */
         "displayChevron"?: boolean;
         /**
@@ -2467,10 +2685,12 @@ declare namespace LocalJSX {
         "onComponent-show"?: (event: MgAlertCustomEvent<void>) => void;
         /**
           * Define variant
+          * @default 'info'
          */
         "variant"?: VariantType;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle"?: VariantStyleType;
     }
@@ -2481,6 +2701,7 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if button is using outline style
+          * @default false
          */
         "outline"?: boolean;
         /**
@@ -2489,12 +2710,14 @@ declare namespace LocalJSX {
         "value": string | number;
         /**
           * Define badge variant
+          * @default 'info'
          */
         "variant"?: BadgeVariantType;
     }
     interface MgButton {
         /**
           * Option to set input disable on click, in order to prevent multi-click. Parent component have to remove the attribute 'disabled' when the process ends.
+          * @default false
          */
         "disableOnClick"?: boolean;
         /**
@@ -2507,10 +2730,12 @@ declare namespace LocalJSX {
         "form"?: string;
         /**
           * Set button to full-width
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
           * Define if button is round. Used for icon button.
+          * @default false
          */
         "isIcon"?: boolean;
         /**
@@ -2523,6 +2748,7 @@ declare namespace LocalJSX {
         "onDisabled-change"?: (event: MgButtonCustomEvent<HTMLMgButtonElement['disabled']>) => void;
         /**
           * Define button size
+          * @default 'medium'
          */
         "size"?: SizeType;
         /**
@@ -2531,14 +2757,26 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
         /**
           * Define button variant
+          * @default 'primary'
          */
         "variant"?: VariantType1;
     }
     interface MgCard {
+        /**
+          * Define the border radius size
+          * @default 'medium'
+         */
+        "radiusSize"?: RadiusSizeType;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow"?: boolean;
     }
     interface MgCharacterLeft {
         /**
           * Sets the characters to count
+          * @default ''
          */
         "characters"?: string;
         /**
@@ -2553,10 +2791,12 @@ declare namespace LocalJSX {
     interface MgDetails {
         /**
           * Define if details are diplayed
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * Hide summary element
+          * @default false
          */
         "hideSummary"?: boolean;
         /**
@@ -2575,6 +2815,7 @@ declare namespace LocalJSX {
     interface MgDivider {
         /**
           * Define component size
+          * @default false
          */
         "fullWidth"?: boolean;
     }
@@ -2585,10 +2826,12 @@ declare namespace LocalJSX {
         "ariaRole"?: AriaRoleType;
         /**
           * Define if form is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-form')
          */
         "identifier"?: string;
         /**
@@ -2597,10 +2840,12 @@ declare namespace LocalJSX {
         "invalid"?: boolean;
         /**
           * Define if slotted mg-component's label are displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -2617,6 +2862,7 @@ declare namespace LocalJSX {
         "onForm-valid"?: (event: MgFormCustomEvent<HTMLMgFormElement['valid']>) => void;
         /**
           * Define if form is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
@@ -2635,10 +2881,12 @@ declare namespace LocalJSX {
         "icon": IconType;
         /**
           * Define icon size
+          * @default 'medium'
          */
         "size"?: IconSizeType;
         /**
           * Make the icon spin
+          * @default false
          */
         "spin"?: boolean;
         /**
@@ -2653,22 +2901,25 @@ declare namespace LocalJSX {
     interface MgIllustratedMessage {
         /**
           * Define component orientation
+          * @default 'vertical'
          */
         "direction"?: IllustratedMessageDirectionType;
         /**
           * Define illustration size
+          * @default 'medium'
          */
         "size"?: IllustratedMessageSizeType;
     }
     interface MgInput {
         /**
           * Define aria-describedby ids to link with
+          * @default []
          */
-        "ariaDescribedbyIDs"?: string[];
+        "ariaDescribedbyIDs"?: string[] | string;
         /**
           * Define error message to display
          */
-        "errorMessage"?: string;
+        "errorMessage"?: string | ErrorMessageDetailsType;
         /**
           * Define help text to display
          */
@@ -2683,14 +2934,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -2699,16 +2953,19 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
     }
     interface MgInputCheckbox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Display selected values list in "multi" type This prop is only applied with prop type "multi" or when an "unset" mode render a "multi" type.
+          * @default false
          */
         "displaySelectedValues"?: boolean;
         /**
@@ -2725,6 +2982,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList"?: boolean;
         /**
@@ -2737,16 +2995,23 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -2757,10 +3022,12 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputCheckboxCustomEvent<HTMLMgInputCheckboxElement['value']>) => void;
         /**
           * Define if mg-input-checkbox is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if mg-input-checkbox is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -2777,6 +3044,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -2800,12 +3068,9 @@ declare namespace LocalJSX {
           * Define checkboxes to paginate
          */
         "checkboxes"?: CheckboxItem[];
-        /**
-          * Current page
-         */
-        "currentPage"?: number;
         /**
           * Define if mg-input-checkbox-list is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2820,18 +3085,16 @@ declare namespace LocalJSX {
           * Define mg-input-checkbox input name
          */
         "name"?: string;
-        /**
-          * Emit 'mass-action' event used to informe that select-all/unselect-all button listner is triggered
-         */
-        "onMass-action"?: (event: MgInputCheckboxPaginatedCustomEvent<SectionKindType>) => void;
         /**
           * Define if mg-input-checkbox-list is readonly
+          * @default false
          */
         "readonly"?: boolean;
     }
     interface MgInputCombobox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2877,20 +3140,28 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Emited event when fetch API throw an error
          */
@@ -2917,10 +3188,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -2929,6 +3202,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -2943,6 +3217,7 @@ declare namespace LocalJSX {
     interface MgInputDate {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2963,14 +3238,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define input maximum date format: yyyy-mm-dd
+          * @default '9999-12-31'
          */
         "max"?: string;
         /**
@@ -2979,6 +3257,7 @@ declare namespace LocalJSX {
         "min"?: string;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -2991,10 +3270,12 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputDateCustomEvent<HTMLMgInputDateElement['value']>) => void;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3003,6 +3284,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3017,18 +3299,22 @@ declare namespace LocalJSX {
     interface MgInputNumeric {
         /**
           * Define currency
+          * @default 'EUR'
          */
         "currency"?: string;
         /**
           * Override decimal length decimal is the number after the decimal point
+          * @default 2
          */
         "decimalLength"?: number;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Set local formatting. Numbers are formatted based on the locale.
+          * @default 'number'
          */
         "format"?: Format;
         /**
@@ -3041,6 +3327,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Override integer length integer is the number before the decimal point
+          * @default 13
          */
         "integerLength"?: number;
         /**
@@ -3053,10 +3340,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3073,6 +3362,7 @@ declare namespace LocalJSX {
         "min"?: number;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3089,10 +3379,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3101,10 +3393,12 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
           * Define numeric type
+          * @default 'decimal'
          */
         "type"?: NumericType;
         /**
@@ -3113,6 +3407,7 @@ declare namespace LocalJSX {
         "unit"?: Intl.NumberFormatOptions['unit'];
         /**
           * Define unit display format ('short', 'long', 'narrow')
+          * @default 'short'
          */
         "unitDisplay"?: Intl.NumberFormatOptions['unitDisplay'];
         /**
@@ -3127,6 +3422,7 @@ declare namespace LocalJSX {
     interface MgInputPassword {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3147,10 +3443,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3159,10 +3457,12 @@ declare namespace LocalJSX {
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3179,10 +3479,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3191,6 +3493,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3205,6 +3508,7 @@ declare namespace LocalJSX {
     interface MgInputRadio {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3217,6 +3521,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList"?: boolean;
         /**
@@ -3233,16 +3538,23 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3253,10 +3565,12 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputRadioCustomEvent<HTMLMgInputRadioElement['value']>) => void;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3265,6 +3579,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3279,6 +3594,7 @@ declare namespace LocalJSX {
     interface MgInputRichTextEditor {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3299,10 +3615,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3331,14 +3649,17 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if the editor is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Define the number of visible text lines for the control
+          * @default 5
          */
         "rows"?: number;
         /**
@@ -3347,6 +3668,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3355,12 +3677,14 @@ declare namespace LocalJSX {
         "valid"?: boolean;
         /**
           * Define the value of the editor Can be either HTML string or plain text
+          * @default ''
          */
         "value"?: string;
     }
     interface MgInputSelect {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3385,10 +3709,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3397,8 +3723,13 @@ declare namespace LocalJSX {
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3413,18 +3744,22 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Option to disable placeholder
+          * @default false
          */
         "placeholderDisabled"?: boolean;
         /**
           * Option to remove placeholder
+          * @default false
          */
         "placeholderHide"?: boolean;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3433,6 +3768,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3447,6 +3783,7 @@ declare namespace LocalJSX {
     interface MgInputText {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide"?: boolean;
         /**
@@ -3455,6 +3792,7 @@ declare namespace LocalJSX {
         "datalistoptions"?: string[] | OptionType[];
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3479,22 +3817,27 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input max length
+          * @default 400
          */
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3519,10 +3862,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3531,10 +3876,12 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
           * Input type
+          * @default 'text'
          */
         "type"?: TextType;
         /**
@@ -3549,10 +3896,12 @@ declare namespace LocalJSX {
     interface MgInputTextarea {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide"?: boolean;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3573,22 +3922,27 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input max length
+          * @default 4000
          */
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3613,18 +3967,22 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Define if input is resizable
+          * @default 'none'
          */
         "resizable"?: 'none' | 'both' | 'horizontal' | 'vertical';
         /**
           * Define the number of visible text lines for the control
+          * @default 3
          */
         "rows"?: number;
         /**
@@ -3633,6 +3991,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3651,6 +4010,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Switch from label to fieldset sementic
+          * @default false
          */
         "isLegend"?: boolean;
         /**
@@ -3665,6 +4025,7 @@ declare namespace LocalJSX {
     interface MgInputToggle {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3675,12 +4036,18 @@ declare namespace LocalJSX {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
+        /**
+          * Define input invalid state
+         */
+        "invalid"?: boolean;
         /**
           * Define if toggle display icon
+          * @default false
          */
         "isIcon"?: boolean;
         /**
           * Define if toggle have on/off style
+          * @default false
          */
         "isOnOff"?: boolean;
         /**
@@ -3693,16 +4060,23 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
+        /**
+          * Define no value error detail
+         */
+        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3713,6 +4087,7 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputToggleCustomEvent<HTMLMgInputToggleElement['value']>) => void;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
@@ -3721,8 +4096,13 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
+        /**
+          * Define input valid state
+         */
+        "valid"?: boolean;
         /**
           * Component value
          */
@@ -3731,6 +4111,7 @@ declare namespace LocalJSX {
     interface MgItemMore {
         /**
           * Define icon
+          * @default { icon: 'ellipsis-vertical' }
          */
         "icon"?: IconType2;
         /**
@@ -3739,6 +4120,7 @@ declare namespace LocalJSX {
         "size"?: SizeType1;
         /**
           * Define slot label element
+          * @default { display: false }
          */
         "slotlabel"?: SlotLabelType;
     }
@@ -3749,12 +4131,14 @@ declare namespace LocalJSX {
         "message"?: string;
         /**
           * Hide message
+          * @default false
          */
         "messageHide"?: boolean;
     }
     interface MgMenu {
         /**
           * Component display direction.
+          * @default 'horizontal'
          */
         "direction"?: Direction;
         /**
@@ -3767,12 +4151,14 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define mg-menu size
+          * @default 'medium'
          */
         "size"?: MenuSizeType;
     }
     interface MgMenuItem {
         /**
           * Define menu-item content expanded.
+          * @default false
          */
         "expanded"?: boolean;
         /**
@@ -3781,6 +4167,7 @@ declare namespace LocalJSX {
         "href"?: string;
         /**
           * Identifier is used to control mg-popover
+          * @default createID('mg-menu-item')
          */
         "identifier"?: string;
         /**
@@ -3793,6 +4180,7 @@ declare namespace LocalJSX {
         "onItem-updated"?: (event: MgMenuItemCustomEvent<void>) => void;
         /**
           * Define menu-item status.
+          * @default 'visible'
          */
         "status"?: MgMenuStatusType;
         /**
@@ -3803,24 +4191,29 @@ declare namespace LocalJSX {
     interface MgMessage {
         /**
           * Define variant
+          * @default 'info'
          */
         "variant"?: VariantType2;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle"?: VariantStyleType1;
     }
     interface MgModal {
         /**
           * Define if modal has a cross button
+          * @default false
          */
         "closeButton"?: boolean;
         /**
           * Modal dialog role.
+          * @default 'dialog'
          */
         "dialogRole"?: DialogRoleType;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-modal')
          */
         "identifier"?: string;
         /**
@@ -3841,24 +4234,29 @@ declare namespace LocalJSX {
         "onComponent-show"?: (event: MgModalCustomEvent<void>) => void;
         /**
           * Define if modal is open
+          * @default false
          */
         "open"?: boolean;
     }
     interface MgPagination {
         /**
           * Component current page
+          * @default 1
          */
         "currentPage"?: number;
         /**
           * Hide navigation label
+          * @default false
          */
         "hideNavigationLabels"?: boolean;
         /**
           * Hide select input
+          * @default false
          */
         "hidePageCount"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-pagination')
          */
         "identifier"?: string;
         /**
@@ -3875,24 +4273,29 @@ declare namespace LocalJSX {
         "onCurrent-page-change"?: (event: MgPaginationCustomEvent<number>) => void;
         /**
           * Component total pages
+          * @default 1
          */
         "totalPages"?: number;
     }
     interface MgPanel {
         /**
           * Disable possibility to toggle expand
+          * @default false
          */
         "expandToggleDisabled"?: boolean;
         /**
           * Define expand toggle button display
+          * @default 'text'
          */
         "expandToggleDisplay"?: ExpandToggleDisplayType;
         /**
           * Panel is opened
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-panel')
          */
         "identifier"?: string;
         /**
@@ -3907,8 +4310,14 @@ declare namespace LocalJSX {
           * Panel title
          */
         "panelTitle": string;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow"?: boolean;
         /**
           * Define if panel title is editable
+          * @default false
          */
         "titleEditable"?: boolean;
         /**
@@ -3921,28 +4330,34 @@ declare namespace LocalJSX {
         "titlePatternErrorMessage"?: string;
         /**
           * Define title position
+          * @default 'left'
          */
         "titlePosition"?: TitlePositionType;
     }
     interface MgPopover {
         /**
           * Hide popover arrow
+          * @default false
          */
         "arrowHide"?: boolean;
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton"?: boolean;
         /**
           * Disable popover
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Display popover
+          * @default false
          */
         "display"?: boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-popover')
          */
         "identifier"?: string;
         /**
@@ -3955,12 +4370,14 @@ declare namespace LocalJSX {
         "onDisplay-change"?: (event: MgPopoverCustomEvent<HTMLMgPopoverElement['display']>) => void;
         /**
           * Popover placement
+          * @default 'bottom'
          */
         "placement"?: Placement;
     }
     interface MgPopoverContent {
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton"?: boolean;
         /**
@@ -3971,6 +4388,7 @@ declare namespace LocalJSX {
     interface MgProgress {
         /**
           * Define progress role - `progressbar` to indicate a progress, such as loading or percent completion of a task - `meter` to indicate a graphical display of a numeric value that varies within a defined range
+          * @default 'progressbar'
          */
         "ariaRole"?: AriaRoleType1;
         /**
@@ -3979,14 +4397,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define the maximum value in the range
+          * @default 100
          */
         "max"?: number;
         /**
           * Define the minimum value in the range
+          * @default 0
          */
         "min"?: number;
         /**
           * Define current value By default, it will be displayed as a percentage value. If you don’t specify the min and max props, the value should be a number within the range of 0 to 100.
+          * @default 0
          */
         "value"?: number;
     }
@@ -4007,10 +4428,12 @@ declare namespace LocalJSX {
         "columns"?: ColumnsType;
         /**
           * Define if table fits its parent element
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
           * Define table size
+          * @default 'medium'
          */
         "size"?: TableSizeType;
     }
@@ -4021,6 +4444,7 @@ declare namespace LocalJSX {
         "activeTab"?: number;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-tabs')
          */
         "identifier"?: string;
         /**
@@ -4037,34 +4461,41 @@ declare namespace LocalJSX {
         "onActive-tab-change"?: (event: MgTabsCustomEvent<HTMLMgTabsElement['activeTab']>) => void;
         /**
           * Define tabs size
+          * @default 'medium'
          */
         "size"?: SizeType2;
     }
     interface MgTag {
         /**
           * Define if tag is using outline style
+          * @default false
          */
         "outline"?: boolean;
         /**
           * Define if tag is using soft style
+          * @default false
          */
         "soft"?: boolean;
         /**
           * Define tag variant
+          * @default 'primary'
          */
         "variant"?: TagVariantType;
     }
     interface MgTooltip {
         /**
           * Disable tooltip
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Display tooltip
+          * @default false
          */
         "display"?: boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-tooltip')
          */
         "identifier"?: string;
         /**
@@ -4073,6 +4504,7 @@ declare namespace LocalJSX {
         "message": string;
         /**
           * Tooltip placement
+          * @default 'bottom'
          */
         "placement"?: Placement;
     }