/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { GroupConfigState } from "./utils/config";
import { AccordionState, GroupConfigState as GroupConfigState1 } from "./interfaces";
import { GroupCarouselItemData, GroupSlide } from "./components/group-carousel/group-carousel.type";
import { GroupCheckboxOption } from "./components/group-checkbox/group-checkbox.type";
import { GroupAriaForm } from "./utils/form";
import { OverlayEventDetail } from "./components/group-modal/group-modal.type";
import { PopoverPresentOptions } from "./components/group-popover/group-popover";
import { GroupRadioOption } from "./components/group-radio/group-radio.type";
import { GroupTabOption } from "./components/group-tabs/group-tab.type";
export { GroupConfigState } from "./utils/config";
export { AccordionState, GroupConfigState as GroupConfigState1 } from "./interfaces";
export { GroupCarouselItemData, GroupSlide } from "./components/group-carousel/group-carousel.type";
export { GroupCheckboxOption } from "./components/group-checkbox/group-checkbox.type";
export { GroupAriaForm } from "./utils/form";
export { OverlayEventDetail } from "./components/group-modal/group-modal.type";
export { PopoverPresentOptions } from "./components/group-popover/group-popover";
export { GroupRadioOption } from "./components/group-radio/group-radio.type";
export { GroupTabOption } from "./components/group-tabs/group-tab.type";
export namespace Components {
    interface GroupAccordion {
        /**
          * If `true` the accordion is open.
         */
        "active": boolean;
        /**
          * If `true` the accordion is used on the bottom of a card
         */
        "card": boolean;
        /**
          * groupIcon of the close trigger button
         */
        "closeIcon": string;
        /**
          * Label of the close trigger button
         */
        "closeLabel": string;
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * Set the amount of time, in milliseconds, to wait to trigger the `groupChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
         */
        "debounce": number;
        /**
          * Closes the accordion
         */
        "dismiss": () => Promise<boolean>;
        "humanToggle": () => Promise<boolean>;
        /**
          * groupIcon of the open trigger button
         */
        "openIcon": string;
        /**
          * Label of the open trigger button
         */
        "openLabel": string;
        /**
          * Opens the accordion
         */
        "present": () => Promise<boolean>;
        /**
          * Triggers the accordion
         */
        "toggle": () => Promise<boolean>;
    }
    interface GroupAccordionDetails {
        "active": boolean;
        "animated": boolean;
        "state": AccordionState;
    }
    interface GroupAccordionSummary {
        "active": boolean;
        "state": AccordionState;
        /**
          * If `true` the whole summary component acts as a trigger and can be clicked
         */
        "trigger": boolean;
    }
    interface GroupAccordionTrigger {
        "active": boolean;
        /**
          * Trigger will be a group-button
         */
        "button": boolean;
        /**
          * groupIcon of the close trigger button
         */
        "closeIcon": string;
        /**
          * Label of the close trigger button
         */
        "closeLabel": string;
        /**
          * The color to use from your application's color palette.
         */
        "color": GroupProps.GroupButtonColor;
        /**
          * groupIcon of the open trigger button
         */
        "openIcon": string;
        /**
          * Label of the open trigger button
         */
        "openLabel": string;
        /**
          * Size of the button
         */
        "size": GroupProps.GroupButtonSize;
        "state": AccordionState;
    }
    interface GroupApp {
        /**
          * Disables all animation inside the group-app. Can be used for simplify e2e testing.
         */
        "animated": boolean;
        "ready": boolean;
        "setFocus": (elements: HTMLElement[]) => Promise<void>;
    }
    interface GroupAvatar {
        /**
          * Determines if avatar is disabled.
         */
        "disabled"?: boolean;
        /**
          * Icon name.
         */
        "icon"?: string;
        /**
          * Group icon title - A11y pattern.
         */
        "iconTitle"?: string;
        /**
          * Image alternative text.
         */
        "imageAlt"?: string;
        /**
          * Source of image.
         */
        "imageSrc"?: string;
        /**
          * Initials.
         */
        "initials"?: string;
        /**
          * Initials.
         */
        "initialsSize"?: GroupProps.GroupTextSize;
        /**
          * Determines if avatar is inverted
          * @memberof GroupAvatar
         */
        "inverted": boolean;
        /**
          * Avatar size.
         */
        "size": 'small' | 'medium' | 'large';
        /**
          * Type of avatar.
         */
        "type": 'icon' | 'initials' | 'image';
    }
    interface GroupBadge {
        /**
          * Define the color for the badge.
         */
        "color": GroupProps.GroupBadgeColor;
        /**
          * Disable the badge.
         */
        "disabled": boolean;
        /**
          * Name of the icon to show. If a icon is present text should be hidden.
         */
        "icon"?: string;
        /**
          * If `true` the badge is added to the top right corner of the card.
         */
        "position": GroupProps.GroupBadgePosition;
        /**
          * Define the size of badge. Small is recommended for tabs.
         */
        "size": GroupProps.GroupBadgeSize;
    }
    interface GroupBanner {
        /**
          * Controls the banner actions
         */
        "actions": [];
        /**
          * Determines use case for banner. Defaults to "information".
         */
        "color"?: 'info' | 'warning' | 'success' | 'error';
        /**
          * Determines if banner has close button and event.
         */
        "dismissible"?: boolean;
        /**
          * Decides if the banner is inverted.
         */
        "inverted"?: boolean;
        /**
          * Determines what variant the banner will be.
         */
        "variant"?: 'inline' | 'global' | 'contextual';
    }
    interface GroupBannerAction {
        /**
          * Native href value that will be passed to anchor.
         */
        "href": string;
        /**
          * Native target attribute that will be passed to anchor.
         */
        "target": GroupProps.GroupButtonTarget;
        /**
          * Native target attribute that will be passed to anchor.
         */
        "text": string;
    }
    interface GroupBannerActions {
    }
    interface GroupBannerContent {
    }
    interface GroupBannerHeader {
        /**
          * Icon name to be used in the banner.
         */
        "iconName": string;
        /**
          * Decides if the banner is inverted.
         */
        "inverted": boolean;
    }
    interface GroupButton {
        /**
          * A11y attributes for the native button element.
         */
        "aria"?: GroupProps.GroupButtonAria;
        /**
          * If `true`, the user cannot interact with the button.
         */
        "disabled": boolean;
        /**
          * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
         */
        "download"?: string;
        /**
          * The type of button.
         */
        "elementType": GroupProps.GroupButtonElementType;
        /**
          * If `true` the button has a full width
         */
        "expanded": boolean;
        /**
          * If `true` the button has no padding and a reduced height
         */
        "flat": boolean;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * Name of the left button icon
         */
        "icon": string;
        /**
          * Name of the right button icon
         */
        "iconRight": string;
        /**
          * If `true` the icon turns
         */
        "iconTurn": boolean;
        /**
          * If `true` the button is inverted
         */
        "inverted": boolean;
        /**
          * If `true` the button has a active theme
         */
        "isActive": boolean;
        /**
          * The name of the button, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * The label of the button will not break
         */
        "noWrap": boolean;
        /**
          * If `true` the button is outlined
         */
        "outlined": boolean;
        /**
          * If `true` the label is hidden and a loading spinner is shown instead.
         */
        "processing": boolean;
        /**
          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
         */
        "rel"?: string;
        /**
          * If `true` the button is rounded.
         */
        "rounded": boolean;
        /**
          * If `true` adds a box shadow to improve readability on image background
         */
        "shadow": boolean;
        /**
          * Size of the button
         */
        "size": GroupProps.GroupButtonSize;
        /**
          * If `true` the width of the buttons is limited
         */
        "square": boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupButtonTarget;
        /**
          * The value of the button, which is submitted with the form data.
         */
        "value"?: string | number;
        /**
          * The variant to use from your application's variant palette.
         */
        "variant": GroupProps.GroupButtonColor;
    }
    interface GroupButtonGroup {
        /**
          * `auto` will position the button items vertical and full width. `row` will force that the buttons are also horizontal on mobile.
         */
        "direction": GroupProps.GroupButtonGroupDirection;
        /**
          * The value of the button, which is submitted with the form data.
         */
        "position": GroupProps.GroupButtonGroupPosition;
        /**
          * If `true` the flex direction is used in reverse on mobile.
         */
        "reverse": boolean;
    }
    interface GroupCard {
        /**
          * If `true` a light grey border is added to the card.
         */
        "border": boolean;
        /**
          * If `true` the card has a hover effect.
         */
        "clickable": boolean;
        /**
          * Defines the color of the card.
         */
        "color": GroupProps.GroupCardColor;
        /**
          * Defaults to true so no shadow is displayed.
         */
        "flat": boolean;
        /**
          * If `true` the card uses 100% of the available height.
         */
        "fullheight": boolean;
        /**
          * If `true` the card background color becomes blue.
         */
        "inverted": boolean;
        /**
          * If `true` the card gets a dark grey background to indicate a selection.
         */
        "selected": boolean;
        /**
          * Defines the space of the card content.
         */
        "space": GroupProps.GroupCardSpace;
        /**
          * If `true` the card loses its border radius.
         */
        "square": boolean;
        /**
          * Determines if the icon is displayed.
         */
        "withIcon": boolean;
    }
    interface GroupCardActions {
        /**
          * The value of the button, which is submitted with the form data.
         */
        "position": GroupProps.GroupCardActionsPosition;
    }
    interface GroupCardButton {
        /**
          * If `true`, the user cannot interact with the button.
         */
        "disabled": boolean;
        /**
          * The type of button.
         */
        "elementType": GroupProps.GroupCardButtonElementType;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * Name of the icon like `edit`.
         */
        "icon": string;
        /**
          * Name of the right button icon
         */
        "iconRight": string;
        /**
          * If `true` the label is hidden and a processing spinner is shown instead.
         */
        "processing": boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupCardButtonTarget;
    }
    interface GroupCardContent {
        /**
          * If `true` the card content color becomes white.
         */
        "inverted": boolean;
    }
    interface GroupCardSubtitle {
        /**
          * If `true` the card text color is bold.
         */
        "bold": boolean;
        /**
          * If `true` the card text color becomes white.
         */
        "color": GroupProps.GroupHeadingColor;
        /**
          * If `true` the card text color becomes white.
         */
        "inverted": boolean;
    }
    interface GroupCardTitle {
        /**
          * If `true` the card text color becomes white.
         */
        "inverted": boolean;
    }
    interface GroupCarousel {
        /**
          * Defines the image aspect ratio. Should be combined with the interface `product`
         */
        "aspectRatio"?: '1by1' | '3by2' | '4by3' | '16by9';
        /**
          * If `true` a light border is shown at the bottom.
         */
        "border": boolean;
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * Defines the layout of the navigation controls.
         */
        "controls": 'small' | 'large' | 'dots' | 'tabs' | 'none';
        /**
          * If `true` items move under the controls, instead of having a gap
         */
        "controlsOverflow": boolean;
        /**
          * If `true` the controls will be sticky to the top.
         */
        "controlsSticky": boolean;
        /**
          * If `true` the carousel uses the full height
         */
        "fullHeight": boolean;
        /**
          * Defines the role of the carousel.
         */
        "htmlRole": 'tablist' | 'list' | '';
        /**
          * Defines special looks.
         */
        "interface": 'card' | 'image' | 'product' | '';
        /**
          * If `true` the carousel can be used on dark background
         */
        "inverted": boolean;
        /**
          * Defines how many slides are visible in the container for the user. `auto` will use the size of the actual item content
         */
        "itemsPerView": 'auto' | 1 | 2 | 3 | 4;
        "next": (steps?: number) => Promise<GroupSlide | undefined>;
        /**
          * PUBLIC METHODS ------------------------------------------------------
         */
        "previous": (steps?: number) => Promise<GroupSlide | undefined>;
        /**
          * If `true` vertical scrolling on mobile is enabled.
         */
        "scrollY": boolean;
        /**
          * When how many slides are moved when going forward or backward.
         */
        "steps": number;
        /**
          * Defines the active slide index.
         */
        "value": number;
    }
    interface GroupCarouselItem {
        /**
          * Color of the background
         */
        "color"?: GroupProps.GroupCarouselItemColor;
        /**
          * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
         */
        "download"?: string;
        /**
          * The type of button.
         */
        "elementType": GroupProps.GroupButtonElementType;
        "getData": () => Promise<GroupCarouselItemData>;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * Defines the role of the carousel.
         */
        "htmlRole": 'tab' | 'listitem' | '';
        /**
          * Label of the slide which will be used for pagination tabs
         */
        "label": string;
        /**
          * The name of the button, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
         */
        "rel"?: string;
        "setFocus": () => Promise<void>;
        /**
          * Src path to the image
         */
        "src"?: string;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupButtonTarget;
        /**
          * The value of the button, which is submitted with the form data.
         */
        "value"?: string | number;
    }
    interface GroupCategoryLink {
        /**
          * Whether component is disabled or not. Default is false.
         */
        "disabled": boolean;
        /**
          * Icon name
         */
        "name": "card";
    }
    interface GroupCategoryLinkContainer {
    }
    interface GroupCheckbox {
        /**
          * If `true`, in Angular reactive forms the control will not be set invalid
         */
        "autoInvalidOff": boolean;
        /**
          * If `true`, the checkbox is selected.
         */
        "checked": boolean;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled": boolean;
        /**
          * If `true` the control is no padding
         */
        "flat": boolean;
        /**
          * Returns the native `<input>` element used under the hood.
         */
        "getInputElement": () => Promise<HTMLInputElement | undefined>;
        /**
          * Options of the tab like label, value etc.
         */
        "getOption": () => Promise<GroupCheckboxOption>;
        "hovered": boolean;
        /**
          * If `true` the control is displayed as inline
         */
        "inline": boolean;
        /**
          * Defines the layout of the checkbox button
         */
        "interface": GroupProps.GroupCheckboxInterface;
        /**
          * If `true` the component gets a invalid style.
         */
        "invalid": boolean;
        /**
          * If `true` the radio is invisible, but sill active
         */
        "invisible": boolean;
        /**
          * Label of the radio item.
         */
        "label": string;
        /**
          * If `true` the checkbox has no label
         */
        "labelHidden": boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name": string;
        /**
          * If `true`, the value will not be send with a form submit
         */
        "nonSubmit": boolean;
        "pressed": boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly": boolean;
        /**
          * If `true`, the user must fill in a value before submitting a form.
         */
        "required": boolean;
        "setAriaForm": (ariaForm: GroupAriaForm) => Promise<void>;
        /**
          * Sets blur on the native `input`. Use this method instead of the Global `input.blur()`.
         */
        "setBlur": () => Promise<void>;
        "setButtonTabindex": (value: number) => Promise<void>;
        /**
          * Sets the focus on the checkbox input element.
         */
        "setFocus": () => Promise<void>;
        "updateState": () => Promise<void>;
        /**
          * A DOMString representing the value of the checkbox. This is not displayed on the client-side, but on the server this is the value given to the data submitted with the checkbox's name.
         */
        "value": string | number;
    }
    interface GroupCheckboxButton {
        "colSize": GroupProps.GroupCheckboxGroupColumns;
        "colSizeMobile": GroupProps.GroupCheckboxGroupColumns;
        "colSizeTablet": GroupProps.GroupCheckboxGroupColumns;
        /**
          * If `true` the component gets a invalid red style.
         */
        "color"?: GroupProps.GroupCheckboxButtonColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        "setChecked": (checked?: boolean) => Promise<void>;
    }
    interface GroupCheckboxGroup {
        /**
          * If `true`, in Angular reactive forms the control will not be set invalid
         */
        "autoInvalidOff": boolean;
        /**
          * Defines the column size like the grid.
         */
        "columns": GroupProps.GroupCheckboxGroupColumns;
        /**
          * Defines the column size for mobile and bigger like the grid.
         */
        "columnsMobile": GroupProps.GroupCheckboxGroupColumns;
        /**
          * Defines the column size for tablet and bigger like the grid.
         */
        "columnsTablet": GroupProps.GroupCheckboxGroupColumns;
        /**
          * If `true` it acts as the main form control
         */
        "control": boolean;
        /**
          * If `true`, the user cannot interact with the checkboxes.
         */
        "disabled"?: boolean;
        /**
          * Uses the whole width
         */
        "expanded": boolean;
        /**
          * Find the options properties by its value
         */
        "getOptionByValue": (value: string) => Promise<GroupCheckboxOption>;
        /**
          * Defines the layout of the checkbox button
         */
        "interface"?: GroupProps.GroupCheckboxGroupInterface;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "invalid"?: boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name": string;
        /**
          * Steps can be passed as a property or through HTML markup.
         */
        "options"?: GroupCheckboxOption[];
        /**
          * If `true`, the user cannot interact with the checkboxes.
         */
        "readonly"?: boolean;
        "setAriaForm": (ariaForm: GroupAriaForm) => Promise<void>;
        "setValue": (value: any[]) => Promise<void>;
        /**
          * The value of the control.
         */
        "value": any[];
        /**
          * Displays the checkboxes vertically
         */
        "vertical": boolean;
        /**
          * If `true`, the controls will be vertically on mobile devices.
         */
        "verticalOnMobile": boolean;
    }
    interface GroupClose {
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * If `true` it supports dark backgrounds.
         */
        "inverted": boolean;
        /**
          * Define the size of badge. Small is recommended for tabs.
         */
        "size": GroupProps.GroupCloseSize;
    }
    interface GroupContent {
        /**
          * Defines the text positioning like center, end or default to start.
         */
        "align": GroupProps.GroupContentAlignment;
        "alignment": GroupProps.GroupContentAlignment;
        "direction": GroupProps.GroupContentDirection;
        /**
          * Defines the position of the child elements if they are showed vertically or horizontally. Default is vertically.
         */
        "layout": GroupProps.GroupContentLayout;
        /**
          * Defines the space between the child elements. Default is xx-small.
         */
        "space": GroupProps.GroupContentSpace;
    }
    interface GroupDropdownCustom {
        /**
          * Allows to call native keyboard listener.
         */
        "callKeyboardAction": (event: KeyboardEvent) => Promise<void>;
        /**
          * Method that closes dropdown.
         */
        "closeDropdown": () => Promise<void>;
        /**
          * Returns current title of dropdown.
         */
        "getTitle": () => Promise<string>;
        /**
          * Native html aria-describedby attribute.
         */
        "groupAriaDescribedby"?: string;
        /**
          * Id of associated label.
         */
        "groupAriaLabelledby": string;
        /**
          * Decides whether the component's state is controlled externally or internally.
         */
        "groupControlled": boolean;
        /**
          * Keys to which disable native dropdown handler.
         */
        "groupDisableKeys"?: string[];
        /**
          * Determines if dropdown is disabled.
         */
        "groupDisabled"?: boolean;
        /**
          * Native html id attribute.
         */
        "groupId"?: string;
        /**
          * Determines if dropdown is invalid.
         */
        "groupInvalid"?: boolean;
        /**
          * Enables multiselect.
         */
        "groupMultiple"?: boolean;
        /**
          * Options for dropdown.
         */
        "groupOptions": Array<{
    label: string;
    subtitle?: string;
    value: string;
    unselectable?: boolean;
  }>;
        /**
          * Native html required attribute.
         */
        "groupRequired": boolean;
        /**
          * Determines height of dropdown. 48px standard, 68px large.
         */
        "groupSize"?: 'sm' | 'lg';
        /**
          * Information displayed under current dropdown value.
         */
        "groupSubtitle"?: string;
        /**
          * Native tabindex passed to dropdown wrapper.
         */
        "groupTabIndex"?: number;
        /**
          * Selected value
         */
        "groupValue": string[];
        /**
          * Method that opens dropdown.
         */
        "openDropdown": () => Promise<void>;
    }
    interface GroupField {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If true, label and input are aligned horizontally within the field component, with the message positioned in a new line below.
         */
        "horizontal"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` a loading spinner is visible at the end of the input
         */
        "loading"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the form control needs to be filled. If it is set to `false` an optional label is added to the label..
         */
        "required"?: boolean;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid": boolean;
    }
    interface GroupFieldControl {
        /**
          * If `true` on mobile devices the form control children are aligned vertically and expanded to the full width
         */
        "expandedOnMobile"?: boolean;
        /**
          * If `true` a loading spinner is visible at the end of the input
         */
        "loading": boolean;
    }
    interface GroupFieldHint {
        /**
          * Text for the close button.
         */
        "closeLabel": string;
        /**
          * Disables the close button for tablet and desktop
         */
        "small": boolean;
        /**
          * Text of the inputs label
         */
        "subject"?: string;
    }
    interface GroupFieldLabel {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * The value of the for attribute must be a single id for a labeled form-related element in the same document as the <label> element. So, any given label element can be associated with only one form control.
         */
        "htmlFor"?: string;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the form control needs to be filled. If it is set to `false` an optional label is added to the label..
         */
        "required": boolean;
        /**
          * Defines the size of the font. Default is like a heading 5 and small is used with the form fields.
         */
        "size": GroupProps.GroupFieldLabelSize;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid"?: boolean;
        /**
          * Defines the font weight of the label.
         */
        "weight": GroupProps.GroupFieldLabelWeight;
    }
    interface GroupFieldMessage {
        /**
          * Defines the color of the message.
         */
        "color": GroupProps.GroupFieldMessageColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled": boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid": boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly": boolean;
        "setAriaForm": (ariaForm: GroupAriaForm) => Promise<void>;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid": boolean;
    }
    interface GroupHeading {
        /**
          * The actual heading level used in the HTML markup.
         */
        "autoLevel"?: GroupProps.GroupHeadingVisualLevel;
        /**
          * The theme type of the toast.
         */
        "color": GroupProps.GroupHeadingColor;
        /**
          * If `true` the color gets inverted for dark backgrounds
         */
        "inverted": boolean;
        /**
          * The actual heading level used in the HTML markup.
         */
        "level": GroupProps.GroupHeadingLevel;
        /**
          * When true, the text will be truncated with a text overflow ellipsis instead of wrapping. Please note that text overflow can only occur in block or inline-block level elements, as these elements require a width to overflow.
         */
        "noWrap": boolean;
        /**
          * If `true` adds a text shadow to improve readability on image background
         */
        "shadow": boolean;
        /**
          * Defines at which position the heading has spacing.
         */
        "space"?: 'none' | 'bottom' | 'top' | 'all';
        /**
          * If `true` the heading gets displayed slimmer.
         */
        "subtitle": boolean;
        /**
          * Make the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
         */
        "visualLevel"?: GroupProps.GroupHeadingVisualLevel;
    }
    interface GroupHint {
        /**
          * Text for the close button.
         */
        "closeLabel"?: string;
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * Closes the hint box.
         */
        "dismiss": () => Promise<void>;
        /**
          * Opens the hint box.
         */
        "present": () => Promise<void>;
        /**
          * Disables the close button for tablet and desktop
         */
        "small": boolean;
        /**
          * Toggles the hint box.
         */
        "toggle": () => Promise<void>;
    }
    interface GroupHintText {
    }
    interface GroupHintTitle {
    }
    interface GroupIcon {
        /**
          * The theme type of the button.
         */
        "color": GroupProps.GroupIconColor;
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        "hovered": boolean;
        /**
          * Icon A11y accessible title.
         */
        "iconTitle"?: string;
        /**
          * If `true` the icon has display inline style
         */
        "inline": boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the icon is inverted
         */
        "inverted": boolean;
        /**
          * Name of the group icon.
         */
        "name": string;
        "pressed": boolean;
        /**
          * If `true` adds a box shadow to improve readability on image background
         */
        "shadow": boolean;
        /**
          * Defines the size of the icon.
         */
        "size": GroupProps.GroupIconSize;
        /**
          * Svg content.
         */
        "svg": string;
        /**
          * If `true` the icon is rotated 180deg
         */
        "turn": boolean;
    }
    interface GroupIconLink {
        /**
          * Aria label for group-icon-link.
         */
        "groupAriaLabel": string;
        /**
          * The URL that the hyperlink points to.
         */
        "href": string;
        /**
          * Inverts colour scheme of component.
         */
        "inverted": false;
        /**
          * Icon name placed before.
         */
        "name": "delete";
        /**
          * Size of the link text
         */
        "size": GroupProps.GroupTextSize;
        /**
          * Where to display the linked URL, as the name for a browsing context.
         */
        "target": '_self' | '_blank' | '_parent' | '_top';
    }
    interface GroupLabel {
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        "hovered": boolean;
        /**
          * The value of the for attribute must be a single id for a labeled form-related element in the same document as the <label> element. So, any given label element can be associated with only one form control.
         */
        "htmlFor"?: string;
        /**
          * Define the id of the native label element
         */
        "htmlId"?: string;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * When true, the text will is able to break on multiple lines.
         */
        "multiline": boolean;
        /**
          * When true, the text will be truncated with a text overflow ellipsis instead of wrapping. Please note that text overflow can only occur in block or inline-block level elements, as these elements require a width to overflow.
         */
        "noWrap": boolean;
        "pressed": boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the form control needs to be filled. If it is set to `false` an optional label is added to the label..
         */
        "required": boolean;
        "setAriaForm": (ariaForm: GroupAriaForm) => Promise<void>;
        /**
          * Defines the size of the font. Default is like a heading 5 and small is used with the form fields.
         */
        "size": GroupProps.GroupLabelSize;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid"?: boolean;
        /**
          * Defines the font weight of the label.
         */
        "weight": GroupProps.GroupLabelWeight;
    }
    interface GroupLogo {
        /**
          * Defines if the animation should be active
         */
        "animated": boolean;
        /**
          * Defines the color of the logo.
         */
        "color": GroupProps.GroupLogoColor;
        /**
          * Size of the logo svg
         */
        "size": GroupProps.GroupLogoSize;
    }
    interface GroupModal {
        /**
          * If `true`, the modal can be closed with the click outside of the modal
         */
        "backdropDismiss": boolean;
        "close": () => Promise<void>;
        /**
          * The component to display inside of the modal.
         */
        "component": GroupProps.ComponentRef;
        /**
          * The data to pass to the modal component.
         */
        "componentProps"?: GroupProps.ComponentProps;
        /**
          * Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
         */
        "cssClass"?: string | string[];
        "dataTestId"?: string;
        "delegate"?: GroupProps.FrameworkDelegate;
        /**
          * If `true`, the modal will be displayed in demo mode.
         */
        "demo": boolean;
        /**
          * Closes the presented modal with the modal controller
         */
        "dismiss": (data?: any, role?: string) => Promise<boolean>;
        /**
          * If `true`, a backdrop will be displayed behind the modal.
         */
        "hasBackdrop": boolean;
        /**
          * If `true`, the modal can be closed with the escape key or the little close button.
         */
        "isClosable": boolean;
        /**
          * Defines the width of the modal body
         */
        "modalWidth": number;
        /**
          * Returns a promise that resolves when the modal did dismiss.
         */
        "onDidDismiss": <T = any>() => Promise<OverlayEventDetail<T>>;
        /**
          * Returns a promise that resolves when the modal will dismiss.
         */
        "onWillDismiss": <T = any>() => Promise<OverlayEventDetail<T>>;
        "open": () => Promise<void>;
        "overlayIndex": number;
        /**
          * Presents the modal through the modal controller
         */
        "present": () => Promise<void>;
        /**
          * Defines the space/padding of the modal
         */
        "space": GroupProps.GroupModalSpace;
    }
    interface GroupModalBody {
    }
    interface GroupModalHeader {
    }
    interface GroupNav {
        /**
          * Link level structure.
         */
        "buttons": GroupProps.GroupNavMetaButtons;
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * Link level structure.
         */
        "logo"?: GroupProps.GroupNavLogoLink;
        /**
          * Link level structure.
         */
        "options": GroupProps.GroupNavOptions;
    }
    interface GroupNavLink {
        /**
          * If `true` the link can be clickable
         */
        "clickable": boolean;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * If `true` the link gets selected with a underline
         */
        "selected": boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupButtonTarget;
        /**
          * Defines the variant of the link
         */
        "variant": GroupProps.GroupNavLinkVariant;
    }
    interface GroupNavLinkGrid {
    }
    interface GroupNavLinkGridCol {
        /**
          * Defines the static column which is always aligned to the right
         */
        "staticCol": GroupProps.GroupNavLinkGridCol;
    }
    interface GroupNavLinkGroup {
        /**
          * Defines the color of the group
         */
        "color": GroupProps.GroupNavLinkGroupColor;
    }
    interface GroupNavMenuBar {
        /**
          * Tells when to hide the bar
         */
        "invisible": GroupProps.GroupNavMenuBarInvisible;
        /**
          * Defines the position of the bar
         */
        "position": GroupProps.GroupNavMenuBarPosition;
    }
    interface GroupNavMenuFlyout {
        /**
          * This is used to connect the flyout to the aria controls
         */
        "navId": string;
    }
    interface GroupNavMetaBar {
        /**
          * Tells when to hide the bar
         */
        "invisible": GroupProps.GroupNavMetaBarInvisible;
        /**
          * Defines the position of the bar
         */
        "position": GroupProps.GroupNavMetaBarPosition;
        /**
          * Defines the height of the bar
         */
        "size": GroupProps.GroupNavMetaBarSize;
        /**
          * Defines the color variant
         */
        "variant": GroupProps.GroupNavMetaBarVariant;
    }
    interface GroupNavbar {
        /**
          * Sets the content content width with the regular container classes
         */
        "container": 'fluid' | 'compact' | 'wide' | '';
        /**
          * Defines the type of navbar. App is used for almost every web applications like the portal app. For our sales funnel we recommend to use the simple navbar. Meta and main are used for the website.
         */
        "interface": GroupProps.GroupNavbarInterface;
        /**
          * It `true` the navbar has a white background. Always use the blue header.
         */
        "light": boolean;
    }
    interface GroupNavbarBrand {
        /**
          * Defines if the logo animation should be active
         */
        "animated": boolean;
        /**
          * Link of the logo / title.
         */
        "href"?: string;
        "interface": GroupProps.GroupNavbarInterface;
        /**
          * Src to display a logo -> replaces the default Group Logo
         */
        "logo"?: string;
        /**
          * Size of the logo SVG
         */
        "logoSize": GroupProps.GroupLogoSize;
        /**
          * @deprecated Use interface on group-navbar instead. If `true` the navbar does not have a mobil version. Only shows logo and an app title.
         */
        "simple": boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupButtonTarget;
    }
    interface GroupNavbarMenu {
        "interface": GroupProps.GroupNavbarInterface;
        "toggle": (isMenuActive: boolean) => Promise<void>;
    }
    interface GroupNavbarMenuEnd {
        "interface": GroupProps.GroupNavbarInterface;
    }
    interface GroupNavbarMenuStart {
        "interface": GroupProps.GroupNavbarInterface;
    }
    interface GroupNotices {
        "interface": GroupProps.GroupNoticesInterface;
    }
    interface GroupNotification {
        /**
          * Closes this notification
         */
        "close": () => Promise<void>;
        "closeHandler": () => void;
        /**
          * Closes the toast after the given duration in ms
         */
        "closeIn": (duration: number) => Promise<void>;
        /**
          * The duration of the toast in milliseconds.
         */
        "duration": number;
        /**
          * Defines the variant of the element variant type primary is deprecated, please use info instead.
         */
        "variant": GroupProps.GroupNotificationColor;
    }
    interface GroupPagination {
        /**
          * Align the buttons to start, center or end
         */
        "align": GroupProps.GroupPaginationAlignment;
        "configChanged": (state: GroupConfigState1) => Promise<void>;
        /**
          * Disables component
         */
        "disabled": boolean;
        /**
          * Defines the layout of the pagination
         */
        "interface": GroupProps.GroupPaginationInterface;
        /**
          * Go to the next page
         */
        "next": () => Promise<void>;
        /**
          * Specify the max visible pages before and after the selected page
         */
        "pageRange": number;
        /**
          * Go to the previous page
         */
        "previous": () => Promise<void>;
        /**
          * Size of the buttons
         */
        "size": GroupProps.GroupPaginationSize;
        /**
          * If 'true, the pagination will be sticky to the top
         */
        "sticky": boolean;
        /**
          * If sticky, the top position will be determined by this value
         */
        "top": number;
        /**
          * The total amount of pages
         */
        "totalPages": number;
        /**
          * Current selected page
         */
        "value": number;
    }
    interface GroupPopover {
        /**
          * If `true` the popover content is open.
         */
        "active": boolean;
        /**
          * If `true` a little arrow is added, which points to the trigger element
         */
        "arrow": boolean;
        /**
          * If `true` the popover automatically opens on a click
         */
        "autoTrigger": boolean;
        /**
          * If `true` a backdrop is added
         */
        "backdrop": boolean;
        /**
          * Closes the popover
         */
        "dismiss": (options?: PopoverPresentOptions) => Promise<void>;
        /**
          * If `true` the popover has max-width on tablet and desktop. On mobile it uses the whole viewport.
         */
        "hint": boolean;
        /**
          * If `true` the popover shows on hover
         */
        "hover": boolean;
        /**
          * If `true` there will be no backdrop
         */
        "mobileTop": boolean;
        /**
          * Define the offset of the popover content.
         */
        "offsetX": number;
        /**
          * Define the offset of the popover content.
         */
        "offsetY": number;
        /**
          * Define padding of the overflow
         */
        "padding": number;
        /**
          * Define the position of the popover content.
         */
        "position": GroupProps.GroupPopoverPlacement;
        /**
          * Open the popover
         */
        "present": (options?: PopoverPresentOptions) => Promise<void>;
        /**
          * Open or closes the popover
         */
        "toggle": (options?: PopoverPresentOptions) => Promise<void>;
        /**
          * If `true` the popover is shown as a tooltip
         */
        "tooltip": boolean;
    }
    interface GroupPopoverContent {
        /**
          * Defines background color of the content.
         */
        "color": GroupProps.GroupPopoverContentColor;
        /**
          * Define the min width of the popover content.
         */
        "contentMinWidth": number;
        /**
          * Define the max width of the popover content.
         */
        "contentWidth": number;
        /**
          * If `true` the content has a min width of 100%.
         */
        "expanded": boolean;
        /**
          * If `true` the content will have a divider line on top
         */
        "mobileTop": boolean;
        /**
          * If `true` the popover does not have the shadow
         */
        "noShadow": boolean;
        /**
          * Defines border-radius of popover content.
         */
        "radius": GroupProps.GroupPopoverContentRadius;
        /**
          * Limit the height of the popover content. Pass the amount of pixel.
         */
        "scrollable": number;
        /**
          * If `true` the popover has no padding space.
         */
        "spaceless": boolean;
    }
    interface GroupPopup {
        "_dismiss": () => Promise<boolean>;
        "_emitChange": () => Promise<void>;
        "_present": () => Promise<boolean>;
        /**
          * If `true` the popup is open.
         */
        "active": boolean;
        /**
          * If `true`, it shows a little indicator to the trigger element.
         */
        "arrow": boolean;
        /**
          * If `true`, a backdrop will be displayed behind the modal.
         */
        "backdrop": boolean;
        /**
          * If `true`, the modal can be closed with the click outside of the modal
         */
        "backdropDismiss": boolean;
        /**
          * If `true`, the modal can be closed with the escape key or the little close button.
         */
        "closable": boolean;
        /**
          * Defines the width of the content
         */
        "contentWidth"?: number;
        "demo": boolean;
        /**
          * Closes the popup
         */
        "dismiss": () => Promise<void>;
        /**
          * Label or title of the popup element
         */
        "label": string;
        /**
          * Offset form trigger to popup.
         */
        "offset": number;
        /**
          * If set it turns a popover into a fullscreen or a drawer on touch devices
         */
        "placement": GroupProps.GroupPopupPlacement;
        /**
          * Opens the popup
         */
        "present": () => Promise<void>;
        /**
          * Id of the reference element default is the trigger element.
         */
        "reference"?: string;
        "setMinWidth": (value: number) => Promise<void>;
        /**
          * Triggers the popup
         */
        "toggle": () => Promise<void>;
        /**
          * Defines the variant / type of popup
         */
        "variant": GroupProps.GroupPopupVariant;
    }
    interface GroupRadio {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled": boolean;
        /**
          * If `true` the control is no padding
         */
        "flat": boolean;
        /**
          * Returns the native `<input>` element used under the hood.
         */
        "getInputElement": () => Promise<HTMLInputElement | undefined>;
        /**
          * Options of the tab like label, value etc.
         */
        "getOption": () => Promise<GroupRadioOption>;
        "hovered": boolean;
        /**
          * Defines the layout of the radio button
         */
        "interface": GroupProps.GroupRadioInterface;
        /**
          * If `true` the component gets a invalid style.
         */
        "invalid": boolean;
        /**
          * If `true` the radio is invisible, but sill active
         */
        "invisible": boolean;
        /**
          * Label of the radio item.
         */
        "label": string;
        /**
          * If `true` the radio has no label
         */
        "labelHidden": boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name": string;
        /**
          * If `true`, the value will not be send with a form submit
         */
        "nonSubmit": boolean;
        "pressed": boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly": boolean;
        /**
          * If `true`, the user must fill in a value before submitting a form.
         */
        "required": boolean;
        "setAriaForm": (ariaForm: GroupAriaForm) => Promise<void>;
        "setButtonTabindex": (value: number) => Promise<void>;
        "setFocus": (ev: any) => Promise<void>;
        "updateState": () => Promise<void>;
        /**
          * the value of the radio.
         */
        "value"?: any | null;
    }
    interface GroupRadioButton {
        "colSize": GroupProps.GroupRadioGroupColumns;
        "colSizeMobile": GroupProps.GroupRadioGroupColumns;
        "colSizeTablet": GroupProps.GroupRadioGroupColumns;
        /**
          * If `true` the component gets a invalid red style.
         */
        "color"?: GroupProps.GroupRadioButtonColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        "setChecked": (checked?: boolean) => Promise<void>;
    }
    interface GroupRadioGroup {
        /**
          * If `true`, the radios can be deselected.
         */
        "allowEmptySelection": boolean;
        /**
          * If `true`, in Angular reactive forms the control will not be set invalid
         */
        "autoInvalidOff": boolean;
        /**
          * Defines the column size for mobile and bigger like the grid.
         */
        "columnsMobile": GroupProps.GroupRadioGroupColumns;
        /**
          * Defines the column size for tablet and bigger like the grid.
         */
        "columnsTablet": GroupProps.GroupRadioGroupColumns;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * Uses the whole width
         */
        "expanded": boolean;
        /**
          * Find the options properties by its value
         */
        "getOptionByValue": (value: string) => Promise<GroupRadioOption>;
        /**
          * Defines the column size like the grid.
         */
        "grid": GroupProps.GroupRadioGroupColumns;
        /**
          * Defines the layout of the radio button
         */
        "interface"?: GroupProps.GroupRadioGroupInterface;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "invalid"?: boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name": string;
        /**
          * Steps can be passed as a property or through HTML markup.
         */
        "options"?: GroupRadioOption[];
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        "setAriaForm": (ariaForm: GroupAriaForm) => Promise<void>;
        "setValue": (value: number | string | boolean) => Promise<void>;
        /**
          * the value of the radio group.
         */
        "value"?: any | null;
        /**
          * Displays the checkboxes vertically
         */
        "vertical": boolean;
        /**
          * If `true`, the controls will be vertically on mobile devices.
         */
        "verticalOnMobile": boolean;
    }
    interface GroupSnackbar {
        /**
          * Label text for the action button
         */
        "action": string;
        "actionHandler": () => void;
        /**
          * Closes this snackbar
         */
        "close": () => Promise<void>;
        "closeHandler": () => void;
        /**
          * Closes the snackbar after the given duration in ms
         */
        "closeIn": (duration: number) => Promise<void>;
        /**
          * The theme type of the snackbar.
         */
        "color": GroupProps.GroupSnackbarColor;
        /**
          * The duration of the snackbar
         */
        "duration": number;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * The icon of the snackbar header
         */
        "icon": string;
        /**
          * The message of the snackbar as html content
         */
        "message": string;
        /**
          * The subject of the snackbar header
         */
        "subject": string;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupButtonTarget;
    }
    interface GroupSpinner {
        /**
          * Defines the color of the spinner.
         */
        "color": GroupProps.GroupSpinnerColor;
        /**
          * If `true` the component will not add the spinner animation svg
         */
        "deactivated": boolean;
        /**
          * If `true` the component can be used on dark background
         */
        "inverted": boolean;
        /**
          * If `true` the component is smaller
         */
        "small": boolean;
        /**
          * Defines the look of the spinner
         */
        "variation": GroupProps.GroupSpinnerVariation;
    }
    interface GroupStack {
        /**
          * Defines the text positioning like center, right or default to start.
         */
        "align": GroupProps.GroupStackAlignment;
        "alignment": GroupProps.GroupStackAlignment;
        "direction": GroupProps.GroupStackDirection;
        /**
          * Defines the width of the stack to be exactly the with of the content.
         */
        "fitContent": boolean;
        /**
          * Defines the position of the child elements if they are showed vertically or horizontally. Default is horizontally.
         */
        "layout": GroupProps.GroupStackLayout;
        /**
          * Defines the horizontal padding left and right of the stack element.
         */
        "px": GroupProps.GroupStackPadding;
        /**
          * Defines the vertical padding top and bottom of the stack element.
         */
        "py": GroupProps.GroupStackPadding;
        /**
          * Defines the space between the child elements. Default is normal.
         */
        "space": GroupProps.GroupStackSpace;
        /**
          * Defines the space between the child elements. Default is normal.
         */
        "spaceColumn"?: GroupProps.GroupStackSpace;
        /**
          * Defines the space between the child elements. Default is normal.
         */
        "spaceRow"?: GroupProps.GroupStackSpace;
        /**
          * Defines if the child elements will wrap to the next line if there is not enough space left
         */
        "useWrap": boolean;
    }
    interface GroupStage {
        /**
          * Defines the background color of the stage section
         */
        "color": GroupProps.GroupStageColor;
        /**
          * Defines content width of the stage
         */
        "containerSize": GroupProps.GroupStageContainer;
        /**
          * Defines size of the stage
         */
        "size": GroupProps.GroupStageSize;
    }
    interface GroupStageBackLink {
        /**
          * Specifies the URL of the page the link goes to
         */
        "href": string;
        /**
          * If `true` the color gets inverted for dark backgrounds
         */
        "inverted": boolean;
    }
    interface GroupStageBody {
    }
    interface GroupStageFoot {
    }
    interface GroupStageHead {
    }
    interface GroupStageImage {
        /**
          * optional fallback image in case the srcSet fails
         */
        "fallback"?: string;
        /**
          * set of images to be used as background image
         */
        "srcSet": string;
    }
    interface GroupTabItem {
        /**
          * Tells if this route is active and overrides the group-tabs value property.
         */
        "active": boolean;
        /**
          * A11y attributes for the native tab element.
         */
        "aria"?: GroupProps.GroupTabItemAria;
        /**
          * If `true` a small red bubble is added to the tab.
         */
        "bubble": boolean | string;
        /**
          * If `true` the tab is disabled.
         */
        "disabled": boolean;
        /**
          * Options of the tab like label, value etc.
         */
        "getOptions": () => Promise<GroupTabOption>;
        /**
          * Link to path.
         */
        "href": string;
        /**
          * Tab icon not available for the steps.
         */
        "icon"?: string;
        /**
          * If `true` the step is hidden.
         */
        "invisible": boolean;
        /**
          * Label for the tab.
         */
        "label": string;
        /**
          * If `true` the tab does not have a panel
         */
        "noPanel": boolean;
        /**
          * Tell's if the linking is done by a router.
         */
        "prevent": boolean;
        /**
          * Sets the tab active.
         */
        "setActive": (active: boolean) => Promise<void>;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target": GroupProps.GroupButtonTarget;
        /**
          * This is the key of the tab.
         */
        "value": string;
    }
    interface GroupTabs {
        /**
          * If `true` the tab items can be open and closed
         */
        "accordion": boolean;
        /**
          * If `true` a light border is shown for the tabs.
         */
        "border": boolean;
        /**
          * If `true` the tabs or tabs can be clicked.
         */
        "clickable": boolean;
        "closeAccordion": () => Promise<void>;
        "configChanged": (state: GroupConfigState) => Promise<void>;
        /**
          * Defines the layout of the tabs.
         */
        "context"?: GroupProps.GroupTabsContext;
        /**
          * Set the amount of time, in milliseconds, to wait to trigger the `groupChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
         */
        "debounce": number;
        /**
          * If `true` the field expands over the whole width.
         */
        "expanded": boolean;
        /**
          * If `true` the tabs is a block element and uses 100% of the width
         */
        "fullwidth": boolean;
        /**
          * Find the options properties by its value
         */
        "getOptionByValue": (value: string) => Promise<GroupTabOption>;
        /**
          * Defines the layout of the tabs.
         */
        "iconPosition": GroupProps.GroupTabsIconPosition;
        /**
          * If `true` the tabs can be uses on dark background
         */
        "inverted": boolean;
        /**
          * If `true` the tabs selected line is optional
         */
        "optionalTabSelection": boolean;
        /**
          * Tabs can be passed as a property or through HTML markup.
         */
        "options": GroupTabOption[];
        /**
          * If `true` the tabs have a carousel if they need more space than provided.
         */
        "overflow": boolean;
        "renderLine": () => Promise<void>;
        /**
          * Go to tab with the given value
         */
        "select": (tab: GroupTabOption) => Promise<void>;
        /**
          * If `true` the tabs are shown as a select component on mobile
         */
        "selectOnMobile": boolean;
        /**
          * If `true` the tabs container does not have a padding left or right.
         */
        "spaceless": boolean;
        "value"?: string;
        /**
          * If `true` tabs are align vertically.
         */
        "vertical": GroupProps.GroupTabsVertical;
        /**
          * The col size of the tabs on vertical mode.
         */
        "verticalColSize": GroupProps.GroupTabsColSize;
    }
    interface GroupTag {
        /**
          * The theme type of the tag.
         */
        "closable": boolean;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled": boolean;
        /**
          * The URL to navigate to when the tag is clicked (used when `interactive` is `true`).
         */
        "href"?: string;
        /**
          * If `true`, the tag is interactive and rendered as a link.
         */
        "interactive": boolean;
        /**
          * If `true` a light version of the variant is displayed
         */
        "light": boolean;
        /**
          * Choosing left or center the tag is aligned to that side in the group-card.
         */
        "position": GroupProps.GroupTagPlacement;
        /**
          * The size of the tag element
         */
        "size": GroupProps.GroupTagSize;
        "transparent": boolean;
        /**
          * The theme type of the tag.
         */
        "variant": GroupProps.GroupTagVariant;
    }
    interface GroupTagGroup {
    }
    interface GroupText {
        /**
          * If `true` the text is bold
         */
        "bold": boolean;
        /**
          * Defines the color of the text.
         */
        "color": GroupProps.GroupTextColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the text has heading font family
         */
        "heading": boolean;
        "hovered": boolean;
        /**
          * If `true` the text is shown as a display inline
         */
        "inline": boolean;
        /**
          * If `true` the component gets a invalid style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the color gets inverted for dark backgrounds
         */
        "inverted": boolean;
        /**
          * When true, the text will be truncated with a text overflow ellipsis instead of wrapping. Please note that text overflow can only occur in block or inline-block level elements, as these elements require a width to overflow.
         */
        "noWrap": boolean;
        "pressed": boolean;
        /**
          * If `true` adds a text shadow to improve readability on image background
         */
        "shadow": boolean;
        /**
          * Defines the size of the paragraph
         */
        "size": GroupProps.GroupTextSize;
        /**
          * Defines at which position the heading has spacing.
         */
        "space": GroupProps.GroupTextSpace;
    }
    interface GroupTextLink {
        /**
          * Inverts colour scheme of component.
         */
        "colorScheme": GroupProps.GroupTextColor;
        /**
          * Sets the html element type **Important!** Modifying this value on runtime is not allowed.
         */
        "component": 'div' | 'a';
        /**
          * Whether the component is disabled or not. Default is false.
         */
        "disabled": boolean;
        /**
          * href value
         */
        "href": string;
        /**
          * Size of text in range from 1 to 7. Defaults to 5.
         */
        "size": 's1' | 's2' | 's3' | 's4' | 's5' | 's6' | 's7';
        /**
          * target value
         */
        "target": '_self' | '_blank' | '_parent' | '_top';
    }
    interface GroupToast {
        /**
          * Closes this toast
         */
        "close": () => Promise<void>;
        "closeHandler": () => void;
        /**
          * Closes the toast after the given duration in ms
         */
        "closeIn": (duration: number) => Promise<void>;
        /**
          * The theme type of the toast. Color type primary is deprecated, please use info instead.
         */
        "color": GroupProps.GroupToastColor;
        /**
          * The duration of the toast in milliseconds.
         */
        "duration": number;
        /**
          * Inverted
         */
        "inverted": boolean;
        /**
          * Link URL and text
         */
        "link"?: { url: string; text: string };
        /**
          * Content message
         */
        "message": string;
    }
    interface GroupTooltip {
        /**
          * If set it turns a tooltip into a fullscreen or a drawer on touch devices
         */
        "arrowPlacement": GroupProps.GroupTooltipPlacement;
        /**
          * Defines the width of the content
         */
        "contentWidth"?: number;
        "dismiss": () => Promise<boolean>;
        /**
          * Offset form trigger to tooltip.
         */
        "offset": number;
        /**
          * If set it turns a tooltip into a fullscreen or a drawer on touch devices
         */
        "placement": GroupProps.GroupTooltipPlacement;
        "present": () => Promise<boolean>;
        /**
          * Id of the reference element default is the trigger element.
         */
        "reference": string;
        "update": () => Promise<boolean>;
    }
}
export interface GroupAccordionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupAccordionElement;
}
export interface GroupBannerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupBannerElement;
}
export interface GroupBannerActionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupBannerActionElement;
}
export interface GroupButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupButtonElement;
}
export interface GroupCarouselCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupCarouselElement;
}
export interface GroupCarouselItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupCarouselItemElement;
}
export interface GroupCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupCheckboxElement;
}
export interface GroupCheckboxButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupCheckboxButtonElement;
}
export interface GroupCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupCheckboxGroupElement;
}
export interface GroupDropdownCustomCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupDropdownCustomElement;
}
export interface GroupFieldCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupFieldElement;
}
export interface GroupModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupModalElement;
}
export interface GroupNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupNavElement;
}
export interface GroupNavbarBrandCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupNavbarBrandElement;
}
export interface GroupNotificationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupNotificationElement;
}
export interface GroupPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupPaginationElement;
}
export interface GroupPopoverCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupPopoverElement;
}
export interface GroupPopupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupPopupElement;
}
export interface GroupRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupRadioElement;
}
export interface GroupRadioButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupRadioButtonElement;
}
export interface GroupRadioGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupRadioGroupElement;
}
export interface GroupSnackbarCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupSnackbarElement;
}
export interface GroupTabItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupTabItemElement;
}
export interface GroupTabsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupTabsElement;
}
export interface GroupTagCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupTagElement;
}
export interface GroupToastCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupToastElement;
}
export interface GroupTooltipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLGroupTooltipElement;
}
declare global {
    interface HTMLGroupAccordionElementEventMap {
        "groupChange": GroupEvents.GroupAccordionChangeDetail;
        "groupWillAnimate": GroupEvents.GroupAccordionWillAnimateDetail;
        "groupDidAnimate": GroupEvents.GroupAccordionDidAnimateDetail;
    }
    interface HTMLGroupAccordionElement extends Components.GroupAccordion, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupAccordionElementEventMap>(type: K, listener: (this: HTMLGroupAccordionElement, ev: GroupAccordionCustomEvent<HTMLGroupAccordionElementEventMap[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 HTMLGroupAccordionElementEventMap>(type: K, listener: (this: HTMLGroupAccordionElement, ev: GroupAccordionCustomEvent<HTMLGroupAccordionElementEventMap[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 HTMLGroupAccordionElement: {
        prototype: HTMLGroupAccordionElement;
        new (): HTMLGroupAccordionElement;
    };
    interface HTMLGroupAccordionDetailsElement extends Components.GroupAccordionDetails, HTMLStencilElement {
    }
    var HTMLGroupAccordionDetailsElement: {
        prototype: HTMLGroupAccordionDetailsElement;
        new (): HTMLGroupAccordionDetailsElement;
    };
    interface HTMLGroupAccordionSummaryElement extends Components.GroupAccordionSummary, HTMLStencilElement {
    }
    var HTMLGroupAccordionSummaryElement: {
        prototype: HTMLGroupAccordionSummaryElement;
        new (): HTMLGroupAccordionSummaryElement;
    };
    interface HTMLGroupAccordionTriggerElement extends Components.GroupAccordionTrigger, HTMLStencilElement {
    }
    var HTMLGroupAccordionTriggerElement: {
        prototype: HTMLGroupAccordionTriggerElement;
        new (): HTMLGroupAccordionTriggerElement;
    };
    interface HTMLGroupAppElement extends Components.GroupApp, HTMLStencilElement {
    }
    var HTMLGroupAppElement: {
        prototype: HTMLGroupAppElement;
        new (): HTMLGroupAppElement;
    };
    interface HTMLGroupAvatarElement extends Components.GroupAvatar, HTMLStencilElement {
    }
    var HTMLGroupAvatarElement: {
        prototype: HTMLGroupAvatarElement;
        new (): HTMLGroupAvatarElement;
    };
    interface HTMLGroupBadgeElement extends Components.GroupBadge, HTMLStencilElement {
    }
    var HTMLGroupBadgeElement: {
        prototype: HTMLGroupBadgeElement;
        new (): HTMLGroupBadgeElement;
    };
    interface HTMLGroupBannerElementEventMap {
        "groupClose": any;
    }
    interface HTMLGroupBannerElement extends Components.GroupBanner, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupBannerElementEventMap>(type: K, listener: (this: HTMLGroupBannerElement, ev: GroupBannerCustomEvent<HTMLGroupBannerElementEventMap[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 HTMLGroupBannerElementEventMap>(type: K, listener: (this: HTMLGroupBannerElement, ev: GroupBannerCustomEvent<HTMLGroupBannerElementEventMap[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 HTMLGroupBannerElement: {
        prototype: HTMLGroupBannerElement;
        new (): HTMLGroupBannerElement;
    };
    interface HTMLGroupBannerActionElementEventMap {
        "groupClick": any;
    }
    interface HTMLGroupBannerActionElement extends Components.GroupBannerAction, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupBannerActionElementEventMap>(type: K, listener: (this: HTMLGroupBannerActionElement, ev: GroupBannerActionCustomEvent<HTMLGroupBannerActionElementEventMap[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 HTMLGroupBannerActionElementEventMap>(type: K, listener: (this: HTMLGroupBannerActionElement, ev: GroupBannerActionCustomEvent<HTMLGroupBannerActionElementEventMap[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 HTMLGroupBannerActionElement: {
        prototype: HTMLGroupBannerActionElement;
        new (): HTMLGroupBannerActionElement;
    };
    interface HTMLGroupBannerActionsElement extends Components.GroupBannerActions, HTMLStencilElement {
    }
    var HTMLGroupBannerActionsElement: {
        prototype: HTMLGroupBannerActionsElement;
        new (): HTMLGroupBannerActionsElement;
    };
    interface HTMLGroupBannerContentElement extends Components.GroupBannerContent, HTMLStencilElement {
    }
    var HTMLGroupBannerContentElement: {
        prototype: HTMLGroupBannerContentElement;
        new (): HTMLGroupBannerContentElement;
    };
    interface HTMLGroupBannerHeaderElement extends Components.GroupBannerHeader, HTMLStencilElement {
    }
    var HTMLGroupBannerHeaderElement: {
        prototype: HTMLGroupBannerHeaderElement;
        new (): HTMLGroupBannerHeaderElement;
    };
    interface HTMLGroupButtonElementEventMap {
        "groupNavigate": GroupEvents.GroupButtonNavigateDetail;
        "groupFocus": GroupButtonFocus;
        "groupBlur": GroupButtonBlur;
        "groupDidRender": GroupEvents.GroupButtonDidRenderDetail;
    }
    interface HTMLGroupButtonElement extends Components.GroupButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupButtonElementEventMap>(type: K, listener: (this: HTMLGroupButtonElement, ev: GroupButtonCustomEvent<HTMLGroupButtonElementEventMap[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 HTMLGroupButtonElementEventMap>(type: K, listener: (this: HTMLGroupButtonElement, ev: GroupButtonCustomEvent<HTMLGroupButtonElementEventMap[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 HTMLGroupButtonElement: {
        prototype: HTMLGroupButtonElement;
        new (): HTMLGroupButtonElement;
    };
    interface HTMLGroupButtonGroupElement extends Components.GroupButtonGroup, HTMLStencilElement {
    }
    var HTMLGroupButtonGroupElement: {
        prototype: HTMLGroupButtonGroupElement;
        new (): HTMLGroupButtonGroupElement;
    };
    interface HTMLGroupCardElement extends Components.GroupCard, HTMLStencilElement {
    }
    var HTMLGroupCardElement: {
        prototype: HTMLGroupCardElement;
        new (): HTMLGroupCardElement;
    };
    interface HTMLGroupCardActionsElement extends Components.GroupCardActions, HTMLStencilElement {
    }
    var HTMLGroupCardActionsElement: {
        prototype: HTMLGroupCardActionsElement;
        new (): HTMLGroupCardActionsElement;
    };
    interface HTMLGroupCardButtonElement extends Components.GroupCardButton, HTMLStencilElement {
    }
    var HTMLGroupCardButtonElement: {
        prototype: HTMLGroupCardButtonElement;
        new (): HTMLGroupCardButtonElement;
    };
    interface HTMLGroupCardContentElement extends Components.GroupCardContent, HTMLStencilElement {
    }
    var HTMLGroupCardContentElement: {
        prototype: HTMLGroupCardContentElement;
        new (): HTMLGroupCardContentElement;
    };
    interface HTMLGroupCardSubtitleElement extends Components.GroupCardSubtitle, HTMLStencilElement {
    }
    var HTMLGroupCardSubtitleElement: {
        prototype: HTMLGroupCardSubtitleElement;
        new (): HTMLGroupCardSubtitleElement;
    };
    interface HTMLGroupCardTitleElement extends Components.GroupCardTitle, HTMLStencilElement {
    }
    var HTMLGroupCardTitleElement: {
        prototype: HTMLGroupCardTitleElement;
        new (): HTMLGroupCardTitleElement;
    };
    interface HTMLGroupCarouselElementEventMap {
        "groupChange": GroupEvents.GroupCarouselChangeDetail;
    }
    interface HTMLGroupCarouselElement extends Components.GroupCarousel, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupCarouselElementEventMap>(type: K, listener: (this: HTMLGroupCarouselElement, ev: GroupCarouselCustomEvent<HTMLGroupCarouselElementEventMap[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 HTMLGroupCarouselElementEventMap>(type: K, listener: (this: HTMLGroupCarouselElement, ev: GroupCarouselCustomEvent<HTMLGroupCarouselElementEventMap[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 HTMLGroupCarouselElement: {
        prototype: HTMLGroupCarouselElement;
        new (): HTMLGroupCarouselElement;
    };
    interface HTMLGroupCarouselItemElementEventMap {
        "balNavigate": GroupEvents.GroupCarouselItemNavigateDetail;
        "balFocus": GroupEvents.GroupCarouselItemFocusDetail;
        "balBlur": GroupEvents.GroupCarouselItemBlurDetail;
    }
    interface HTMLGroupCarouselItemElement extends Components.GroupCarouselItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupCarouselItemElementEventMap>(type: K, listener: (this: HTMLGroupCarouselItemElement, ev: GroupCarouselItemCustomEvent<HTMLGroupCarouselItemElementEventMap[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 HTMLGroupCarouselItemElementEventMap>(type: K, listener: (this: HTMLGroupCarouselItemElement, ev: GroupCarouselItemCustomEvent<HTMLGroupCarouselItemElementEventMap[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 HTMLGroupCarouselItemElement: {
        prototype: HTMLGroupCarouselItemElement;
        new (): HTMLGroupCarouselItemElement;
    };
    interface HTMLGroupCategoryLinkElement extends Components.GroupCategoryLink, HTMLStencilElement {
    }
    var HTMLGroupCategoryLinkElement: {
        prototype: HTMLGroupCategoryLinkElement;
        new (): HTMLGroupCategoryLinkElement;
    };
    interface HTMLGroupCategoryLinkContainerElement extends Components.GroupCategoryLinkContainer, HTMLStencilElement {
    }
    var HTMLGroupCategoryLinkContainerElement: {
        prototype: HTMLGroupCategoryLinkContainerElement;
        new (): HTMLGroupCategoryLinkContainerElement;
    };
    interface HTMLGroupCheckboxElementEventMap {
        "groupFocus": GroupEvents.GroupCheckboxFocusDetail;
        "groupBlur": GroupEvents.GroupCheckboxBlurDetail;
        "groupChange": GroupEvents.GroupCheckboxChangeDetail;
    }
    interface HTMLGroupCheckboxElement extends Components.GroupCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupCheckboxElementEventMap>(type: K, listener: (this: HTMLGroupCheckboxElement, ev: GroupCheckboxCustomEvent<HTMLGroupCheckboxElementEventMap[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 HTMLGroupCheckboxElementEventMap>(type: K, listener: (this: HTMLGroupCheckboxElement, ev: GroupCheckboxCustomEvent<HTMLGroupCheckboxElementEventMap[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 HTMLGroupCheckboxElement: {
        prototype: HTMLGroupCheckboxElement;
        new (): HTMLGroupCheckboxElement;
    };
    interface HTMLGroupCheckboxButtonElementEventMap {
        "groupFocus": GroupEvents.GroupCheckboxButtonFocusDetail;
        "groupBlur": GroupEvents.GroupCheckboxButtonBlurDetail;
        "groupFormControlDidLoad": GroupEvents.GroupCheckboxButtonAriaLabelledByDetail;
    }
    interface HTMLGroupCheckboxButtonElement extends Components.GroupCheckboxButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupCheckboxButtonElementEventMap>(type: K, listener: (this: HTMLGroupCheckboxButtonElement, ev: GroupCheckboxButtonCustomEvent<HTMLGroupCheckboxButtonElementEventMap[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 HTMLGroupCheckboxButtonElementEventMap>(type: K, listener: (this: HTMLGroupCheckboxButtonElement, ev: GroupCheckboxButtonCustomEvent<HTMLGroupCheckboxButtonElementEventMap[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 HTMLGroupCheckboxButtonElement: {
        prototype: HTMLGroupCheckboxButtonElement;
        new (): HTMLGroupCheckboxButtonElement;
    };
    interface HTMLGroupCheckboxGroupElementEventMap {
        "groupChange": GroupEvents.GroupCheckboxGroupChangeDetail;
        "groupFocus": GroupEvents.GroupCheckboxGroupFocusDetail;
        "groupBlur": GroupEvents.GroupCheckboxGroupBlurDetail;
    }
    interface HTMLGroupCheckboxGroupElement extends Components.GroupCheckboxGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLGroupCheckboxGroupElement, ev: GroupCheckboxGroupCustomEvent<HTMLGroupCheckboxGroupElementEventMap[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 HTMLGroupCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLGroupCheckboxGroupElement, ev: GroupCheckboxGroupCustomEvent<HTMLGroupCheckboxGroupElementEventMap[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 HTMLGroupCheckboxGroupElement: {
        prototype: HTMLGroupCheckboxGroupElement;
        new (): HTMLGroupCheckboxGroupElement;
    };
    interface HTMLGroupCloseElement extends Components.GroupClose, HTMLStencilElement {
    }
    var HTMLGroupCloseElement: {
        prototype: HTMLGroupCloseElement;
        new (): HTMLGroupCloseElement;
    };
    interface HTMLGroupContentElement extends Components.GroupContent, HTMLStencilElement {
    }
    var HTMLGroupContentElement: {
        prototype: HTMLGroupContentElement;
        new (): HTMLGroupContentElement;
    };
    interface HTMLGroupDropdownCustomElementEventMap {
        "groupchange": any;
        "groupopen": any;
        "groupclose": any;
    }
    interface HTMLGroupDropdownCustomElement extends Components.GroupDropdownCustom, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupDropdownCustomElementEventMap>(type: K, listener: (this: HTMLGroupDropdownCustomElement, ev: GroupDropdownCustomCustomEvent<HTMLGroupDropdownCustomElementEventMap[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 HTMLGroupDropdownCustomElementEventMap>(type: K, listener: (this: HTMLGroupDropdownCustomElement, ev: GroupDropdownCustomCustomEvent<HTMLGroupDropdownCustomElementEventMap[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 HTMLGroupDropdownCustomElement: {
        prototype: HTMLGroupDropdownCustomElement;
        new (): HTMLGroupDropdownCustomElement;
    };
    interface HTMLGroupFieldElementEventMap {
        "groupFormControlDidLoad": GroupEvents.GroupFieldAriaLabelledByDetail;
    }
    interface HTMLGroupFieldElement extends Components.GroupField, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupFieldElementEventMap>(type: K, listener: (this: HTMLGroupFieldElement, ev: GroupFieldCustomEvent<HTMLGroupFieldElementEventMap[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 HTMLGroupFieldElementEventMap>(type: K, listener: (this: HTMLGroupFieldElement, ev: GroupFieldCustomEvent<HTMLGroupFieldElementEventMap[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 HTMLGroupFieldElement: {
        prototype: HTMLGroupFieldElement;
        new (): HTMLGroupFieldElement;
    };
    interface HTMLGroupFieldControlElement extends Components.GroupFieldControl, HTMLStencilElement {
    }
    var HTMLGroupFieldControlElement: {
        prototype: HTMLGroupFieldControlElement;
        new (): HTMLGroupFieldControlElement;
    };
    interface HTMLGroupFieldHintElement extends Components.GroupFieldHint, HTMLStencilElement {
    }
    var HTMLGroupFieldHintElement: {
        prototype: HTMLGroupFieldHintElement;
        new (): HTMLGroupFieldHintElement;
    };
    interface HTMLGroupFieldLabelElement extends Components.GroupFieldLabel, HTMLStencilElement {
    }
    var HTMLGroupFieldLabelElement: {
        prototype: HTMLGroupFieldLabelElement;
        new (): HTMLGroupFieldLabelElement;
    };
    interface HTMLGroupFieldMessageElement extends Components.GroupFieldMessage, HTMLStencilElement {
    }
    var HTMLGroupFieldMessageElement: {
        prototype: HTMLGroupFieldMessageElement;
        new (): HTMLGroupFieldMessageElement;
    };
    interface HTMLGroupHeadingElement extends Components.GroupHeading, HTMLStencilElement {
    }
    var HTMLGroupHeadingElement: {
        prototype: HTMLGroupHeadingElement;
        new (): HTMLGroupHeadingElement;
    };
    interface HTMLGroupHintElement extends Components.GroupHint, HTMLStencilElement {
    }
    var HTMLGroupHintElement: {
        prototype: HTMLGroupHintElement;
        new (): HTMLGroupHintElement;
    };
    interface HTMLGroupHintTextElement extends Components.GroupHintText, HTMLStencilElement {
    }
    var HTMLGroupHintTextElement: {
        prototype: HTMLGroupHintTextElement;
        new (): HTMLGroupHintTextElement;
    };
    interface HTMLGroupHintTitleElement extends Components.GroupHintTitle, HTMLStencilElement {
    }
    var HTMLGroupHintTitleElement: {
        prototype: HTMLGroupHintTitleElement;
        new (): HTMLGroupHintTitleElement;
    };
    interface HTMLGroupIconElement extends Components.GroupIcon, HTMLStencilElement {
    }
    var HTMLGroupIconElement: {
        prototype: HTMLGroupIconElement;
        new (): HTMLGroupIconElement;
    };
    interface HTMLGroupIconLinkElement extends Components.GroupIconLink, HTMLStencilElement {
    }
    var HTMLGroupIconLinkElement: {
        prototype: HTMLGroupIconLinkElement;
        new (): HTMLGroupIconLinkElement;
    };
    interface HTMLGroupLabelElement extends Components.GroupLabel, HTMLStencilElement {
    }
    var HTMLGroupLabelElement: {
        prototype: HTMLGroupLabelElement;
        new (): HTMLGroupLabelElement;
    };
    interface HTMLGroupLogoElement extends Components.GroupLogo, HTMLStencilElement {
    }
    var HTMLGroupLogoElement: {
        prototype: HTMLGroupLogoElement;
        new (): HTMLGroupLogoElement;
    };
    interface HTMLGroupModalElementEventMap {
        "groupModalDidPresent": GroupEvents.GroupModalDidPresentDetail;
        "groupModalWillPresent": GroupEvents.GroupModalWillPresentDetail;
        "groupModalWillDismiss": GroupEvents.GroupModalWillDismissDetail;
        "groupModalDidDismiss": GroupEvents.GroupModalDidDismissDetail;
    }
    interface HTMLGroupModalElement extends Components.GroupModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupModalElementEventMap>(type: K, listener: (this: HTMLGroupModalElement, ev: GroupModalCustomEvent<HTMLGroupModalElementEventMap[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 HTMLGroupModalElementEventMap>(type: K, listener: (this: HTMLGroupModalElement, ev: GroupModalCustomEvent<HTMLGroupModalElementEventMap[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 HTMLGroupModalElement: {
        prototype: HTMLGroupModalElement;
        new (): HTMLGroupModalElement;
    };
    interface HTMLGroupModalBodyElement extends Components.GroupModalBody, HTMLStencilElement {
    }
    var HTMLGroupModalBodyElement: {
        prototype: HTMLGroupModalBodyElement;
        new (): HTMLGroupModalBodyElement;
    };
    interface HTMLGroupModalHeaderElement extends Components.GroupModalHeader, HTMLStencilElement {
    }
    var HTMLGroupModalHeaderElement: {
        prototype: HTMLGroupModalHeaderElement;
        new (): HTMLGroupModalHeaderElement;
    };
    interface HTMLGroupNavElementEventMap {
        "groupNavItemClick": GroupEvents.GroupNavItemClickDetail;
    }
    interface HTMLGroupNavElement extends Components.GroupNav, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupNavElementEventMap>(type: K, listener: (this: HTMLGroupNavElement, ev: GroupNavCustomEvent<HTMLGroupNavElementEventMap[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 HTMLGroupNavElementEventMap>(type: K, listener: (this: HTMLGroupNavElement, ev: GroupNavCustomEvent<HTMLGroupNavElementEventMap[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 HTMLGroupNavElement: {
        prototype: HTMLGroupNavElement;
        new (): HTMLGroupNavElement;
    };
    interface HTMLGroupNavLinkElement extends Components.GroupNavLink, HTMLStencilElement {
    }
    var HTMLGroupNavLinkElement: {
        prototype: HTMLGroupNavLinkElement;
        new (): HTMLGroupNavLinkElement;
    };
    interface HTMLGroupNavLinkGridElement extends Components.GroupNavLinkGrid, HTMLStencilElement {
    }
    var HTMLGroupNavLinkGridElement: {
        prototype: HTMLGroupNavLinkGridElement;
        new (): HTMLGroupNavLinkGridElement;
    };
    interface HTMLGroupNavLinkGridColElement extends Components.GroupNavLinkGridCol, HTMLStencilElement {
    }
    var HTMLGroupNavLinkGridColElement: {
        prototype: HTMLGroupNavLinkGridColElement;
        new (): HTMLGroupNavLinkGridColElement;
    };
    interface HTMLGroupNavLinkGroupElement extends Components.GroupNavLinkGroup, HTMLStencilElement {
    }
    var HTMLGroupNavLinkGroupElement: {
        prototype: HTMLGroupNavLinkGroupElement;
        new (): HTMLGroupNavLinkGroupElement;
    };
    interface HTMLGroupNavMenuBarElement extends Components.GroupNavMenuBar, HTMLStencilElement {
    }
    var HTMLGroupNavMenuBarElement: {
        prototype: HTMLGroupNavMenuBarElement;
        new (): HTMLGroupNavMenuBarElement;
    };
    interface HTMLGroupNavMenuFlyoutElement extends Components.GroupNavMenuFlyout, HTMLStencilElement {
    }
    var HTMLGroupNavMenuFlyoutElement: {
        prototype: HTMLGroupNavMenuFlyoutElement;
        new (): HTMLGroupNavMenuFlyoutElement;
    };
    interface HTMLGroupNavMetaBarElement extends Components.GroupNavMetaBar, HTMLStencilElement {
    }
    var HTMLGroupNavMetaBarElement: {
        prototype: HTMLGroupNavMetaBarElement;
        new (): HTMLGroupNavMetaBarElement;
    };
    interface HTMLGroupNavbarElement extends Components.GroupNavbar, HTMLStencilElement {
    }
    var HTMLGroupNavbarElement: {
        prototype: HTMLGroupNavbarElement;
        new (): HTMLGroupNavbarElement;
    };
    interface HTMLGroupNavbarBrandElementEventMap {
        "groupNavigate": GroupEvents.GroupNavbarBrandNavigationChangeDetail;
        "groupWillAnimate": GroupEvents.GroupNavbarMenuWillAnimateDetail;
        "groupDidAnimate": GroupEvents.GroupNavbarMenuDidAnimateDetail;
    }
    interface HTMLGroupNavbarBrandElement extends Components.GroupNavbarBrand, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupNavbarBrandElementEventMap>(type: K, listener: (this: HTMLGroupNavbarBrandElement, ev: GroupNavbarBrandCustomEvent<HTMLGroupNavbarBrandElementEventMap[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 HTMLGroupNavbarBrandElementEventMap>(type: K, listener: (this: HTMLGroupNavbarBrandElement, ev: GroupNavbarBrandCustomEvent<HTMLGroupNavbarBrandElementEventMap[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 HTMLGroupNavbarBrandElement: {
        prototype: HTMLGroupNavbarBrandElement;
        new (): HTMLGroupNavbarBrandElement;
    };
    interface HTMLGroupNavbarMenuElement extends Components.GroupNavbarMenu, HTMLStencilElement {
    }
    var HTMLGroupNavbarMenuElement: {
        prototype: HTMLGroupNavbarMenuElement;
        new (): HTMLGroupNavbarMenuElement;
    };
    interface HTMLGroupNavbarMenuEndElement extends Components.GroupNavbarMenuEnd, HTMLStencilElement {
    }
    var HTMLGroupNavbarMenuEndElement: {
        prototype: HTMLGroupNavbarMenuEndElement;
        new (): HTMLGroupNavbarMenuEndElement;
    };
    interface HTMLGroupNavbarMenuStartElement extends Components.GroupNavbarMenuStart, HTMLStencilElement {
    }
    var HTMLGroupNavbarMenuStartElement: {
        prototype: HTMLGroupNavbarMenuStartElement;
        new (): HTMLGroupNavbarMenuStartElement;
    };
    interface HTMLGroupNoticesElement extends Components.GroupNotices, HTMLStencilElement {
    }
    var HTMLGroupNoticesElement: {
        prototype: HTMLGroupNoticesElement;
        new (): HTMLGroupNoticesElement;
    };
    interface HTMLGroupNotificationElementEventMap {
        "groupClose": GroupEvents.GroupToastCloseDetail;
    }
    interface HTMLGroupNotificationElement extends Components.GroupNotification, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupNotificationElementEventMap>(type: K, listener: (this: HTMLGroupNotificationElement, ev: GroupNotificationCustomEvent<HTMLGroupNotificationElementEventMap[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 HTMLGroupNotificationElementEventMap>(type: K, listener: (this: HTMLGroupNotificationElement, ev: GroupNotificationCustomEvent<HTMLGroupNotificationElementEventMap[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 HTMLGroupNotificationElement: {
        prototype: HTMLGroupNotificationElement;
        new (): HTMLGroupNotificationElement;
    };
    interface HTMLGroupPaginationElementEventMap {
        "groupChange": GroupEvents.GroupPaginationChangeDetail;
    }
    interface HTMLGroupPaginationElement extends Components.GroupPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupPaginationElementEventMap>(type: K, listener: (this: HTMLGroupPaginationElement, ev: GroupPaginationCustomEvent<HTMLGroupPaginationElementEventMap[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 HTMLGroupPaginationElementEventMap>(type: K, listener: (this: HTMLGroupPaginationElement, ev: GroupPaginationCustomEvent<HTMLGroupPaginationElementEventMap[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 HTMLGroupPaginationElement: {
        prototype: HTMLGroupPaginationElement;
        new (): HTMLGroupPaginationElement;
    };
    interface HTMLGroupPopoverElementEventMap {
        "groupChange": GroupEvents.GroupPopoverChangeDetail;
        "groupWillAnimate": GroupEvents.GroupPopoverWillAnimateDetail;
        "groupDidAnimate": GroupEvents.GroupPopoverDidAnimateDetail;
        "groupPopoverPrepare": string;
    }
    interface HTMLGroupPopoverElement extends Components.GroupPopover, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupPopoverElementEventMap>(type: K, listener: (this: HTMLGroupPopoverElement, ev: GroupPopoverCustomEvent<HTMLGroupPopoverElementEventMap[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 HTMLGroupPopoverElementEventMap>(type: K, listener: (this: HTMLGroupPopoverElement, ev: GroupPopoverCustomEvent<HTMLGroupPopoverElementEventMap[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 HTMLGroupPopoverElement: {
        prototype: HTMLGroupPopoverElement;
        new (): HTMLGroupPopoverElement;
    };
    interface HTMLGroupPopoverContentElement extends Components.GroupPopoverContent, HTMLStencilElement {
    }
    var HTMLGroupPopoverContentElement: {
        prototype: HTMLGroupPopoverContentElement;
        new (): HTMLGroupPopoverContentElement;
    };
    interface HTMLGroupPopupElementEventMap {
        "groupChange": GroupEvents.GroupPopupChangeDetail;
        "groupWillAnimate": GroupEvents.GroupPopupWillAnimateDetail;
        "groupDidAnimate": GroupEvents.GroupPopupDidAnimateDetail;
    }
    interface HTMLGroupPopupElement extends Components.GroupPopup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupPopupElementEventMap>(type: K, listener: (this: HTMLGroupPopupElement, ev: GroupPopupCustomEvent<HTMLGroupPopupElementEventMap[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 HTMLGroupPopupElementEventMap>(type: K, listener: (this: HTMLGroupPopupElement, ev: GroupPopupCustomEvent<HTMLGroupPopupElementEventMap[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 HTMLGroupPopupElement: {
        prototype: HTMLGroupPopupElement;
        new (): HTMLGroupPopupElement;
    };
    interface HTMLGroupRadioElementEventMap {
        "groupFocus": GroupEvents.GroupRadioFocusDetail;
        "groupBlur": GroupEvents.GroupRadioBlurDetail;
        "groupChange": GroupEvents.GroupRadioChangeDetail;
    }
    interface HTMLGroupRadioElement extends Components.GroupRadio, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupRadioElementEventMap>(type: K, listener: (this: HTMLGroupRadioElement, ev: GroupRadioCustomEvent<HTMLGroupRadioElementEventMap[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 HTMLGroupRadioElementEventMap>(type: K, listener: (this: HTMLGroupRadioElement, ev: GroupRadioCustomEvent<HTMLGroupRadioElementEventMap[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 HTMLGroupRadioElement: {
        prototype: HTMLGroupRadioElement;
        new (): HTMLGroupRadioElement;
    };
    interface HTMLGroupRadioButtonElementEventMap {
        "groupFocus": GroupEvents.GroupRadioButtonFocusDetail;
        "groupBlur": GroupEvents.GroupRadioButtonBlurDetail;
        "groupFormControlDidLoad": GroupEvents.GroupRadioButtonAriaLabelledByDetail;
    }
    interface HTMLGroupRadioButtonElement extends Components.GroupRadioButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupRadioButtonElementEventMap>(type: K, listener: (this: HTMLGroupRadioButtonElement, ev: GroupRadioButtonCustomEvent<HTMLGroupRadioButtonElementEventMap[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 HTMLGroupRadioButtonElementEventMap>(type: K, listener: (this: HTMLGroupRadioButtonElement, ev: GroupRadioButtonCustomEvent<HTMLGroupRadioButtonElementEventMap[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 HTMLGroupRadioButtonElement: {
        prototype: HTMLGroupRadioButtonElement;
        new (): HTMLGroupRadioButtonElement;
    };
    interface HTMLGroupRadioGroupElementEventMap {
        "groupChange": GroupEvents.GroupRadioGroupChangeDetail;
        "groupFocus": GroupEvents.GroupRadioGroupFocusDetail;
        "groupBlur": GroupEvents.GroupRadioGroupBlurDetail;
    }
    interface HTMLGroupRadioGroupElement extends Components.GroupRadioGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupRadioGroupElementEventMap>(type: K, listener: (this: HTMLGroupRadioGroupElement, ev: GroupRadioGroupCustomEvent<HTMLGroupRadioGroupElementEventMap[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 HTMLGroupRadioGroupElementEventMap>(type: K, listener: (this: HTMLGroupRadioGroupElement, ev: GroupRadioGroupCustomEvent<HTMLGroupRadioGroupElementEventMap[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 HTMLGroupRadioGroupElement: {
        prototype: HTMLGroupRadioGroupElement;
        new (): HTMLGroupRadioGroupElement;
    };
    interface HTMLGroupSnackbarElementEventMap {
        "groupClose": GroupEvents.GroupSnackbarCloseDetail;
        "groupAction": GroupEvents.GroupSnackbarActionDetail;
    }
    interface HTMLGroupSnackbarElement extends Components.GroupSnackbar, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupSnackbarElementEventMap>(type: K, listener: (this: HTMLGroupSnackbarElement, ev: GroupSnackbarCustomEvent<HTMLGroupSnackbarElementEventMap[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 HTMLGroupSnackbarElementEventMap>(type: K, listener: (this: HTMLGroupSnackbarElement, ev: GroupSnackbarCustomEvent<HTMLGroupSnackbarElementEventMap[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 HTMLGroupSnackbarElement: {
        prototype: HTMLGroupSnackbarElement;
        new (): HTMLGroupSnackbarElement;
    };
    interface HTMLGroupSpinnerElement extends Components.GroupSpinner, HTMLStencilElement {
    }
    var HTMLGroupSpinnerElement: {
        prototype: HTMLGroupSpinnerElement;
        new (): HTMLGroupSpinnerElement;
    };
    interface HTMLGroupStackElement extends Components.GroupStack, HTMLStencilElement {
    }
    var HTMLGroupStackElement: {
        prototype: HTMLGroupStackElement;
        new (): HTMLGroupStackElement;
    };
    interface HTMLGroupStageElement extends Components.GroupStage, HTMLStencilElement {
    }
    var HTMLGroupStageElement: {
        prototype: HTMLGroupStageElement;
        new (): HTMLGroupStageElement;
    };
    interface HTMLGroupStageBackLinkElement extends Components.GroupStageBackLink, HTMLStencilElement {
    }
    var HTMLGroupStageBackLinkElement: {
        prototype: HTMLGroupStageBackLinkElement;
        new (): HTMLGroupStageBackLinkElement;
    };
    interface HTMLGroupStageBodyElement extends Components.GroupStageBody, HTMLStencilElement {
    }
    var HTMLGroupStageBodyElement: {
        prototype: HTMLGroupStageBodyElement;
        new (): HTMLGroupStageBodyElement;
    };
    interface HTMLGroupStageFootElement extends Components.GroupStageFoot, HTMLStencilElement {
    }
    var HTMLGroupStageFootElement: {
        prototype: HTMLGroupStageFootElement;
        new (): HTMLGroupStageFootElement;
    };
    interface HTMLGroupStageHeadElement extends Components.GroupStageHead, HTMLStencilElement {
    }
    var HTMLGroupStageHeadElement: {
        prototype: HTMLGroupStageHeadElement;
        new (): HTMLGroupStageHeadElement;
    };
    interface HTMLGroupStageImageElement extends Components.GroupStageImage, HTMLStencilElement {
    }
    var HTMLGroupStageImageElement: {
        prototype: HTMLGroupStageImageElement;
        new (): HTMLGroupStageImageElement;
    };
    interface HTMLGroupTabItemElementEventMap {
        "groupNavigate": GroupEvents.GroupTabItemNavigateDetail;
    }
    interface HTMLGroupTabItemElement extends Components.GroupTabItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupTabItemElementEventMap>(type: K, listener: (this: HTMLGroupTabItemElement, ev: GroupTabItemCustomEvent<HTMLGroupTabItemElementEventMap[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 HTMLGroupTabItemElementEventMap>(type: K, listener: (this: HTMLGroupTabItemElement, ev: GroupTabItemCustomEvent<HTMLGroupTabItemElementEventMap[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 HTMLGroupTabItemElement: {
        prototype: HTMLGroupTabItemElement;
        new (): HTMLGroupTabItemElement;
    };
    interface HTMLGroupTabsElementEventMap {
        "groupChange": GroupEvents.GroupTabsChangeDetail;
        "groupWillAnimate": GroupEvents.GroupTabsWillAnimateDetail;
        "groupDidAnimate": GroupEvents.GroupTabsDidAnimateDetail;
    }
    interface HTMLGroupTabsElement extends Components.GroupTabs, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupTabsElementEventMap>(type: K, listener: (this: HTMLGroupTabsElement, ev: GroupTabsCustomEvent<HTMLGroupTabsElementEventMap[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 HTMLGroupTabsElementEventMap>(type: K, listener: (this: HTMLGroupTabsElement, ev: GroupTabsCustomEvent<HTMLGroupTabsElementEventMap[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 HTMLGroupTabsElement: {
        prototype: HTMLGroupTabsElement;
        new (): HTMLGroupTabsElement;
    };
    interface HTMLGroupTagElementEventMap {
        "groupCloseClick": GroupEvents.GroupTagCloseClickDetail;
    }
    interface HTMLGroupTagElement extends Components.GroupTag, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupTagElementEventMap>(type: K, listener: (this: HTMLGroupTagElement, ev: GroupTagCustomEvent<HTMLGroupTagElementEventMap[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 HTMLGroupTagElementEventMap>(type: K, listener: (this: HTMLGroupTagElement, ev: GroupTagCustomEvent<HTMLGroupTagElementEventMap[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 HTMLGroupTagElement: {
        prototype: HTMLGroupTagElement;
        new (): HTMLGroupTagElement;
    };
    interface HTMLGroupTagGroupElement extends Components.GroupTagGroup, HTMLStencilElement {
    }
    var HTMLGroupTagGroupElement: {
        prototype: HTMLGroupTagGroupElement;
        new (): HTMLGroupTagGroupElement;
    };
    interface HTMLGroupTextElement extends Components.GroupText, HTMLStencilElement {
    }
    var HTMLGroupTextElement: {
        prototype: HTMLGroupTextElement;
        new (): HTMLGroupTextElement;
    };
    interface HTMLGroupTextLinkElement extends Components.GroupTextLink, HTMLStencilElement {
    }
    var HTMLGroupTextLinkElement: {
        prototype: HTMLGroupTextLinkElement;
        new (): HTMLGroupTextLinkElement;
    };
    interface HTMLGroupToastElementEventMap {
        "groupClose": GroupEvents.GroupToastCloseDetail;
    }
    interface HTMLGroupToastElement extends Components.GroupToast, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupToastElementEventMap>(type: K, listener: (this: HTMLGroupToastElement, ev: GroupToastCustomEvent<HTMLGroupToastElementEventMap[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 HTMLGroupToastElementEventMap>(type: K, listener: (this: HTMLGroupToastElement, ev: GroupToastCustomEvent<HTMLGroupToastElementEventMap[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 HTMLGroupToastElement: {
        prototype: HTMLGroupToastElement;
        new (): HTMLGroupToastElement;
    };
    interface HTMLGroupTooltipElementEventMap {
        "groupWillAnimate": GroupEvents.GroupTooltipWillAnimateDetail;
        "groupDidAnimate": GroupEvents.GroupTooltipDidAnimateDetail;
    }
    interface HTMLGroupTooltipElement extends Components.GroupTooltip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLGroupTooltipElementEventMap>(type: K, listener: (this: HTMLGroupTooltipElement, ev: GroupTooltipCustomEvent<HTMLGroupTooltipElementEventMap[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 HTMLGroupTooltipElementEventMap>(type: K, listener: (this: HTMLGroupTooltipElement, ev: GroupTooltipCustomEvent<HTMLGroupTooltipElementEventMap[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 HTMLGroupTooltipElement: {
        prototype: HTMLGroupTooltipElement;
        new (): HTMLGroupTooltipElement;
    };
    interface HTMLElementTagNameMap {
        "group-accordion": HTMLGroupAccordionElement;
        "group-accordion-details": HTMLGroupAccordionDetailsElement;
        "group-accordion-summary": HTMLGroupAccordionSummaryElement;
        "group-accordion-trigger": HTMLGroupAccordionTriggerElement;
        "group-app": HTMLGroupAppElement;
        "group-avatar": HTMLGroupAvatarElement;
        "group-badge": HTMLGroupBadgeElement;
        "group-banner": HTMLGroupBannerElement;
        "group-banner-action": HTMLGroupBannerActionElement;
        "group-banner-actions": HTMLGroupBannerActionsElement;
        "group-banner-content": HTMLGroupBannerContentElement;
        "group-banner-header": HTMLGroupBannerHeaderElement;
        "group-button": HTMLGroupButtonElement;
        "group-button-group": HTMLGroupButtonGroupElement;
        "group-card": HTMLGroupCardElement;
        "group-card-actions": HTMLGroupCardActionsElement;
        "group-card-button": HTMLGroupCardButtonElement;
        "group-card-content": HTMLGroupCardContentElement;
        "group-card-subtitle": HTMLGroupCardSubtitleElement;
        "group-card-title": HTMLGroupCardTitleElement;
        "group-carousel": HTMLGroupCarouselElement;
        "group-carousel-item": HTMLGroupCarouselItemElement;
        "group-category-link": HTMLGroupCategoryLinkElement;
        "group-category-link-container": HTMLGroupCategoryLinkContainerElement;
        "group-checkbox": HTMLGroupCheckboxElement;
        "group-checkbox-button": HTMLGroupCheckboxButtonElement;
        "group-checkbox-group": HTMLGroupCheckboxGroupElement;
        "group-close": HTMLGroupCloseElement;
        "group-content": HTMLGroupContentElement;
        "group-dropdown-custom": HTMLGroupDropdownCustomElement;
        "group-field": HTMLGroupFieldElement;
        "group-field-control": HTMLGroupFieldControlElement;
        "group-field-hint": HTMLGroupFieldHintElement;
        "group-field-label": HTMLGroupFieldLabelElement;
        "group-field-message": HTMLGroupFieldMessageElement;
        "group-heading": HTMLGroupHeadingElement;
        "group-hint": HTMLGroupHintElement;
        "group-hint-text": HTMLGroupHintTextElement;
        "group-hint-title": HTMLGroupHintTitleElement;
        "group-icon": HTMLGroupIconElement;
        "group-icon-link": HTMLGroupIconLinkElement;
        "group-label": HTMLGroupLabelElement;
        "group-logo": HTMLGroupLogoElement;
        "group-modal": HTMLGroupModalElement;
        "group-modal-body": HTMLGroupModalBodyElement;
        "group-modal-header": HTMLGroupModalHeaderElement;
        "group-nav": HTMLGroupNavElement;
        "group-nav-link": HTMLGroupNavLinkElement;
        "group-nav-link-grid": HTMLGroupNavLinkGridElement;
        "group-nav-link-grid-col": HTMLGroupNavLinkGridColElement;
        "group-nav-link-group": HTMLGroupNavLinkGroupElement;
        "group-nav-menu-bar": HTMLGroupNavMenuBarElement;
        "group-nav-menu-flyout": HTMLGroupNavMenuFlyoutElement;
        "group-nav-meta-bar": HTMLGroupNavMetaBarElement;
        "group-navbar": HTMLGroupNavbarElement;
        "group-navbar-brand": HTMLGroupNavbarBrandElement;
        "group-navbar-menu": HTMLGroupNavbarMenuElement;
        "group-navbar-menu-end": HTMLGroupNavbarMenuEndElement;
        "group-navbar-menu-start": HTMLGroupNavbarMenuStartElement;
        "group-notices": HTMLGroupNoticesElement;
        "group-notification": HTMLGroupNotificationElement;
        "group-pagination": HTMLGroupPaginationElement;
        "group-popover": HTMLGroupPopoverElement;
        "group-popover-content": HTMLGroupPopoverContentElement;
        "group-popup": HTMLGroupPopupElement;
        "group-radio": HTMLGroupRadioElement;
        "group-radio-button": HTMLGroupRadioButtonElement;
        "group-radio-group": HTMLGroupRadioGroupElement;
        "group-snackbar": HTMLGroupSnackbarElement;
        "group-spinner": HTMLGroupSpinnerElement;
        "group-stack": HTMLGroupStackElement;
        "group-stage": HTMLGroupStageElement;
        "group-stage-back-link": HTMLGroupStageBackLinkElement;
        "group-stage-body": HTMLGroupStageBodyElement;
        "group-stage-foot": HTMLGroupStageFootElement;
        "group-stage-head": HTMLGroupStageHeadElement;
        "group-stage-image": HTMLGroupStageImageElement;
        "group-tab-item": HTMLGroupTabItemElement;
        "group-tabs": HTMLGroupTabsElement;
        "group-tag": HTMLGroupTagElement;
        "group-tag-group": HTMLGroupTagGroupElement;
        "group-text": HTMLGroupTextElement;
        "group-text-link": HTMLGroupTextLinkElement;
        "group-toast": HTMLGroupToastElement;
        "group-tooltip": HTMLGroupTooltipElement;
    }
}
declare namespace LocalJSX {
    interface GroupAccordion {
        /**
          * If `true` the accordion is open.
         */
        "active"?: boolean;
        /**
          * If `true` the accordion is used on the bottom of a card
         */
        "card"?: boolean;
        /**
          * groupIcon of the close trigger button
         */
        "closeIcon"?: string;
        /**
          * Label of the close trigger button
         */
        "closeLabel"?: string;
        /**
          * Set the amount of time, in milliseconds, to wait to trigger the `groupChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
         */
        "debounce"?: number;
        /**
          * Emitted when the accordion has opened or closed
         */
        "onGroupChange"?: (event: GroupAccordionCustomEvent<GroupEvents.GroupAccordionChangeDetail>) => void;
        /**
          * Emitted after the animation has finished
         */
        "onGroupDidAnimate"?: (event: GroupAccordionCustomEvent<GroupEvents.GroupAccordionDidAnimateDetail>) => void;
        /**
          * Emitted before the animation starts
         */
        "onGroupWillAnimate"?: (event: GroupAccordionCustomEvent<GroupEvents.GroupAccordionWillAnimateDetail>) => void;
        /**
          * groupIcon of the open trigger button
         */
        "openIcon"?: string;
        /**
          * Label of the open trigger button
         */
        "openLabel"?: string;
    }
    interface GroupAccordionDetails {
    }
    interface GroupAccordionSummary {
        /**
          * If `true` the whole summary component acts as a trigger and can be clicked
         */
        "trigger"?: boolean;
    }
    interface GroupAccordionTrigger {
        /**
          * Trigger will be a group-button
         */
        "button"?: boolean;
        /**
          * groupIcon of the close trigger button
         */
        "closeIcon"?: string;
        /**
          * Label of the close trigger button
         */
        "closeLabel"?: string;
        /**
          * The color to use from your application's color palette.
         */
        "color"?: GroupProps.GroupButtonColor;
        /**
          * groupIcon of the open trigger button
         */
        "openIcon"?: string;
        /**
          * Label of the open trigger button
         */
        "openLabel"?: string;
        /**
          * Size of the button
         */
        "size"?: GroupProps.GroupButtonSize;
    }
    interface GroupApp {
        /**
          * Disables all animation inside the group-app. Can be used for simplify e2e testing.
         */
        "animated"?: boolean;
    }
    interface GroupAvatar {
        /**
          * Determines if avatar is disabled.
         */
        "disabled"?: boolean;
        /**
          * Icon name.
         */
        "icon"?: string;
        /**
          * Group icon title - A11y pattern.
         */
        "iconTitle"?: string;
        /**
          * Image alternative text.
         */
        "imageAlt"?: string;
        /**
          * Source of image.
         */
        "imageSrc"?: string;
        /**
          * Initials.
         */
        "initials"?: string;
        /**
          * Initials.
         */
        "initialsSize"?: GroupProps.GroupTextSize;
        /**
          * Determines if avatar is inverted
          * @memberof GroupAvatar
         */
        "inverted"?: boolean;
        /**
          * Avatar size.
         */
        "size"?: 'small' | 'medium' | 'large';
        /**
          * Type of avatar.
         */
        "type"?: 'icon' | 'initials' | 'image';
    }
    interface GroupBadge {
        /**
          * Define the color for the badge.
         */
        "color"?: GroupProps.GroupBadgeColor;
        /**
          * Disable the badge.
         */
        "disabled"?: boolean;
        /**
          * Name of the icon to show. If a icon is present text should be hidden.
         */
        "icon"?: string;
        /**
          * If `true` the badge is added to the top right corner of the card.
         */
        "position"?: GroupProps.GroupBadgePosition;
        /**
          * Define the size of badge. Small is recommended for tabs.
         */
        "size"?: GroupProps.GroupBadgeSize;
    }
    interface GroupBanner {
        /**
          * Controls the banner actions
         */
        "actions"?: [];
        /**
          * Determines use case for banner. Defaults to "information".
         */
        "color"?: 'info' | 'warning' | 'success' | 'error';
        /**
          * Determines if banner has close button and event.
         */
        "dismissible"?: boolean;
        /**
          * Decides if the banner is inverted.
         */
        "inverted"?: boolean;
        /**
          * Event that is emitted when close button is clicked;
         */
        "onGroupClose"?: (event: GroupBannerCustomEvent<any>) => void;
        /**
          * Determines what variant the banner will be.
         */
        "variant"?: 'inline' | 'global' | 'contextual';
    }
    interface GroupBannerAction {
        /**
          * Native href value that will be passed to anchor.
         */
        "href"?: string;
        /**
          * Event that is emitted when action is clicked;
         */
        "onGroupClick"?: (event: GroupBannerActionCustomEvent<any>) => void;
        /**
          * Native target attribute that will be passed to anchor.
         */
        "target"?: GroupProps.GroupButtonTarget;
        /**
          * Native target attribute that will be passed to anchor.
         */
        "text"?: string;
    }
    interface GroupBannerActions {
    }
    interface GroupBannerContent {
    }
    interface GroupBannerHeader {
        /**
          * Icon name to be used in the banner.
         */
        "iconName"?: string;
        /**
          * Decides if the banner is inverted.
         */
        "inverted"?: boolean;
    }
    interface GroupButton {
        /**
          * A11y attributes for the native button element.
         */
        "aria"?: GroupProps.GroupButtonAria;
        /**
          * If `true`, the user cannot interact with the button.
         */
        "disabled"?: boolean;
        /**
          * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
         */
        "download"?: string;
        /**
          * The type of button.
         */
        "elementType"?: GroupProps.GroupButtonElementType;
        /**
          * If `true` the button has a full width
         */
        "expanded"?: boolean;
        /**
          * If `true` the button has no padding and a reduced height
         */
        "flat"?: boolean;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * Name of the left button icon
         */
        "icon"?: string;
        /**
          * Name of the right button icon
         */
        "iconRight"?: string;
        /**
          * If `true` the icon turns
         */
        "iconTurn"?: boolean;
        /**
          * If `true` the button is inverted
         */
        "inverted"?: boolean;
        /**
          * If `true` the button has a active theme
         */
        "isActive"?: boolean;
        /**
          * The name of the button, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * The label of the button will not break
         */
        "noWrap"?: boolean;
        /**
          * Emitted when the button loses focus.
         */
        "onGroupBlur"?: (event: GroupButtonCustomEvent<GroupButtonBlur>) => void;
        /**
          * Emitted when the button has been  rendered.
         */
        "onGroupDidRender"?: (event: GroupButtonCustomEvent<GroupEvents.GroupButtonDidRenderDetail>) => void;
        /**
          * Emitted when the button has focus.
         */
        "onGroupFocus"?: (event: GroupButtonCustomEvent<GroupButtonFocus>) => void;
        /**
          * Emitted when the link element has clicked.
         */
        "onGroupNavigate"?: (event: GroupButtonCustomEvent<GroupEvents.GroupButtonNavigateDetail>) => void;
        /**
          * If `true` the button is outlined
         */
        "outlined"?: boolean;
        /**
          * If `true` the label is hidden and a loading spinner is shown instead.
         */
        "processing"?: boolean;
        /**
          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
         */
        "rel"?: string;
        /**
          * If `true` the button is rounded.
         */
        "rounded"?: boolean;
        /**
          * If `true` adds a box shadow to improve readability on image background
         */
        "shadow"?: boolean;
        /**
          * Size of the button
         */
        "size"?: GroupProps.GroupButtonSize;
        /**
          * If `true` the width of the buttons is limited
         */
        "square"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupButtonTarget;
        /**
          * The value of the button, which is submitted with the form data.
         */
        "value"?: string | number;
        /**
          * The variant to use from your application's variant palette.
         */
        "variant"?: GroupProps.GroupButtonColor;
    }
    interface GroupButtonGroup {
        /**
          * `auto` will position the button items vertical and full width. `row` will force that the buttons are also horizontal on mobile.
         */
        "direction"?: GroupProps.GroupButtonGroupDirection;
        /**
          * The value of the button, which is submitted with the form data.
         */
        "position"?: GroupProps.GroupButtonGroupPosition;
        /**
          * If `true` the flex direction is used in reverse on mobile.
         */
        "reverse"?: boolean;
    }
    interface GroupCard {
        /**
          * If `true` a light grey border is added to the card.
         */
        "border"?: boolean;
        /**
          * If `true` the card has a hover effect.
         */
        "clickable"?: boolean;
        /**
          * Defines the color of the card.
         */
        "color"?: GroupProps.GroupCardColor;
        /**
          * Defaults to true so no shadow is displayed.
         */
        "flat"?: boolean;
        /**
          * If `true` the card uses 100% of the available height.
         */
        "fullheight"?: boolean;
        /**
          * If `true` the card background color becomes blue.
         */
        "inverted"?: boolean;
        /**
          * If `true` the card gets a dark grey background to indicate a selection.
         */
        "selected"?: boolean;
        /**
          * Defines the space of the card content.
         */
        "space"?: GroupProps.GroupCardSpace;
        /**
          * If `true` the card loses its border radius.
         */
        "square"?: boolean;
        /**
          * Determines if the icon is displayed.
         */
        "withIcon"?: boolean;
    }
    interface GroupCardActions {
        /**
          * The value of the button, which is submitted with the form data.
         */
        "position"?: GroupProps.GroupCardActionsPosition;
    }
    interface GroupCardButton {
        /**
          * If `true`, the user cannot interact with the button.
         */
        "disabled"?: boolean;
        /**
          * The type of button.
         */
        "elementType"?: GroupProps.GroupCardButtonElementType;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * Name of the icon like `edit`.
         */
        "icon"?: string;
        /**
          * Name of the right button icon
         */
        "iconRight"?: string;
        /**
          * If `true` the label is hidden and a processing spinner is shown instead.
         */
        "processing"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupCardButtonTarget;
    }
    interface GroupCardContent {
        /**
          * If `true` the card content color becomes white.
         */
        "inverted"?: boolean;
    }
    interface GroupCardSubtitle {
        /**
          * If `true` the card text color is bold.
         */
        "bold"?: boolean;
        /**
          * If `true` the card text color becomes white.
         */
        "color"?: GroupProps.GroupHeadingColor;
        /**
          * If `true` the card text color becomes white.
         */
        "inverted"?: boolean;
    }
    interface GroupCardTitle {
        /**
          * If `true` the card text color becomes white.
         */
        "inverted"?: boolean;
    }
    interface GroupCarousel {
        /**
          * Defines the image aspect ratio. Should be combined with the interface `product`
         */
        "aspectRatio"?: '1by1' | '3by2' | '4by3' | '16by9';
        /**
          * If `true` a light border is shown at the bottom.
         */
        "border"?: boolean;
        /**
          * Defines the layout of the navigation controls.
         */
        "controls"?: 'small' | 'large' | 'dots' | 'tabs' | 'none';
        /**
          * If `true` items move under the controls, instead of having a gap
         */
        "controlsOverflow"?: boolean;
        /**
          * If `true` the controls will be sticky to the top.
         */
        "controlsSticky"?: boolean;
        /**
          * If `true` the carousel uses the full height
         */
        "fullHeight"?: boolean;
        /**
          * Defines the role of the carousel.
         */
        "htmlRole"?: 'tablist' | 'list' | '';
        /**
          * Defines special looks.
         */
        "interface"?: 'card' | 'image' | 'product' | '';
        /**
          * If `true` the carousel can be used on dark background
         */
        "inverted"?: boolean;
        /**
          * Defines how many slides are visible in the container for the user. `auto` will use the size of the actual item content
         */
        "itemsPerView"?: 'auto' | 1 | 2 | 3 | 4;
        /**
          * Emitted when a option got selected.
         */
        "onGroupChange"?: (event: GroupCarouselCustomEvent<GroupEvents.GroupCarouselChangeDetail>) => void;
        /**
          * If `true` vertical scrolling on mobile is enabled.
         */
        "scrollY"?: boolean;
        /**
          * When how many slides are moved when going forward or backward.
         */
        "steps"?: number;
        /**
          * Defines the active slide index.
         */
        "value"?: number;
    }
    interface GroupCarouselItem {
        /**
          * Color of the background
         */
        "color"?: GroupProps.GroupCarouselItemColor;
        /**
          * This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
         */
        "download"?: string;
        /**
          * The type of button.
         */
        "elementType"?: GroupProps.GroupButtonElementType;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * Defines the role of the carousel.
         */
        "htmlRole"?: 'tab' | 'listitem' | '';
        /**
          * Label of the slide which will be used for pagination tabs
         */
        "label"?: string;
        /**
          * The name of the button, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * Emitted when the button loses focus.
         */
        "onBalBlur"?: (event: GroupCarouselItemCustomEvent<GroupEvents.GroupCarouselItemBlurDetail>) => void;
        /**
          * Emitted when the button has focus.
         */
        "onBalFocus"?: (event: GroupCarouselItemCustomEvent<GroupEvents.GroupCarouselItemFocusDetail>) => void;
        /**
          * Emitted when the link element has clicked.
         */
        "onBalNavigate"?: (event: GroupCarouselItemCustomEvent<GroupEvents.GroupCarouselItemNavigateDetail>) => void;
        /**
          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
         */
        "rel"?: string;
        /**
          * Src path to the image
         */
        "src"?: string;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupButtonTarget;
        /**
          * The value of the button, which is submitted with the form data.
         */
        "value"?: string | number;
    }
    interface GroupCategoryLink {
        /**
          * Whether component is disabled or not. Default is false.
         */
        "disabled"?: boolean;
        /**
          * Icon name
         */
        "name"?: "card";
    }
    interface GroupCategoryLinkContainer {
    }
    interface GroupCheckbox {
        /**
          * If `true`, in Angular reactive forms the control will not be set invalid
         */
        "autoInvalidOff"?: boolean;
        /**
          * If `true`, the checkbox is selected.
         */
        "checked"?: boolean;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the control is no padding
         */
        "flat"?: boolean;
        /**
          * If `true` the control is displayed as inline
         */
        "inline"?: boolean;
        /**
          * Defines the layout of the checkbox button
         */
        "interface"?: GroupProps.GroupCheckboxInterface;
        /**
          * If `true` the component gets a invalid style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the radio is invisible, but sill active
         */
        "invisible"?: boolean;
        /**
          * Label of the radio item.
         */
        "label"?: string;
        /**
          * If `true` the checkbox has no label
         */
        "labelHidden"?: boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * If `true`, the value will not be send with a form submit
         */
        "nonSubmit"?: boolean;
        /**
          * Emitted when the toggle loses focus.
         */
        "onGroupBlur"?: (event: GroupCheckboxCustomEvent<GroupEvents.GroupCheckboxBlurDetail>) => void;
        /**
          * Emitted when the value property has changed.
         */
        "onGroupChange"?: (event: GroupCheckboxCustomEvent<GroupEvents.GroupCheckboxChangeDetail>) => void;
        /**
          * Emitted when the toggle has focus.
         */
        "onGroupFocus"?: (event: GroupCheckboxCustomEvent<GroupEvents.GroupCheckboxFocusDetail>) => void;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true`, the user must fill in a value before submitting a form.
         */
        "required"?: boolean;
        /**
          * A DOMString representing the value of the checkbox. This is not displayed on the client-side, but on the server this is the value given to the data submitted with the checkbox's name.
         */
        "value"?: string | number;
    }
    interface GroupCheckboxButton {
        /**
          * If `true` the component gets a invalid red style.
         */
        "color"?: GroupProps.GroupCheckboxButtonColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * Emitted when the toggle loses focus.
         */
        "onGroupBlur"?: (event: GroupCheckboxButtonCustomEvent<GroupEvents.GroupCheckboxButtonBlurDetail>) => void;
        /**
          * Emitted when the toggle has focus.
         */
        "onGroupFocus"?: (event: GroupCheckboxButtonCustomEvent<GroupEvents.GroupCheckboxButtonFocusDetail>) => void;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
    }
    interface GroupCheckboxGroup {
        /**
          * If `true`, in Angular reactive forms the control will not be set invalid
         */
        "autoInvalidOff"?: boolean;
        /**
          * Defines the column size like the grid.
         */
        "columns"?: GroupProps.GroupCheckboxGroupColumns;
        /**
          * Defines the column size for mobile and bigger like the grid.
         */
        "columnsMobile"?: GroupProps.GroupCheckboxGroupColumns;
        /**
          * Defines the column size for tablet and bigger like the grid.
         */
        "columnsTablet"?: GroupProps.GroupCheckboxGroupColumns;
        /**
          * If `true` it acts as the main form control
         */
        "control"?: boolean;
        /**
          * If `true`, the user cannot interact with the checkboxes.
         */
        "disabled"?: boolean;
        /**
          * Uses the whole width
         */
        "expanded"?: boolean;
        /**
          * Defines the layout of the checkbox button
         */
        "interface"?: GroupProps.GroupCheckboxGroupInterface;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "invalid"?: boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * Emitted when the toggle loses focus.
         */
        "onGroupBlur"?: (event: GroupCheckboxGroupCustomEvent<GroupEvents.GroupCheckboxGroupBlurDetail>) => void;
        /**
          * Emitted when the checked property has changed.
         */
        "onGroupChange"?: (event: GroupCheckboxGroupCustomEvent<GroupEvents.GroupCheckboxGroupChangeDetail>) => void;
        /**
          * Emitted when the toggle has focus.
         */
        "onGroupFocus"?: (event: GroupCheckboxGroupCustomEvent<GroupEvents.GroupCheckboxGroupFocusDetail>) => void;
        /**
          * Steps can be passed as a property or through HTML markup.
         */
        "options"?: GroupCheckboxOption[];
        /**
          * If `true`, the user cannot interact with the checkboxes.
         */
        "readonly"?: boolean;
        /**
          * The value of the control.
         */
        "value"?: any[];
        /**
          * Displays the checkboxes vertically
         */
        "vertical"?: boolean;
        /**
          * If `true`, the controls will be vertically on mobile devices.
         */
        "verticalOnMobile"?: boolean;
    }
    interface GroupClose {
        /**
          * If `true` it supports dark backgrounds.
         */
        "inverted"?: boolean;
        /**
          * Define the size of badge. Small is recommended for tabs.
         */
        "size"?: GroupProps.GroupCloseSize;
    }
    interface GroupContent {
        /**
          * Defines the text positioning like center, end or default to start.
         */
        "align"?: GroupProps.GroupContentAlignment;
        /**
          * Defines the position of the child elements if they are showed vertically or horizontally. Default is vertically.
         */
        "layout"?: GroupProps.GroupContentLayout;
        /**
          * Defines the space between the child elements. Default is xx-small.
         */
        "space"?: GroupProps.GroupContentSpace;
    }
    interface GroupDropdownCustom {
        /**
          * Native html aria-describedby attribute.
         */
        "groupAriaDescribedby"?: string;
        /**
          * Id of associated label.
         */
        "groupAriaLabelledby"?: string;
        /**
          * Decides whether the component's state is controlled externally or internally.
         */
        "groupControlled"?: boolean;
        /**
          * Keys to which disable native dropdown handler.
         */
        "groupDisableKeys"?: string[];
        /**
          * Determines if dropdown is disabled.
         */
        "groupDisabled"?: boolean;
        /**
          * Native html id attribute.
         */
        "groupId"?: string;
        /**
          * Determines if dropdown is invalid.
         */
        "groupInvalid"?: boolean;
        /**
          * Enables multiselect.
         */
        "groupMultiple"?: boolean;
        /**
          * Options for dropdown.
         */
        "groupOptions"?: Array<{
    label: string;
    subtitle?: string;
    value: string;
    unselectable?: boolean;
  }>;
        /**
          * Native html required attribute.
         */
        "groupRequired"?: boolean;
        /**
          * Determines height of dropdown. 48px standard, 68px large.
         */
        "groupSize"?: 'sm' | 'lg';
        /**
          * Information displayed under current dropdown value.
         */
        "groupSubtitle"?: string;
        /**
          * Native tabindex passed to dropdown wrapper.
         */
        "groupTabIndex"?: number;
        /**
          * Selected value
         */
        "groupValue"?: string[];
        /**
          * Event that is called whenever value is selected.
         */
        "onGroupchange"?: (event: GroupDropdownCustomCustomEvent<any>) => void;
        /**
          * Event that is called whenever list is closed.
         */
        "onGroupclose"?: (event: GroupDropdownCustomCustomEvent<any>) => void;
        /**
          * Event that is called whenever list is opened.
         */
        "onGroupopen"?: (event: GroupDropdownCustomCustomEvent<any>) => void;
    }
    interface GroupField {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If true, label and input are aligned horizontally within the field component, with the message positioned in a new line below.
         */
        "horizontal"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` a loading spinner is visible at the end of the input
         */
        "loading"?: boolean;
        /**
          * Emitted after render when element is labelled
         */
        "onGroupFormControlDidLoad"?: (event: GroupFieldCustomEvent<GroupEvents.GroupFieldAriaLabelledByDetail>) => void;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the form control needs to be filled. If it is set to `false` an optional label is added to the label..
         */
        "required"?: boolean;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid"?: boolean;
    }
    interface GroupFieldControl {
        /**
          * If `true` on mobile devices the form control children are aligned vertically and expanded to the full width
         */
        "expandedOnMobile"?: boolean;
        /**
          * If `true` a loading spinner is visible at the end of the input
         */
        "loading"?: boolean;
    }
    interface GroupFieldHint {
        /**
          * Text for the close button.
         */
        "closeLabel"?: string;
        /**
          * Disables the close button for tablet and desktop
         */
        "small"?: boolean;
        /**
          * Text of the inputs label
         */
        "subject"?: string;
    }
    interface GroupFieldLabel {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * The value of the for attribute must be a single id for a labeled form-related element in the same document as the <label> element. So, any given label element can be associated with only one form control.
         */
        "htmlFor"?: string;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the form control needs to be filled. If it is set to `false` an optional label is added to the label..
         */
        "required"?: boolean;
        /**
          * Defines the size of the font. Default is like a heading 5 and small is used with the form fields.
         */
        "size"?: GroupProps.GroupFieldLabelSize;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid"?: boolean;
        /**
          * Defines the font weight of the label.
         */
        "weight"?: GroupProps.GroupFieldLabelWeight;
    }
    interface GroupFieldMessage {
        /**
          * Defines the color of the message.
         */
        "color"?: GroupProps.GroupFieldMessageColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid"?: boolean;
    }
    interface GroupHeading {
        /**
          * The actual heading level used in the HTML markup.
         */
        "autoLevel"?: GroupProps.GroupHeadingVisualLevel;
        /**
          * The theme type of the toast.
         */
        "color"?: GroupProps.GroupHeadingColor;
        /**
          * If `true` the color gets inverted for dark backgrounds
         */
        "inverted"?: boolean;
        /**
          * The actual heading level used in the HTML markup.
         */
        "level"?: GroupProps.GroupHeadingLevel;
        /**
          * When true, the text will be truncated with a text overflow ellipsis instead of wrapping. Please note that text overflow can only occur in block or inline-block level elements, as these elements require a width to overflow.
         */
        "noWrap"?: boolean;
        /**
          * If `true` adds a text shadow to improve readability on image background
         */
        "shadow"?: boolean;
        /**
          * Defines at which position the heading has spacing.
         */
        "space"?: 'none' | 'bottom' | 'top' | 'all';
        /**
          * If `true` the heading gets displayed slimmer.
         */
        "subtitle"?: boolean;
        /**
          * Make the visual style mimic a specific heading level. This option allows you to make e.g. h1 visually look like h3, but still keep it h1 in the markup.
         */
        "visualLevel"?: GroupProps.GroupHeadingVisualLevel;
    }
    interface GroupHint {
        /**
          * Text for the close button.
         */
        "closeLabel"?: string;
        /**
          * Disables the close button for tablet and desktop
         */
        "small"?: boolean;
    }
    interface GroupHintText {
    }
    interface GroupHintTitle {
    }
    interface GroupIcon {
        /**
          * The theme type of the button.
         */
        "color"?: GroupProps.GroupIconColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * Icon A11y accessible title.
         */
        "iconTitle"?: string;
        /**
          * If `true` the icon has display inline style
         */
        "inline"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the icon is inverted
         */
        "inverted"?: boolean;
        /**
          * Name of the group icon.
         */
        "name"?: string;
        /**
          * If `true` adds a box shadow to improve readability on image background
         */
        "shadow"?: boolean;
        /**
          * Defines the size of the icon.
         */
        "size"?: GroupProps.GroupIconSize;
        /**
          * Svg content.
         */
        "svg"?: string;
        /**
          * If `true` the icon is rotated 180deg
         */
        "turn"?: boolean;
    }
    interface GroupIconLink {
        /**
          * Aria label for group-icon-link.
         */
        "groupAriaLabel"?: string;
        /**
          * The URL that the hyperlink points to.
         */
        "href"?: string;
        /**
          * Inverts colour scheme of component.
         */
        "inverted"?: false;
        /**
          * Icon name placed before.
         */
        "name"?: "delete";
        /**
          * Size of the link text
         */
        "size"?: GroupProps.GroupTextSize;
        /**
          * Where to display the linked URL, as the name for a browsing context.
         */
        "target"?: '_self' | '_blank' | '_parent' | '_top';
    }
    interface GroupLabel {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * The value of the for attribute must be a single id for a labeled form-related element in the same document as the <label> element. So, any given label element can be associated with only one form control.
         */
        "htmlFor"?: string;
        /**
          * Define the id of the native label element
         */
        "htmlId"?: string;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * When true, the text will is able to break on multiple lines.
         */
        "multiline"?: boolean;
        /**
          * When true, the text will be truncated with a text overflow ellipsis instead of wrapping. Please note that text overflow can only occur in block or inline-block level elements, as these elements require a width to overflow.
         */
        "noWrap"?: boolean;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true` the form control needs to be filled. If it is set to `false` an optional label is added to the label..
         */
        "required"?: boolean;
        /**
          * Defines the size of the font. Default is like a heading 5 and small is used with the form fields.
         */
        "size"?: GroupProps.GroupLabelSize;
        /**
          * If `true` the component gets a valid green style.
         */
        "valid"?: boolean;
        /**
          * Defines the font weight of the label.
         */
        "weight"?: GroupProps.GroupLabelWeight;
    }
    interface GroupLogo {
        /**
          * Defines if the animation should be active
         */
        "animated"?: boolean;
        /**
          * Defines the color of the logo.
         */
        "color"?: GroupProps.GroupLogoColor;
        /**
          * Size of the logo svg
         */
        "size"?: GroupProps.GroupLogoSize;
    }
    interface GroupModal {
        /**
          * If `true`, the modal can be closed with the click outside of the modal
         */
        "backdropDismiss"?: boolean;
        /**
          * The component to display inside of the modal.
         */
        "component": GroupProps.ComponentRef;
        /**
          * The data to pass to the modal component.
         */
        "componentProps"?: GroupProps.ComponentProps;
        /**
          * Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.
         */
        "cssClass"?: string | string[];
        /**
          * If `true`, the modal will be displayed in demo mode.
         */
        "demo"?: boolean;
        /**
          * If `true`, a backdrop will be displayed behind the modal.
         */
        "hasBackdrop"?: boolean;
        /**
          * If `true`, the modal can be closed with the escape key or the little close button.
         */
        "isClosable"?: boolean;
        /**
          * Defines the width of the modal body
         */
        "modalWidth"?: number;
        /**
          * Emitted after the modal has dismissed.
         */
        "onGroupModalDidDismiss"?: (event: GroupModalCustomEvent<GroupEvents.GroupModalDidDismissDetail>) => void;
        /**
          * Emitted after the modal has presented.
         */
        "onGroupModalDidPresent"?: (event: GroupModalCustomEvent<GroupEvents.GroupModalDidPresentDetail>) => void;
        /**
          * Emitted before the modal has dismissed.
         */
        "onGroupModalWillDismiss"?: (event: GroupModalCustomEvent<GroupEvents.GroupModalWillDismissDetail>) => void;
        /**
          * Emitted before the modal has presented.
         */
        "onGroupModalWillPresent"?: (event: GroupModalCustomEvent<GroupEvents.GroupModalWillPresentDetail>) => void;
        /**
          * Defines the space/padding of the modal
         */
        "space"?: GroupProps.GroupModalSpace;
    }
    interface GroupModalBody {
    }
    interface GroupModalHeader {
    }
    interface GroupNav {
        /**
          * Link level structure.
         */
        "buttons"?: GroupProps.GroupNavMetaButtons;
        /**
          * Link level structure.
         */
        "logo"?: GroupProps.GroupNavLogoLink;
        /**
          * Emitted when a nav link item is clicked. This event can be used to add data tracking
         */
        "onGroupNavItemClick"?: (event: GroupNavCustomEvent<GroupEvents.GroupNavItemClickDetail>) => void;
        /**
          * Link level structure.
         */
        "options"?: GroupProps.GroupNavOptions;
    }
    interface GroupNavLink {
        /**
          * If `true` the link can be clickable
         */
        "clickable"?: boolean;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * If `true` the link gets selected with a underline
         */
        "selected"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupButtonTarget;
        /**
          * Defines the variant of the link
         */
        "variant"?: GroupProps.GroupNavLinkVariant;
    }
    interface GroupNavLinkGrid {
    }
    interface GroupNavLinkGridCol {
        /**
          * Defines the static column which is always aligned to the right
         */
        "staticCol"?: GroupProps.GroupNavLinkGridCol;
    }
    interface GroupNavLinkGroup {
        /**
          * Defines the color of the group
         */
        "color"?: GroupProps.GroupNavLinkGroupColor;
    }
    interface GroupNavMenuBar {
        /**
          * Tells when to hide the bar
         */
        "invisible"?: GroupProps.GroupNavMenuBarInvisible;
        /**
          * Defines the position of the bar
         */
        "position"?: GroupProps.GroupNavMenuBarPosition;
    }
    interface GroupNavMenuFlyout {
        /**
          * This is used to connect the flyout to the aria controls
         */
        "navId"?: string;
    }
    interface GroupNavMetaBar {
        /**
          * Tells when to hide the bar
         */
        "invisible"?: GroupProps.GroupNavMetaBarInvisible;
        /**
          * Defines the position of the bar
         */
        "position"?: GroupProps.GroupNavMetaBarPosition;
        /**
          * Defines the height of the bar
         */
        "size"?: GroupProps.GroupNavMetaBarSize;
        /**
          * Defines the color variant
         */
        "variant"?: GroupProps.GroupNavMetaBarVariant;
    }
    interface GroupNavbar {
        /**
          * Sets the content content width with the regular container classes
         */
        "container"?: 'fluid' | 'compact' | 'wide' | '';
        /**
          * Defines the type of navbar. App is used for almost every web applications like the portal app. For our sales funnel we recommend to use the simple navbar. Meta and main are used for the website.
         */
        "interface"?: GroupProps.GroupNavbarInterface;
        /**
          * It `true` the navbar has a white background. Always use the blue header.
         */
        "light"?: boolean;
    }
    interface GroupNavbarBrand {
        /**
          * Defines if the logo animation should be active
         */
        "animated"?: boolean;
        /**
          * Link of the logo / title.
         */
        "href"?: string;
        /**
          * Src to display a logo -> replaces the default Group Logo
         */
        "logo"?: string;
        /**
          * Size of the logo SVG
         */
        "logoSize"?: GroupProps.GroupLogoSize;
        /**
          * Emitted after the animation has finished
         */
        "onGroupDidAnimate"?: (event: GroupNavbarBrandCustomEvent<GroupEvents.GroupNavbarMenuDidAnimateDetail>) => void;
        /**
          * Emitted when the link element has clicked
         */
        "onGroupNavigate"?: (event: GroupNavbarBrandCustomEvent<GroupEvents.GroupNavbarBrandNavigationChangeDetail>) => void;
        /**
          * Emitted before the animation starts
         */
        "onGroupWillAnimate"?: (event: GroupNavbarBrandCustomEvent<GroupEvents.GroupNavbarMenuWillAnimateDetail>) => void;
        /**
          * @deprecated Use interface on group-navbar instead. If `true` the navbar does not have a mobil version. Only shows logo and an app title.
         */
        "simple"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupButtonTarget;
    }
    interface GroupNavbarMenu {
    }
    interface GroupNavbarMenuEnd {
    }
    interface GroupNavbarMenuStart {
    }
    interface GroupNotices {
    }
    interface GroupNotification {
        /**
          * The duration of the toast in milliseconds.
         */
        "duration"?: number;
        /**
          * Emitted when toast is closed
         */
        "onGroupClose"?: (event: GroupNotificationCustomEvent<GroupEvents.GroupToastCloseDetail>) => void;
        /**
          * Defines the variant of the element variant type primary is deprecated, please use info instead.
         */
        "variant"?: GroupProps.GroupNotificationColor;
    }
    interface GroupPagination {
        /**
          * Align the buttons to start, center or end
         */
        "align"?: GroupProps.GroupPaginationAlignment;
        /**
          * Disables component
         */
        "disabled"?: boolean;
        /**
          * Defines the layout of the pagination
         */
        "interface"?: GroupProps.GroupPaginationInterface;
        /**
          * Triggers when a page change happens
         */
        "onGroupChange"?: (event: GroupPaginationCustomEvent<GroupEvents.GroupPaginationChangeDetail>) => void;
        /**
          * Specify the max visible pages before and after the selected page
         */
        "pageRange"?: number;
        /**
          * Size of the buttons
         */
        "size"?: GroupProps.GroupPaginationSize;
        /**
          * If 'true, the pagination will be sticky to the top
         */
        "sticky"?: boolean;
        /**
          * If sticky, the top position will be determined by this value
         */
        "top"?: number;
        /**
          * The total amount of pages
         */
        "totalPages"?: number;
        /**
          * Current selected page
         */
        "value"?: number;
    }
    interface GroupPopover {
        /**
          * If `true` the popover content is open.
         */
        "active"?: boolean;
        /**
          * If `true` a little arrow is added, which points to the trigger element
         */
        "arrow"?: boolean;
        /**
          * If `true` the popover automatically opens on a click
         */
        "autoTrigger"?: boolean;
        /**
          * If `true` a backdrop is added
         */
        "backdrop"?: boolean;
        /**
          * If `true` the popover has max-width on tablet and desktop. On mobile it uses the whole viewport.
         */
        "hint"?: boolean;
        /**
          * If `true` the popover shows on hover
         */
        "hover"?: boolean;
        /**
          * If `true` there will be no backdrop
         */
        "mobileTop"?: boolean;
        /**
          * Define the offset of the popover content.
         */
        "offsetX"?: number;
        /**
          * Define the offset of the popover content.
         */
        "offsetY"?: number;
        /**
          * Listen when the popover opens or closes. Returns the current value.
         */
        "onGroupChange"?: (event: GroupPopoverCustomEvent<GroupEvents.GroupPopoverChangeDetail>) => void;
        /**
          * Emitted after the animation has finished
         */
        "onGroupDidAnimate"?: (event: GroupPopoverCustomEvent<GroupEvents.GroupPopoverDidAnimateDetail>) => void;
        /**
          * Emitted before the animation starts
         */
        "onGroupWillAnimate"?: (event: GroupPopoverCustomEvent<GroupEvents.GroupPopoverWillAnimateDetail>) => void;
        /**
          * Define padding of the overflow
         */
        "padding"?: number;
        /**
          * Define the position of the popover content.
         */
        "position"?: GroupProps.GroupPopoverPlacement;
        /**
          * If `true` the popover is shown as a tooltip
         */
        "tooltip"?: boolean;
    }
    interface GroupPopoverContent {
        /**
          * Defines background color of the content.
         */
        "color"?: GroupProps.GroupPopoverContentColor;
        /**
          * Define the min width of the popover content.
         */
        "contentMinWidth"?: number;
        /**
          * Define the max width of the popover content.
         */
        "contentWidth"?: number;
        /**
          * If `true` the content has a min width of 100%.
         */
        "expanded"?: boolean;
        /**
          * If `true` the content will have a divider line on top
         */
        "mobileTop"?: boolean;
        /**
          * If `true` the popover does not have the shadow
         */
        "noShadow"?: boolean;
        /**
          * Defines border-radius of popover content.
         */
        "radius"?: GroupProps.GroupPopoverContentRadius;
        /**
          * Limit the height of the popover content. Pass the amount of pixel.
         */
        "scrollable"?: number;
        /**
          * If `true` the popover has no padding space.
         */
        "spaceless"?: boolean;
    }
    interface GroupPopup {
        /**
          * If `true` the popup is open.
         */
        "active"?: boolean;
        /**
          * If `true`, it shows a little indicator to the trigger element.
         */
        "arrow"?: boolean;
        /**
          * If `true`, a backdrop will be displayed behind the modal.
         */
        "backdrop"?: boolean;
        /**
          * If `true`, the modal can be closed with the click outside of the modal
         */
        "backdropDismiss"?: boolean;
        /**
          * If `true`, the modal can be closed with the escape key or the little close button.
         */
        "closable"?: boolean;
        /**
          * Defines the width of the content
         */
        "contentWidth"?: number;
        /**
          * Label or title of the popup element
         */
        "label"?: string;
        /**
          * Offset form trigger to popup.
         */
        "offset"?: number;
        /**
          * Emitted when the accordion has opened or closed
         */
        "onGroupChange"?: (event: GroupPopupCustomEvent<GroupEvents.GroupPopupChangeDetail>) => void;
        /**
          * Emitted after the animation has finished
         */
        "onGroupDidAnimate"?: (event: GroupPopupCustomEvent<GroupEvents.GroupPopupDidAnimateDetail>) => void;
        /**
          * Emitted before the animation starts
         */
        "onGroupWillAnimate"?: (event: GroupPopupCustomEvent<GroupEvents.GroupPopupWillAnimateDetail>) => void;
        /**
          * If set it turns a popover into a fullscreen or a drawer on touch devices
         */
        "placement"?: GroupProps.GroupPopupPlacement;
        /**
          * Id of the reference element default is the trigger element.
         */
        "reference"?: string;
        /**
          * Defines the variant / type of popup
         */
        "variant"?: GroupProps.GroupPopupVariant;
    }
    interface GroupRadio {
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the control is no padding
         */
        "flat"?: boolean;
        /**
          * Defines the layout of the radio button
         */
        "interface"?: GroupProps.GroupRadioInterface;
        /**
          * If `true` the component gets a invalid style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the radio is invisible, but sill active
         */
        "invisible"?: boolean;
        /**
          * Label of the radio item.
         */
        "label"?: string;
        /**
          * If `true` the radio has no label
         */
        "labelHidden"?: boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * If `true`, the value will not be send with a form submit
         */
        "nonSubmit"?: boolean;
        /**
          * Emitted when the toggle loses focus.
         */
        "onGroupBlur"?: (event: GroupRadioCustomEvent<GroupEvents.GroupRadioBlurDetail>) => void;
        /**
          * Emitted when the checked property has changed.
         */
        "onGroupChange"?: (event: GroupRadioCustomEvent<GroupEvents.GroupRadioChangeDetail>) => void;
        /**
          * Emitted when the toggle has focus.
         */
        "onGroupFocus"?: (event: GroupRadioCustomEvent<GroupEvents.GroupRadioFocusDetail>) => void;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * If `true`, the user must fill in a value before submitting a form.
         */
        "required"?: boolean;
        /**
          * the value of the radio.
         */
        "value"?: any | null;
    }
    interface GroupRadioButton {
        /**
          * If `true` the component gets a invalid red style.
         */
        "color"?: GroupProps.GroupRadioButtonColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the component gets a invalid red style.
         */
        "invalid"?: boolean;
        /**
          * Emitted when the toggle loses focus.
         */
        "onGroupBlur"?: (event: GroupRadioButtonCustomEvent<GroupEvents.GroupRadioButtonBlurDetail>) => void;
        /**
          * Emitted when the toggle has focus.
         */
        "onGroupFocus"?: (event: GroupRadioButtonCustomEvent<GroupEvents.GroupRadioButtonFocusDetail>) => void;
        /**
          * Emitted after render when element is labelled
         */
        "onGroupFormControlDidLoad"?: (event: GroupRadioButtonCustomEvent<GroupEvents.GroupRadioButtonAriaLabelledByDetail>) => void;
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
    }
    interface GroupRadioGroup {
        /**
          * If `true`, the radios can be deselected.
         */
        "allowEmptySelection"?: boolean;
        /**
          * If `true`, in Angular reactive forms the control will not be set invalid
         */
        "autoInvalidOff"?: boolean;
        /**
          * Defines the column size for mobile and bigger like the grid.
         */
        "columnsMobile"?: GroupProps.GroupRadioGroupColumns;
        /**
          * Defines the column size for tablet and bigger like the grid.
         */
        "columnsTablet"?: GroupProps.GroupRadioGroupColumns;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * Uses the whole width
         */
        "expanded"?: boolean;
        /**
          * Defines the column size like the grid.
         */
        "grid"?: GroupProps.GroupRadioGroupColumns;
        /**
          * Defines the layout of the radio button
         */
        "interface"?: GroupProps.GroupRadioGroupInterface;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "invalid"?: boolean;
        /**
          * The name of the control, which is submitted with the form data.
         */
        "name"?: string;
        /**
          * Emitted when the toggle loses focus.
         */
        "onGroupBlur"?: (event: GroupRadioGroupCustomEvent<GroupEvents.GroupRadioGroupBlurDetail>) => void;
        /**
          * Emitted when the checked property has changed.
         */
        "onGroupChange"?: (event: GroupRadioGroupCustomEvent<GroupEvents.GroupRadioGroupChangeDetail>) => void;
        /**
          * Emitted when the toggle has focus.
         */
        "onGroupFocus"?: (event: GroupRadioGroupCustomEvent<GroupEvents.GroupRadioGroupFocusDetail>) => void;
        /**
          * Steps can be passed as a property or through HTML markup.
         */
        "options"?: GroupRadioOption[];
        /**
          * If `true` the element can not mutated, meaning the user can not edit the control.
         */
        "readonly"?: boolean;
        /**
          * the value of the radio group.
         */
        "value"?: any | null;
        /**
          * Displays the checkboxes vertically
         */
        "vertical"?: boolean;
        /**
          * If `true`, the controls will be vertically on mobile devices.
         */
        "verticalOnMobile"?: boolean;
    }
    interface GroupSnackbar {
        /**
          * Label text for the action button
         */
        "action"?: string;
        /**
          * The theme type of the snackbar.
         */
        "color"?: GroupProps.GroupSnackbarColor;
        /**
          * The duration of the snackbar
         */
        "duration"?: number;
        /**
          * Specifies the URL of the page the link goes to
         */
        "href"?: string;
        /**
          * The icon of the snackbar header
         */
        "icon"?: string;
        /**
          * The message of the snackbar as html content
         */
        "message"?: string;
        /**
          * Emitted when the action button is clicked
         */
        "onGroupAction"?: (event: GroupSnackbarCustomEvent<GroupEvents.GroupSnackbarActionDetail>) => void;
        /**
          * Emitted when snackbar is closed
         */
        "onGroupClose"?: (event: GroupSnackbarCustomEvent<GroupEvents.GroupSnackbarCloseDetail>) => void;
        /**
          * The subject of the snackbar header
         */
        "subject"?: string;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupButtonTarget;
    }
    interface GroupSpinner {
        /**
          * Defines the color of the spinner.
         */
        "color"?: GroupProps.GroupSpinnerColor;
        /**
          * If `true` the component will not add the spinner animation svg
         */
        "deactivated"?: boolean;
        /**
          * If `true` the component can be used on dark background
         */
        "inverted"?: boolean;
        /**
          * If `true` the component is smaller
         */
        "small"?: boolean;
        /**
          * Defines the look of the spinner
         */
        "variation"?: GroupProps.GroupSpinnerVariation;
    }
    interface GroupStack {
        /**
          * Defines the text positioning like center, right or default to start.
         */
        "align"?: GroupProps.GroupStackAlignment;
        /**
          * Defines the width of the stack to be exactly the with of the content.
         */
        "fitContent"?: boolean;
        /**
          * Defines the position of the child elements if they are showed vertically or horizontally. Default is horizontally.
         */
        "layout"?: GroupProps.GroupStackLayout;
        /**
          * Defines the horizontal padding left and right of the stack element.
         */
        "px"?: GroupProps.GroupStackPadding;
        /**
          * Defines the vertical padding top and bottom of the stack element.
         */
        "py"?: GroupProps.GroupStackPadding;
        /**
          * Defines the space between the child elements. Default is normal.
         */
        "space"?: GroupProps.GroupStackSpace;
        /**
          * Defines the space between the child elements. Default is normal.
         */
        "spaceColumn"?: GroupProps.GroupStackSpace;
        /**
          * Defines the space between the child elements. Default is normal.
         */
        "spaceRow"?: GroupProps.GroupStackSpace;
        /**
          * Defines if the child elements will wrap to the next line if there is not enough space left
         */
        "useWrap"?: boolean;
    }
    interface GroupStage {
        /**
          * Defines the background color of the stage section
         */
        "color"?: GroupProps.GroupStageColor;
        /**
          * Defines content width of the stage
         */
        "containerSize"?: GroupProps.GroupStageContainer;
        /**
          * Defines size of the stage
         */
        "size"?: GroupProps.GroupStageSize;
    }
    interface GroupStageBackLink {
        /**
          * Specifies the URL of the page the link goes to
         */
        "href": string;
        /**
          * If `true` the color gets inverted for dark backgrounds
         */
        "inverted"?: boolean;
    }
    interface GroupStageBody {
    }
    interface GroupStageFoot {
    }
    interface GroupStageHead {
    }
    interface GroupStageImage {
        /**
          * optional fallback image in case the srcSet fails
         */
        "fallback"?: string;
        /**
          * set of images to be used as background image
         */
        "srcSet": string;
    }
    interface GroupTabItem {
        /**
          * Tells if this route is active and overrides the group-tabs value property.
         */
        "active"?: boolean;
        /**
          * A11y attributes for the native tab element.
         */
        "aria"?: GroupProps.GroupTabItemAria;
        /**
          * If `true` a small red bubble is added to the tab.
         */
        "bubble"?: boolean | string;
        /**
          * If `true` the tab is disabled.
         */
        "disabled"?: boolean;
        /**
          * Link to path.
         */
        "href"?: string;
        /**
          * Tab icon not available for the steps.
         */
        "icon"?: string;
        /**
          * If `true` the step is hidden.
         */
        "invisible"?: boolean;
        /**
          * Label for the tab.
         */
        "label"?: string;
        /**
          * If `true` the tab does not have a panel
         */
        "noPanel"?: boolean;
        /**
          * Emitted when the link element has clicked
         */
        "onGroupNavigate"?: (event: GroupTabItemCustomEvent<GroupEvents.GroupTabItemNavigateDetail>) => void;
        /**
          * Tell's if the linking is done by a router.
         */
        "prevent"?: boolean;
        /**
          * Specifies where to display the linked URL. Only applies when an `href` is provided.
         */
        "target"?: GroupProps.GroupButtonTarget;
        /**
          * This is the key of the tab.
         */
        "value"?: string;
    }
    interface GroupTabs {
        /**
          * If `true` the tab items can be open and closed
         */
        "accordion"?: boolean;
        /**
          * If `true` a light border is shown for the tabs.
         */
        "border"?: boolean;
        /**
          * If `true` the tabs or tabs can be clicked.
         */
        "clickable"?: boolean;
        /**
          * Defines the layout of the tabs.
         */
        "context"?: GroupProps.GroupTabsContext;
        /**
          * Set the amount of time, in milliseconds, to wait to trigger the `groupChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
         */
        "debounce"?: number;
        /**
          * If `true` the field expands over the whole width.
         */
        "expanded"?: boolean;
        /**
          * If `true` the tabs is a block element and uses 100% of the width
         */
        "fullwidth"?: boolean;
        /**
          * Defines the layout of the tabs.
         */
        "iconPosition"?: GroupProps.GroupTabsIconPosition;
        /**
          * If `true` the tabs can be uses on dark background
         */
        "inverted"?: boolean;
        /**
          * Emitted when the changes has finished.
         */
        "onGroupChange"?: (event: GroupTabsCustomEvent<GroupEvents.GroupTabsChangeDetail>) => void;
        /**
          * Emitted after the animation has finished
         */
        "onGroupDidAnimate"?: (event: GroupTabsCustomEvent<GroupEvents.GroupTabsDidAnimateDetail>) => void;
        /**
          * Emitted before the animation starts
         */
        "onGroupWillAnimate"?: (event: GroupTabsCustomEvent<GroupEvents.GroupTabsWillAnimateDetail>) => void;
        /**
          * If `true` the tabs selected line is optional
         */
        "optionalTabSelection"?: boolean;
        /**
          * Tabs can be passed as a property or through HTML markup.
         */
        "options"?: GroupTabOption[];
        /**
          * If `true` the tabs have a carousel if they need more space than provided.
         */
        "overflow"?: boolean;
        /**
          * If `true` the tabs are shown as a select component on mobile
         */
        "selectOnMobile"?: boolean;
        /**
          * If `true` the tabs container does not have a padding left or right.
         */
        "spaceless"?: boolean;
        "value"?: string;
        /**
          * If `true` tabs are align vertically.
         */
        "vertical"?: GroupProps.GroupTabsVertical;
        /**
          * The col size of the tabs on vertical mode.
         */
        "verticalColSize"?: GroupProps.GroupTabsColSize;
    }
    interface GroupTag {
        /**
          * The theme type of the tag.
         */
        "closable"?: boolean;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * The URL to navigate to when the tag is clicked (used when `interactive` is `true`).
         */
        "href"?: string;
        /**
          * If `true`, the tag is interactive and rendered as a link.
         */
        "interactive"?: boolean;
        /**
          * If `true` a light version of the variant is displayed
         */
        "light"?: boolean;
        /**
          * Emitted when the input got clicked.
         */
        "onGroupCloseClick"?: (event: GroupTagCustomEvent<GroupEvents.GroupTagCloseClickDetail>) => void;
        /**
          * Choosing left or center the tag is aligned to that side in the group-card.
         */
        "position"?: GroupProps.GroupTagPlacement;
        /**
          * The size of the tag element
         */
        "size"?: GroupProps.GroupTagSize;
        /**
          * The theme type of the tag.
         */
        "variant"?: GroupProps.GroupTagVariant;
    }
    interface GroupTagGroup {
    }
    interface GroupText {
        /**
          * If `true` the text is bold
         */
        "bold"?: boolean;
        /**
          * Defines the color of the text.
         */
        "color"?: GroupProps.GroupTextColor;
        /**
          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
         */
        "disabled"?: boolean;
        /**
          * If `true` the text has heading font family
         */
        "heading"?: boolean;
        /**
          * If `true` the text is shown as a display inline
         */
        "inline"?: boolean;
        /**
          * If `true` the component gets a invalid style.
         */
        "invalid"?: boolean;
        /**
          * If `true` the color gets inverted for dark backgrounds
         */
        "inverted"?: boolean;
        /**
          * When true, the text will be truncated with a text overflow ellipsis instead of wrapping. Please note that text overflow can only occur in block or inline-block level elements, as these elements require a width to overflow.
         */
        "noWrap"?: boolean;
        /**
          * If `true` adds a text shadow to improve readability on image background
         */
        "shadow"?: boolean;
        /**
          * Defines the size of the paragraph
         */
        "size"?: GroupProps.GroupTextSize;
        /**
          * Defines at which position the heading has spacing.
         */
        "space"?: GroupProps.GroupTextSpace;
    }
    interface GroupTextLink {
        /**
          * Inverts colour scheme of component.
         */
        "colorScheme"?: GroupProps.GroupTextColor;
        /**
          * Sets the html element type **Important!** Modifying this value on runtime is not allowed.
         */
        "component"?: 'div' | 'a';
        /**
          * Whether the component is disabled or not. Default is false.
         */
        "disabled"?: boolean;
        /**
          * href value
         */
        "href"?: string;
        /**
          * Size of text in range from 1 to 7. Defaults to 5.
         */
        "size"?: 's1' | 's2' | 's3' | 's4' | 's5' | 's6' | 's7';
        /**
          * target value
         */
        "target"?: '_self' | '_blank' | '_parent' | '_top';
    }
    interface GroupToast {
        /**
          * The theme type of the toast. Color type primary is deprecated, please use info instead.
         */
        "color"?: GroupProps.GroupToastColor;
        /**
          * The duration of the toast in milliseconds.
         */
        "duration"?: number;
        /**
          * Inverted
         */
        "inverted"?: boolean;
        /**
          * Link URL and text
         */
        "link"?: { url: string; text: string };
        /**
          * Content message
         */
        "message"?: string;
        /**
          * Emitted when toast is closed
         */
        "onGroupClose"?: (event: GroupToastCustomEvent<GroupEvents.GroupToastCloseDetail>) => void;
    }
    interface GroupTooltip {
        /**
          * If set it turns a tooltip into a fullscreen or a drawer on touch devices
         */
        "arrowPlacement"?: GroupProps.GroupTooltipPlacement;
        /**
          * Defines the width of the content
         */
        "contentWidth"?: number;
        /**
          * Offset form trigger to tooltip.
         */
        "offset"?: number;
        /**
          * Emitted after the animation has finished
         */
        "onGroupDidAnimate"?: (event: GroupTooltipCustomEvent<GroupEvents.GroupTooltipDidAnimateDetail>) => void;
        /**
          * Emitted before the animation starts
         */
        "onGroupWillAnimate"?: (event: GroupTooltipCustomEvent<GroupEvents.GroupTooltipWillAnimateDetail>) => void;
        /**
          * If set it turns a tooltip into a fullscreen or a drawer on touch devices
         */
        "placement"?: GroupProps.GroupTooltipPlacement;
        /**
          * Id of the reference element default is the trigger element.
         */
        "reference"?: string;
    }
    interface IntrinsicElements {
        "group-accordion": GroupAccordion;
        "group-accordion-details": GroupAccordionDetails;
        "group-accordion-summary": GroupAccordionSummary;
        "group-accordion-trigger": GroupAccordionTrigger;
        "group-app": GroupApp;
        "group-avatar": GroupAvatar;
        "group-badge": GroupBadge;
        "group-banner": GroupBanner;
        "group-banner-action": GroupBannerAction;
        "group-banner-actions": GroupBannerActions;
        "group-banner-content": GroupBannerContent;
        "group-banner-header": GroupBannerHeader;
        "group-button": GroupButton;
        "group-button-group": GroupButtonGroup;
        "group-card": GroupCard;
        "group-card-actions": GroupCardActions;
        "group-card-button": GroupCardButton;
        "group-card-content": GroupCardContent;
        "group-card-subtitle": GroupCardSubtitle;
        "group-card-title": GroupCardTitle;
        "group-carousel": GroupCarousel;
        "group-carousel-item": GroupCarouselItem;
        "group-category-link": GroupCategoryLink;
        "group-category-link-container": GroupCategoryLinkContainer;
        "group-checkbox": GroupCheckbox;
        "group-checkbox-button": GroupCheckboxButton;
        "group-checkbox-group": GroupCheckboxGroup;
        "group-close": GroupClose;
        "group-content": GroupContent;
        "group-dropdown-custom": GroupDropdownCustom;
        "group-field": GroupField;
        "group-field-control": GroupFieldControl;
        "group-field-hint": GroupFieldHint;
        "group-field-label": GroupFieldLabel;
        "group-field-message": GroupFieldMessage;
        "group-heading": GroupHeading;
        "group-hint": GroupHint;
        "group-hint-text": GroupHintText;
        "group-hint-title": GroupHintTitle;
        "group-icon": GroupIcon;
        "group-icon-link": GroupIconLink;
        "group-label": GroupLabel;
        "group-logo": GroupLogo;
        "group-modal": GroupModal;
        "group-modal-body": GroupModalBody;
        "group-modal-header": GroupModalHeader;
        "group-nav": GroupNav;
        "group-nav-link": GroupNavLink;
        "group-nav-link-grid": GroupNavLinkGrid;
        "group-nav-link-grid-col": GroupNavLinkGridCol;
        "group-nav-link-group": GroupNavLinkGroup;
        "group-nav-menu-bar": GroupNavMenuBar;
        "group-nav-menu-flyout": GroupNavMenuFlyout;
        "group-nav-meta-bar": GroupNavMetaBar;
        "group-navbar": GroupNavbar;
        "group-navbar-brand": GroupNavbarBrand;
        "group-navbar-menu": GroupNavbarMenu;
        "group-navbar-menu-end": GroupNavbarMenuEnd;
        "group-navbar-menu-start": GroupNavbarMenuStart;
        "group-notices": GroupNotices;
        "group-notification": GroupNotification;
        "group-pagination": GroupPagination;
        "group-popover": GroupPopover;
        "group-popover-content": GroupPopoverContent;
        "group-popup": GroupPopup;
        "group-radio": GroupRadio;
        "group-radio-button": GroupRadioButton;
        "group-radio-group": GroupRadioGroup;
        "group-snackbar": GroupSnackbar;
        "group-spinner": GroupSpinner;
        "group-stack": GroupStack;
        "group-stage": GroupStage;
        "group-stage-back-link": GroupStageBackLink;
        "group-stage-body": GroupStageBody;
        "group-stage-foot": GroupStageFoot;
        "group-stage-head": GroupStageHead;
        "group-stage-image": GroupStageImage;
        "group-tab-item": GroupTabItem;
        "group-tabs": GroupTabs;
        "group-tag": GroupTag;
        "group-tag-group": GroupTagGroup;
        "group-text": GroupText;
        "group-text-link": GroupTextLink;
        "group-toast": GroupToast;
        "group-tooltip": GroupTooltip;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "group-accordion": LocalJSX.GroupAccordion & JSXBase.HTMLAttributes<HTMLGroupAccordionElement>;
            "group-accordion-details": LocalJSX.GroupAccordionDetails & JSXBase.HTMLAttributes<HTMLGroupAccordionDetailsElement>;
            "group-accordion-summary": LocalJSX.GroupAccordionSummary & JSXBase.HTMLAttributes<HTMLGroupAccordionSummaryElement>;
            "group-accordion-trigger": LocalJSX.GroupAccordionTrigger & JSXBase.HTMLAttributes<HTMLGroupAccordionTriggerElement>;
            "group-app": LocalJSX.GroupApp & JSXBase.HTMLAttributes<HTMLGroupAppElement>;
            "group-avatar": LocalJSX.GroupAvatar & JSXBase.HTMLAttributes<HTMLGroupAvatarElement>;
            "group-badge": LocalJSX.GroupBadge & JSXBase.HTMLAttributes<HTMLGroupBadgeElement>;
            "group-banner": LocalJSX.GroupBanner & JSXBase.HTMLAttributes<HTMLGroupBannerElement>;
            "group-banner-action": LocalJSX.GroupBannerAction & JSXBase.HTMLAttributes<HTMLGroupBannerActionElement>;
            "group-banner-actions": LocalJSX.GroupBannerActions & JSXBase.HTMLAttributes<HTMLGroupBannerActionsElement>;
            "group-banner-content": LocalJSX.GroupBannerContent & JSXBase.HTMLAttributes<HTMLGroupBannerContentElement>;
            "group-banner-header": LocalJSX.GroupBannerHeader & JSXBase.HTMLAttributes<HTMLGroupBannerHeaderElement>;
            "group-button": LocalJSX.GroupButton & JSXBase.HTMLAttributes<HTMLGroupButtonElement>;
            "group-button-group": LocalJSX.GroupButtonGroup & JSXBase.HTMLAttributes<HTMLGroupButtonGroupElement>;
            "group-card": LocalJSX.GroupCard & JSXBase.HTMLAttributes<HTMLGroupCardElement>;
            "group-card-actions": LocalJSX.GroupCardActions & JSXBase.HTMLAttributes<HTMLGroupCardActionsElement>;
            "group-card-button": LocalJSX.GroupCardButton & JSXBase.HTMLAttributes<HTMLGroupCardButtonElement>;
            "group-card-content": LocalJSX.GroupCardContent & JSXBase.HTMLAttributes<HTMLGroupCardContentElement>;
            "group-card-subtitle": LocalJSX.GroupCardSubtitle & JSXBase.HTMLAttributes<HTMLGroupCardSubtitleElement>;
            "group-card-title": LocalJSX.GroupCardTitle & JSXBase.HTMLAttributes<HTMLGroupCardTitleElement>;
            "group-carousel": LocalJSX.GroupCarousel & JSXBase.HTMLAttributes<HTMLGroupCarouselElement>;
            "group-carousel-item": LocalJSX.GroupCarouselItem & JSXBase.HTMLAttributes<HTMLGroupCarouselItemElement>;
            "group-category-link": LocalJSX.GroupCategoryLink & JSXBase.HTMLAttributes<HTMLGroupCategoryLinkElement>;
            "group-category-link-container": LocalJSX.GroupCategoryLinkContainer & JSXBase.HTMLAttributes<HTMLGroupCategoryLinkContainerElement>;
            "group-checkbox": LocalJSX.GroupCheckbox & JSXBase.HTMLAttributes<HTMLGroupCheckboxElement>;
            "group-checkbox-button": LocalJSX.GroupCheckboxButton & JSXBase.HTMLAttributes<HTMLGroupCheckboxButtonElement>;
            "group-checkbox-group": LocalJSX.GroupCheckboxGroup & JSXBase.HTMLAttributes<HTMLGroupCheckboxGroupElement>;
            "group-close": LocalJSX.GroupClose & JSXBase.HTMLAttributes<HTMLGroupCloseElement>;
            "group-content": LocalJSX.GroupContent & JSXBase.HTMLAttributes<HTMLGroupContentElement>;
            "group-dropdown-custom": LocalJSX.GroupDropdownCustom & JSXBase.HTMLAttributes<HTMLGroupDropdownCustomElement>;
            "group-field": LocalJSX.GroupField & JSXBase.HTMLAttributes<HTMLGroupFieldElement>;
            "group-field-control": LocalJSX.GroupFieldControl & JSXBase.HTMLAttributes<HTMLGroupFieldControlElement>;
            "group-field-hint": LocalJSX.GroupFieldHint & JSXBase.HTMLAttributes<HTMLGroupFieldHintElement>;
            "group-field-label": LocalJSX.GroupFieldLabel & JSXBase.HTMLAttributes<HTMLGroupFieldLabelElement>;
            "group-field-message": LocalJSX.GroupFieldMessage & JSXBase.HTMLAttributes<HTMLGroupFieldMessageElement>;
            "group-heading": LocalJSX.GroupHeading & JSXBase.HTMLAttributes<HTMLGroupHeadingElement>;
            "group-hint": LocalJSX.GroupHint & JSXBase.HTMLAttributes<HTMLGroupHintElement>;
            "group-hint-text": LocalJSX.GroupHintText & JSXBase.HTMLAttributes<HTMLGroupHintTextElement>;
            "group-hint-title": LocalJSX.GroupHintTitle & JSXBase.HTMLAttributes<HTMLGroupHintTitleElement>;
            "group-icon": LocalJSX.GroupIcon & JSXBase.HTMLAttributes<HTMLGroupIconElement>;
            "group-icon-link": LocalJSX.GroupIconLink & JSXBase.HTMLAttributes<HTMLGroupIconLinkElement>;
            "group-label": LocalJSX.GroupLabel & JSXBase.HTMLAttributes<HTMLGroupLabelElement>;
            "group-logo": LocalJSX.GroupLogo & JSXBase.HTMLAttributes<HTMLGroupLogoElement>;
            "group-modal": LocalJSX.GroupModal & JSXBase.HTMLAttributes<HTMLGroupModalElement>;
            "group-modal-body": LocalJSX.GroupModalBody & JSXBase.HTMLAttributes<HTMLGroupModalBodyElement>;
            "group-modal-header": LocalJSX.GroupModalHeader & JSXBase.HTMLAttributes<HTMLGroupModalHeaderElement>;
            "group-nav": LocalJSX.GroupNav & JSXBase.HTMLAttributes<HTMLGroupNavElement>;
            "group-nav-link": LocalJSX.GroupNavLink & JSXBase.HTMLAttributes<HTMLGroupNavLinkElement>;
            "group-nav-link-grid": LocalJSX.GroupNavLinkGrid & JSXBase.HTMLAttributes<HTMLGroupNavLinkGridElement>;
            "group-nav-link-grid-col": LocalJSX.GroupNavLinkGridCol & JSXBase.HTMLAttributes<HTMLGroupNavLinkGridColElement>;
            "group-nav-link-group": LocalJSX.GroupNavLinkGroup & JSXBase.HTMLAttributes<HTMLGroupNavLinkGroupElement>;
            "group-nav-menu-bar": LocalJSX.GroupNavMenuBar & JSXBase.HTMLAttributes<HTMLGroupNavMenuBarElement>;
            "group-nav-menu-flyout": LocalJSX.GroupNavMenuFlyout & JSXBase.HTMLAttributes<HTMLGroupNavMenuFlyoutElement>;
            "group-nav-meta-bar": LocalJSX.GroupNavMetaBar & JSXBase.HTMLAttributes<HTMLGroupNavMetaBarElement>;
            "group-navbar": LocalJSX.GroupNavbar & JSXBase.HTMLAttributes<HTMLGroupNavbarElement>;
            "group-navbar-brand": LocalJSX.GroupNavbarBrand & JSXBase.HTMLAttributes<HTMLGroupNavbarBrandElement>;
            "group-navbar-menu": LocalJSX.GroupNavbarMenu & JSXBase.HTMLAttributes<HTMLGroupNavbarMenuElement>;
            "group-navbar-menu-end": LocalJSX.GroupNavbarMenuEnd & JSXBase.HTMLAttributes<HTMLGroupNavbarMenuEndElement>;
            "group-navbar-menu-start": LocalJSX.GroupNavbarMenuStart & JSXBase.HTMLAttributes<HTMLGroupNavbarMenuStartElement>;
            "group-notices": LocalJSX.GroupNotices & JSXBase.HTMLAttributes<HTMLGroupNoticesElement>;
            "group-notification": LocalJSX.GroupNotification & JSXBase.HTMLAttributes<HTMLGroupNotificationElement>;
            "group-pagination": LocalJSX.GroupPagination & JSXBase.HTMLAttributes<HTMLGroupPaginationElement>;
            "group-popover": LocalJSX.GroupPopover & JSXBase.HTMLAttributes<HTMLGroupPopoverElement>;
            "group-popover-content": LocalJSX.GroupPopoverContent & JSXBase.HTMLAttributes<HTMLGroupPopoverContentElement>;
            "group-popup": LocalJSX.GroupPopup & JSXBase.HTMLAttributes<HTMLGroupPopupElement>;
            "group-radio": LocalJSX.GroupRadio & JSXBase.HTMLAttributes<HTMLGroupRadioElement>;
            "group-radio-button": LocalJSX.GroupRadioButton & JSXBase.HTMLAttributes<HTMLGroupRadioButtonElement>;
            "group-radio-group": LocalJSX.GroupRadioGroup & JSXBase.HTMLAttributes<HTMLGroupRadioGroupElement>;
            "group-snackbar": LocalJSX.GroupSnackbar & JSXBase.HTMLAttributes<HTMLGroupSnackbarElement>;
            "group-spinner": LocalJSX.GroupSpinner & JSXBase.HTMLAttributes<HTMLGroupSpinnerElement>;
            "group-stack": LocalJSX.GroupStack & JSXBase.HTMLAttributes<HTMLGroupStackElement>;
            "group-stage": LocalJSX.GroupStage & JSXBase.HTMLAttributes<HTMLGroupStageElement>;
            "group-stage-back-link": LocalJSX.GroupStageBackLink & JSXBase.HTMLAttributes<HTMLGroupStageBackLinkElement>;
            "group-stage-body": LocalJSX.GroupStageBody & JSXBase.HTMLAttributes<HTMLGroupStageBodyElement>;
            "group-stage-foot": LocalJSX.GroupStageFoot & JSXBase.HTMLAttributes<HTMLGroupStageFootElement>;
            "group-stage-head": LocalJSX.GroupStageHead & JSXBase.HTMLAttributes<HTMLGroupStageHeadElement>;
            "group-stage-image": LocalJSX.GroupStageImage & JSXBase.HTMLAttributes<HTMLGroupStageImageElement>;
            "group-tab-item": LocalJSX.GroupTabItem & JSXBase.HTMLAttributes<HTMLGroupTabItemElement>;
            "group-tabs": LocalJSX.GroupTabs & JSXBase.HTMLAttributes<HTMLGroupTabsElement>;
            "group-tag": LocalJSX.GroupTag & JSXBase.HTMLAttributes<HTMLGroupTagElement>;
            "group-tag-group": LocalJSX.GroupTagGroup & JSXBase.HTMLAttributes<HTMLGroupTagGroupElement>;
            "group-text": LocalJSX.GroupText & JSXBase.HTMLAttributes<HTMLGroupTextElement>;
            "group-text-link": LocalJSX.GroupTextLink & JSXBase.HTMLAttributes<HTMLGroupTextLinkElement>;
            "group-toast": LocalJSX.GroupToast & JSXBase.HTMLAttributes<HTMLGroupToastElement>;
            "group-tooltip": LocalJSX.GroupTooltip & JSXBase.HTMLAttributes<HTMLGroupTooltipElement>;
        }
    }
}