@mgdis/mg-components 6.21.0 → 6.22.1

package/dist/types/components.d.ts

@@ -8,23 +8,25 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { MgActionMoreButtonType, MgActionMoreDividerType, MgActionMoreIconType, MgActionMoreItemType } from "./components/molecules/mg-action-more/mg-action-more.conf";
 import { VariantStyleType, VariantType } from "./components/molecules/mg-alert/mg-alert.conf";
 import { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
+import { BreadcrumbItemType } from "./components/molecules/mg-breadcrumb/mg-breadcrumb.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 { labelHeading, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.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 { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+import { CheckboxType, ICheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 import { Direction, Option, Option as ToggleOption } 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";
 import { RadioOption } from "./components/molecules/inputs/mg-input-radio/mg-input-radio.conf";
-import { EditorOptionsType } from "./components/molecules/inputs/mg-input-rich-text-editor/editor";
+import { ButtonsOption } from "./components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf";
+import { SanitizerOptions } from "@mgdis/sanitize-html";
 import { SelectOption } from "./components/molecules/inputs/mg-input-select/mg-input-select.conf";
 import { OptionType, TextType } from "./components/molecules/inputs/mg-input-text/mg-input-text.conf";
 import { IconType as IconType1 } from "./components";
-import { IconType as IconType2, SizeType as SizeType1, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
-import { ItemMoreType, MenuSizeType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
+import { IconType as IconType2, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
+import { ItemMoreType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
 import { MgMenuStatusType, TargetType } from "./components/molecules/menus/mg-menu-item/mg-menu-item.conf";
 import { VariantStyleType as VariantStyleType1, VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
 import { DialogRoleType } from "./components/molecules/mg-modal/mg-modal.conf";
@@ -34,28 +36,30 @@ import { Placement } from "@popperjs/core";
 import { AriaRoleType as AriaRoleType1 } from "./components/molecules/mg-progress/mg-progress.conf";
 import { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
 import { ColumnsType, TableSizeType } from "./components/molecules/mg-table/mg-table.conf";
-import { SizeType as SizeType2, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
+import { TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
 import { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
 export { MgActionMoreButtonType, MgActionMoreDividerType, MgActionMoreIconType, MgActionMoreItemType } from "./components/molecules/mg-action-more/mg-action-more.conf";
 export { VariantStyleType, VariantType } from "./components/molecules/mg-alert/mg-alert.conf";
 export { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
+export { BreadcrumbItemType } from "./components/molecules/mg-breadcrumb/mg-breadcrumb.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 { labelHeading, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.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 { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+export { CheckboxType, ICheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 export { Direction, Option, Option as ToggleOption } 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";
 export { RadioOption } from "./components/molecules/inputs/mg-input-radio/mg-input-radio.conf";
-export { EditorOptionsType } from "./components/molecules/inputs/mg-input-rich-text-editor/editor";
+export { ButtonsOption } from "./components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf";
+export { SanitizerOptions } from "@mgdis/sanitize-html";
 export { SelectOption } from "./components/molecules/inputs/mg-input-select/mg-input-select.conf";
 export { OptionType, TextType } from "./components/molecules/inputs/mg-input-text/mg-input-text.conf";
 export { IconType as IconType1 } from "./components";
-export { IconType as IconType2, SizeType as SizeType1, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
-export { ItemMoreType, MenuSizeType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
+export { IconType as IconType2, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
+export { ItemMoreType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
 export { MgMenuStatusType, TargetType } from "./components/molecules/menus/mg-menu-item/mg-menu-item.conf";
 export { VariantStyleType as VariantStyleType1, VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
 export { DialogRoleType } from "./components/molecules/mg-modal/mg-modal.conf";
@@ -65,7 +69,7 @@ export { Placement } from "@popperjs/core";
 export { AriaRoleType as AriaRoleType1 } from "./components/molecules/mg-progress/mg-progress.conf";
 export { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
 export { ColumnsType, TableSizeType } from "./components/molecules/mg-table/mg-table.conf";
-export { SizeType as SizeType2, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
+export { TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
 export { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
 export namespace Components {
     interface MgActionMore {
@@ -124,6 +128,12 @@ export namespace Components {
          */
         "variant"?: BadgeVariantType;
     }
+    interface MgBreadcrumb {
+        /**
+          * Breadcrumb items (hierarchical order: root → current page).
+         */
+        "items": BreadcrumbItemType[];
+    }
     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.
@@ -533,42 +543,7 @@ export namespace Components {
         /**
           * Component value If item.value is `null`, checkbox will be indeterminate by default
          */
-        "value": CheckboxValue[];
-    }
-    /**
-     * Internal component use to manage sections instances
-     */
-    interface MgInputCheckboxPaginated {
-        /**
-          * Define checkboxes to paginate
-         */
-        "checkboxes": CheckboxItem[];
-        /**
-          * Define if mg-input-checkbox-list is disabled
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * Define mg-input-checkbox input invalid
-         */
-        "invalid"?: boolean;
-        /**
-          * Define component message
-         */
-        "messages": Record<string, string>;
-        /**
-          * Define mg-input-checkbox input name
-         */
-        "name"?: string;
-        /**
-          * Define if mg-input-checkbox-list is readonly
-          * @default false
-         */
-        "readonly": boolean;
-        /**
-          * Method to reset limit
-         */
-        "resetLimit": () => Promise<void>;
+        "value": ICheckboxValue[];
     }
     interface MgInputCombobox {
         /**
@@ -1212,8 +1187,8 @@ export namespace Components {
          */
         "displayError": () => Promise<void>;
         /**
-          * Get editor content in HTML format
-          * @returns HTML content of the editor
+          * Get editor content as HTML
+          * @returns HTML content of the editor (sanitized)
          */
         "getEditorHTML": () => Promise<string>;
         /**
@@ -1248,9 +1223,14 @@ export namespace Components {
          */
         "labelOnTop": boolean;
         /**
-          * Editor modules configuration
+          * Editor modules configuration. Must be passed as an array (e.g. modules=['bold', 'italic', '|', 'ul', 'ol']). Use `|` for a separator/divider in the toolbar. Available modules: - **Text formatting**: `bold`, `italic`, `underline`, `strikethrough`, `eraser` - **Lists**: `ul` (unordered list), `ol` (ordered list) - **Text positioning**: `superscript`, `subscript` - **Colors**: `brush` (text color/background) - **Media**: `link`, `image`, `file` - **Tables**: `table` - **History**: `undo`, `redo` - **Other**: `print`, `source` (HTML source editor)
+         */
+        "modules"?: ButtonsOption;
+        /**
+          * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
-        "modules"?: EditorOptionsType['modules'];
+        "name": string;
         /**
           * Define input pattern to validate Please refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.
          */
@@ -1278,10 +1258,14 @@ export namespace Components {
          */
         "reset": () => Promise<void>;
         /**
-          * Define the number of visible text lines for the control
+          * Define the number of visible text lines for the editor. Impacts the editor height. Content can grow beyond this minimum.
           * @default 5
          */
         "rows": number;
+        /**
+          * Sanitizer configuration in native format. Use disallowTags (array of tag names) and/or disallowAttributes (object mapping tag names to string arrays). Use "*" as tag key to disallow attributes on all tags.
+         */
+        "sanitizerOptions"?: SanitizerOptions;
         /**
           * 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
@@ -1768,10 +1752,6 @@ export namespace Components {
           * @default { icon: 'ellipsis-vertical' }
          */
         "icon"?: IconType2;
-        /**
-          * Define component child menu size.
-         */
-        "size"?: SizeType1;
         /**
           * Define slot label element
           * @default { display: false }
@@ -1796,7 +1776,7 @@ export namespace Components {
          */
         "direction": Direction;
         /**
-          * Customize "mg-item-more" element Used with direction: 'vertical' to manage overflow
+          * Customize "mg-item-more" element Used with direction: 'horizontal' to manage overflow
          */
         "itemmore"?: ItemMoreType;
         /**
@@ -1804,10 +1784,10 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Define mg-menu size
-          * @default 'medium'
+          * Size of the menu items
+          * @deprecated this prop is deprecated and will be removed in future releases
          */
-        "size": MenuSizeType;
+        "size": never;
     }
     interface MgMenuItem {
         /**
@@ -1824,6 +1804,11 @@ export namespace Components {
           * @default createID('mg-menu-item')
          */
         "identifier": string;
+        /**
+          * Define menu-item isIcon style.
+          * @default false
+         */
+        "isIcon"?: boolean;
         /**
           * Define menu-item status.
           * @default 'visible'
@@ -2028,6 +2013,11 @@ export namespace Components {
         "links": SkipLink[];
     }
     interface MgTable {
+        /**
+          * Define if table has no outer border
+          * @default false
+         */
+        "borderHide": boolean;
         /**
           * Define column properties
          */
@@ -2062,10 +2052,10 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Define tabs size
-          * @default 'medium'
+          * Size of the tabs items.
+          * @deprecated this prop is deprecated and will be removed in future releases. Please use CSS custom properties to set the size of tabs items.
          */
-        "size": SizeType2;
+        "size": never;
     }
     interface MgTag {
         /**
@@ -2245,6 +2235,12 @@ declare global {
         prototype: HTMLMgBadgeElement;
         new (): HTMLMgBadgeElement;
     };
+    interface HTMLMgBreadcrumbElement extends Components.MgBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLMgBreadcrumbElement: {
+        prototype: HTMLMgBreadcrumbElement;
+        new (): HTMLMgBreadcrumbElement;
+    };
     interface HTMLMgButtonElementEventMap {
         "disabled-change": HTMLMgButtonElement['disabled'];
     }
@@ -2358,15 +2354,6 @@ declare global {
         prototype: HTMLMgInputCheckboxElement;
         new (): HTMLMgInputCheckboxElement;
     };
-    /**
-     * Internal component use to manage sections instances
-     */
-    interface HTMLMgInputCheckboxPaginatedElement extends Components.MgInputCheckboxPaginated, HTMLStencilElement {
-    }
-    var HTMLMgInputCheckboxPaginatedElement: {
-        prototype: HTMLMgInputCheckboxPaginatedElement;
-        new (): HTMLMgInputCheckboxPaginatedElement;
-    };
     interface HTMLMgInputComboboxElementEventMap {
         "value-change": HTMLMgInputComboboxElement['value'];
         "filter-change": string;
@@ -2773,6 +2760,7 @@ declare global {
         "mg-action-more": HTMLMgActionMoreElement;
         "mg-alert": HTMLMgAlertElement;
         "mg-badge": HTMLMgBadgeElement;
+        "mg-breadcrumb": HTMLMgBreadcrumbElement;
         "mg-button": HTMLMgButtonElement;
         "mg-card": HTMLMgCardElement;
         "mg-character-left": HTMLMgCharacterLeftElement;
@@ -2784,7 +2772,6 @@ declare global {
         "mg-illustrated-message": HTMLMgIllustratedMessageElement;
         "mg-input": HTMLMgInputElement;
         "mg-input-checkbox": HTMLMgInputCheckboxElement;
-        "mg-input-checkbox-paginated": HTMLMgInputCheckboxPaginatedElement;
         "mg-input-combobox": HTMLMgInputComboboxElement;
         "mg-input-date": HTMLMgInputDateElement;
         "mg-input-file": HTMLMgInputFileElement;
@@ -2817,6 +2804,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface MgActionMore {
         /**
           * Define button properties
@@ -2885,6 +2874,12 @@ declare namespace LocalJSX {
          */
         "variant"?: BadgeVariantType;
     }
+    interface MgBreadcrumb {
+        /**
+          * Breadcrumb items (hierarchical order: root → current page).
+         */
+        "items": BreadcrumbItemType[];
+    }
     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.
@@ -3286,38 +3281,7 @@ declare namespace LocalJSX {
         /**
           * Component value If item.value is `null`, checkbox will be indeterminate by default
          */
-        "value": CheckboxValue[];
-    }
-    /**
-     * Internal component use to manage sections instances
-     */
-    interface MgInputCheckboxPaginated {
-        /**
-          * Define checkboxes to paginate
-         */
-        "checkboxes"?: CheckboxItem[];
-        /**
-          * Define if mg-input-checkbox-list is disabled
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * Define mg-input-checkbox input invalid
-         */
-        "invalid"?: boolean;
-        /**
-          * Define component message
-         */
-        "messages"?: Record<string, string>;
-        /**
-          * Define mg-input-checkbox input name
-         */
-        "name"?: string;
-        /**
-          * Define if mg-input-checkbox-list is readonly
-          * @default false
-         */
-        "readonly"?: boolean;
+        "value": ICheckboxValue[];
     }
     interface MgInputCombobox {
         /**
@@ -3929,9 +3893,14 @@ declare namespace LocalJSX {
          */
         "labelOnTop"?: boolean;
         /**
-          * Editor modules configuration
+          * Editor modules configuration. Must be passed as an array (e.g. modules=['bold', 'italic', '|', 'ul', 'ol']). Use `|` for a separator/divider in the toolbar. Available modules: - **Text formatting**: `bold`, `italic`, `underline`, `strikethrough`, `eraser` - **Lists**: `ul` (unordered list), `ol` (ordered list) - **Text positioning**: `superscript`, `subscript` - **Colors**: `brush` (text color/background) - **Media**: `link`, `image`, `file` - **Tables**: `table` - **History**: `undo`, `redo` - **Other**: `print`, `source` (HTML source editor)
+         */
+        "modules"?: ButtonsOption;
+        /**
+          * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
-        "modules"?: EditorOptionsType['modules'];
+        "name"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3963,10 +3932,14 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Define the number of visible text lines for the control
+          * Define the number of visible text lines for the editor. Impacts the editor height. Content can grow beyond this minimum.
           * @default 5
          */
         "rows"?: number;
+        /**
+          * Sanitizer configuration in native format. Use disallowTags (array of tag names) and/or disallowAttributes (object mapping tag names to string arrays). Use "*" as tag key to disallow attributes on all tags.
+         */
+        "sanitizerOptions"?: SanitizerOptions;
         /**
           * Add a tooltip message next to the input
          */
@@ -4403,10 +4376,6 @@ declare namespace LocalJSX {
           * @default { icon: 'ellipsis-vertical' }
          */
         "icon"?: IconType2;
-        /**
-          * Define component child menu size.
-         */
-        "size"?: SizeType1;
         /**
           * Define slot label element
           * @default { display: false }
@@ -4431,7 +4400,7 @@ declare namespace LocalJSX {
          */
         "direction"?: Direction;
         /**
-          * Customize "mg-item-more" element Used with direction: 'vertical' to manage overflow
+          * Customize "mg-item-more" element Used with direction: 'horizontal' to manage overflow
          */
         "itemmore"?: ItemMoreType;
         /**
@@ -4439,10 +4408,10 @@ declare namespace LocalJSX {
          */
         "label": string;
         /**
-          * Define mg-menu size
-          * @default 'medium'
+          * Size of the menu items
+          * @deprecated this prop is deprecated and will be removed in future releases
          */
-        "size"?: MenuSizeType;
+        "size"?: never;
     }
     interface MgMenuItem {
         /**
@@ -4459,6 +4428,11 @@ declare namespace LocalJSX {
           * @default createID('mg-menu-item')
          */
         "identifier"?: string;
+        /**
+          * Define menu-item isIcon style.
+          * @default false
+         */
+        "isIcon"?: boolean;
         /**
           * Emited event when item is loaded
          */
@@ -4711,6 +4685,11 @@ declare namespace LocalJSX {
         "onGo-to-anchor"?: (event: MgSkipLinksCustomEvent<string>) => void;
     }
     interface MgTable {
+        /**
+          * Define if table has no outer border
+          * @default false
+         */
+        "borderHide"?: boolean;
         /**
           * Define column properties
          */
@@ -4749,10 +4728,10 @@ declare namespace LocalJSX {
          */
         "onActive-tab-change"?: (event: MgTabsCustomEvent<HTMLMgTabsElement['activeTab']>) => void;
         /**
-          * Define tabs size
-          * @default 'medium'
+          * Size of the tabs items.
+          * @deprecated this prop is deprecated and will be removed in future releases. Please use CSS custom properties to set the size of tabs items.
          */
-        "size"?: SizeType2;
+        "size"?: never;
     }
     interface MgTag {
         /**
@@ -4803,104 +4782,535 @@ declare namespace LocalJSX {
          */
         "message": string;
     }
+
+    interface MgActionMoreAttributes {
+        "displayChevron": boolean;
+    }
+    interface MgAlertAttributes {
+        "delay": number;
+        "variant": VariantType;
+        "variantStyle": VariantStyleType;
+    }
+    interface MgBadgeAttributes {
+        "value": string;
+        "label": string;
+        "variant": BadgeVariantType;
+        "outline": boolean;
+    }
+    interface MgButtonAttributes {
+        "variant": VariantType;
+        "label": string;
+        "type": ButtonType;
+        "size": SizeType;
+        "fullWidth": boolean;
+        "form": string;
+        "disabled": boolean;
+        "isIcon": boolean;
+        "disableOnClick": boolean;
+    }
+    interface MgCardAttributes {
+        "shadow": boolean;
+        "radiusSize": RadiusSizeType;
+    }
+    interface MgCharacterLeftAttributes {
+        "identifier": string;
+        "characters": string;
+        "maxlength": number;
+    }
+    interface MgDetailsAttributes {
+        "toggleClosed": string;
+        "toggleOpened": string;
+        "hideSummary": boolean;
+        "expanded": boolean;
+    }
+    interface MgDividerAttributes {
+        "fullWidth": boolean;
+    }
+    interface MgFieldsetAttributes {
+        "identifier": string;
+        "name": string;
+        "legend": string;
+        "legendHide": boolean;
+        "legendHeading": labelHeading;
+        "legendBorderDisplay": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "tooltip": string;
+        "helpText": string;
+    }
+    interface MgFormAttributes {
+        "identifier": string;
+        "name": string;
+        "readonly": boolean;
+        "requiredMessage": RequiredMessageStatusType;
+        "ariaRole": AriaRoleType;
+        "labelOnTop": boolean;
+        "disabled": boolean;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgIconAttributes {
+        "icon": IconType;
+        "size": IconSizeType;
+        "variant": IconVariantType;
+        "variantStyle": IconVariantStyleType;
+        "spin": boolean;
+    }
+    interface MgIllustratedMessageAttributes {
+        "size": IllustratedMessageSizeType;
+        "direction": IllustratedMessageDirectionType;
+    }
+    interface MgInputAttributes {
+        "identifier": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "labelHeading": labelHeading;
+        "labelBorderDisplay": boolean;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "required": boolean;
+        "errorMessage": string;
+        "helpText": string;
+        "inputsOnBottom": boolean;
+        "ariaDescribedbyIDs": string[] | string;
+    }
+    interface MgInputCheckboxAttributes {
+        "type": CheckboxType;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "inputVerticalList": boolean;
+        "required": boolean;
+        "readonly": boolean;
+        "displaySelectedValues": boolean;
+        "disabled": boolean;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+        "editButtonMessage": string;
+        "showButtonMessage": string;
+        "selectButtonMessage": string;
+    }
+    interface MgInputComboboxAttributes {
+        "value": string | Option;
+        "itemsLabel": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "placeholder": string;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "mgWidth": string;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "fetchurl": string | URL;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputDateAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "required": boolean;
+        "readonly": boolean;
+        "min": string;
+        "max": string;
+        "disabled": boolean;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputFileAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "multiple": boolean;
+        "accept": string;
+        "maxSize": number;
+        "capture": 'user' | 'environment' | '';
+        "required": boolean;
+        "disabled": boolean;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputNumericAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "placeholder": string;
+        "required": boolean;
+        "readonly": boolean;
+        "max": number;
+        "min": number;
+        "disabled": boolean;
+        "mgWidth": string;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "type": NumericType;
+        "format": Format;
+        "currency": string;
+        "unit": Intl.NumberFormatOptions['unit'];
+        "unitDisplay": Intl.NumberFormatOptions['unitDisplay'];
+        "integerLength": number;
+        "decimalLength": number;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputPasswordAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "placeholder": string;
+        "maxlength": number;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "mgWidth": string;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputRadioAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "inputVerticalList": boolean;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputRichTextEditorAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "placeholder": string;
+        "rows": number;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "pattern": string;
+        "patternErrorMessage": string;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "modules": ButtonsOption;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputSelectAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "placeholder": string;
+        "placeholderHide": boolean;
+        "placeholderDisabled": boolean;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "mgWidth": string;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputTextAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "type": TextType;
+        "icon": IconType;
+        "placeholder": string;
+        "maxlength": number;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "mgWidth": string;
+        "pattern": string;
+        "patternErrorMessage": string;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "characterLeftHide": boolean;
+        "helpText": string;
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputTextareaAttributes {
+        "value": string;
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "placeholder": string;
+        "maxlength": number;
+        "required": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "mgWidth": string;
+        "pattern": string;
+        "patternErrorMessage": string;
+        "rows": number;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "characterLeftHide": boolean;
+        "helpText": string;
+        "resizable": 'none' | 'both' | 'horizontal' | 'vertical';
+        "valid": boolean;
+        "invalid": boolean;
+    }
+    interface MgInputTitleAttributes {
+        "identifier": string;
+        "required": boolean;
+        "readonly": boolean;
+        "isLegend": boolean;
+    }
+    interface MgInputToggleAttributes {
+        "identifier": string;
+        "name": string;
+        "label": string;
+        "labelOnTop": boolean;
+        "labelHide": boolean;
+        "isOnOff": boolean;
+        "isIcon": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "tooltip": string;
+        "tooltipPosition": TooltipPosition;
+        "helpText": string;
+    }
+    interface MgLoaderAttributes {
+        "message": string;
+        "messageHide": boolean;
+    }
+    interface MgMenuAttributes {
+        "label": string;
+        "direction": Direction;
+    }
+    interface MgMenuItemAttributes {
+        "identifier": string;
+        "href": string;
+        "target": TargetType;
+        "status": MgMenuStatusType;
+        "isIcon": boolean;
+        "expanded": boolean;
+    }
+    interface MgMessageAttributes {
+        "variant": VariantType;
+        "variantStyle": VariantStyleType;
+    }
+    interface MgModalAttributes {
+        "identifier": string;
+        "dialogRole": DialogRoleType;
+        "modalTitle": string;
+        "closeButton": boolean;
+        "open": boolean;
+    }
+    interface MgPaginationAttributes {
+        "identifier": string;
+        "label": string;
+        "hideNavigationLabels": boolean;
+        "hidePageCount": boolean;
+        "totalPages": number;
+        "currentPage": number;
+    }
+    interface MgPanelAttributes {
+        "identifier": string;
+        "panelTitle": string;
+        "titlePattern": string;
+        "titlePatternErrorMessage": string;
+        "titleEditable": boolean;
+        "titlePosition": TitlePositionType;
+        "expanded": boolean;
+        "expandToggleDisplay": ExpandToggleDisplayType;
+        "expandToggleDisabled": boolean;
+        "shadow": boolean;
+    }
+    interface MgPopoverAttributes {
+        "identifier": string;
+        "placement": Placement;
+        "arrowHide": boolean;
+        "closeButton": boolean;
+        "display": boolean;
+        "disabled": boolean;
+    }
+    interface MgPopoverContentAttributes {
+        "closeButton": boolean;
+    }
+    interface MgProgressAttributes {
+        "label": string;
+        "ariaRole": AriaRoleType;
+        "value": number;
+        "min": number;
+        "max": number;
+    }
+    interface MgTableAttributes {
+        "size": TableSizeType;
+        "fullWidth": boolean;
+        "borderHide": boolean;
+    }
+    interface MgTabsAttributes {
+        "identifier": string;
+        "label": string;
+        "activeTab": number;
+    }
+    interface MgTagAttributes {
+        "variant": TagVariantType;
+        "outline": boolean;
+        "soft": boolean;
+    }
+    interface MgTooltipAttributes {
+        "identifier": string;
+        "message": string;
+        "placement": Placement;
+        "display": boolean;
+        "disabled": boolean;
+    }
+    interface MgTooltipContentAttributes {
+        "message": string;
+    }
+
     interface IntrinsicElements {
-        "mg-action-more": MgActionMore;
-        "mg-alert": MgAlert;
-        "mg-badge": MgBadge;
-        "mg-button": MgButton;
-        "mg-card": MgCard;
-        "mg-character-left": MgCharacterLeft;
-        "mg-details": MgDetails;
-        "mg-divider": MgDivider;
-        "mg-fieldset": MgFieldset;
-        "mg-form": MgForm;
-        "mg-icon": MgIcon;
-        "mg-illustrated-message": MgIllustratedMessage;
-        "mg-input": MgInput;
-        "mg-input-checkbox": MgInputCheckbox;
-        "mg-input-checkbox-paginated": MgInputCheckboxPaginated;
-        "mg-input-combobox": MgInputCombobox;
-        "mg-input-date": MgInputDate;
-        "mg-input-file": MgInputFile;
-        "mg-input-numeric": MgInputNumeric;
-        "mg-input-password": MgInputPassword;
-        "mg-input-radio": MgInputRadio;
-        "mg-input-rich-text-editor": MgInputRichTextEditor;
-        "mg-input-select": MgInputSelect;
-        "mg-input-text": MgInputText;
-        "mg-input-textarea": MgInputTextarea;
-        "mg-input-title": MgInputTitle;
-        "mg-input-toggle": MgInputToggle;
+        "mg-action-more": Omit<MgActionMore, keyof MgActionMoreAttributes> & { [K in keyof MgActionMore & keyof MgActionMoreAttributes]?: MgActionMore[K] } & { [K in keyof MgActionMore & keyof MgActionMoreAttributes as `attr:${K}`]?: MgActionMoreAttributes[K] } & { [K in keyof MgActionMore & keyof MgActionMoreAttributes as `prop:${K}`]?: MgActionMore[K] };
+        "mg-alert": Omit<MgAlert, keyof MgAlertAttributes> & { [K in keyof MgAlert & keyof MgAlertAttributes]?: MgAlert[K] } & { [K in keyof MgAlert & keyof MgAlertAttributes as `attr:${K}`]?: MgAlertAttributes[K] } & { [K in keyof MgAlert & keyof MgAlertAttributes as `prop:${K}`]?: MgAlert[K] };
+        "mg-badge": Omit<MgBadge, keyof MgBadgeAttributes> & { [K in keyof MgBadge & keyof MgBadgeAttributes]?: MgBadge[K] } & { [K in keyof MgBadge & keyof MgBadgeAttributes as `attr:${K}`]?: MgBadgeAttributes[K] } & { [K in keyof MgBadge & keyof MgBadgeAttributes as `prop:${K}`]?: MgBadge[K] } & OneOf<"value", MgBadge["value"], MgBadgeAttributes["value"]> & OneOf<"label", MgBadge["label"], MgBadgeAttributes["label"]>;
+        "mg-breadcrumb": MgBreadcrumb;
+        "mg-button": Omit<MgButton, keyof MgButtonAttributes> & { [K in keyof MgButton & keyof MgButtonAttributes]?: MgButton[K] } & { [K in keyof MgButton & keyof MgButtonAttributes as `attr:${K}`]?: MgButtonAttributes[K] } & { [K in keyof MgButton & keyof MgButtonAttributes as `prop:${K}`]?: MgButton[K] };
+        "mg-card": Omit<MgCard, keyof MgCardAttributes> & { [K in keyof MgCard & keyof MgCardAttributes]?: MgCard[K] } & { [K in keyof MgCard & keyof MgCardAttributes as `attr:${K}`]?: MgCardAttributes[K] } & { [K in keyof MgCard & keyof MgCardAttributes as `prop:${K}`]?: MgCard[K] };
+        "mg-character-left": Omit<MgCharacterLeft, keyof MgCharacterLeftAttributes> & { [K in keyof MgCharacterLeft & keyof MgCharacterLeftAttributes]?: MgCharacterLeft[K] } & { [K in keyof MgCharacterLeft & keyof MgCharacterLeftAttributes as `attr:${K}`]?: MgCharacterLeftAttributes[K] } & { [K in keyof MgCharacterLeft & keyof MgCharacterLeftAttributes as `prop:${K}`]?: MgCharacterLeft[K] } & OneOf<"maxlength", MgCharacterLeft["maxlength"], MgCharacterLeftAttributes["maxlength"]>;
+        "mg-details": Omit<MgDetails, keyof MgDetailsAttributes> & { [K in keyof MgDetails & keyof MgDetailsAttributes]?: MgDetails[K] } & { [K in keyof MgDetails & keyof MgDetailsAttributes as `attr:${K}`]?: MgDetailsAttributes[K] } & { [K in keyof MgDetails & keyof MgDetailsAttributes as `prop:${K}`]?: MgDetails[K] } & OneOf<"toggleClosed", MgDetails["toggleClosed"], MgDetailsAttributes["toggleClosed"]> & OneOf<"toggleOpened", MgDetails["toggleOpened"], MgDetailsAttributes["toggleOpened"]>;
+        "mg-divider": Omit<MgDivider, keyof MgDividerAttributes> & { [K in keyof MgDivider & keyof MgDividerAttributes]?: MgDivider[K] } & { [K in keyof MgDivider & keyof MgDividerAttributes as `attr:${K}`]?: MgDividerAttributes[K] } & { [K in keyof MgDivider & keyof MgDividerAttributes as `prop:${K}`]?: MgDivider[K] };
+        "mg-fieldset": Omit<MgFieldset, keyof MgFieldsetAttributes> & { [K in keyof MgFieldset & keyof MgFieldsetAttributes]?: MgFieldset[K] } & { [K in keyof MgFieldset & keyof MgFieldsetAttributes as `attr:${K}`]?: MgFieldsetAttributes[K] } & { [K in keyof MgFieldset & keyof MgFieldsetAttributes as `prop:${K}`]?: MgFieldset[K] } & OneOf<"identifier", MgFieldset["identifier"], MgFieldsetAttributes["identifier"]> & OneOf<"legend", MgFieldset["legend"], MgFieldsetAttributes["legend"]>;
+        "mg-form": Omit<MgForm, keyof MgFormAttributes> & { [K in keyof MgForm & keyof MgFormAttributes]?: MgForm[K] } & { [K in keyof MgForm & keyof MgFormAttributes as `attr:${K}`]?: MgFormAttributes[K] } & { [K in keyof MgForm & keyof MgFormAttributes as `prop:${K}`]?: MgForm[K] };
+        "mg-icon": Omit<MgIcon, keyof MgIconAttributes> & { [K in keyof MgIcon & keyof MgIconAttributes]?: MgIcon[K] } & { [K in keyof MgIcon & keyof MgIconAttributes as `attr:${K}`]?: MgIconAttributes[K] } & { [K in keyof MgIcon & keyof MgIconAttributes as `prop:${K}`]?: MgIcon[K] } & OneOf<"icon", MgIcon["icon"], MgIconAttributes["icon"]>;
+        "mg-illustrated-message": Omit<MgIllustratedMessage, keyof MgIllustratedMessageAttributes> & { [K in keyof MgIllustratedMessage & keyof MgIllustratedMessageAttributes]?: MgIllustratedMessage[K] } & { [K in keyof MgIllustratedMessage & keyof MgIllustratedMessageAttributes as `attr:${K}`]?: MgIllustratedMessageAttributes[K] } & { [K in keyof MgIllustratedMessage & keyof MgIllustratedMessageAttributes as `prop:${K}`]?: MgIllustratedMessage[K] };
+        "mg-input": Omit<MgInput, keyof MgInputAttributes> & { [K in keyof MgInput & keyof MgInputAttributes]?: MgInput[K] } & { [K in keyof MgInput & keyof MgInputAttributes as `attr:${K}`]?: MgInputAttributes[K] } & { [K in keyof MgInput & keyof MgInputAttributes as `prop:${K}`]?: MgInput[K] } & OneOf<"identifier", MgInput["identifier"], MgInputAttributes["identifier"]> & OneOf<"label", MgInput["label"], MgInputAttributes["label"]>;
+        "mg-input-checkbox": Omit<MgInputCheckbox, keyof MgInputCheckboxAttributes> & { [K in keyof MgInputCheckbox & keyof MgInputCheckboxAttributes]?: MgInputCheckbox[K] } & { [K in keyof MgInputCheckbox & keyof MgInputCheckboxAttributes as `attr:${K}`]?: MgInputCheckboxAttributes[K] } & { [K in keyof MgInputCheckbox & keyof MgInputCheckboxAttributes as `prop:${K}`]?: MgInputCheckbox[K] } & OneOf<"identifier", MgInputCheckbox["identifier"], MgInputCheckboxAttributes["identifier"]> & OneOf<"label", MgInputCheckbox["label"], MgInputCheckboxAttributes["label"]>;
+        "mg-input-combobox": Omit<MgInputCombobox, keyof MgInputComboboxAttributes> & { [K in keyof MgInputCombobox & keyof MgInputComboboxAttributes]?: MgInputCombobox[K] } & { [K in keyof MgInputCombobox & keyof MgInputComboboxAttributes as `attr:${K}`]?: MgInputComboboxAttributes[K] } & { [K in keyof MgInputCombobox & keyof MgInputComboboxAttributes as `prop:${K}`]?: MgInputCombobox[K] } & OneOf<"itemsLabel", MgInputCombobox["itemsLabel"], MgInputComboboxAttributes["itemsLabel"]> & OneOf<"identifier", MgInputCombobox["identifier"], MgInputComboboxAttributes["identifier"]> & OneOf<"label", MgInputCombobox["label"], MgInputComboboxAttributes["label"]>;
+        "mg-input-date": Omit<MgInputDate, keyof MgInputDateAttributes> & { [K in keyof MgInputDate & keyof MgInputDateAttributes]?: MgInputDate[K] } & { [K in keyof MgInputDate & keyof MgInputDateAttributes as `attr:${K}`]?: MgInputDateAttributes[K] } & { [K in keyof MgInputDate & keyof MgInputDateAttributes as `prop:${K}`]?: MgInputDate[K] } & OneOf<"identifier", MgInputDate["identifier"], MgInputDateAttributes["identifier"]> & OneOf<"label", MgInputDate["label"], MgInputDateAttributes["label"]>;
+        "mg-input-file": Omit<MgInputFile, keyof MgInputFileAttributes> & { [K in keyof MgInputFile & keyof MgInputFileAttributes]?: MgInputFile[K] } & { [K in keyof MgInputFile & keyof MgInputFileAttributes as `attr:${K}`]?: MgInputFileAttributes[K] } & { [K in keyof MgInputFile & keyof MgInputFileAttributes as `prop:${K}`]?: MgInputFile[K] } & OneOf<"identifier", MgInputFile["identifier"], MgInputFileAttributes["identifier"]> & OneOf<"label", MgInputFile["label"], MgInputFileAttributes["label"]>;
+        "mg-input-numeric": Omit<MgInputNumeric, keyof MgInputNumericAttributes> & { [K in keyof MgInputNumeric & keyof MgInputNumericAttributes]?: MgInputNumeric[K] } & { [K in keyof MgInputNumeric & keyof MgInputNumericAttributes as `attr:${K}`]?: MgInputNumericAttributes[K] } & { [K in keyof MgInputNumeric & keyof MgInputNumericAttributes as `prop:${K}`]?: MgInputNumeric[K] } & OneOf<"identifier", MgInputNumeric["identifier"], MgInputNumericAttributes["identifier"]> & OneOf<"label", MgInputNumeric["label"], MgInputNumericAttributes["label"]>;
+        "mg-input-password": Omit<MgInputPassword, keyof MgInputPasswordAttributes> & { [K in keyof MgInputPassword & keyof MgInputPasswordAttributes]?: MgInputPassword[K] } & { [K in keyof MgInputPassword & keyof MgInputPasswordAttributes as `attr:${K}`]?: MgInputPasswordAttributes[K] } & { [K in keyof MgInputPassword & keyof MgInputPasswordAttributes as `prop:${K}`]?: MgInputPassword[K] } & OneOf<"identifier", MgInputPassword["identifier"], MgInputPasswordAttributes["identifier"]> & OneOf<"label", MgInputPassword["label"], MgInputPasswordAttributes["label"]>;
+        "mg-input-radio": Omit<MgInputRadio, keyof MgInputRadioAttributes> & { [K in keyof MgInputRadio & keyof MgInputRadioAttributes]?: MgInputRadio[K] } & { [K in keyof MgInputRadio & keyof MgInputRadioAttributes as `attr:${K}`]?: MgInputRadioAttributes[K] } & { [K in keyof MgInputRadio & keyof MgInputRadioAttributes as `prop:${K}`]?: MgInputRadio[K] } & OneOf<"identifier", MgInputRadio["identifier"], MgInputRadioAttributes["identifier"]> & OneOf<"label", MgInputRadio["label"], MgInputRadioAttributes["label"]>;
+        "mg-input-rich-text-editor": Omit<MgInputRichTextEditor, keyof MgInputRichTextEditorAttributes> & { [K in keyof MgInputRichTextEditor & keyof MgInputRichTextEditorAttributes]?: MgInputRichTextEditor[K] } & { [K in keyof MgInputRichTextEditor & keyof MgInputRichTextEditorAttributes as `attr:${K}`]?: MgInputRichTextEditorAttributes[K] } & { [K in keyof MgInputRichTextEditor & keyof MgInputRichTextEditorAttributes as `prop:${K}`]?: MgInputRichTextEditor[K] } & OneOf<"identifier", MgInputRichTextEditor["identifier"], MgInputRichTextEditorAttributes["identifier"]> & OneOf<"label", MgInputRichTextEditor["label"], MgInputRichTextEditorAttributes["label"]>;
+        "mg-input-select": Omit<MgInputSelect, keyof MgInputSelectAttributes> & { [K in keyof MgInputSelect & keyof MgInputSelectAttributes]?: MgInputSelect[K] } & { [K in keyof MgInputSelect & keyof MgInputSelectAttributes as `attr:${K}`]?: MgInputSelectAttributes[K] } & { [K in keyof MgInputSelect & keyof MgInputSelectAttributes as `prop:${K}`]?: MgInputSelect[K] } & OneOf<"identifier", MgInputSelect["identifier"], MgInputSelectAttributes["identifier"]> & OneOf<"label", MgInputSelect["label"], MgInputSelectAttributes["label"]>;
+        "mg-input-text": Omit<MgInputText, keyof MgInputTextAttributes> & { [K in keyof MgInputText & keyof MgInputTextAttributes]?: MgInputText[K] } & { [K in keyof MgInputText & keyof MgInputTextAttributes as `attr:${K}`]?: MgInputTextAttributes[K] } & { [K in keyof MgInputText & keyof MgInputTextAttributes as `prop:${K}`]?: MgInputText[K] } & OneOf<"identifier", MgInputText["identifier"], MgInputTextAttributes["identifier"]> & OneOf<"label", MgInputText["label"], MgInputTextAttributes["label"]>;
+        "mg-input-textarea": Omit<MgInputTextarea, keyof MgInputTextareaAttributes> & { [K in keyof MgInputTextarea & keyof MgInputTextareaAttributes]?: MgInputTextarea[K] } & { [K in keyof MgInputTextarea & keyof MgInputTextareaAttributes as `attr:${K}`]?: MgInputTextareaAttributes[K] } & { [K in keyof MgInputTextarea & keyof MgInputTextareaAttributes as `prop:${K}`]?: MgInputTextarea[K] } & OneOf<"identifier", MgInputTextarea["identifier"], MgInputTextareaAttributes["identifier"]> & OneOf<"label", MgInputTextarea["label"], MgInputTextareaAttributes["label"]>;
+        "mg-input-title": Omit<MgInputTitle, keyof MgInputTitleAttributes> & { [K in keyof MgInputTitle & keyof MgInputTitleAttributes]?: MgInputTitle[K] } & { [K in keyof MgInputTitle & keyof MgInputTitleAttributes as `attr:${K}`]?: MgInputTitleAttributes[K] } & { [K in keyof MgInputTitle & keyof MgInputTitleAttributes as `prop:${K}`]?: MgInputTitle[K] } & OneOf<"identifier", MgInputTitle["identifier"], MgInputTitleAttributes["identifier"]>;
+        "mg-input-toggle": Omit<MgInputToggle, keyof MgInputToggleAttributes> & { [K in keyof MgInputToggle & keyof MgInputToggleAttributes]?: MgInputToggle[K] } & { [K in keyof MgInputToggle & keyof MgInputToggleAttributes as `attr:${K}`]?: MgInputToggleAttributes[K] } & { [K in keyof MgInputToggle & keyof MgInputToggleAttributes as `prop:${K}`]?: MgInputToggle[K] } & OneOf<"identifier", MgInputToggle["identifier"], MgInputToggleAttributes["identifier"]> & OneOf<"label", MgInputToggle["label"], MgInputToggleAttributes["label"]>;
         "mg-item-more": MgItemMore;
-        "mg-loader": MgLoader;
-        "mg-menu": MgMenu;
-        "mg-menu-item": MgMenuItem;
-        "mg-message": MgMessage;
-        "mg-modal": MgModal;
-        "mg-pagination": MgPagination;
-        "mg-panel": MgPanel;
-        "mg-popover": MgPopover;
-        "mg-popover-content": MgPopoverContent;
-        "mg-progress": MgProgress;
+        "mg-loader": Omit<MgLoader, keyof MgLoaderAttributes> & { [K in keyof MgLoader & keyof MgLoaderAttributes]?: MgLoader[K] } & { [K in keyof MgLoader & keyof MgLoaderAttributes as `attr:${K}`]?: MgLoaderAttributes[K] } & { [K in keyof MgLoader & keyof MgLoaderAttributes as `prop:${K}`]?: MgLoader[K] };
+        "mg-menu": Omit<MgMenu, keyof MgMenuAttributes> & { [K in keyof MgMenu & keyof MgMenuAttributes]?: MgMenu[K] } & { [K in keyof MgMenu & keyof MgMenuAttributes as `attr:${K}`]?: MgMenuAttributes[K] } & { [K in keyof MgMenu & keyof MgMenuAttributes as `prop:${K}`]?: MgMenu[K] } & OneOf<"label", MgMenu["label"], MgMenuAttributes["label"]>;
+        "mg-menu-item": Omit<MgMenuItem, keyof MgMenuItemAttributes> & { [K in keyof MgMenuItem & keyof MgMenuItemAttributes]?: MgMenuItem[K] } & { [K in keyof MgMenuItem & keyof MgMenuItemAttributes as `attr:${K}`]?: MgMenuItemAttributes[K] } & { [K in keyof MgMenuItem & keyof MgMenuItemAttributes as `prop:${K}`]?: MgMenuItem[K] };
+        "mg-message": Omit<MgMessage, keyof MgMessageAttributes> & { [K in keyof MgMessage & keyof MgMessageAttributes]?: MgMessage[K] } & { [K in keyof MgMessage & keyof MgMessageAttributes as `attr:${K}`]?: MgMessageAttributes[K] } & { [K in keyof MgMessage & keyof MgMessageAttributes as `prop:${K}`]?: MgMessage[K] };
+        "mg-modal": Omit<MgModal, keyof MgModalAttributes> & { [K in keyof MgModal & keyof MgModalAttributes]?: MgModal[K] } & { [K in keyof MgModal & keyof MgModalAttributes as `attr:${K}`]?: MgModalAttributes[K] } & { [K in keyof MgModal & keyof MgModalAttributes as `prop:${K}`]?: MgModal[K] } & OneOf<"modalTitle", MgModal["modalTitle"], MgModalAttributes["modalTitle"]>;
+        "mg-pagination": Omit<MgPagination, keyof MgPaginationAttributes> & { [K in keyof MgPagination & keyof MgPaginationAttributes]?: MgPagination[K] } & { [K in keyof MgPagination & keyof MgPaginationAttributes as `attr:${K}`]?: MgPaginationAttributes[K] } & { [K in keyof MgPagination & keyof MgPaginationAttributes as `prop:${K}`]?: MgPagination[K] };
+        "mg-panel": Omit<MgPanel, keyof MgPanelAttributes> & { [K in keyof MgPanel & keyof MgPanelAttributes]?: MgPanel[K] } & { [K in keyof MgPanel & keyof MgPanelAttributes as `attr:${K}`]?: MgPanelAttributes[K] } & { [K in keyof MgPanel & keyof MgPanelAttributes as `prop:${K}`]?: MgPanel[K] };
+        "mg-popover": Omit<MgPopover, keyof MgPopoverAttributes> & { [K in keyof MgPopover & keyof MgPopoverAttributes]?: MgPopover[K] } & { [K in keyof MgPopover & keyof MgPopoverAttributes as `attr:${K}`]?: MgPopoverAttributes[K] } & { [K in keyof MgPopover & keyof MgPopoverAttributes as `prop:${K}`]?: MgPopover[K] };
+        "mg-popover-content": Omit<MgPopoverContent, keyof MgPopoverContentAttributes> & { [K in keyof MgPopoverContent & keyof MgPopoverContentAttributes]?: MgPopoverContent[K] } & { [K in keyof MgPopoverContent & keyof MgPopoverContentAttributes as `attr:${K}`]?: MgPopoverContentAttributes[K] } & { [K in keyof MgPopoverContent & keyof MgPopoverContentAttributes as `prop:${K}`]?: MgPopoverContent[K] };
+        "mg-progress": Omit<MgProgress, keyof MgProgressAttributes> & { [K in keyof MgProgress & keyof MgProgressAttributes]?: MgProgress[K] } & { [K in keyof MgProgress & keyof MgProgressAttributes as `attr:${K}`]?: MgProgressAttributes[K] } & { [K in keyof MgProgress & keyof MgProgressAttributes as `prop:${K}`]?: MgProgress[K] } & OneOf<"label", MgProgress["label"], MgProgressAttributes["label"]>;
         "mg-skip-links": MgSkipLinks;
-        "mg-table": MgTable;
-        "mg-tabs": MgTabs;
-        "mg-tag": MgTag;
-        "mg-tooltip": MgTooltip;
-        "mg-tooltip-content": MgTooltipContent;
+        "mg-table": Omit<MgTable, keyof MgTableAttributes> & { [K in keyof MgTable & keyof MgTableAttributes]?: MgTable[K] } & { [K in keyof MgTable & keyof MgTableAttributes as `attr:${K}`]?: MgTableAttributes[K] } & { [K in keyof MgTable & keyof MgTableAttributes as `prop:${K}`]?: MgTable[K] };
+        "mg-tabs": Omit<MgTabs, keyof MgTabsAttributes> & { [K in keyof MgTabs & keyof MgTabsAttributes]?: MgTabs[K] } & { [K in keyof MgTabs & keyof MgTabsAttributes as `attr:${K}`]?: MgTabsAttributes[K] } & { [K in keyof MgTabs & keyof MgTabsAttributes as `prop:${K}`]?: MgTabs[K] } & OneOf<"label", MgTabs["label"], MgTabsAttributes["label"]>;
+        "mg-tag": Omit<MgTag, keyof MgTagAttributes> & { [K in keyof MgTag & keyof MgTagAttributes]?: MgTag[K] } & { [K in keyof MgTag & keyof MgTagAttributes as `attr:${K}`]?: MgTagAttributes[K] } & { [K in keyof MgTag & keyof MgTagAttributes as `prop:${K}`]?: MgTag[K] };
+        "mg-tooltip": Omit<MgTooltip, keyof MgTooltipAttributes> & { [K in keyof MgTooltip & keyof MgTooltipAttributes]?: MgTooltip[K] } & { [K in keyof MgTooltip & keyof MgTooltipAttributes as `attr:${K}`]?: MgTooltipAttributes[K] } & { [K in keyof MgTooltip & keyof MgTooltipAttributes as `prop:${K}`]?: MgTooltip[K] } & OneOf<"message", MgTooltip["message"], MgTooltipAttributes["message"]>;
+        "mg-tooltip-content": Omit<MgTooltipContent, keyof MgTooltipContentAttributes> & { [K in keyof MgTooltipContent & keyof MgTooltipContentAttributes]?: MgTooltipContent[K] } & { [K in keyof MgTooltipContent & keyof MgTooltipContentAttributes as `attr:${K}`]?: MgTooltipContentAttributes[K] } & { [K in keyof MgTooltipContent & keyof MgTooltipContentAttributes as `prop:${K}`]?: MgTooltipContent[K] } & OneOf<"message", MgTooltipContent["message"], MgTooltipContentAttributes["message"]>;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "mg-action-more": LocalJSX.MgActionMore & JSXBase.HTMLAttributes<HTMLMgActionMoreElement>;
-            "mg-alert": LocalJSX.MgAlert & JSXBase.HTMLAttributes<HTMLMgAlertElement>;
-            "mg-badge": LocalJSX.MgBadge & JSXBase.HTMLAttributes<HTMLMgBadgeElement>;
-            "mg-button": LocalJSX.MgButton & JSXBase.HTMLAttributes<HTMLMgButtonElement>;
-            "mg-card": LocalJSX.MgCard & JSXBase.HTMLAttributes<HTMLMgCardElement>;
-            "mg-character-left": LocalJSX.MgCharacterLeft & JSXBase.HTMLAttributes<HTMLMgCharacterLeftElement>;
-            "mg-details": LocalJSX.MgDetails & JSXBase.HTMLAttributes<HTMLMgDetailsElement>;
-            "mg-divider": LocalJSX.MgDivider & JSXBase.HTMLAttributes<HTMLMgDividerElement>;
-            "mg-fieldset": LocalJSX.MgFieldset & JSXBase.HTMLAttributes<HTMLMgFieldsetElement>;
-            "mg-form": LocalJSX.MgForm & JSXBase.HTMLAttributes<HTMLMgFormElement>;
-            "mg-icon": LocalJSX.MgIcon & JSXBase.HTMLAttributes<HTMLMgIconElement>;
-            "mg-illustrated-message": LocalJSX.MgIllustratedMessage & JSXBase.HTMLAttributes<HTMLMgIllustratedMessageElement>;
-            "mg-input": LocalJSX.MgInput & JSXBase.HTMLAttributes<HTMLMgInputElement>;
-            "mg-input-checkbox": LocalJSX.MgInputCheckbox & JSXBase.HTMLAttributes<HTMLMgInputCheckboxElement>;
-            /**
-             * Internal component use to manage sections instances
-             */
-            "mg-input-checkbox-paginated": LocalJSX.MgInputCheckboxPaginated & JSXBase.HTMLAttributes<HTMLMgInputCheckboxPaginatedElement>;
-            "mg-input-combobox": LocalJSX.MgInputCombobox & JSXBase.HTMLAttributes<HTMLMgInputComboboxElement>;
-            "mg-input-date": LocalJSX.MgInputDate & JSXBase.HTMLAttributes<HTMLMgInputDateElement>;
-            "mg-input-file": LocalJSX.MgInputFile & JSXBase.HTMLAttributes<HTMLMgInputFileElement>;
-            "mg-input-numeric": LocalJSX.MgInputNumeric & JSXBase.HTMLAttributes<HTMLMgInputNumericElement>;
-            "mg-input-password": LocalJSX.MgInputPassword & JSXBase.HTMLAttributes<HTMLMgInputPasswordElement>;
-            "mg-input-radio": LocalJSX.MgInputRadio & JSXBase.HTMLAttributes<HTMLMgInputRadioElement>;
-            "mg-input-rich-text-editor": LocalJSX.MgInputRichTextEditor & JSXBase.HTMLAttributes<HTMLMgInputRichTextEditorElement>;
-            "mg-input-select": LocalJSX.MgInputSelect & JSXBase.HTMLAttributes<HTMLMgInputSelectElement>;
-            "mg-input-text": LocalJSX.MgInputText & JSXBase.HTMLAttributes<HTMLMgInputTextElement>;
-            "mg-input-textarea": LocalJSX.MgInputTextarea & JSXBase.HTMLAttributes<HTMLMgInputTextareaElement>;
-            "mg-input-title": LocalJSX.MgInputTitle & JSXBase.HTMLAttributes<HTMLMgInputTitleElement>;
-            "mg-input-toggle": LocalJSX.MgInputToggle & JSXBase.HTMLAttributes<HTMLMgInputToggleElement>;
-            "mg-item-more": LocalJSX.MgItemMore & JSXBase.HTMLAttributes<HTMLMgItemMoreElement>;
-            "mg-loader": LocalJSX.MgLoader & JSXBase.HTMLAttributes<HTMLMgLoaderElement>;
-            "mg-menu": LocalJSX.MgMenu & JSXBase.HTMLAttributes<HTMLMgMenuElement>;
-            "mg-menu-item": LocalJSX.MgMenuItem & JSXBase.HTMLAttributes<HTMLMgMenuItemElement>;
-            "mg-message": LocalJSX.MgMessage & JSXBase.HTMLAttributes<HTMLMgMessageElement>;
-            "mg-modal": LocalJSX.MgModal & JSXBase.HTMLAttributes<HTMLMgModalElement>;
-            "mg-pagination": LocalJSX.MgPagination & JSXBase.HTMLAttributes<HTMLMgPaginationElement>;
-            "mg-panel": LocalJSX.MgPanel & JSXBase.HTMLAttributes<HTMLMgPanelElement>;
-            "mg-popover": LocalJSX.MgPopover & JSXBase.HTMLAttributes<HTMLMgPopoverElement>;
-            "mg-popover-content": LocalJSX.MgPopoverContent & JSXBase.HTMLAttributes<HTMLMgPopoverContentElement>;
-            "mg-progress": LocalJSX.MgProgress & JSXBase.HTMLAttributes<HTMLMgProgressElement>;
-            "mg-skip-links": LocalJSX.MgSkipLinks & JSXBase.HTMLAttributes<HTMLMgSkipLinksElement>;
-            "mg-table": LocalJSX.MgTable & JSXBase.HTMLAttributes<HTMLMgTableElement>;
-            "mg-tabs": LocalJSX.MgTabs & JSXBase.HTMLAttributes<HTMLMgTabsElement>;
-            "mg-tag": LocalJSX.MgTag & JSXBase.HTMLAttributes<HTMLMgTagElement>;
-            "mg-tooltip": LocalJSX.MgTooltip & JSXBase.HTMLAttributes<HTMLMgTooltipElement>;
-            "mg-tooltip-content": LocalJSX.MgTooltipContent & JSXBase.HTMLAttributes<HTMLMgTooltipContentElement>;
+            "mg-action-more": LocalJSX.IntrinsicElements["mg-action-more"] & JSXBase.HTMLAttributes<HTMLMgActionMoreElement>;
+            "mg-alert": LocalJSX.IntrinsicElements["mg-alert"] & JSXBase.HTMLAttributes<HTMLMgAlertElement>;
+            "mg-badge": LocalJSX.IntrinsicElements["mg-badge"] & JSXBase.HTMLAttributes<HTMLMgBadgeElement>;
+            "mg-breadcrumb": LocalJSX.IntrinsicElements["mg-breadcrumb"] & JSXBase.HTMLAttributes<HTMLMgBreadcrumbElement>;
+            "mg-button": LocalJSX.IntrinsicElements["mg-button"] & JSXBase.HTMLAttributes<HTMLMgButtonElement>;
+            "mg-card": LocalJSX.IntrinsicElements["mg-card"] & JSXBase.HTMLAttributes<HTMLMgCardElement>;
+            "mg-character-left": LocalJSX.IntrinsicElements["mg-character-left"] & JSXBase.HTMLAttributes<HTMLMgCharacterLeftElement>;
+            "mg-details": LocalJSX.IntrinsicElements["mg-details"] & JSXBase.HTMLAttributes<HTMLMgDetailsElement>;
+            "mg-divider": LocalJSX.IntrinsicElements["mg-divider"] & JSXBase.HTMLAttributes<HTMLMgDividerElement>;
+            "mg-fieldset": LocalJSX.IntrinsicElements["mg-fieldset"] & JSXBase.HTMLAttributes<HTMLMgFieldsetElement>;
+            "mg-form": LocalJSX.IntrinsicElements["mg-form"] & JSXBase.HTMLAttributes<HTMLMgFormElement>;
+            "mg-icon": LocalJSX.IntrinsicElements["mg-icon"] & JSXBase.HTMLAttributes<HTMLMgIconElement>;
+            "mg-illustrated-message": LocalJSX.IntrinsicElements["mg-illustrated-message"] & JSXBase.HTMLAttributes<HTMLMgIllustratedMessageElement>;
+            "mg-input": LocalJSX.IntrinsicElements["mg-input"] & JSXBase.HTMLAttributes<HTMLMgInputElement>;
+            "mg-input-checkbox": LocalJSX.IntrinsicElements["mg-input-checkbox"] & JSXBase.HTMLAttributes<HTMLMgInputCheckboxElement>;
+            "mg-input-combobox": LocalJSX.IntrinsicElements["mg-input-combobox"] & JSXBase.HTMLAttributes<HTMLMgInputComboboxElement>;
+            "mg-input-date": LocalJSX.IntrinsicElements["mg-input-date"] & JSXBase.HTMLAttributes<HTMLMgInputDateElement>;
+            "mg-input-file": LocalJSX.IntrinsicElements["mg-input-file"] & JSXBase.HTMLAttributes<HTMLMgInputFileElement>;
+            "mg-input-numeric": LocalJSX.IntrinsicElements["mg-input-numeric"] & JSXBase.HTMLAttributes<HTMLMgInputNumericElement>;
+            "mg-input-password": LocalJSX.IntrinsicElements["mg-input-password"] & JSXBase.HTMLAttributes<HTMLMgInputPasswordElement>;
+            "mg-input-radio": LocalJSX.IntrinsicElements["mg-input-radio"] & JSXBase.HTMLAttributes<HTMLMgInputRadioElement>;
+            "mg-input-rich-text-editor": LocalJSX.IntrinsicElements["mg-input-rich-text-editor"] & JSXBase.HTMLAttributes<HTMLMgInputRichTextEditorElement>;
+            "mg-input-select": LocalJSX.IntrinsicElements["mg-input-select"] & JSXBase.HTMLAttributes<HTMLMgInputSelectElement>;
+            "mg-input-text": LocalJSX.IntrinsicElements["mg-input-text"] & JSXBase.HTMLAttributes<HTMLMgInputTextElement>;
+            "mg-input-textarea": LocalJSX.IntrinsicElements["mg-input-textarea"] & JSXBase.HTMLAttributes<HTMLMgInputTextareaElement>;
+            "mg-input-title": LocalJSX.IntrinsicElements["mg-input-title"] & JSXBase.HTMLAttributes<HTMLMgInputTitleElement>;
+            "mg-input-toggle": LocalJSX.IntrinsicElements["mg-input-toggle"] & JSXBase.HTMLAttributes<HTMLMgInputToggleElement>;
+            "mg-item-more": LocalJSX.IntrinsicElements["mg-item-more"] & JSXBase.HTMLAttributes<HTMLMgItemMoreElement>;
+            "mg-loader": LocalJSX.IntrinsicElements["mg-loader"] & JSXBase.HTMLAttributes<HTMLMgLoaderElement>;
+            "mg-menu": LocalJSX.IntrinsicElements["mg-menu"] & JSXBase.HTMLAttributes<HTMLMgMenuElement>;
+            "mg-menu-item": LocalJSX.IntrinsicElements["mg-menu-item"] & JSXBase.HTMLAttributes<HTMLMgMenuItemElement>;
+            "mg-message": LocalJSX.IntrinsicElements["mg-message"] & JSXBase.HTMLAttributes<HTMLMgMessageElement>;
+            "mg-modal": LocalJSX.IntrinsicElements["mg-modal"] & JSXBase.HTMLAttributes<HTMLMgModalElement>;
+            "mg-pagination": LocalJSX.IntrinsicElements["mg-pagination"] & JSXBase.HTMLAttributes<HTMLMgPaginationElement>;
+            "mg-panel": LocalJSX.IntrinsicElements["mg-panel"] & JSXBase.HTMLAttributes<HTMLMgPanelElement>;
+            "mg-popover": LocalJSX.IntrinsicElements["mg-popover"] & JSXBase.HTMLAttributes<HTMLMgPopoverElement>;
+            "mg-popover-content": LocalJSX.IntrinsicElements["mg-popover-content"] & JSXBase.HTMLAttributes<HTMLMgPopoverContentElement>;
+            "mg-progress": LocalJSX.IntrinsicElements["mg-progress"] & JSXBase.HTMLAttributes<HTMLMgProgressElement>;
+            "mg-skip-links": LocalJSX.IntrinsicElements["mg-skip-links"] & JSXBase.HTMLAttributes<HTMLMgSkipLinksElement>;
+            "mg-table": LocalJSX.IntrinsicElements["mg-table"] & JSXBase.HTMLAttributes<HTMLMgTableElement>;
+            "mg-tabs": LocalJSX.IntrinsicElements["mg-tabs"] & JSXBase.HTMLAttributes<HTMLMgTabsElement>;
+            "mg-tag": LocalJSX.IntrinsicElements["mg-tag"] & JSXBase.HTMLAttributes<HTMLMgTagElement>;
+            "mg-tooltip": LocalJSX.IntrinsicElements["mg-tooltip"] & JSXBase.HTMLAttributes<HTMLMgTooltipElement>;
+            "mg-tooltip-content": LocalJSX.IntrinsicElements["mg-tooltip-content"] & JSXBase.HTMLAttributes<HTMLMgTooltipContentElement>;
         }
     }
 }