/* 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 { ICustomGoogleAnalyticsConfig } from "@progleasing/grit-universal-analytics";
import { GritAccordionEventData, GritCheckboxEventData, GritCheckboxGroupEventData, GritChipEventData, GritEventData, GritRadioEventData } from "./common/interfaces/event";
import { GritAutocompleteItemData, GritEventData as GritEventData1 } from ".";
import { ALIGNMENT, BUTTON_COLOR, BUTTON_TYPE, CHECKBOX_GROUP_TYPE, COLOR, COLOR_PALETTE, ELEVATION, FIELD_HINT_OPTION, FIRE_ANALYTICS_TRIGGER, FLEX_DIRECTION, GritFieldStatus, ICON_FONT, LINEAR_LOADER_MESSAGE, LINEAR_LOADER_TYPE, LOGO_TYPE, MARKDOWN_HEADING, NOTIFICATION_INTERACTION, NOTIFICATION_TYPE, OVERLAY_TYPE, PADDING_ITEM_SIZE, POSITION, SELECT_DIRECTION, SELECT_TYPE, SIZE, SKELETON_ITEM_TYPE, STEPPER_STAGE, TARGET_TYPES } from "./common/interfaces/ui";
import { GritIconMode } from "./components/grit-icon/grit-icon";
import { ICustomAnalyticsConfig } from "./services/google-analytics.interfaces";
import { GritNotificationAction } from "./components/grit-notification/grit-notification";
import { retrieveElementRef } from "./components/grit-radio/grit-radio";
export namespace Components {
    interface AccordionDemo {
    }
    interface AnalyticsScroll {
    }
    interface AutocompleteDemo {
    }
    interface BadgesDemo {
    }
    interface ButtonsDemo {
    }
    interface CardsDemo {
    }
    interface CheckboxDemo {
    }
    interface ChipsDemo {
    }
    interface ClipboardCardDemo {
    }
    interface DebitCreditField {
    }
    interface DemoStepper {
    }
    interface FieldDemo {
    }
    interface FormsDemo {
    }
    interface GritWcAccordion {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it's set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * This method closes the accordion component.
         */
        "close": () => Promise<void>;
        /**
          * Determines if accordion is opened or closed.
         */
        "isOpen": boolean;
        /**
          * Determines level of <h1> to <h6>
         */
        "level": number;
        /**
          * This method opens the accordion component.
         */
        "open": () => Promise<void>;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
    }
    interface GritWcAccordionGroup {
        /**
          * Determines if multiple accordions can be opened at the same time.
         */
        "multiple": boolean;
        /**
          * An index representing the accordion to be defaulted to open.
         */
        "open": number | Array<number>;
    }
    interface GritWcAnalytics {
    }
    interface GritWcAutocomplete {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * This method closes the autocomplete selectable list box with it’s collapse animation.
         */
        "close": () => Promise<void>;
        /**
          * Sets the autocomplete to disable state.
         */
        "disabled": boolean;
        /**
          * Determines if listbox is currently displayed or hidden.
         */
        "display": boolean;
        /**
          * If it contains an error, errorKey will match the corresponding autocomplete message and show the error.
         */
        "errorKey": string;
        /**
          * Label string.
         */
        "label": string;
        /**
          * Sets the autocomplete to match full case, if it’s false or not present, it will match with any case
         */
        "matchFullCase": boolean;
        /**
          * Determines name property for the native input element.
         */
        "name": string;
        /**
          * This method opens the autocomplete selectable list box with it’s expand animation.
         */
        "open": () => Promise<void>;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * If it is set to true, it will show fields validation Icon.
         */
        "useValidationIcon": boolean;
        /**
          * Value of the autocomplete.
         */
        "value": string;
    }
    interface GritWcAutocompleteItem {
        "displayValue": string;
        /**
          * Variable used to re render the option with bold text.
         */
        "filteredValue": string;
        /**
          * Value of the autocomplete option/item.
         */
        "value": string | string[];
    }
    interface GritWcBadge {
        /**
          * Description of icon or the context of the badge.
         */
        "description": string;
        /**
          * Allows the use of the proper aria roles and attributes.
         */
        "dynamic": boolean;
        /**
          * Fills and shows the progress icon, when there is a value between 0 and 100, this only works with type = COLOR.PRIMARY or COLOR.DEFAULT.
         */
        "progress": number;
        /**
          * Hides or shows the icon.
         */
        "showIcon": boolean;
        /**
          * Changes the badge's background-color and icon color in case there is one.
         */
        "type": COLOR;
    }
    interface GritWcButton {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Sets buttons border-color, background-color, font color and the color it will have depending on interactions (hover, focus, etc).
         */
        "color": BUTTON_COLOR;
        /**
          * Displays a button with no changes on hover/focus.
         */
        "disabled": boolean;
        /**
          * Prompts the user to save the linked URL instead of navigating to it.
         */
        "download": string;
        /**
          * The form attribute takes in the ID of the form the button will submit or reset.
         */
        "form": string;
        /**
          * When `fullWidth` property is true, the button's width is set to 100% it's parent.
         */
        "fullWidth": boolean;
        /**
          * If href is set, then the button will behave as an anchor. It's the hyperlink used in the anchor.
         */
        "href": string;
        /**
          * If loading is set to true, a spinner will be rendered along the text.
         */
        "loading": boolean;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * The relationship of the linked URL as space-separated link types.
         */
        "rel": string;
        /**
          * Changes the button height and paddings.
         */
        "size": SIZE | string;
        /**
          * Target used in case the href prop is set. Possible values "_blank", "_self", "_parent", "_top".
         */
        "target": string;
        /**
          * Changes the type of the button so it can be `submit` or `button`.
         */
        "type": BUTTON_TYPE;
    }
    interface GritWcCard {
        /**
          * Sets the shown elevation of the card
         */
        "elevation": ELEVATION;
        /**
          * Sets padding of the card
         */
        "padding": PADDING_ITEM_SIZE | string;
    }
    interface GritWcCheckbox {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Will switch depending on if the checkbox is checked or not.
         */
        "checked": boolean;
        /**
          * Disables the checkbox.
         */
        "disabled": boolean;
        /**
          * Determines element id property.
         */
        "elementId": string;
        /**
          * This prop will indicate whether error styles should be displayed or not
         */
        "error": boolean;
        /**
          * indeterminate state masks the real value of the checkbox, checked or unchecked state will still change but it will not show when indeterminate value is true
         */
        "indeterminate": boolean;
        /**
          * Determines where the label will be positioned relative to the checkbox.
         */
        "labelAlignment": string;
        /**
          * Determines name property for the native input element.
         */
        "name": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
    }
    interface GritWcCheckboxGroup {
        /**
          * Sets direction of the card
         */
        "direction": FLEX_DIRECTION | string;
        /**
          * indeterminateElement state masks the real value of the checkbox, checked or unchecked state will still change but it will not show when indeterminate value is true
         */
        "indeterminateElement": boolean;
        /**
          * String used for the label element.
         */
        "label": string;
        /**
          * Determines where the label will be positioned relative to the checkbox.
         */
        "labelAlignment": string;
        /**
          * Specifies options
         */
        "options": CHECKBOX_GROUP_TYPE[];
    }
    interface GritWcChip {
        /**
          * The name of the icon to show to the right of the text in the chip.  Leave unspecified to show no icon.
         */
        "actionIcon": boolean;
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        "color": COLOR_PALETTE;
        /**
          * If it is set to true, it will allow the chip to be displayed in multiple lines
         */
        "multiline": boolean;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * If set to spanish, the aria-label will be set to spanish;
         */
        "textLang": string;
    }
    interface GritWcClipboardCard {
    }
    interface GritWcField {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Uses this property to validate the field.
         */
        "errorKey": string;
        /**
          * When to fire Google Analitycs trigger.
         */
        "fireTriggerOption": FIRE_ANALYTICS_TRIGGER;
        /**
          * Sets the field hint option.
         */
        "hintOption": FIELD_HINT_OPTION;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        "setTouched": (touched: boolean) => Promise<void>;
        "triggerRender": () => Promise<void>;
        /**
          * changes padding and margins depending on the presence of suffix and prefix icons
         */
        "updateIcons": () => Promise<void>;
        /**
          * Force the field messages to re-render, useful when message content changes by the host application
          * @param forceRerender force the animation to play again regardless of the field state
         */
        "updateMessages": (forceRerender?: boolean) => Promise<void>;
        /**
          * Sets the field to show or not a validation icon.
         */
        "useValidationIcons": boolean;
    }
    interface GritWcFieldIcon {
        "color": string;
        "visible": boolean;
    }
    interface GritWcIcon {
        /**
          * Sets the color the Icon will have, and if it's bordered, the color of the border.
         */
        "color": COLOR;
        /**
          * Sets the type of font the icon has
         */
        "font": ICON_FONT;
        /**
          * Hides the icon leaving the empty space as is, setting it's css visibility to false.
         */
        "hidden": boolean;
        /**
          * Adds an `aria-label` with the value passed. If no value is passed then an `aria-hidden` will be true
         */
        "label": string;
        /**
          * If 'border', adds the corresponding border styling. Otherwise, it only shows the icon.
         */
        "mode": GritIconMode;
        /**
          * Height & Width of the icon in pixels. If the icon is bordered, the minimum size allowed for the icon is 24px so that the icon is rendered correctly.
         */
        "size": number;
    }
    interface GritWcIconButton {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Disables the button/anchor.
         */
        "disabled": boolean;
        /**
          * If an href is passed, <a> will render with the icon. By default it will render <button>.
         */
        "href": string;
        /**
          * Title for screen reader only
         */
        "label": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * If primary is set, a shadow will be applied on hover/focus state changes.
         */
        "primary": boolean;
        /**
          * If secondary is set, the icon will turn blue when hover/focus state changes.
         */
        "secondary": boolean;
        /**
          * Height & width of the icon in pixels.
         */
        "size": number;
    }
    interface GritWcInPageNavigation {
        /**
          * Current page url
         */
        "currentPageUrl": string;
        /**
          * Defines links to be rendered in the menu
         */
        "pageLinks": MARKDOWN_HEADING[];
    }
    interface GritWcLinearLoader {
        "display": boolean;
        /**
          * Finish Method will execute loader hide animation and increment progress prop with a constant interval of time.
         */
        "finish": (onFinish?: () => void) => Promise<void>;
        /**
          * Initialize Method will execute loader show animation and increment progress prop with a constant interval of time. Method is also called on the components first load.
         */
        "initialize": () => Promise<void>;
        /**
          * Array of objects to handle the messages shown with the following properties message: string - The message to be displayed duration: number - The time the message will be displayed delay: number - The delay before the next message will be shown
         */
        "loaderMessageProp": LINEAR_LOADER_MESSAGE[];
        /**
          * Changes the animation between a reoccurring loader to a once-occurring loader
         */
        "mode": LINEAR_LOADER_TYPE;
        /**
          * Value that is set as progress on determinate loader.
         */
        "progress": number;
        /**
          * Should the messages repeat once they reach the last value set `repeat` to true.
         */
        "repeat": boolean;
    }
    interface GritWcListSelect {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        "name": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * Sets current selected value.
         */
        "selectedValue": string;
    }
    interface GritWcListSelectItem {
        /**
          * Sets the option as selected, expanding it if it has a subtitle, and changing background color.
         */
        "selected": boolean;
        /**
          * Value of the option.
         */
        "value": string;
    }
    interface GritWcLoaderMessage {
        "delay": number;
        "duration": number;
        "height": number;
    }
    interface GritWcMessage {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Used by parent component to identify and handle different message elements .
         */
        "errorKey": string;
        /**
          * Text to display in the show more CTA in case the message width is wider than the field and this text is currently showing.
         */
        "showMoreText": { more: string; less: string };
        /**
          * If true, shows error slot with animation.
         */
        "visible": boolean;
    }
    interface GritWcMessageGroup {
        /**
          * Current message to be rendered.
         */
        "message": string;
        /**
          * Defines the color of the text in the message.
         */
        "status": GritFieldStatus;
    }
    interface GritWcMoireCard {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * It's the hyperlink used in the component.
         */
        "href": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * This is the target property of the anchor element. The default value is `_blank` if an `href` property is passed.
         */
        "target": TARGET_TYPES;
    }
    interface GritWcNotification {
        /**
          * If action is set to collapse, down arrow button will be displayed and if clicked collapse animation will execute. If it is set to dismiss, cross button will be displayed and if clicked it will hide notification.
         */
        "action": GritNotificationAction;
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Close actions sets if the CTA (cross btn and dismiss text) to close the notification are visible. If it's set to NOTIFICATION_INTERACTION.NONE, then this CTA are hidden.
         */
        "closeActions": NOTIFICATION_INTERACTION | null;
        /**
          * Will determine if notification is collapsed or expanded.
         */
        "collapsed": boolean;
        /**
          * Color of the Notification icon, will also reflect on the notification background color and text style.
         */
        "color": COLOR;
        /**
          * Disable auto dismiss for flag notifications
         */
        "disableAutoDismiss": boolean;
        /**
          * Hide/Show notification component.
         */
        "display": boolean;
        /**
          * Elevation style of notification.
         */
        "elevation": ELEVATION;
        /**
          * EnterSide style of notification.
         */
        "enterSide": ALIGNMENT;
        /**
          * Active gestures for notifications.
         */
        "gestures": boolean;
        /**
          * This method "hide" hides notification when called.
         */
        "hide": () => Promise<void>;
        /**
          * Changes Notification text style to bold.
         */
        "modifier": NOTIFICATION_INTERACTION | null;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        "renderNotification": () => Promise<void>;
        /**
          * This method "show" displays notification when called.
         */
        "show": () => Promise<void>;
        /**
          * Close timeout only for flag type notification.
         */
        "timeout": number;
        /**
          * Type of notification.
         */
        "type": NOTIFICATION_TYPE;
    }
    interface GritWcNotificationAction {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
    }
    interface GritWcNotificationFlag {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        "childrenRender": any;
        /**
          * Color of the Notification icon, will also reflect on the notification background color and text style.
         */
        "color": COLOR;
        /**
          * Disable auto dismiss for flag notifications
         */
        "disableAutoDismiss": boolean;
        /**
          * Hide/Show notification component.
         */
        "display": boolean;
        /**
          * EnterSide style of notification.
         */
        "enterSide": ALIGNMENT;
        /**
          * Active gestures for notifications.
         */
        "gestures": boolean;
        /**
          * This method "hideFlag" displays notification when called.
         */
        "hide": () => Promise<void>;
        /**
          * Changes Notification text style to bold.
         */
        "modifier": NOTIFICATION_INTERACTION | null;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * This method "showFlag" displays notification when called.
         */
        "show": () => Promise<void>;
        /**
          * Close timeout only for flag type notification.
         */
        "timeout": number;
    }
    interface GritWcOptionSelect {
        /**
          * It's the custom event object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Direction where the input will be rendered.
         */
        "direction": SELECT_DIRECTION;
        /**
          * Sets all the elements disabled.
         */
        "disabled": boolean;
        /**
          * If true, shows error slot with animation.
         */
        "error": boolean;
        /**
          * Form name of the group
         */
        "name": string;
        /**
          * Type of inputs to render, radio or checkbox
         */
        "type": SELECT_TYPE;
        /**
          * Initial value checked, if type is checkbox we expect a String[], otherwise only one value
         */
        "value": string | string[];
    }
    interface GritWcOptionSelectElement {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Sets the checked status of the input
         */
        "checked": boolean;
        /**
          * Defined position of the radio button element.
         */
        "direction": SELECT_DIRECTION;
        /**
          * Sets the element to disable.
         */
        "disabled": boolean;
        /**
          * Form name of the group
         */
        "name": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * If radio the elements rendered will be of type radio, otherwise of type checkbox
         */
        "type": SELECT_TYPE;
        /**
          * Value to represent the radio button. Also returned in the gritUpdate event fired when state changes.
         */
        "value": string;
    }
    interface GritWcOverlayContainer {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.  When the overlay closes it will also push this event to the Google Tag Manager. In this case, the eventAction will be the `close overlay ${analyticsCustomObj.eventAction}`
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it's set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Method to remove modal from ui.
         */
        "closeOverlay": () => Promise<void>;
        /**
          * If true, overflow-y scroll bar will be displayed
         */
        "fixScrollBar": boolean;
        /**
          * Name to be used as identifier of the overlay.
         */
        "name": string;
        /**
          * Method to display modal in ui.
         */
        "openOverlay": () => Promise<void>;
        /**
          * Target to append the overlay, can be body, and id or null
         */
        "parentSelector": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * If true, the modal will have a cross button to close the modal in the upper right corner.
         */
        "showCloseButton": boolean;
        /**
          * If true, the modal will be rendered with it's animation in the ui.
         */
        "showOverlay": boolean;
        /**
          * Sets how the overlay component will render in the ui.
         */
        "type": OVERLAY_TYPE;
    }
    interface GritWcProgLogo {
        "logoHeight": number;
        "logoType": LOGO_TYPE;
        "logoWidth": number;
    }
    interface GritWcQrCode {
        /**
          * Custom height and width for the qr code.
         */
        "size": number;
        /**
          * Shows the QR code tutorial if true.
         */
        "tutorial": boolean;
        /**
          * Qr code link url.
         */
        "url": string;
    }
    interface GritWcRadio {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Sets the checkbox to checked if true.
         */
        "checked": boolean;
        /**
          * Sets the checkbox to disabled.
         */
        "disabled": boolean;
        /**
          * Sets radio error state.
         */
        "error": boolean;
        /**
          * The font family of the checkbox label.
         */
        "fontFamily": string;
        /**
          * The font weight of the checkbox label.
         */
        "fontWeight": number;
        /**
          * Sets the name of the checkbox input.
         */
        "name": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * Returns a ref to the native element
         */
        "radioNativeElementRef": retrieveElementRef;
        /**
          * Sets the value of the checkbox input.
         */
        "value": string;
    }
    interface GritWcRadioGroup {
        /**
          * Sets the group of radios to disabled.
         */
        "disabled": boolean;
        /**
          * Sets the initial radio selected when the radio group renders.
         */
        "value": string;
    }
    interface GritWcSkeletonItem {
        /**
          * Sets the skeleton items border Radius.
         */
        "borderRadius": string;
        /**
          * Sets the skeleton item height.
         */
        "height": string;
        /**
          * Allows for turning off shimmer animation
         */
        "isAnimated": boolean;
        /**
          * Sets the skeleton item min-height.
         */
        "minHeight": string;
        /**
          * Sets the skeleton item min-width.
         */
        "minWidth": string;
        /**
          * Sets the skeleton item type.
         */
        "type": SKELETON_ITEM_TYPE;
        /**
          * Sets the skeleton item width.
         */
        "width": string;
    }
    interface GritWcSkiplink {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
    }
    interface GritWcSlider {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Prefix of the label. Useful in case you want to show a different currency, or unit. For example, `Month` or `£`.
         */
        "label": string;
        /**
          * Maximum value of the slider.
         */
        "max": number;
        /**
          * Minimum value of the slider.
         */
        "min": number;
        /**
          * Steps between possible values in the slider. In case step is negative the default step will be 1.
         */
        "step": number;
        /**
          * Value of the slider.
         */
        "value": number;
    }
    interface GritWcSpinner {
        /**
          * Sets the color of the spinner.
         */
        "color": string;
        /**
          * Label for screen readers.
         */
        "label": string;
        /**
          * Sets the size (Width & Height) of the spinner in pixels.
         */
        "size": number;
        /**
          * Sets the stroke width of the spinner.
         */
        "strokeWidth": number;
    }
    interface GritWcStep {
        /**
          * Can override the icon and color depending on what stage is set
         */
        "stage": STEPPER_STAGE;
    }
    interface GritWcStepper {
    }
    interface GritWcSwitch {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * If true the switch will be rendered in its ON state.
         */
        "checked": boolean;
        /**
          * Sets the style of the switch to disable and disables it's actions.
         */
        "disabled": boolean;
        /**
          * Sets where the label will be rendered.
         */
        "labelPosition": POSITION;
        /**
          * Sets the values to the label
         */
        "labels": { labelOn: string; labelOff: string };
        "name": string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii": boolean;
        /**
          * If it is set to true, it will show the on and off labels
         */
        "showLabels": boolean;
    }
    interface GritWcTopNavBar {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj": ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled": boolean;
        /**
          * Sets the nab var fixed at top if true
         */
        "fixed": boolean;
        "hideLeftIcon": boolean;
        "hideRightIcon": boolean;
        /**
          * Sets image logo image, by defaults it's prog's logo
         */
        "imgSrc": string;
        /**
          * Left icon - From Material
         */
        "leftIconName": string;
        /**
          * Removed spacer if true
         */
        "removeSpacer": boolean;
        /**
          * Right icon - From Material
         */
        "rightIconName": string;
    }
    interface GritWcValidationMessageItem {
        "errorKey": string;
        "inputBlur": boolean;
        "inputValue": string;
    }
    interface GritWcValidationMessageList {
        "inputBlur": boolean;
        "inputValue": string;
    }
    interface IconButtonDemo {
    }
    interface IconsDemo {
    }
    interface LinearLoaderDemo {
    }
    interface ListSelectDemo {
    }
    interface LogoDemo {
    }
    interface MobileEmailField {
    }
    interface MoireCardDemo {
    }
    interface NotificationsDemo {
    }
    interface OtpCodeField {
    }
    interface OverlayContainerDemo {
    }
    interface QrCodeDemo {
    }
    interface RadioSelectDemo {
    }
    interface RadiosDemo {
    }
    interface RouterIndex {
        "rootUrl": string;
    }
    interface SkeletonDemo {
    }
    interface SliderDemo {
    }
    interface SpinnerDemo {
    }
    interface SwitchesDemo {
    }
    interface TopNavBarDemo {
    }
    interface ValidatorsDemo {
    }
    interface VariablesDemo {
    }
}
declare global {
    interface HTMLAccordionDemoElement extends Components.AccordionDemo, HTMLStencilElement {
    }
    var HTMLAccordionDemoElement: {
        prototype: HTMLAccordionDemoElement;
        new (): HTMLAccordionDemoElement;
    };
    interface HTMLAnalyticsScrollElement extends Components.AnalyticsScroll, HTMLStencilElement {
    }
    var HTMLAnalyticsScrollElement: {
        prototype: HTMLAnalyticsScrollElement;
        new (): HTMLAnalyticsScrollElement;
    };
    interface HTMLAutocompleteDemoElement extends Components.AutocompleteDemo, HTMLStencilElement {
    }
    var HTMLAutocompleteDemoElement: {
        prototype: HTMLAutocompleteDemoElement;
        new (): HTMLAutocompleteDemoElement;
    };
    interface HTMLBadgesDemoElement extends Components.BadgesDemo, HTMLStencilElement {
    }
    var HTMLBadgesDemoElement: {
        prototype: HTMLBadgesDemoElement;
        new (): HTMLBadgesDemoElement;
    };
    interface HTMLButtonsDemoElement extends Components.ButtonsDemo, HTMLStencilElement {
    }
    var HTMLButtonsDemoElement: {
        prototype: HTMLButtonsDemoElement;
        new (): HTMLButtonsDemoElement;
    };
    interface HTMLCardsDemoElement extends Components.CardsDemo, HTMLStencilElement {
    }
    var HTMLCardsDemoElement: {
        prototype: HTMLCardsDemoElement;
        new (): HTMLCardsDemoElement;
    };
    interface HTMLCheckboxDemoElement extends Components.CheckboxDemo, HTMLStencilElement {
    }
    var HTMLCheckboxDemoElement: {
        prototype: HTMLCheckboxDemoElement;
        new (): HTMLCheckboxDemoElement;
    };
    interface HTMLChipsDemoElement extends Components.ChipsDemo, HTMLStencilElement {
    }
    var HTMLChipsDemoElement: {
        prototype: HTMLChipsDemoElement;
        new (): HTMLChipsDemoElement;
    };
    interface HTMLClipboardCardDemoElement extends Components.ClipboardCardDemo, HTMLStencilElement {
    }
    var HTMLClipboardCardDemoElement: {
        prototype: HTMLClipboardCardDemoElement;
        new (): HTMLClipboardCardDemoElement;
    };
    interface HTMLDebitCreditFieldElement extends Components.DebitCreditField, HTMLStencilElement {
    }
    var HTMLDebitCreditFieldElement: {
        prototype: HTMLDebitCreditFieldElement;
        new (): HTMLDebitCreditFieldElement;
    };
    interface HTMLDemoStepperElement extends Components.DemoStepper, HTMLStencilElement {
    }
    var HTMLDemoStepperElement: {
        prototype: HTMLDemoStepperElement;
        new (): HTMLDemoStepperElement;
    };
    interface HTMLFieldDemoElement extends Components.FieldDemo, HTMLStencilElement {
    }
    var HTMLFieldDemoElement: {
        prototype: HTMLFieldDemoElement;
        new (): HTMLFieldDemoElement;
    };
    interface HTMLFormsDemoElement extends Components.FormsDemo, HTMLStencilElement {
    }
    var HTMLFormsDemoElement: {
        prototype: HTMLFormsDemoElement;
        new (): HTMLFormsDemoElement;
    };
    interface HTMLGritWcAccordionElement extends Components.GritWcAccordion, HTMLStencilElement {
    }
    var HTMLGritWcAccordionElement: {
        prototype: HTMLGritWcAccordionElement;
        new (): HTMLGritWcAccordionElement;
    };
    interface HTMLGritWcAccordionGroupElement extends Components.GritWcAccordionGroup, HTMLStencilElement {
    }
    var HTMLGritWcAccordionGroupElement: {
        prototype: HTMLGritWcAccordionGroupElement;
        new (): HTMLGritWcAccordionGroupElement;
    };
    interface HTMLGritWcAnalyticsElement extends Components.GritWcAnalytics, HTMLStencilElement {
    }
    var HTMLGritWcAnalyticsElement: {
        prototype: HTMLGritWcAnalyticsElement;
        new (): HTMLGritWcAnalyticsElement;
    };
    interface HTMLGritWcAutocompleteElement extends Components.GritWcAutocomplete, HTMLStencilElement {
    }
    var HTMLGritWcAutocompleteElement: {
        prototype: HTMLGritWcAutocompleteElement;
        new (): HTMLGritWcAutocompleteElement;
    };
    interface HTMLGritWcAutocompleteItemElement extends Components.GritWcAutocompleteItem, HTMLStencilElement {
    }
    var HTMLGritWcAutocompleteItemElement: {
        prototype: HTMLGritWcAutocompleteItemElement;
        new (): HTMLGritWcAutocompleteItemElement;
    };
    interface HTMLGritWcBadgeElement extends Components.GritWcBadge, HTMLStencilElement {
    }
    var HTMLGritWcBadgeElement: {
        prototype: HTMLGritWcBadgeElement;
        new (): HTMLGritWcBadgeElement;
    };
    interface HTMLGritWcButtonElement extends Components.GritWcButton, HTMLStencilElement {
    }
    var HTMLGritWcButtonElement: {
        prototype: HTMLGritWcButtonElement;
        new (): HTMLGritWcButtonElement;
    };
    interface HTMLGritWcCardElement extends Components.GritWcCard, HTMLStencilElement {
    }
    var HTMLGritWcCardElement: {
        prototype: HTMLGritWcCardElement;
        new (): HTMLGritWcCardElement;
    };
    interface HTMLGritWcCheckboxElement extends Components.GritWcCheckbox, HTMLStencilElement {
    }
    var HTMLGritWcCheckboxElement: {
        prototype: HTMLGritWcCheckboxElement;
        new (): HTMLGritWcCheckboxElement;
    };
    interface HTMLGritWcCheckboxGroupElement extends Components.GritWcCheckboxGroup, HTMLStencilElement {
    }
    var HTMLGritWcCheckboxGroupElement: {
        prototype: HTMLGritWcCheckboxGroupElement;
        new (): HTMLGritWcCheckboxGroupElement;
    };
    interface HTMLGritWcChipElement extends Components.GritWcChip, HTMLStencilElement {
    }
    var HTMLGritWcChipElement: {
        prototype: HTMLGritWcChipElement;
        new (): HTMLGritWcChipElement;
    };
    interface HTMLGritWcClipboardCardElement extends Components.GritWcClipboardCard, HTMLStencilElement {
    }
    var HTMLGritWcClipboardCardElement: {
        prototype: HTMLGritWcClipboardCardElement;
        new (): HTMLGritWcClipboardCardElement;
    };
    interface HTMLGritWcFieldElement extends Components.GritWcField, HTMLStencilElement {
    }
    var HTMLGritWcFieldElement: {
        prototype: HTMLGritWcFieldElement;
        new (): HTMLGritWcFieldElement;
    };
    interface HTMLGritWcFieldIconElement extends Components.GritWcFieldIcon, HTMLStencilElement {
    }
    var HTMLGritWcFieldIconElement: {
        prototype: HTMLGritWcFieldIconElement;
        new (): HTMLGritWcFieldIconElement;
    };
    interface HTMLGritWcIconElement extends Components.GritWcIcon, HTMLStencilElement {
    }
    var HTMLGritWcIconElement: {
        prototype: HTMLGritWcIconElement;
        new (): HTMLGritWcIconElement;
    };
    interface HTMLGritWcIconButtonElement extends Components.GritWcIconButton, HTMLStencilElement {
    }
    var HTMLGritWcIconButtonElement: {
        prototype: HTMLGritWcIconButtonElement;
        new (): HTMLGritWcIconButtonElement;
    };
    interface HTMLGritWcInPageNavigationElement extends Components.GritWcInPageNavigation, HTMLStencilElement {
    }
    var HTMLGritWcInPageNavigationElement: {
        prototype: HTMLGritWcInPageNavigationElement;
        new (): HTMLGritWcInPageNavigationElement;
    };
    interface HTMLGritWcLinearLoaderElement extends Components.GritWcLinearLoader, HTMLStencilElement {
    }
    var HTMLGritWcLinearLoaderElement: {
        prototype: HTMLGritWcLinearLoaderElement;
        new (): HTMLGritWcLinearLoaderElement;
    };
    interface HTMLGritWcListSelectElement extends Components.GritWcListSelect, HTMLStencilElement {
    }
    var HTMLGritWcListSelectElement: {
        prototype: HTMLGritWcListSelectElement;
        new (): HTMLGritWcListSelectElement;
    };
    interface HTMLGritWcListSelectItemElement extends Components.GritWcListSelectItem, HTMLStencilElement {
    }
    var HTMLGritWcListSelectItemElement: {
        prototype: HTMLGritWcListSelectItemElement;
        new (): HTMLGritWcListSelectItemElement;
    };
    interface HTMLGritWcLoaderMessageElement extends Components.GritWcLoaderMessage, HTMLStencilElement {
    }
    var HTMLGritWcLoaderMessageElement: {
        prototype: HTMLGritWcLoaderMessageElement;
        new (): HTMLGritWcLoaderMessageElement;
    };
    interface HTMLGritWcMessageElement extends Components.GritWcMessage, HTMLStencilElement {
    }
    var HTMLGritWcMessageElement: {
        prototype: HTMLGritWcMessageElement;
        new (): HTMLGritWcMessageElement;
    };
    interface HTMLGritWcMessageGroupElement extends Components.GritWcMessageGroup, HTMLStencilElement {
    }
    var HTMLGritWcMessageGroupElement: {
        prototype: HTMLGritWcMessageGroupElement;
        new (): HTMLGritWcMessageGroupElement;
    };
    interface HTMLGritWcMoireCardElement extends Components.GritWcMoireCard, HTMLStencilElement {
    }
    var HTMLGritWcMoireCardElement: {
        prototype: HTMLGritWcMoireCardElement;
        new (): HTMLGritWcMoireCardElement;
    };
    interface HTMLGritWcNotificationElement extends Components.GritWcNotification, HTMLStencilElement {
    }
    var HTMLGritWcNotificationElement: {
        prototype: HTMLGritWcNotificationElement;
        new (): HTMLGritWcNotificationElement;
    };
    interface HTMLGritWcNotificationActionElement extends Components.GritWcNotificationAction, HTMLStencilElement {
    }
    var HTMLGritWcNotificationActionElement: {
        prototype: HTMLGritWcNotificationActionElement;
        new (): HTMLGritWcNotificationActionElement;
    };
    interface HTMLGritWcNotificationFlagElement extends Components.GritWcNotificationFlag, HTMLStencilElement {
    }
    var HTMLGritWcNotificationFlagElement: {
        prototype: HTMLGritWcNotificationFlagElement;
        new (): HTMLGritWcNotificationFlagElement;
    };
    interface HTMLGritWcOptionSelectElement extends Components.GritWcOptionSelect, HTMLStencilElement {
    }
    var HTMLGritWcOptionSelectElement: {
        prototype: HTMLGritWcOptionSelectElement;
        new (): HTMLGritWcOptionSelectElement;
    };
    interface HTMLGritWcOptionSelectElementElement extends Components.GritWcOptionSelectElement, HTMLStencilElement {
    }
    var HTMLGritWcOptionSelectElementElement: {
        prototype: HTMLGritWcOptionSelectElementElement;
        new (): HTMLGritWcOptionSelectElementElement;
    };
    interface HTMLGritWcOverlayContainerElement extends Components.GritWcOverlayContainer, HTMLStencilElement {
    }
    var HTMLGritWcOverlayContainerElement: {
        prototype: HTMLGritWcOverlayContainerElement;
        new (): HTMLGritWcOverlayContainerElement;
    };
    interface HTMLGritWcProgLogoElement extends Components.GritWcProgLogo, HTMLStencilElement {
    }
    var HTMLGritWcProgLogoElement: {
        prototype: HTMLGritWcProgLogoElement;
        new (): HTMLGritWcProgLogoElement;
    };
    interface HTMLGritWcQrCodeElement extends Components.GritWcQrCode, HTMLStencilElement {
    }
    var HTMLGritWcQrCodeElement: {
        prototype: HTMLGritWcQrCodeElement;
        new (): HTMLGritWcQrCodeElement;
    };
    interface HTMLGritWcRadioElement extends Components.GritWcRadio, HTMLStencilElement {
    }
    var HTMLGritWcRadioElement: {
        prototype: HTMLGritWcRadioElement;
        new (): HTMLGritWcRadioElement;
    };
    interface HTMLGritWcRadioGroupElement extends Components.GritWcRadioGroup, HTMLStencilElement {
    }
    var HTMLGritWcRadioGroupElement: {
        prototype: HTMLGritWcRadioGroupElement;
        new (): HTMLGritWcRadioGroupElement;
    };
    interface HTMLGritWcSkeletonItemElement extends Components.GritWcSkeletonItem, HTMLStencilElement {
    }
    var HTMLGritWcSkeletonItemElement: {
        prototype: HTMLGritWcSkeletonItemElement;
        new (): HTMLGritWcSkeletonItemElement;
    };
    interface HTMLGritWcSkiplinkElement extends Components.GritWcSkiplink, HTMLStencilElement {
    }
    var HTMLGritWcSkiplinkElement: {
        prototype: HTMLGritWcSkiplinkElement;
        new (): HTMLGritWcSkiplinkElement;
    };
    interface HTMLGritWcSliderElement extends Components.GritWcSlider, HTMLStencilElement {
    }
    var HTMLGritWcSliderElement: {
        prototype: HTMLGritWcSliderElement;
        new (): HTMLGritWcSliderElement;
    };
    interface HTMLGritWcSpinnerElement extends Components.GritWcSpinner, HTMLStencilElement {
    }
    var HTMLGritWcSpinnerElement: {
        prototype: HTMLGritWcSpinnerElement;
        new (): HTMLGritWcSpinnerElement;
    };
    interface HTMLGritWcStepElement extends Components.GritWcStep, HTMLStencilElement {
    }
    var HTMLGritWcStepElement: {
        prototype: HTMLGritWcStepElement;
        new (): HTMLGritWcStepElement;
    };
    interface HTMLGritWcStepperElement extends Components.GritWcStepper, HTMLStencilElement {
    }
    var HTMLGritWcStepperElement: {
        prototype: HTMLGritWcStepperElement;
        new (): HTMLGritWcStepperElement;
    };
    interface HTMLGritWcSwitchElement extends Components.GritWcSwitch, HTMLStencilElement {
    }
    var HTMLGritWcSwitchElement: {
        prototype: HTMLGritWcSwitchElement;
        new (): HTMLGritWcSwitchElement;
    };
    interface HTMLGritWcTopNavBarElement extends Components.GritWcTopNavBar, HTMLStencilElement {
    }
    var HTMLGritWcTopNavBarElement: {
        prototype: HTMLGritWcTopNavBarElement;
        new (): HTMLGritWcTopNavBarElement;
    };
    interface HTMLGritWcValidationMessageItemElement extends Components.GritWcValidationMessageItem, HTMLStencilElement {
    }
    var HTMLGritWcValidationMessageItemElement: {
        prototype: HTMLGritWcValidationMessageItemElement;
        new (): HTMLGritWcValidationMessageItemElement;
    };
    interface HTMLGritWcValidationMessageListElement extends Components.GritWcValidationMessageList, HTMLStencilElement {
    }
    var HTMLGritWcValidationMessageListElement: {
        prototype: HTMLGritWcValidationMessageListElement;
        new (): HTMLGritWcValidationMessageListElement;
    };
    interface HTMLIconButtonDemoElement extends Components.IconButtonDemo, HTMLStencilElement {
    }
    var HTMLIconButtonDemoElement: {
        prototype: HTMLIconButtonDemoElement;
        new (): HTMLIconButtonDemoElement;
    };
    interface HTMLIconsDemoElement extends Components.IconsDemo, HTMLStencilElement {
    }
    var HTMLIconsDemoElement: {
        prototype: HTMLIconsDemoElement;
        new (): HTMLIconsDemoElement;
    };
    interface HTMLLinearLoaderDemoElement extends Components.LinearLoaderDemo, HTMLStencilElement {
    }
    var HTMLLinearLoaderDemoElement: {
        prototype: HTMLLinearLoaderDemoElement;
        new (): HTMLLinearLoaderDemoElement;
    };
    interface HTMLListSelectDemoElement extends Components.ListSelectDemo, HTMLStencilElement {
    }
    var HTMLListSelectDemoElement: {
        prototype: HTMLListSelectDemoElement;
        new (): HTMLListSelectDemoElement;
    };
    interface HTMLLogoDemoElement extends Components.LogoDemo, HTMLStencilElement {
    }
    var HTMLLogoDemoElement: {
        prototype: HTMLLogoDemoElement;
        new (): HTMLLogoDemoElement;
    };
    interface HTMLMobileEmailFieldElement extends Components.MobileEmailField, HTMLStencilElement {
    }
    var HTMLMobileEmailFieldElement: {
        prototype: HTMLMobileEmailFieldElement;
        new (): HTMLMobileEmailFieldElement;
    };
    interface HTMLMoireCardDemoElement extends Components.MoireCardDemo, HTMLStencilElement {
    }
    var HTMLMoireCardDemoElement: {
        prototype: HTMLMoireCardDemoElement;
        new (): HTMLMoireCardDemoElement;
    };
    interface HTMLNotificationsDemoElement extends Components.NotificationsDemo, HTMLStencilElement {
    }
    var HTMLNotificationsDemoElement: {
        prototype: HTMLNotificationsDemoElement;
        new (): HTMLNotificationsDemoElement;
    };
    interface HTMLOtpCodeFieldElement extends Components.OtpCodeField, HTMLStencilElement {
    }
    var HTMLOtpCodeFieldElement: {
        prototype: HTMLOtpCodeFieldElement;
        new (): HTMLOtpCodeFieldElement;
    };
    interface HTMLOverlayContainerDemoElement extends Components.OverlayContainerDemo, HTMLStencilElement {
    }
    var HTMLOverlayContainerDemoElement: {
        prototype: HTMLOverlayContainerDemoElement;
        new (): HTMLOverlayContainerDemoElement;
    };
    interface HTMLQrCodeDemoElement extends Components.QrCodeDemo, HTMLStencilElement {
    }
    var HTMLQrCodeDemoElement: {
        prototype: HTMLQrCodeDemoElement;
        new (): HTMLQrCodeDemoElement;
    };
    interface HTMLRadioSelectDemoElement extends Components.RadioSelectDemo, HTMLStencilElement {
    }
    var HTMLRadioSelectDemoElement: {
        prototype: HTMLRadioSelectDemoElement;
        new (): HTMLRadioSelectDemoElement;
    };
    interface HTMLRadiosDemoElement extends Components.RadiosDemo, HTMLStencilElement {
    }
    var HTMLRadiosDemoElement: {
        prototype: HTMLRadiosDemoElement;
        new (): HTMLRadiosDemoElement;
    };
    interface HTMLRouterIndexElement extends Components.RouterIndex, HTMLStencilElement {
    }
    var HTMLRouterIndexElement: {
        prototype: HTMLRouterIndexElement;
        new (): HTMLRouterIndexElement;
    };
    interface HTMLSkeletonDemoElement extends Components.SkeletonDemo, HTMLStencilElement {
    }
    var HTMLSkeletonDemoElement: {
        prototype: HTMLSkeletonDemoElement;
        new (): HTMLSkeletonDemoElement;
    };
    interface HTMLSliderDemoElement extends Components.SliderDemo, HTMLStencilElement {
    }
    var HTMLSliderDemoElement: {
        prototype: HTMLSliderDemoElement;
        new (): HTMLSliderDemoElement;
    };
    interface HTMLSpinnerDemoElement extends Components.SpinnerDemo, HTMLStencilElement {
    }
    var HTMLSpinnerDemoElement: {
        prototype: HTMLSpinnerDemoElement;
        new (): HTMLSpinnerDemoElement;
    };
    interface HTMLSwitchesDemoElement extends Components.SwitchesDemo, HTMLStencilElement {
    }
    var HTMLSwitchesDemoElement: {
        prototype: HTMLSwitchesDemoElement;
        new (): HTMLSwitchesDemoElement;
    };
    interface HTMLTopNavBarDemoElement extends Components.TopNavBarDemo, HTMLStencilElement {
    }
    var HTMLTopNavBarDemoElement: {
        prototype: HTMLTopNavBarDemoElement;
        new (): HTMLTopNavBarDemoElement;
    };
    interface HTMLValidatorsDemoElement extends Components.ValidatorsDemo, HTMLStencilElement {
    }
    var HTMLValidatorsDemoElement: {
        prototype: HTMLValidatorsDemoElement;
        new (): HTMLValidatorsDemoElement;
    };
    interface HTMLVariablesDemoElement extends Components.VariablesDemo, HTMLStencilElement {
    }
    var HTMLVariablesDemoElement: {
        prototype: HTMLVariablesDemoElement;
        new (): HTMLVariablesDemoElement;
    };
    interface HTMLElementTagNameMap {
        "accordion-demo": HTMLAccordionDemoElement;
        "analytics-scroll": HTMLAnalyticsScrollElement;
        "autocomplete-demo": HTMLAutocompleteDemoElement;
        "badges-demo": HTMLBadgesDemoElement;
        "buttons-demo": HTMLButtonsDemoElement;
        "cards-demo": HTMLCardsDemoElement;
        "checkbox-demo": HTMLCheckboxDemoElement;
        "chips-demo": HTMLChipsDemoElement;
        "clipboard-card-demo": HTMLClipboardCardDemoElement;
        "debit-credit-field": HTMLDebitCreditFieldElement;
        "demo-stepper": HTMLDemoStepperElement;
        "field-demo": HTMLFieldDemoElement;
        "forms-demo": HTMLFormsDemoElement;
        "grit-wc-accordion": HTMLGritWcAccordionElement;
        "grit-wc-accordion-group": HTMLGritWcAccordionGroupElement;
        "grit-wc-analytics": HTMLGritWcAnalyticsElement;
        "grit-wc-autocomplete": HTMLGritWcAutocompleteElement;
        "grit-wc-autocomplete-item": HTMLGritWcAutocompleteItemElement;
        "grit-wc-badge": HTMLGritWcBadgeElement;
        "grit-wc-button": HTMLGritWcButtonElement;
        "grit-wc-card": HTMLGritWcCardElement;
        "grit-wc-checkbox": HTMLGritWcCheckboxElement;
        "grit-wc-checkbox-group": HTMLGritWcCheckboxGroupElement;
        "grit-wc-chip": HTMLGritWcChipElement;
        "grit-wc-clipboard-card": HTMLGritWcClipboardCardElement;
        "grit-wc-field": HTMLGritWcFieldElement;
        "grit-wc-field-icon": HTMLGritWcFieldIconElement;
        "grit-wc-icon": HTMLGritWcIconElement;
        "grit-wc-icon-button": HTMLGritWcIconButtonElement;
        "grit-wc-in-page-navigation": HTMLGritWcInPageNavigationElement;
        "grit-wc-linear-loader": HTMLGritWcLinearLoaderElement;
        "grit-wc-list-select": HTMLGritWcListSelectElement;
        "grit-wc-list-select-item": HTMLGritWcListSelectItemElement;
        "grit-wc-loader-message": HTMLGritWcLoaderMessageElement;
        "grit-wc-message": HTMLGritWcMessageElement;
        "grit-wc-message-group": HTMLGritWcMessageGroupElement;
        "grit-wc-moire-card": HTMLGritWcMoireCardElement;
        "grit-wc-notification": HTMLGritWcNotificationElement;
        "grit-wc-notification-action": HTMLGritWcNotificationActionElement;
        "grit-wc-notification-flag": HTMLGritWcNotificationFlagElement;
        "grit-wc-option-select": HTMLGritWcOptionSelectElement;
        "grit-wc-option-select-element": HTMLGritWcOptionSelectElementElement;
        "grit-wc-overlay-container": HTMLGritWcOverlayContainerElement;
        "grit-wc-prog-logo": HTMLGritWcProgLogoElement;
        "grit-wc-qr-code": HTMLGritWcQrCodeElement;
        "grit-wc-radio": HTMLGritWcRadioElement;
        "grit-wc-radio-group": HTMLGritWcRadioGroupElement;
        "grit-wc-skeleton-item": HTMLGritWcSkeletonItemElement;
        "grit-wc-skiplink": HTMLGritWcSkiplinkElement;
        "grit-wc-slider": HTMLGritWcSliderElement;
        "grit-wc-spinner": HTMLGritWcSpinnerElement;
        "grit-wc-step": HTMLGritWcStepElement;
        "grit-wc-stepper": HTMLGritWcStepperElement;
        "grit-wc-switch": HTMLGritWcSwitchElement;
        "grit-wc-top-nav-bar": HTMLGritWcTopNavBarElement;
        "grit-wc-validation-message-item": HTMLGritWcValidationMessageItemElement;
        "grit-wc-validation-message-list": HTMLGritWcValidationMessageListElement;
        "icon-button-demo": HTMLIconButtonDemoElement;
        "icons-demo": HTMLIconsDemoElement;
        "linear-loader-demo": HTMLLinearLoaderDemoElement;
        "list-select-demo": HTMLListSelectDemoElement;
        "logo-demo": HTMLLogoDemoElement;
        "mobile-email-field": HTMLMobileEmailFieldElement;
        "moire-card-demo": HTMLMoireCardDemoElement;
        "notifications-demo": HTMLNotificationsDemoElement;
        "otp-code-field": HTMLOtpCodeFieldElement;
        "overlay-container-demo": HTMLOverlayContainerDemoElement;
        "qr-code-demo": HTMLQrCodeDemoElement;
        "radio-select-demo": HTMLRadioSelectDemoElement;
        "radios-demo": HTMLRadiosDemoElement;
        "router-index": HTMLRouterIndexElement;
        "skeleton-demo": HTMLSkeletonDemoElement;
        "slider-demo": HTMLSliderDemoElement;
        "spinner-demo": HTMLSpinnerDemoElement;
        "switches-demo": HTMLSwitchesDemoElement;
        "top-nav-bar-demo": HTMLTopNavBarDemoElement;
        "validators-demo": HTMLValidatorsDemoElement;
        "variables-demo": HTMLVariablesDemoElement;
    }
}
declare namespace LocalJSX {
    interface AccordionDemo {
    }
    interface AnalyticsScroll {
    }
    interface AutocompleteDemo {
    }
    interface BadgesDemo {
    }
    interface ButtonsDemo {
    }
    interface CardsDemo {
    }
    interface CheckboxDemo {
    }
    interface ChipsDemo {
    }
    interface ClipboardCardDemo {
    }
    interface DebitCreditField {
    }
    interface DemoStepper {
    }
    interface FieldDemo {
    }
    interface FormsDemo {
    }
    interface GritWcAccordion {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it's set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Determines if accordion is opened or closed.
         */
        "isOpen"?: boolean;
        /**
          * Determines level of <h1> to <h6>
         */
        "level"?: number;
        /**
          * Event fires when the accordion changes state, returning an object with a boolean value depending if it is opened or closed (true/false)
         */
        "onGritUpdate"?: (event: CustomEvent<GritEventData<GritAccordionEventData>>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
    }
    interface GritWcAccordionGroup {
        /**
          * Determines if multiple accordions can be opened at the same time.
         */
        "multiple"?: boolean;
        /**
          * Event fires when the accordion changes state, returning an object with a boolean value depending of if it is opened or closed (true/false)
         */
        "onGritUpdate"?: (event: CustomEvent<GritEventData<GritAccordionEventData>>) => void;
        /**
          * An index representing the accordion to be defaulted to open.
         */
        "open"?: number | Array<number>;
    }
    interface GritWcAnalytics {
    }
    interface GritWcAutocomplete {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Sets the autocomplete to disable state.
         */
        "disabled"?: boolean;
        /**
          * Determines if listbox is currently displayed or hidden.
         */
        "display"?: boolean;
        /**
          * If it contains an error, errorKey will match the corresponding autocomplete message and show the error.
         */
        "errorKey"?: string;
        /**
          * Label string.
         */
        "label"?: string;
        /**
          * Sets the autocomplete to match full case, if it’s false or not present, it will match with any case
         */
        "matchFullCase"?: boolean;
        /**
          * Determines name property for the native input element.
         */
        "name"?: string;
        /**
          * Update event fired whenever the input of the autocomplete changes.
         */
        "onGritUpdate"?: (event: CustomEvent<GritEventData<string>>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * If it is set to true, it will show fields validation Icon.
         */
        "useValidationIcon"?: boolean;
        /**
          * Value of the autocomplete.
         */
        "value"?: string;
    }
    interface GritWcAutocompleteItem {
        "displayValue"?: string;
        /**
          * Variable used to re render the option with bold text.
         */
        "filteredValue"?: string;
        /**
          * Event fired when an item is selected with the selected value.
         */
        "onItemSelected"?: (event: CustomEvent<GritAutocompleteItemData | GritAutocompleteItemData[]>) => void;
        /**
          * Value of the autocomplete option/item.
         */
        "value"?: string | string[];
    }
    interface GritWcBadge {
        /**
          * Description of icon or the context of the badge.
         */
        "description"?: string;
        /**
          * Allows the use of the proper aria roles and attributes.
         */
        "dynamic"?: boolean;
        /**
          * Fills and shows the progress icon, when there is a value between 0 and 100, this only works with type = COLOR.PRIMARY or COLOR.DEFAULT.
         */
        "progress"?: number;
        /**
          * Hides or shows the icon.
         */
        "showIcon"?: boolean;
        /**
          * Changes the badge's background-color and icon color in case there is one.
         */
        "type"?: COLOR;
    }
    interface GritWcButton {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Sets buttons border-color, background-color, font color and the color it will have depending on interactions (hover, focus, etc).
         */
        "color"?: BUTTON_COLOR;
        /**
          * Displays a button with no changes on hover/focus.
         */
        "disabled"?: boolean;
        /**
          * Prompts the user to save the linked URL instead of navigating to it.
         */
        "download"?: string;
        /**
          * The form attribute takes in the ID of the form the button will submit or reset.
         */
        "form"?: string;
        /**
          * When `fullWidth` property is true, the button's width is set to 100% it's parent.
         */
        "fullWidth"?: boolean;
        /**
          * If href is set, then the button will behave as an anchor. It's the hyperlink used in the anchor.
         */
        "href"?: string;
        /**
          * If loading is set to true, a spinner will be rendered along the text.
         */
        "loading"?: boolean;
        /**
          * Grit Blur fires on blur of the button
         */
        "onGritBlur"?: (event: CustomEvent<any>) => void;
        /**
          * Click event fired whenever a button is clicked. The events returns the event itself, and it case the button is of type submit, dispatches a submitEvent to the closest form.
         */
        "onGritClick"?: (event: CustomEvent<any>) => void;
        /**
          * Grit Focus fires on focus of the button
         */
        "onGritFocus"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * The relationship of the linked URL as space-separated link types.
         */
        "rel"?: string;
        /**
          * Changes the button height and paddings.
         */
        "size"?: SIZE | string;
        /**
          * Target used in case the href prop is set. Possible values "_blank", "_self", "_parent", "_top".
         */
        "target"?: string;
        /**
          * Changes the type of the button so it can be `submit` or `button`.
         */
        "type"?: BUTTON_TYPE;
    }
    interface GritWcCard {
        /**
          * Sets the shown elevation of the card
         */
        "elevation"?: ELEVATION;
        /**
          * Sets padding of the card
         */
        "padding"?: PADDING_ITEM_SIZE | string;
    }
    interface GritWcCheckbox {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Will switch depending on if the checkbox is checked or not.
         */
        "checked"?: boolean;
        /**
          * Disables the checkbox.
         */
        "disabled"?: boolean;
        /**
          * Determines element id property.
         */
        "elementId"?: string;
        /**
          * This prop will indicate whether error styles should be displayed or not
         */
        "error"?: boolean;
        /**
          * indeterminate state masks the real value of the checkbox, checked or unchecked state will still change but it will not show when indeterminate value is true
         */
        "indeterminate"?: boolean;
        /**
          * Determines where the label will be positioned relative to the checkbox.
         */
        "labelAlignment"?: string;
        /**
          * Determines name property for the native input element.
         */
        "name"?: string;
        /**
          * Event fired when the checkbox changes state, returning an object with the value of the checkbox (true/false)
         */
        "onGritUpdate"?: (event: CustomEvent<GritEventData<GritCheckboxEventData>>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
    }
    interface GritWcCheckboxGroup {
        /**
          * Sets direction of the card
         */
        "direction"?: FLEX_DIRECTION | string;
        /**
          * indeterminateElement state masks the real value of the checkbox, checked or unchecked state will still change but it will not show when indeterminate value is true
         */
        "indeterminateElement"?: boolean;
        /**
          * String used for the label element.
         */
        "label"?: string;
        /**
          * Determines where the label will be positioned relative to the checkbox.
         */
        "labelAlignment"?: string;
        "onGritUpdateCheckBoxGroup"?: (event: CustomEvent<GritEventData<GritCheckboxGroupEventData>>) => void;
        /**
          * Specifies options
         */
        "options"?: CHECKBOX_GROUP_TYPE[];
    }
    interface GritWcChip {
        /**
          * The name of the icon to show to the right of the text in the chip.  Leave unspecified to show no icon.
         */
        "actionIcon"?: boolean;
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        "color"?: COLOR_PALETTE;
        /**
          * If it is set to true, it will allow the chip to be displayed in multiple lines
         */
        "multiline"?: boolean;
        /**
          * Event to subscribe to when the action Icon is clicked If the actionIcon prop is falsy, this will never emit
         */
        "onActionIconClick"?: (event: CustomEvent<GritEventData<GritChipEventData>>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * If set to spanish, the aria-label will be set to spanish;
         */
        "textLang"?: string;
    }
    interface GritWcClipboardCard {
    }
    interface GritWcField {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Uses this property to validate the field.
         */
        "errorKey"?: string;
        /**
          * When to fire Google Analitycs trigger.
         */
        "fireTriggerOption"?: FIRE_ANALYTICS_TRIGGER;
        /**
          * Sets the field hint option.
         */
        "hintOption"?: FIELD_HINT_OPTION;
        "onGritErrorMessageUpdate"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * Sets the field to show or not a validation icon.
         */
        "useValidationIcons"?: boolean;
    }
    interface GritWcFieldIcon {
        "color"?: string;
        "visible"?: boolean;
    }
    interface GritWcIcon {
        /**
          * Sets the color the Icon will have, and if it's bordered, the color of the border.
         */
        "color"?: COLOR;
        /**
          * Sets the type of font the icon has
         */
        "font"?: ICON_FONT;
        /**
          * Hides the icon leaving the empty space as is, setting it's css visibility to false.
         */
        "hidden"?: boolean;
        /**
          * Adds an `aria-label` with the value passed. If no value is passed then an `aria-hidden` will be true
         */
        "label"?: string;
        /**
          * If 'border', adds the corresponding border styling. Otherwise, it only shows the icon.
         */
        "mode"?: GritIconMode;
        /**
          * Height & Width of the icon in pixels. If the icon is bordered, the minimum size allowed for the icon is 24px so that the icon is rendered correctly.
         */
        "size"?: number;
    }
    interface GritWcIconButton {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Disables the button/anchor.
         */
        "disabled"?: boolean;
        /**
          * If an href is passed, <a> will render with the icon. By default it will render <button>.
         */
        "href"?: string;
        /**
          * Title for screen reader only
         */
        "label"?: string;
        /**
          * Click event fired whenever a button is clicked.
         */
        "onGritClick"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * If primary is set, a shadow will be applied on hover/focus state changes.
         */
        "primary"?: boolean;
        /**
          * If secondary is set, the icon will turn blue when hover/focus state changes.
         */
        "secondary"?: boolean;
        /**
          * Height & width of the icon in pixels.
         */
        "size"?: number;
    }
    interface GritWcInPageNavigation {
        /**
          * Current page url
         */
        "currentPageUrl"?: string;
        /**
          * Defines links to be rendered in the menu
         */
        "pageLinks"?: MARKDOWN_HEADING[];
    }
    interface GritWcLinearLoader {
        "display"?: boolean;
        /**
          * Array of objects to handle the messages shown with the following properties message: string - The message to be displayed duration: number - The time the message will be displayed delay: number - The delay before the next message will be shown
         */
        "loaderMessageProp"?: LINEAR_LOADER_MESSAGE[];
        /**
          * Changes the animation between a reoccurring loader to a once-occurring loader
         */
        "mode"?: LINEAR_LOADER_TYPE;
        /**
          * Will emit an event update with the current progress value
         */
        "onUpdate"?: (event: CustomEvent<GritEventData<string>>) => void;
        /**
          * Value that is set as progress on determinate loader.
         */
        "progress"?: number;
        /**
          * Should the messages repeat once they reach the last value set `repeat` to true.
         */
        "repeat"?: boolean;
    }
    interface GritWcListSelect {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        "name"?: string;
        /**
          * Event fired whenever a new list item is selected with the value of the list item.
         */
        "onChangeItem"?: (event: CustomEvent<string>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * Sets current selected value.
         */
        "selectedValue"?: string;
    }
    interface GritWcListSelectItem {
        /**
          * Event fires whenever an item is selected, with the value of it.
         */
        "onGritUpdate"?: (event: CustomEvent<string>) => void;
        /**
          * Sets the option as selected, expanding it if it has a subtitle, and changing background color.
         */
        "selected"?: boolean;
        /**
          * Value of the option.
         */
        "value"?: string;
    }
    interface GritWcLoaderMessage {
        "delay"?: number;
        "duration"?: number;
        "height"?: number;
    }
    interface GritWcMessage {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Used by parent component to identify and handle different message elements .
         */
        "errorKey"?: string;
        /**
          * Text to display in the show more CTA in case the message width is wider than the field and this text is currently showing.
         */
        "showMoreText"?: { more: string; less: string };
        /**
          * If true, shows error slot with animation.
         */
        "visible"?: boolean;
    }
    interface GritWcMessageGroup {
        /**
          * Current message to be rendered.
         */
        "message"?: string;
        /**
          * Defines the color of the text in the message.
         */
        "status"?: GritFieldStatus;
    }
    interface GritWcMoireCard {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * It's the hyperlink used in the component.
         */
        "href"?: string;
        /**
          * Event emitted when the moire card with a link is clicked
         */
        "onGritClick"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * This is the target property of the anchor element. The default value is `_blank` if an `href` property is passed.
         */
        "target"?: TARGET_TYPES;
    }
    interface GritWcNotification {
        /**
          * If action is set to collapse, down arrow button will be displayed and if clicked collapse animation will execute. If it is set to dismiss, cross button will be displayed and if clicked it will hide notification.
         */
        "action"?: GritNotificationAction;
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Close actions sets if the CTA (cross btn and dismiss text) to close the notification are visible. If it's set to NOTIFICATION_INTERACTION.NONE, then this CTA are hidden.
         */
        "closeActions"?: NOTIFICATION_INTERACTION | null;
        /**
          * Will determine if notification is collapsed or expanded.
         */
        "collapsed"?: boolean;
        /**
          * Color of the Notification icon, will also reflect on the notification background color and text style.
         */
        "color"?: COLOR;
        /**
          * Disable auto dismiss for flag notifications
         */
        "disableAutoDismiss"?: boolean;
        /**
          * Hide/Show notification component.
         */
        "display"?: boolean;
        /**
          * Elevation style of notification.
         */
        "elevation"?: ELEVATION;
        /**
          * EnterSide style of notification.
         */
        "enterSide"?: ALIGNMENT;
        /**
          * Active gestures for notifications.
         */
        "gestures"?: boolean;
        /**
          * Changes Notification text style to bold.
         */
        "modifier"?: NOTIFICATION_INTERACTION | null;
        "onDismissClick"?: (event: CustomEvent<any>) => void;
        "onFlagHide"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * Close timeout only for flag type notification.
         */
        "timeout"?: number;
        /**
          * Type of notification.
         */
        "type"?: NOTIFICATION_TYPE;
    }
    interface GritWcNotificationAction {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
    }
    interface GritWcNotificationFlag {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        "childrenRender"?: any;
        /**
          * Color of the Notification icon, will also reflect on the notification background color and text style.
         */
        "color"?: COLOR;
        /**
          * Disable auto dismiss for flag notifications
         */
        "disableAutoDismiss"?: boolean;
        /**
          * Hide/Show notification component.
         */
        "display"?: boolean;
        /**
          * EnterSide style of notification.
         */
        "enterSide"?: ALIGNMENT;
        /**
          * Active gestures for notifications.
         */
        "gestures"?: boolean;
        /**
          * Changes Notification text style to bold.
         */
        "modifier"?: NOTIFICATION_INTERACTION | null;
        "onDismissClick"?: (event: CustomEvent<any>) => void;
        "onFlagHide"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * Close timeout only for flag type notification.
         */
        "timeout"?: number;
    }
    interface GritWcOptionSelect {
        /**
          * It's the custom event object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Direction where the input will be rendered.
         */
        "direction"?: SELECT_DIRECTION;
        /**
          * Sets all the elements disabled.
         */
        "disabled"?: boolean;
        /**
          * If true, shows error slot with animation.
         */
        "error"?: boolean;
        /**
          * Form name of the group
         */
        "name"?: string;
        "onGritUpdate"?: (event: CustomEvent<GritEventData1<String | String[]>>) => void;
        /**
          * Type of inputs to render, radio or checkbox
         */
        "type"?: SELECT_TYPE;
        /**
          * Initial value checked, if type is checkbox we expect a String[], otherwise only one value
         */
        "value"?: string | string[];
    }
    interface GritWcOptionSelectElement {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Sets the checked status of the input
         */
        "checked"?: boolean;
        /**
          * Defined position of the radio button element.
         */
        "direction"?: SELECT_DIRECTION;
        /**
          * Sets the element to disable.
         */
        "disabled"?: boolean;
        /**
          * Form name of the group
         */
        "name"?: string;
        "onOptionSelectUpdate"?: (event: CustomEvent<GritEventData<GritRadioEventData>>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * If radio the elements rendered will be of type radio, otherwise of type checkbox
         */
        "type"?: SELECT_TYPE;
        /**
          * Value to represent the radio button. Also returned in the gritUpdate event fired when state changes.
         */
        "value"?: string;
    }
    interface GritWcOverlayContainer {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.  When the overlay closes it will also push this event to the Google Tag Manager. In this case, the eventAction will be the `close overlay ${analyticsCustomObj.eventAction}`
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it's set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * If true, overflow-y scroll bar will be displayed
         */
        "fixScrollBar"?: boolean;
        /**
          * Name to be used as identifier of the overlay.
         */
        "name"?: string;
        /**
          * Fires on backdrop click.
         */
        "onBackdropClicked"?: (event: CustomEvent<any>) => void;
        /**
          * Fires immediately after the component completes the update if the modal isn't being displayed.
         */
        "onIsClosed"?: (event: CustomEvent<any>) => void;
        /**
          * Fires immediately after the component completes the update if the modal is being displayed.
         */
        "onIsOpen"?: (event: CustomEvent<any>) => void;
        /**
          * Fires immediately after showOverlay property changes if the modal is being displayed.
         */
        "onWillClose"?: (event: CustomEvent<any>) => void;
        /**
          * Fires immediately after showOverlay property changes if the modal isn't being displayed.
         */
        "onWillOpen"?: (event: CustomEvent<any>) => void;
        /**
          * Target to append the overlay, can be body, and id or null
         */
        "parentSelector"?: string;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * If true, the modal will have a cross button to close the modal in the upper right corner.
         */
        "showCloseButton"?: boolean;
        /**
          * If true, the modal will be rendered with it's animation in the ui.
         */
        "showOverlay"?: boolean;
        /**
          * Sets how the overlay component will render in the ui.
         */
        "type"?: OVERLAY_TYPE;
    }
    interface GritWcProgLogo {
        "logoHeight"?: number;
        "logoType"?: LOGO_TYPE;
        "logoWidth"?: number;
    }
    interface GritWcQrCode {
        /**
          * Custom height and width for the qr code.
         */
        "size"?: number;
        /**
          * Shows the QR code tutorial if true.
         */
        "tutorial"?: boolean;
        /**
          * Qr code link url.
         */
        "url"?: string;
    }
    interface GritWcRadio {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Sets the checkbox to checked if true.
         */
        "checked"?: boolean;
        /**
          * Sets the checkbox to disabled.
         */
        "disabled"?: boolean;
        /**
          * Sets radio error state.
         */
        "error"?: boolean;
        /**
          * The font family of the checkbox label.
         */
        "fontFamily"?: string;
        /**
          * The font weight of the checkbox label.
         */
        "fontWeight"?: number;
        /**
          * Sets the name of the checkbox input.
         */
        "name"?: string;
        /**
          * Event that is passed to radio-group, and radio-group surfaces to the consumer of the component.
         */
        "onGritUpdate"?: (event: CustomEvent<GritEventData<GritRadioEventData>>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * Returns a ref to the native element
         */
        "radioNativeElementRef"?: retrieveElementRef;
        /**
          * Sets the value of the checkbox input.
         */
        "value"?: string;
    }
    interface GritWcRadioGroup {
        /**
          * Sets the group of radios to disabled.
         */
        "disabled"?: boolean;
        /**
          * Event bubbling from radio input to handle the change in a radio btn. Can be consumed with `onChange={(event) => }` in the grit-wc-radio-group html element The event returns
          * @returns event: "grit-update" value: { checked: boolean name: string value: string } }
         */
        "onGritUpdate"?: (event: CustomEvent<GritEventData<GritRadioEventData>>) => void;
        /**
          * Sets the initial radio selected when the radio group renders.
         */
        "value"?: string;
    }
    interface GritWcSkeletonItem {
        /**
          * Sets the skeleton items border Radius.
         */
        "borderRadius"?: string;
        /**
          * Sets the skeleton item height.
         */
        "height"?: string;
        /**
          * Allows for turning off shimmer animation
         */
        "isAnimated"?: boolean;
        /**
          * Sets the skeleton item min-height.
         */
        "minHeight"?: string;
        /**
          * Sets the skeleton item min-width.
         */
        "minWidth"?: string;
        /**
          * Sets the skeleton item type.
         */
        "type"?: SKELETON_ITEM_TYPE;
        /**
          * Sets the skeleton item width.
         */
        "width"?: string;
    }
    interface GritWcSkiplink {
        /**
          * It's the custom event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
    }
    interface GritWcSlider {
        /**
          * It's the custom object to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Prefix of the label. Useful in case you want to show a different currency, or unit. For example, `Month` or `£`.
         */
        "label"?: string;
        /**
          * Maximum value of the slider.
         */
        "max"?: number;
        /**
          * Minimum value of the slider.
         */
        "min"?: number;
        /**
          * Event fired each time a change in the value of the slider happens, returning the current value.
         */
        "onUpdate"?: (event: CustomEvent<number>) => void;
        /**
          * Steps between possible values in the slider. In case step is negative the default step will be 1.
         */
        "step"?: number;
        /**
          * Value of the slider.
         */
        "value"?: number;
    }
    interface GritWcSpinner {
        /**
          * Sets the color of the spinner.
         */
        "color"?: string;
        /**
          * Label for screen readers.
         */
        "label"?: string;
        /**
          * Sets the size (Width & Height) of the spinner in pixels.
         */
        "size"?: number;
        /**
          * Sets the stroke width of the spinner.
         */
        "strokeWidth"?: number;
    }
    interface GritWcStep {
        /**
          * Can override the icon and color depending on what stage is set
         */
        "stage"?: STEPPER_STAGE;
    }
    interface GritWcStepper {
    }
    interface GritWcSwitch {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * If true the switch will be rendered in its ON state.
         */
        "checked"?: boolean;
        /**
          * Sets the style of the switch to disable and disables it's actions.
         */
        "disabled"?: boolean;
        /**
          * Sets where the label will be rendered.
         */
        "labelPosition"?: POSITION;
        /**
          * Sets the values to the label
         */
        "labels"?: { labelOn: string; labelOff: string };
        "name"?: string;
        /**
          * Event that fires when the switch changes state returning the current state.
         */
        "onToggled"?: (event: CustomEvent<any>) => void;
        /**
          * If it is set to true, no personally identifiable information will be pushed into Google Analytics.
         */
        "pii"?: boolean;
        /**
          * If it is set to true, it will show the on and off labels
         */
        "showLabels"?: boolean;
    }
    interface GritWcTopNavBar {
        /**
          * It's the custom object event to be passed into the `GoogleAnalytics.getInstance().pushCustomEvent()` function.
         */
        "analyticsCustomObj"?: ICustomGoogleAnalyticsConfig;
        /**
          * If it is set to false, no event will be pushed into Google Analytics.
         */
        "analyticsEnabled"?: boolean;
        /**
          * Sets the nab var fixed at top if true
         */
        "fixed"?: boolean;
        "hideLeftIcon"?: boolean;
        "hideRightIcon"?: boolean;
        /**
          * Sets image logo image, by defaults it's prog's logo
         */
        "imgSrc"?: string;
        /**
          * Left icon - From Material
         */
        "leftIconName"?: string;
        "onGritLeftIconClicked"?: (event: CustomEvent<MouseEvent>) => void;
        "onGritRightIconClicked"?: (event: CustomEvent<MouseEvent>) => void;
        /**
          * Removed spacer if true
         */
        "removeSpacer"?: boolean;
        /**
          * Right icon - From Material
         */
        "rightIconName"?: string;
    }
    interface GritWcValidationMessageItem {
        "errorKey"?: string;
        "inputBlur"?: boolean;
        "inputValue"?: string;
    }
    interface GritWcValidationMessageList {
        "inputBlur"?: boolean;
        "inputValue"?: string;
    }
    interface IconButtonDemo {
    }
    interface IconsDemo {
    }
    interface LinearLoaderDemo {
    }
    interface ListSelectDemo {
    }
    interface LogoDemo {
    }
    interface MobileEmailField {
    }
    interface MoireCardDemo {
    }
    interface NotificationsDemo {
    }
    interface OtpCodeField {
    }
    interface OverlayContainerDemo {
    }
    interface QrCodeDemo {
    }
    interface RadioSelectDemo {
    }
    interface RadiosDemo {
    }
    interface RouterIndex {
        "rootUrl"?: string;
    }
    interface SkeletonDemo {
    }
    interface SliderDemo {
    }
    interface SpinnerDemo {
    }
    interface SwitchesDemo {
    }
    interface TopNavBarDemo {
    }
    interface ValidatorsDemo {
    }
    interface VariablesDemo {
    }
    interface IntrinsicElements {
        "accordion-demo": AccordionDemo;
        "analytics-scroll": AnalyticsScroll;
        "autocomplete-demo": AutocompleteDemo;
        "badges-demo": BadgesDemo;
        "buttons-demo": ButtonsDemo;
        "cards-demo": CardsDemo;
        "checkbox-demo": CheckboxDemo;
        "chips-demo": ChipsDemo;
        "clipboard-card-demo": ClipboardCardDemo;
        "debit-credit-field": DebitCreditField;
        "demo-stepper": DemoStepper;
        "field-demo": FieldDemo;
        "forms-demo": FormsDemo;
        "grit-wc-accordion": GritWcAccordion;
        "grit-wc-accordion-group": GritWcAccordionGroup;
        "grit-wc-analytics": GritWcAnalytics;
        "grit-wc-autocomplete": GritWcAutocomplete;
        "grit-wc-autocomplete-item": GritWcAutocompleteItem;
        "grit-wc-badge": GritWcBadge;
        "grit-wc-button": GritWcButton;
        "grit-wc-card": GritWcCard;
        "grit-wc-checkbox": GritWcCheckbox;
        "grit-wc-checkbox-group": GritWcCheckboxGroup;
        "grit-wc-chip": GritWcChip;
        "grit-wc-clipboard-card": GritWcClipboardCard;
        "grit-wc-field": GritWcField;
        "grit-wc-field-icon": GritWcFieldIcon;
        "grit-wc-icon": GritWcIcon;
        "grit-wc-icon-button": GritWcIconButton;
        "grit-wc-in-page-navigation": GritWcInPageNavigation;
        "grit-wc-linear-loader": GritWcLinearLoader;
        "grit-wc-list-select": GritWcListSelect;
        "grit-wc-list-select-item": GritWcListSelectItem;
        "grit-wc-loader-message": GritWcLoaderMessage;
        "grit-wc-message": GritWcMessage;
        "grit-wc-message-group": GritWcMessageGroup;
        "grit-wc-moire-card": GritWcMoireCard;
        "grit-wc-notification": GritWcNotification;
        "grit-wc-notification-action": GritWcNotificationAction;
        "grit-wc-notification-flag": GritWcNotificationFlag;
        "grit-wc-option-select": GritWcOptionSelect;
        "grit-wc-option-select-element": GritWcOptionSelectElement;
        "grit-wc-overlay-container": GritWcOverlayContainer;
        "grit-wc-prog-logo": GritWcProgLogo;
        "grit-wc-qr-code": GritWcQrCode;
        "grit-wc-radio": GritWcRadio;
        "grit-wc-radio-group": GritWcRadioGroup;
        "grit-wc-skeleton-item": GritWcSkeletonItem;
        "grit-wc-skiplink": GritWcSkiplink;
        "grit-wc-slider": GritWcSlider;
        "grit-wc-spinner": GritWcSpinner;
        "grit-wc-step": GritWcStep;
        "grit-wc-stepper": GritWcStepper;
        "grit-wc-switch": GritWcSwitch;
        "grit-wc-top-nav-bar": GritWcTopNavBar;
        "grit-wc-validation-message-item": GritWcValidationMessageItem;
        "grit-wc-validation-message-list": GritWcValidationMessageList;
        "icon-button-demo": IconButtonDemo;
        "icons-demo": IconsDemo;
        "linear-loader-demo": LinearLoaderDemo;
        "list-select-demo": ListSelectDemo;
        "logo-demo": LogoDemo;
        "mobile-email-field": MobileEmailField;
        "moire-card-demo": MoireCardDemo;
        "notifications-demo": NotificationsDemo;
        "otp-code-field": OtpCodeField;
        "overlay-container-demo": OverlayContainerDemo;
        "qr-code-demo": QrCodeDemo;
        "radio-select-demo": RadioSelectDemo;
        "radios-demo": RadiosDemo;
        "router-index": RouterIndex;
        "skeleton-demo": SkeletonDemo;
        "slider-demo": SliderDemo;
        "spinner-demo": SpinnerDemo;
        "switches-demo": SwitchesDemo;
        "top-nav-bar-demo": TopNavBarDemo;
        "validators-demo": ValidatorsDemo;
        "variables-demo": VariablesDemo;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "accordion-demo": LocalJSX.AccordionDemo & JSXBase.HTMLAttributes<HTMLAccordionDemoElement>;
            "analytics-scroll": LocalJSX.AnalyticsScroll & JSXBase.HTMLAttributes<HTMLAnalyticsScrollElement>;
            "autocomplete-demo": LocalJSX.AutocompleteDemo & JSXBase.HTMLAttributes<HTMLAutocompleteDemoElement>;
            "badges-demo": LocalJSX.BadgesDemo & JSXBase.HTMLAttributes<HTMLBadgesDemoElement>;
            "buttons-demo": LocalJSX.ButtonsDemo & JSXBase.HTMLAttributes<HTMLButtonsDemoElement>;
            "cards-demo": LocalJSX.CardsDemo & JSXBase.HTMLAttributes<HTMLCardsDemoElement>;
            "checkbox-demo": LocalJSX.CheckboxDemo & JSXBase.HTMLAttributes<HTMLCheckboxDemoElement>;
            "chips-demo": LocalJSX.ChipsDemo & JSXBase.HTMLAttributes<HTMLChipsDemoElement>;
            "clipboard-card-demo": LocalJSX.ClipboardCardDemo & JSXBase.HTMLAttributes<HTMLClipboardCardDemoElement>;
            "debit-credit-field": LocalJSX.DebitCreditField & JSXBase.HTMLAttributes<HTMLDebitCreditFieldElement>;
            "demo-stepper": LocalJSX.DemoStepper & JSXBase.HTMLAttributes<HTMLDemoStepperElement>;
            "field-demo": LocalJSX.FieldDemo & JSXBase.HTMLAttributes<HTMLFieldDemoElement>;
            "forms-demo": LocalJSX.FormsDemo & JSXBase.HTMLAttributes<HTMLFormsDemoElement>;
            "grit-wc-accordion": LocalJSX.GritWcAccordion & JSXBase.HTMLAttributes<HTMLGritWcAccordionElement>;
            "grit-wc-accordion-group": LocalJSX.GritWcAccordionGroup & JSXBase.HTMLAttributes<HTMLGritWcAccordionGroupElement>;
            "grit-wc-analytics": LocalJSX.GritWcAnalytics & JSXBase.HTMLAttributes<HTMLGritWcAnalyticsElement>;
            "grit-wc-autocomplete": LocalJSX.GritWcAutocomplete & JSXBase.HTMLAttributes<HTMLGritWcAutocompleteElement>;
            "grit-wc-autocomplete-item": LocalJSX.GritWcAutocompleteItem & JSXBase.HTMLAttributes<HTMLGritWcAutocompleteItemElement>;
            "grit-wc-badge": LocalJSX.GritWcBadge & JSXBase.HTMLAttributes<HTMLGritWcBadgeElement>;
            "grit-wc-button": LocalJSX.GritWcButton & JSXBase.HTMLAttributes<HTMLGritWcButtonElement>;
            "grit-wc-card": LocalJSX.GritWcCard & JSXBase.HTMLAttributes<HTMLGritWcCardElement>;
            "grit-wc-checkbox": LocalJSX.GritWcCheckbox & JSXBase.HTMLAttributes<HTMLGritWcCheckboxElement>;
            "grit-wc-checkbox-group": LocalJSX.GritWcCheckboxGroup & JSXBase.HTMLAttributes<HTMLGritWcCheckboxGroupElement>;
            "grit-wc-chip": LocalJSX.GritWcChip & JSXBase.HTMLAttributes<HTMLGritWcChipElement>;
            "grit-wc-clipboard-card": LocalJSX.GritWcClipboardCard & JSXBase.HTMLAttributes<HTMLGritWcClipboardCardElement>;
            "grit-wc-field": LocalJSX.GritWcField & JSXBase.HTMLAttributes<HTMLGritWcFieldElement>;
            "grit-wc-field-icon": LocalJSX.GritWcFieldIcon & JSXBase.HTMLAttributes<HTMLGritWcFieldIconElement>;
            "grit-wc-icon": LocalJSX.GritWcIcon & JSXBase.HTMLAttributes<HTMLGritWcIconElement>;
            "grit-wc-icon-button": LocalJSX.GritWcIconButton & JSXBase.HTMLAttributes<HTMLGritWcIconButtonElement>;
            "grit-wc-in-page-navigation": LocalJSX.GritWcInPageNavigation & JSXBase.HTMLAttributes<HTMLGritWcInPageNavigationElement>;
            "grit-wc-linear-loader": LocalJSX.GritWcLinearLoader & JSXBase.HTMLAttributes<HTMLGritWcLinearLoaderElement>;
            "grit-wc-list-select": LocalJSX.GritWcListSelect & JSXBase.HTMLAttributes<HTMLGritWcListSelectElement>;
            "grit-wc-list-select-item": LocalJSX.GritWcListSelectItem & JSXBase.HTMLAttributes<HTMLGritWcListSelectItemElement>;
            "grit-wc-loader-message": LocalJSX.GritWcLoaderMessage & JSXBase.HTMLAttributes<HTMLGritWcLoaderMessageElement>;
            "grit-wc-message": LocalJSX.GritWcMessage & JSXBase.HTMLAttributes<HTMLGritWcMessageElement>;
            "grit-wc-message-group": LocalJSX.GritWcMessageGroup & JSXBase.HTMLAttributes<HTMLGritWcMessageGroupElement>;
            "grit-wc-moire-card": LocalJSX.GritWcMoireCard & JSXBase.HTMLAttributes<HTMLGritWcMoireCardElement>;
            "grit-wc-notification": LocalJSX.GritWcNotification & JSXBase.HTMLAttributes<HTMLGritWcNotificationElement>;
            "grit-wc-notification-action": LocalJSX.GritWcNotificationAction & JSXBase.HTMLAttributes<HTMLGritWcNotificationActionElement>;
            "grit-wc-notification-flag": LocalJSX.GritWcNotificationFlag & JSXBase.HTMLAttributes<HTMLGritWcNotificationFlagElement>;
            "grit-wc-option-select": LocalJSX.GritWcOptionSelect & JSXBase.HTMLAttributes<HTMLGritWcOptionSelectElement>;
            "grit-wc-option-select-element": LocalJSX.GritWcOptionSelectElement & JSXBase.HTMLAttributes<HTMLGritWcOptionSelectElementElement>;
            "grit-wc-overlay-container": LocalJSX.GritWcOverlayContainer & JSXBase.HTMLAttributes<HTMLGritWcOverlayContainerElement>;
            "grit-wc-prog-logo": LocalJSX.GritWcProgLogo & JSXBase.HTMLAttributes<HTMLGritWcProgLogoElement>;
            "grit-wc-qr-code": LocalJSX.GritWcQrCode & JSXBase.HTMLAttributes<HTMLGritWcQrCodeElement>;
            "grit-wc-radio": LocalJSX.GritWcRadio & JSXBase.HTMLAttributes<HTMLGritWcRadioElement>;
            "grit-wc-radio-group": LocalJSX.GritWcRadioGroup & JSXBase.HTMLAttributes<HTMLGritWcRadioGroupElement>;
            "grit-wc-skeleton-item": LocalJSX.GritWcSkeletonItem & JSXBase.HTMLAttributes<HTMLGritWcSkeletonItemElement>;
            "grit-wc-skiplink": LocalJSX.GritWcSkiplink & JSXBase.HTMLAttributes<HTMLGritWcSkiplinkElement>;
            "grit-wc-slider": LocalJSX.GritWcSlider & JSXBase.HTMLAttributes<HTMLGritWcSliderElement>;
            "grit-wc-spinner": LocalJSX.GritWcSpinner & JSXBase.HTMLAttributes<HTMLGritWcSpinnerElement>;
            "grit-wc-step": LocalJSX.GritWcStep & JSXBase.HTMLAttributes<HTMLGritWcStepElement>;
            "grit-wc-stepper": LocalJSX.GritWcStepper & JSXBase.HTMLAttributes<HTMLGritWcStepperElement>;
            "grit-wc-switch": LocalJSX.GritWcSwitch & JSXBase.HTMLAttributes<HTMLGritWcSwitchElement>;
            "grit-wc-top-nav-bar": LocalJSX.GritWcTopNavBar & JSXBase.HTMLAttributes<HTMLGritWcTopNavBarElement>;
            "grit-wc-validation-message-item": LocalJSX.GritWcValidationMessageItem & JSXBase.HTMLAttributes<HTMLGritWcValidationMessageItemElement>;
            "grit-wc-validation-message-list": LocalJSX.GritWcValidationMessageList & JSXBase.HTMLAttributes<HTMLGritWcValidationMessageListElement>;
            "icon-button-demo": LocalJSX.IconButtonDemo & JSXBase.HTMLAttributes<HTMLIconButtonDemoElement>;
            "icons-demo": LocalJSX.IconsDemo & JSXBase.HTMLAttributes<HTMLIconsDemoElement>;
            "linear-loader-demo": LocalJSX.LinearLoaderDemo & JSXBase.HTMLAttributes<HTMLLinearLoaderDemoElement>;
            "list-select-demo": LocalJSX.ListSelectDemo & JSXBase.HTMLAttributes<HTMLListSelectDemoElement>;
            "logo-demo": LocalJSX.LogoDemo & JSXBase.HTMLAttributes<HTMLLogoDemoElement>;
            "mobile-email-field": LocalJSX.MobileEmailField & JSXBase.HTMLAttributes<HTMLMobileEmailFieldElement>;
            "moire-card-demo": LocalJSX.MoireCardDemo & JSXBase.HTMLAttributes<HTMLMoireCardDemoElement>;
            "notifications-demo": LocalJSX.NotificationsDemo & JSXBase.HTMLAttributes<HTMLNotificationsDemoElement>;
            "otp-code-field": LocalJSX.OtpCodeField & JSXBase.HTMLAttributes<HTMLOtpCodeFieldElement>;
            "overlay-container-demo": LocalJSX.OverlayContainerDemo & JSXBase.HTMLAttributes<HTMLOverlayContainerDemoElement>;
            "qr-code-demo": LocalJSX.QrCodeDemo & JSXBase.HTMLAttributes<HTMLQrCodeDemoElement>;
            "radio-select-demo": LocalJSX.RadioSelectDemo & JSXBase.HTMLAttributes<HTMLRadioSelectDemoElement>;
            "radios-demo": LocalJSX.RadiosDemo & JSXBase.HTMLAttributes<HTMLRadiosDemoElement>;
            "router-index": LocalJSX.RouterIndex & JSXBase.HTMLAttributes<HTMLRouterIndexElement>;
            "skeleton-demo": LocalJSX.SkeletonDemo & JSXBase.HTMLAttributes<HTMLSkeletonDemoElement>;
            "slider-demo": LocalJSX.SliderDemo & JSXBase.HTMLAttributes<HTMLSliderDemoElement>;
            "spinner-demo": LocalJSX.SpinnerDemo & JSXBase.HTMLAttributes<HTMLSpinnerDemoElement>;
            "switches-demo": LocalJSX.SwitchesDemo & JSXBase.HTMLAttributes<HTMLSwitchesDemoElement>;
            "top-nav-bar-demo": LocalJSX.TopNavBarDemo & JSXBase.HTMLAttributes<HTMLTopNavBarDemoElement>;
            "validators-demo": LocalJSX.ValidatorsDemo & JSXBase.HTMLAttributes<HTMLValidatorsDemoElement>;
            "variables-demo": LocalJSX.VariablesDemo & JSXBase.HTMLAttributes<HTMLVariablesDemoElement>;
        }
    }
}