/* 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 { ColorType } from "./constants/colors";
import { FlagType, IconType, LogoType } from "./constants/icons";
import { AnimationsType } from "./components/x-animate/animations";
import { BadgeAlignType } from "./components/x-badge/component";
import { ButtonAlignType, ButtonType } from "./components/x-button/component";
import { CardJustifyType, CardPositionType } from "./components/x-card/component";
import { ColumnOffsetType, ColumnOrderType, ColumnSizeType } from "./components/x-grid/component-col";
import { RowAlignType, RowGuttersType } from "./components/x-grid/component-row";
import { GridSizesType } from "./components/x-grid/component";
import { DialogType } from "./components/x-dialog/component";
import { DividerAlignType } from "./components/x-divider/component";
import { DropdownAlignType } from "./components/x-dropdown/component";
import { FabPositionType } from "./components/x-fab/component";
import { InputAutocompleteTypes, InputEnterKeyHintType, InputModeType, InputType } from "./components/x-input/component";
import { MediaAlignType } from "./components/x-media/component";
import { ModalSizeType } from "./components/x-modal/components";
import { HostElement } from "./stencil-public-runtime";
import { RowAlignType as RowAlignType1, RowColsType, RowGuttersType as RowGuttersType1, RowJustifyType } from "./components/x-grid/component-row";
import { SegmentAlignType } from "./components/x-segment/component";
import { ShowcaseType } from "./components/x-showcase/component-item";
import { SliderUnitPosition } from "./components/x-slider/componente";
import { TabsPositionType } from "./components/x-tabs/component";
import { TooltipAlignType } from "./components/x-tooltip/component";
export { ColorType } from "./constants/colors";
export { FlagType, IconType, LogoType } from "./constants/icons";
export { AnimationsType } from "./components/x-animate/animations";
export { BadgeAlignType } from "./components/x-badge/component";
export { ButtonAlignType, ButtonType } from "./components/x-button/component";
export { CardJustifyType, CardPositionType } from "./components/x-card/component";
export { ColumnOffsetType, ColumnOrderType, ColumnSizeType } from "./components/x-grid/component-col";
export { RowAlignType, RowGuttersType } from "./components/x-grid/component-row";
export { GridSizesType } from "./components/x-grid/component";
export { DialogType } from "./components/x-dialog/component";
export { DividerAlignType } from "./components/x-divider/component";
export { DropdownAlignType } from "./components/x-dropdown/component";
export { FabPositionType } from "./components/x-fab/component";
export { InputAutocompleteTypes, InputEnterKeyHintType, InputModeType, InputType } from "./components/x-input/component";
export { MediaAlignType } from "./components/x-media/component";
export { ModalSizeType } from "./components/x-modal/components";
export { HostElement } from "./stencil-public-runtime";
export { RowAlignType as RowAlignType1, RowColsType, RowGuttersType as RowGuttersType1, RowJustifyType } from "./components/x-grid/component-row";
export { SegmentAlignType } from "./components/x-segment/component";
export { ShowcaseType } from "./components/x-showcase/component-item";
export { SliderUnitPosition } from "./components/x-slider/componente";
export { TabsPositionType } from "./components/x-tabs/component";
export { TooltipAlignType } from "./components/x-tooltip/component";
export namespace Components {
    interface XAlert {
        /**
          * Element color background
         */
        "color"?: ColorType;
        /**
          * Element header title text
         */
        "header"?: string;
        /**
          * Element icon name
         */
        "icon"?: IconType;
    }
    interface XAnimate {
        /**
          * A DOMString with which to reference the animation.
         */
        "animateId"?: string;
        /**
          * Start the animation when the component is mounted.
         */
        "autoPlay"?: boolean;
        /**
          * Clears all `KeyframeEffects` caused by this animation and aborts its playback.
         */
        "cancel": () => Promise<void>;
        /**
          * Clear the current animation
         */
        "clear": () => Promise<void>;
        /**
          * Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`.
         */
        "composite"?: CompositeOperation;
        /**
          * Sets the current time value of the animation in milliseconds, whether running or paused.
         */
        "currentTime"?: number;
        /**
          * The number of milliseconds to delay the start of the animation. Defaults to 0.
         */
        "delay"?: number;
        /**
          * Destroy the current animation
         */
        "destroy": () => Promise<void>;
        /**
          * Direction of the animation.
         */
        "direction"?: PlaybackDirection;
        /**
          * The number of milliseconds each iteration of the animation takes to complete. Defaults to 300.
         */
        "duration"?: number;
        /**
          * The rate of the animation's change over time.
         */
        "easing"?: string;
        /**
          * The number of milliseconds to delay after the end of an animation.
         */
        "endDelay"?: number;
        /**
          * Dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both. Defaults to "none".
         */
        "fill"?: FillMode;
        /**
          * Sets the current playback time to the end of the animation corresponding to the current playback direction.
         */
        "finish": () => Promise<void>;
        /**
          * The class name to be applied when the animation starts
         */
        "fromClassName"?: string;
        /**
          * Returns the current time value of the animation in milliseconds, whether running or paused.
         */
        "getCurrentTime": () => Promise<number | CSSNumberish>;
        /**
          * Indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation.
         */
        "getPending": () => Promise<boolean>;
        /**
          * Returns an enumerated value describing the playback state of an animation.
         */
        "getPlayState": () => Promise<AnimationPlayState>;
        /**
          * Returns the playback rate of the animation.
         */
        "getPlaybackRate": () => Promise<number>;
        /**
          * Returns the scheduled time when an animation's playback should begin.
         */
        "getStartTime": () => Promise<number | CSSNumberish>;
        /**
          * Determines how values build from iteration to iteration in this animation.
         */
        "iterationComposite"?: IterationCompositeOperation;
        /**
          * Describes at what point in the iteration the animation should start.
         */
        "iterationStart"?: number;
        /**
          * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make it repeat for as long as the element exists.
         */
        "iterations"?: number;
        /**
          * Keyframes of the animation.
         */
        "keyFrames"?: Keyframe[];
        /**
          * Keyframes of the animation in string format.
         */
        "keyFramesData"?: string;
        /**
          * Name of the animation to get the keyFrames
         */
        "name"?: AnimationsType;
        /**
          * Default options of the animation.
         */
        "options"?: KeyframeAnimationOptions;
        /**
          * Default options of the animation in string format.
         */
        "optionsData"?: string;
        /**
          * Suspends playback of the animation.
         */
        "pause": () => Promise<void>;
        /**
          * Starts or resumes playing of an animation.
         */
        "play": () => Promise<void>;
        /**
          * Sets the playback rate of the animation.
         */
        "playbackRate"?: number;
        /**
          * Reverses the playback direction, meaning the animation ends at its beginning.
         */
        "reverse": () => Promise<void>;
        /**
          * Sets the scheduled time when an animation's playback should begin.
         */
        "startTime"?: number;
        /**
          * The class name to be applied when the animation ends
         */
        "toClassName"?: string;
    }
    interface XAvatar {
        /**
          * Element image path
         */
        "image"?: string;
        /**
          * Initial letters or name
         */
        "letters"?: string;
        /**
          * Element rounded style
         */
        "rounded"?: boolean;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XBadge {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element icon aligment
         */
        "iconAlign"?: BadgeAlignType;
    }
    interface XButton {
        /**
          * Element fullwidth block style
         */
        "block"?: boolean;
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element disabled state
         */
        "disabled"?: boolean;
        /**
          * Element URL path for `<a>` type button
         */
        "href"?: string;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element icon aligment
         */
        "iconAlign"?: ButtonAlignType;
        /**
          * Element loading state
         */
        "loading"?: boolean;
        /**
          * Element button type
         */
        "type"?: ButtonType;
    }
    interface XCard {
        /**
          * Element footer justify content
         */
        "footerJustify"?: CardJustifyType;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element icon color
         */
        "iconColor"?: ColorType;
        /**
          * Element image path
         */
        "image"?: string;
        /**
          * Element image description
         */
        "imageDescription"?: string;
        /**
          * Element image height
         */
        "imageHeight": string;
        /**
          * Element image position
         */
        "imagePosition"?: CardPositionType;
    }
    interface XChip {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element can focus on hover
         */
        "hoverable"?: boolean;
    }
    interface XCol {
        /**
          * Element align items style
         */
        "align": RowAlignType;
        /**
          * Element align items style in large screens
         */
        "alignLg": RowAlignType;
        /**
          * Element align items style in medium screens
         */
        "alignMd": RowAlignType;
        /**
          * Element align items style in small screens
         */
        "alignSm": RowAlignType;
        /**
          * Element align items style in extra large screens
         */
        "alignXl": RowAlignType;
        /**
          * Element auto size column
         */
        "auto": boolean;
        /**
          * Element offset size
         */
        "offset": ColumnOffsetType;
        /**
          * Element offset size in large screens
         */
        "offsetLg": ColumnOffsetType;
        /**
          * Element offset size in medium screens
         */
        "offsetMd": ColumnOffsetType;
        /**
          * Element offset size in small screens
         */
        "offsetSm": ColumnOffsetType;
        /**
          * Element offset size in extra large screens
         */
        "offsetXl": ColumnOffsetType;
        /**
          * Element aligment order
         */
        "order": ColumnOrderType;
        /**
          * Element aligment order in large screens
         */
        "orderLg": ColumnOrderType;
        /**
          * Element aligment order in medium screens
         */
        "orderMd": ColumnOrderType;
        /**
          * Element aligment order in small screens
         */
        "orderSm": ColumnOrderType;
        /**
          * Element aligment order in extra large screens
         */
        "orderXl": ColumnOrderType;
        "setPaddingGutters": (size: RowGuttersType, type?: GridSizesType) => Promise<void>;
        /**
          * Element column size
         */
        "size": ColumnSizeType;
        /**
          * Element column size in large screens
         */
        "sizeLg": ColumnSizeType;
        /**
          * Element column size in medium screens
         */
        "sizeMd": ColumnSizeType;
        /**
          * Element column size in small screens
         */
        "sizeSm": ColumnSizeType;
        /**
          * Element column size in extra large screens
         */
        "sizeXl": ColumnSizeType;
    }
    interface XCollapse {
        /**
          * Element title header text
         */
        "header"?: string;
        /**
          * Element show content
         */
        "show"?: boolean;
        /**
          * Element toggle state
         */
        "toggle": () => Promise<void>;
    }
    interface XContainer {
        /**
          * Element break size
         */
        "break": string;
    }
    interface XCopy {
        /**
          * Element content text to copy on click
         */
        "content": string;
    }
    interface XDialog {
        /**
          * Element confirmation close button text
         */
        "buttonCloseText": string;
        "buttonConfirmLoading": boolean;
        "buttonConfirmNoText": string;
        "buttonConfirmResult": boolean;
        "buttonConfirmYesText": string;
        /**
          * Element header text
         */
        "header": string;
        "interval": number;
        /**
          * Element message text
         */
        "message": string;
        /**
          * Element style type
         */
        "type": DialogType;
    }
    interface XDivider {
        /**
          * Element text aligment
         */
        "align"?: DividerAlignType;
    }
    interface XDrawer {
        /**
          * Shows the Drawer by state
          * @param state
         */
        "expand": (state: boolean) => Promise<void>;
        /**
          * Element show content
         */
        "show"?: boolean;
    }
    interface XDropdown {
        /**
          * Tooltip aligment to show over element
         */
        "align"?: DropdownAlignType;
        /**
          * Show tooltip overlay popper
         */
        "display": (show: boolean) => Promise<void>;
        /**
          * Show element on hover
         */
        "hover"?: boolean;
        /**
          * Element show dropdown content
         */
        "show"?: boolean;
        /**
          * Sync width of parent element to child
         */
        "syncWidth"?: boolean;
    }
    interface XFab {
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element diabled state
         */
        "disabled"?: boolean;
        /**
          * Element enable fixed position
         */
        "fixed"?: boolean;
        /**
          * Element enable floating position
         */
        "float"?: boolean;
        /**
          * Element icon name
         */
        "icon": IconType;
        /**
          * Element loading state
         */
        "loading"?: boolean;
        /**
          * Element position alingment
         */
        "position"?: FabPositionType;
        /**
          * Element path URL for routing
         */
        "url"?: string;
    }
    interface XFlag {
        /**
          * Element circle style
         */
        "circle"?: boolean;
        /**
          * Element country code by ISO 3166 Alpha-2
         */
        "code": FlagType;
        /**
          * Element rounded style
         */
        "rounded"?: boolean;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XIcon {
        /**
          * Element clickable style
         */
        "clickable"?: boolean;
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element filled style
         */
        "filled"?: boolean;
        /**
          * Element name id in catalog (https://www.unpkg.com/@pixelpay/fonts/dist/icons.html)
         */
        "name": IconType;
        /**
          * Element raised style
         */
        "raised"?: boolean;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XInput {
        /**
          * Element input value of the control can be automatically completed by the browser
         */
        "autocomplete": InputAutocompleteTypes;
        /**
          * Element input auto correction should be enabled
         */
        "autocorrect": 'on' | 'off';
        /**
          * Element input clear button
         */
        "cleanable": boolean;
        /**
          * Element input hint to the browser for which enter key to display
         */
        "enterkeyhint"?: InputEnterKeyHintType;
        /**
          * Element input information block
         */
        "info"?: string;
        /**
          * Element input hint to the browser for which keyboard to display
         */
        "inputmode"?: InputModeType;
        /**
          * Element input label text
         */
        "label"?: string;
        /**
          * Element show loading and block for edit
         */
        "loading": boolean;
        /**
          * Element input imaks pattern/options
         */
        "mask"?: string | Object;
        /**
          * Element input maximun value
         */
        "max"?: number;
        /**
          * Element input maximun count of characters
         */
        "maxlength"?: number;
        /**
          * Element input minimun value
         */
        "min"?: number;
        /**
          * Element input minimun count of characters
         */
        "minlength"?: number;
        /**
          * Element input name for forms keys
         */
        "name"?: string;
        /**
          * Element input regular expression that the value is checked against
         */
        "pattern"?: string;
        /**
          * Element input placeholder text
         */
        "placeholder"?: string;
        /**
          * Element input block for edit
         */
        "readonly": boolean;
        /**
          * Element input required for forms validations
         */
        "required": boolean;
        /**
          * Element input value in steps only for numeric|number type
         */
        "step"?: number;
        /**
          * Element input type
         */
        "type": InputType;
        /**
          * Element input debounce time
         */
        "typingtimeout": number;
        /**
          * Element enable internal validation
         */
        "validate": boolean;
        /**
          * Element input value
         */
        "value"?: string | number | null;
    }
    interface XList {
        /**
          * Element bordered style
         */
        "bordered"?: boolean;
    }
    interface XListItem {
        /**
          * Element is clickable
         */
        "clickable"?: boolean;
    }
    interface XLogo {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element name id in catalog (https://www.unpkg.com/@pixelpay/fonts/dist/logos.html)
         */
        "name": LogoType;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XMedia {
        /**
          * Element media align
         */
        "align"?: MediaAlignType;
        /**
          * Element media description to aria/alt label
         */
        "description"?: string;
        /**
          * Element CSS media height
         */
        "height"?: string;
        /**
          * Element media rounded style
         */
        "rounded"?: boolean;
        /**
          * Element media src url/path
         */
        "src": string;
        /**
          * Element CSS media width
         */
        "width"?: string;
    }
    interface XModal {
        /**
          * Close the modal window
         */
        "close": () => Promise<void>;
        /**
          * Element interval time in seconds to auto-close
         */
        "interval"?: number;
        /**
          * Element show loading style
         */
        "loading"?: boolean;
        /**
          * Open the modal window
         */
        "open": () => Promise<void>;
        /**
          * Element size name
         */
        "size"?: ModalSizeType;
    }
    interface XMovinwords {
        /**
          * Words to highlight
         */
        "highlight"?: string;
        /**
          * Element sentence to animate
         */
        "sentence"?: string;
    }
    interface XNotification {
        /**
          * Close notification element
         */
        "close": () => Promise<void>;
        /**
          * ELement color name
         */
        "color"?: ColorType;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element interval time to close
         */
        "interval"?: number;
        /**
          * Show notification element
         */
        "show": () => Promise<void>;
    }
    interface XNumber {
        /**
          * Decimal numbers to fix
         */
        "fixed"?: number;
        /**
          * Initial number to start animate
         */
        "from"?: number;
        /**
          * Element animation interval
         */
        "interval"?: number;
        /**
          * Symbol thousand separator
         */
        "thousandsSeparator"?: string;
        /**
          * Element number value
         */
        "value": number;
        /**
          * Element disable animation
         */
        "withoutAnimation"?: boolean;
    }
    interface XProgress {
        /**
          * Element color
         */
        "color": ColorType;
        /**
          * Element number factor to divide
         */
        "factor": number;
        /**
          * Element loading style enable
         */
        "loading": boolean;
        /**
          * Element value/percent
         */
        "value": number;
    }
    interface XQuantity {
        /**
          * Element maximun number limit,default is infinite
         */
        "max": number;
        /**
          * Element minimal number limit, default is 0
         */
        "min": number;
        /**
          * Element initial input value
         */
        "value": number;
    }
    interface XRow {
        /**
          * Element align items style
         */
        "align": RowAlignType1;
        /**
          * Element align items style in large screens
         */
        "alignLg": RowAlignType1;
        /**
          * Element align items style in medium screens
         */
        "alignMd": RowAlignType1;
        /**
          * Element align items style in small screens
         */
        "alignSm": RowAlignType1;
        /**
          * Element align items style in extra large screens
         */
        "alignXl": RowAlignType1;
        /**
          * Element columns count
         */
        "cols": RowColsType;
        /**
          * Element columns count in large screens
         */
        "colsLg": RowColsType;
        /**
          * Element columns count in medium screens
         */
        "colsMd": RowColsType;
        /**
          * Element columns count in small screens
         */
        "colsSm": RowColsType;
        /**
          * Element columns count in extra large screens
         */
        "colsXl": RowColsType;
        /**
          * Element gutters padding size
         */
        "gutter": RowGuttersType1;
        /**
          * Element gutters padding size in large screens
         */
        "gutterLg": RowGuttersType1;
        /**
          * Element gutters padding size in medium screens
         */
        "gutterMd": RowGuttersType1;
        /**
          * Element gutters padding size in small screens
         */
        "gutterSm": RowGuttersType1;
        /**
          * Element gutters padding size in extra large screens
         */
        "gutterXl": RowGuttersType1;
        /**
          * Element justify content style
         */
        "justify": RowJustifyType;
        /**
          * Element justify content style in large screens
         */
        "justifyLg": RowJustifyType;
        /**
          * Element justify content style in medium screens
         */
        "justifyMd": RowJustifyType;
        /**
          * Element justify content style in small screens
         */
        "justifySm": RowJustifyType;
        /**
          * Element justify content style in extra large screens
         */
        "justifyXl": RowJustifyType;
    }
    interface XSegment {
        /**
          * Element active item key/index
         */
        "active": string | number;
        /**
          * Element align position segments
         */
        "align": SegmentAlignType;
        /**
          * Element block style
         */
        "block": boolean;
        /**
          * Element compant style
         */
        "compact": boolean;
    }
    interface XSegmentItem {
        /**
          * Element active state
         */
        "active": boolean;
        /**
          * Element icon name
         */
        "icon": IconType | null;
        /**
          * Element value index/key
         */
        "value": string | null;
    }
    interface XShowcase {
    }
    interface XShowcaseItem {
        /**
          * Element display title on hover image/video
         */
        "description": string;
        /**
          * Element image thumb path URL
         */
        "thumb": string;
        "type": ShowcaseType;
        /**
          * Element image path URL
         */
        "url": string;
    }
    interface XSkeleton {
        /**
          * Element diplayed as block
         */
        "block": boolean;
        /**
          * Element CSS height size
         */
        "height": string;
        /**
          * Element CSS width size
         */
        "width": string;
    }
    interface XSlider {
        /**
          * The decimals of the element
         */
        "decimals"?: number;
        /**
          * The label of the element
         */
        "label"?: string;
        /**
          * Element show loading and block for edit
         */
        "loading": boolean;
        /**
          * The maximum value of the element
         */
        "max"?: number;
        /**
          * The minimum value of the element
         */
        "min"?: number;
        /**
          * Element input name for forms keys
         */
        "name"?: string;
        /**
          * Element input required for forms validations
         */
        "required": boolean;
        /**
          * The step value of the element
         */
        "step"?: number | null;
        /**
          * The unit of the element
         */
        "unit"?: string;
        /**
          * The unit position of the element
         */
        "unitPosition": SliderUnitPosition;
        /**
          * The value of the element
         */
        "value"?: number | null;
    }
    interface XTab {
        /**
          * Element disabled
         */
        "active": boolean;
        /**
          * Element badge content
         */
        "badge": string | number;
        /**
          * Element disabled
         */
        "disabled": boolean;
        /**
          * Element icon name
         */
        "icon": IconType;
        /**
          * Element display label
         */
        "label": string;
    }
    interface XTabs {
        /**
          * Element full width block style
         */
        "block": boolean;
        /**
          * Element align position tabs
         */
        "position": TabsPositionType;
    }
    interface XTag {
        /**
          * Avatar image url
         */
        "avatar"?: string;
        /**
          * Element is closable
         */
        "closable"?: boolean;
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element is disabled
         */
        "disabled"?: boolean;
        /**
          * Element can show ellipsis on large text
         */
        "ellipsis"?: boolean;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element label text
         */
        "label"?: string;
        /**
          * Disable navigation through tabs
         */
        "tabstop"?: boolean;
    }
    interface XTimeline {
    }
    interface XTimelineHeader {
    }
    interface XTimelineItem {
        /**
          * Element accent checkpoint
         */
        "accent": boolean;
        /**
          * Element color name
         */
        "color": ColorType;
        "meta": string;
        "time": string;
    }
    interface XTooltip {
        /**
          * Tooltip aligment to show over element
         */
        "align": TooltipAlignType;
        /**
          * Element content text to show in tooltip
         */
        "content": string;
    }
    interface XWidget {
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element footer description text
         */
        "description"?: string;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element header label text
         */
        "label": string;
    }
}
export interface XAnimateCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXAnimateElement;
}
export interface XDialogCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXDialogElement;
}
export interface XIconCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXIconElement;
}
export interface XInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXInputElement;
}
export interface XLogoCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXLogoElement;
}
export interface XModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXModalElement;
}
export interface XMovinwordsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXMovinwordsElement;
}
export interface XNotificationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXNotificationElement;
}
export interface XQuantityCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXQuantityElement;
}
export interface XSegmentCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXSegmentElement;
}
export interface XTagCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLXTagElement;
}
declare global {
    interface HTMLXAlertElement extends Components.XAlert, HTMLStencilElement {
    }
    var HTMLXAlertElement: {
        prototype: HTMLXAlertElement;
        new (): HTMLXAlertElement;
    };
    interface HTMLXAnimateElementEventMap {
        "started": HTMLElement;
        "finish": HTMLElement;
        "cancel": HTMLElement;
    }
    interface HTMLXAnimateElement extends Components.XAnimate, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXAnimateElementEventMap>(type: K, listener: (this: HTMLXAnimateElement, ev: XAnimateCustomEvent<HTMLXAnimateElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXAnimateElementEventMap>(type: K, listener: (this: HTMLXAnimateElement, ev: XAnimateCustomEvent<HTMLXAnimateElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXAnimateElement: {
        prototype: HTMLXAnimateElement;
        new (): HTMLXAnimateElement;
    };
    interface HTMLXAvatarElement extends Components.XAvatar, HTMLStencilElement {
    }
    var HTMLXAvatarElement: {
        prototype: HTMLXAvatarElement;
        new (): HTMLXAvatarElement;
    };
    interface HTMLXBadgeElement extends Components.XBadge, HTMLStencilElement {
    }
    var HTMLXBadgeElement: {
        prototype: HTMLXBadgeElement;
        new (): HTMLXBadgeElement;
    };
    interface HTMLXButtonElement extends Components.XButton, HTMLStencilElement {
    }
    var HTMLXButtonElement: {
        prototype: HTMLXButtonElement;
        new (): HTMLXButtonElement;
    };
    interface HTMLXCardElement extends Components.XCard, HTMLStencilElement {
    }
    var HTMLXCardElement: {
        prototype: HTMLXCardElement;
        new (): HTMLXCardElement;
    };
    interface HTMLXChipElement extends Components.XChip, HTMLStencilElement {
    }
    var HTMLXChipElement: {
        prototype: HTMLXChipElement;
        new (): HTMLXChipElement;
    };
    interface HTMLXColElement extends Components.XCol, HTMLStencilElement {
    }
    var HTMLXColElement: {
        prototype: HTMLXColElement;
        new (): HTMLXColElement;
    };
    interface HTMLXCollapseElement extends Components.XCollapse, HTMLStencilElement {
    }
    var HTMLXCollapseElement: {
        prototype: HTMLXCollapseElement;
        new (): HTMLXCollapseElement;
    };
    interface HTMLXContainerElement extends Components.XContainer, HTMLStencilElement {
    }
    var HTMLXContainerElement: {
        prototype: HTMLXContainerElement;
        new (): HTMLXContainerElement;
    };
    interface HTMLXCopyElement extends Components.XCopy, HTMLStencilElement {
    }
    var HTMLXCopyElement: {
        prototype: HTMLXCopyElement;
        new (): HTMLXCopyElement;
    };
    interface HTMLXDialogElementEventMap {
        "close": any;
        "confirm": any;
        "refuse": any;
    }
    interface HTMLXDialogElement extends Components.XDialog, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXDialogElementEventMap>(type: K, listener: (this: HTMLXDialogElement, ev: XDialogCustomEvent<HTMLXDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXDialogElementEventMap>(type: K, listener: (this: HTMLXDialogElement, ev: XDialogCustomEvent<HTMLXDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXDialogElement: {
        prototype: HTMLXDialogElement;
        new (): HTMLXDialogElement;
    };
    interface HTMLXDividerElement extends Components.XDivider, HTMLStencilElement {
    }
    var HTMLXDividerElement: {
        prototype: HTMLXDividerElement;
        new (): HTMLXDividerElement;
    };
    interface HTMLXDrawerElement extends Components.XDrawer, HTMLStencilElement {
    }
    var HTMLXDrawerElement: {
        prototype: HTMLXDrawerElement;
        new (): HTMLXDrawerElement;
    };
    interface HTMLXDropdownElement extends Components.XDropdown, HTMLStencilElement {
    }
    var HTMLXDropdownElement: {
        prototype: HTMLXDropdownElement;
        new (): HTMLXDropdownElement;
    };
    interface HTMLXFabElement extends Components.XFab, HTMLStencilElement {
    }
    var HTMLXFabElement: {
        prototype: HTMLXFabElement;
        new (): HTMLXFabElement;
    };
    interface HTMLXFlagElement extends Components.XFlag, HTMLStencilElement {
    }
    var HTMLXFlagElement: {
        prototype: HTMLXFlagElement;
        new (): HTMLXFlagElement;
    };
    interface HTMLXIconElementEventMap {
        "press": MouseEvent;
    }
    interface HTMLXIconElement extends Components.XIcon, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXIconElementEventMap>(type: K, listener: (this: HTMLXIconElement, ev: XIconCustomEvent<HTMLXIconElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXIconElementEventMap>(type: K, listener: (this: HTMLXIconElement, ev: XIconCustomEvent<HTMLXIconElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXIconElement: {
        prototype: HTMLXIconElement;
        new (): HTMLXIconElement;
    };
    interface HTMLXInputElementEventMap {
        "doneTyping": any;
        "clearInput": any;
    }
    interface HTMLXInputElement extends Components.XInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXInputElementEventMap>(type: K, listener: (this: HTMLXInputElement, ev: XInputCustomEvent<HTMLXInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXInputElementEventMap>(type: K, listener: (this: HTMLXInputElement, ev: XInputCustomEvent<HTMLXInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXInputElement: {
        prototype: HTMLXInputElement;
        new (): HTMLXInputElement;
    };
    interface HTMLXListElement extends Components.XList, HTMLStencilElement {
    }
    var HTMLXListElement: {
        prototype: HTMLXListElement;
        new (): HTMLXListElement;
    };
    interface HTMLXListItemElement extends Components.XListItem, HTMLStencilElement {
    }
    var HTMLXListItemElement: {
        prototype: HTMLXListItemElement;
        new (): HTMLXListItemElement;
    };
    interface HTMLXLogoElementEventMap {
        "press": MouseEvent;
    }
    interface HTMLXLogoElement extends Components.XLogo, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXLogoElementEventMap>(type: K, listener: (this: HTMLXLogoElement, ev: XLogoCustomEvent<HTMLXLogoElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXLogoElementEventMap>(type: K, listener: (this: HTMLXLogoElement, ev: XLogoCustomEvent<HTMLXLogoElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXLogoElement: {
        prototype: HTMLXLogoElement;
        new (): HTMLXLogoElement;
    };
    interface HTMLXMediaElement extends Components.XMedia, HTMLStencilElement {
    }
    var HTMLXMediaElement: {
        prototype: HTMLXMediaElement;
        new (): HTMLXMediaElement;
    };
    interface HTMLXModalElementEventMap {
        "open": HostElement;
        "close": HostElement;
    }
    interface HTMLXModalElement extends Components.XModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXModalElementEventMap>(type: K, listener: (this: HTMLXModalElement, ev: XModalCustomEvent<HTMLXModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXModalElementEventMap>(type: K, listener: (this: HTMLXModalElement, ev: XModalCustomEvent<HTMLXModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXModalElement: {
        prototype: HTMLXModalElement;
        new (): HTMLXModalElement;
    };
    interface HTMLXMovinwordsElementEventMap {
        "typingstart": any;
        "typingend": any;
    }
    interface HTMLXMovinwordsElement extends Components.XMovinwords, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXMovinwordsElementEventMap>(type: K, listener: (this: HTMLXMovinwordsElement, ev: XMovinwordsCustomEvent<HTMLXMovinwordsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXMovinwordsElementEventMap>(type: K, listener: (this: HTMLXMovinwordsElement, ev: XMovinwordsCustomEvent<HTMLXMovinwordsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXMovinwordsElement: {
        prototype: HTMLXMovinwordsElement;
        new (): HTMLXMovinwordsElement;
    };
    interface HTMLXNotificationElementEventMap {
        "close": any;
    }
    interface HTMLXNotificationElement extends Components.XNotification, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXNotificationElementEventMap>(type: K, listener: (this: HTMLXNotificationElement, ev: XNotificationCustomEvent<HTMLXNotificationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXNotificationElementEventMap>(type: K, listener: (this: HTMLXNotificationElement, ev: XNotificationCustomEvent<HTMLXNotificationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXNotificationElement: {
        prototype: HTMLXNotificationElement;
        new (): HTMLXNotificationElement;
    };
    interface HTMLXNumberElement extends Components.XNumber, HTMLStencilElement {
    }
    var HTMLXNumberElement: {
        prototype: HTMLXNumberElement;
        new (): HTMLXNumberElement;
    };
    interface HTMLXProgressElement extends Components.XProgress, HTMLStencilElement {
    }
    var HTMLXProgressElement: {
        prototype: HTMLXProgressElement;
        new (): HTMLXProgressElement;
    };
    interface HTMLXQuantityElementEventMap {
        "sub": number;
        "sum": number;
    }
    interface HTMLXQuantityElement extends Components.XQuantity, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXQuantityElementEventMap>(type: K, listener: (this: HTMLXQuantityElement, ev: XQuantityCustomEvent<HTMLXQuantityElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXQuantityElementEventMap>(type: K, listener: (this: HTMLXQuantityElement, ev: XQuantityCustomEvent<HTMLXQuantityElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXQuantityElement: {
        prototype: HTMLXQuantityElement;
        new (): HTMLXQuantityElement;
    };
    interface HTMLXRowElement extends Components.XRow, HTMLStencilElement {
    }
    var HTMLXRowElement: {
        prototype: HTMLXRowElement;
        new (): HTMLXRowElement;
    };
    interface HTMLXSegmentElementEventMap {
        "selected": string | number;
    }
    interface HTMLXSegmentElement extends Components.XSegment, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXSegmentElementEventMap>(type: K, listener: (this: HTMLXSegmentElement, ev: XSegmentCustomEvent<HTMLXSegmentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXSegmentElementEventMap>(type: K, listener: (this: HTMLXSegmentElement, ev: XSegmentCustomEvent<HTMLXSegmentElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXSegmentElement: {
        prototype: HTMLXSegmentElement;
        new (): HTMLXSegmentElement;
    };
    interface HTMLXSegmentItemElement extends Components.XSegmentItem, HTMLStencilElement {
    }
    var HTMLXSegmentItemElement: {
        prototype: HTMLXSegmentItemElement;
        new (): HTMLXSegmentItemElement;
    };
    interface HTMLXShowcaseElement extends Components.XShowcase, HTMLStencilElement {
    }
    var HTMLXShowcaseElement: {
        prototype: HTMLXShowcaseElement;
        new (): HTMLXShowcaseElement;
    };
    interface HTMLXShowcaseItemElement extends Components.XShowcaseItem, HTMLStencilElement {
    }
    var HTMLXShowcaseItemElement: {
        prototype: HTMLXShowcaseItemElement;
        new (): HTMLXShowcaseItemElement;
    };
    interface HTMLXSkeletonElement extends Components.XSkeleton, HTMLStencilElement {
    }
    var HTMLXSkeletonElement: {
        prototype: HTMLXSkeletonElement;
        new (): HTMLXSkeletonElement;
    };
    interface HTMLXSliderElement extends Components.XSlider, HTMLStencilElement {
    }
    var HTMLXSliderElement: {
        prototype: HTMLXSliderElement;
        new (): HTMLXSliderElement;
    };
    interface HTMLXTabElement extends Components.XTab, HTMLStencilElement {
    }
    var HTMLXTabElement: {
        prototype: HTMLXTabElement;
        new (): HTMLXTabElement;
    };
    interface HTMLXTabsElement extends Components.XTabs, HTMLStencilElement {
    }
    var HTMLXTabsElement: {
        prototype: HTMLXTabsElement;
        new (): HTMLXTabsElement;
    };
    interface HTMLXTagElementEventMap {
        "close": {target: HTMLElement};
    }
    interface HTMLXTagElement extends Components.XTag, HTMLStencilElement {
        addEventListener<K extends keyof HTMLXTagElementEventMap>(type: K, listener: (this: HTMLXTagElement, ev: XTagCustomEvent<HTMLXTagElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLXTagElementEventMap>(type: K, listener: (this: HTMLXTagElement, ev: XTagCustomEvent<HTMLXTagElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLXTagElement: {
        prototype: HTMLXTagElement;
        new (): HTMLXTagElement;
    };
    interface HTMLXTimelineElement extends Components.XTimeline, HTMLStencilElement {
    }
    var HTMLXTimelineElement: {
        prototype: HTMLXTimelineElement;
        new (): HTMLXTimelineElement;
    };
    interface HTMLXTimelineHeaderElement extends Components.XTimelineHeader, HTMLStencilElement {
    }
    var HTMLXTimelineHeaderElement: {
        prototype: HTMLXTimelineHeaderElement;
        new (): HTMLXTimelineHeaderElement;
    };
    interface HTMLXTimelineItemElement extends Components.XTimelineItem, HTMLStencilElement {
    }
    var HTMLXTimelineItemElement: {
        prototype: HTMLXTimelineItemElement;
        new (): HTMLXTimelineItemElement;
    };
    interface HTMLXTooltipElement extends Components.XTooltip, HTMLStencilElement {
    }
    var HTMLXTooltipElement: {
        prototype: HTMLXTooltipElement;
        new (): HTMLXTooltipElement;
    };
    interface HTMLXWidgetElement extends Components.XWidget, HTMLStencilElement {
    }
    var HTMLXWidgetElement: {
        prototype: HTMLXWidgetElement;
        new (): HTMLXWidgetElement;
    };
    interface HTMLElementTagNameMap {
        "x-alert": HTMLXAlertElement;
        "x-animate": HTMLXAnimateElement;
        "x-avatar": HTMLXAvatarElement;
        "x-badge": HTMLXBadgeElement;
        "x-button": HTMLXButtonElement;
        "x-card": HTMLXCardElement;
        "x-chip": HTMLXChipElement;
        "x-col": HTMLXColElement;
        "x-collapse": HTMLXCollapseElement;
        "x-container": HTMLXContainerElement;
        "x-copy": HTMLXCopyElement;
        "x-dialog": HTMLXDialogElement;
        "x-divider": HTMLXDividerElement;
        "x-drawer": HTMLXDrawerElement;
        "x-dropdown": HTMLXDropdownElement;
        "x-fab": HTMLXFabElement;
        "x-flag": HTMLXFlagElement;
        "x-icon": HTMLXIconElement;
        "x-input": HTMLXInputElement;
        "x-list": HTMLXListElement;
        "x-list-item": HTMLXListItemElement;
        "x-logo": HTMLXLogoElement;
        "x-media": HTMLXMediaElement;
        "x-modal": HTMLXModalElement;
        "x-movinwords": HTMLXMovinwordsElement;
        "x-notification": HTMLXNotificationElement;
        "x-number": HTMLXNumberElement;
        "x-progress": HTMLXProgressElement;
        "x-quantity": HTMLXQuantityElement;
        "x-row": HTMLXRowElement;
        "x-segment": HTMLXSegmentElement;
        "x-segment-item": HTMLXSegmentItemElement;
        "x-showcase": HTMLXShowcaseElement;
        "x-showcase-item": HTMLXShowcaseItemElement;
        "x-skeleton": HTMLXSkeletonElement;
        "x-slider": HTMLXSliderElement;
        "x-tab": HTMLXTabElement;
        "x-tabs": HTMLXTabsElement;
        "x-tag": HTMLXTagElement;
        "x-timeline": HTMLXTimelineElement;
        "x-timeline-header": HTMLXTimelineHeaderElement;
        "x-timeline-item": HTMLXTimelineItemElement;
        "x-tooltip": HTMLXTooltipElement;
        "x-widget": HTMLXWidgetElement;
    }
}
declare namespace LocalJSX {
    interface XAlert {
        /**
          * Element color background
         */
        "color"?: ColorType;
        /**
          * Element header title text
         */
        "header"?: string;
        /**
          * Element icon name
         */
        "icon"?: IconType;
    }
    interface XAnimate {
        /**
          * A DOMString with which to reference the animation.
         */
        "animateId"?: string;
        /**
          * Start the animation when the component is mounted.
         */
        "autoPlay"?: boolean;
        /**
          * Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`.
         */
        "composite"?: CompositeOperation;
        /**
          * Sets the current time value of the animation in milliseconds, whether running or paused.
         */
        "currentTime"?: number;
        /**
          * The number of milliseconds to delay the start of the animation. Defaults to 0.
         */
        "delay"?: number;
        /**
          * Direction of the animation.
         */
        "direction"?: PlaybackDirection;
        /**
          * The number of milliseconds each iteration of the animation takes to complete. Defaults to 300.
         */
        "duration"?: number;
        /**
          * The rate of the animation's change over time.
         */
        "easing"?: string;
        /**
          * The number of milliseconds to delay after the end of an animation.
         */
        "endDelay"?: number;
        /**
          * Dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both. Defaults to "none".
         */
        "fill"?: FillMode;
        /**
          * The class name to be applied when the animation starts
         */
        "fromClassName"?: string;
        /**
          * Determines how values build from iteration to iteration in this animation.
         */
        "iterationComposite"?: IterationCompositeOperation;
        /**
          * Describes at what point in the iteration the animation should start.
         */
        "iterationStart"?: number;
        /**
          * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make it repeat for as long as the element exists.
         */
        "iterations"?: number;
        /**
          * Keyframes of the animation.
         */
        "keyFrames"?: Keyframe[];
        /**
          * Keyframes of the animation in string format.
         */
        "keyFramesData"?: string;
        /**
          * Name of the animation to get the keyFrames
         */
        "name"?: AnimationsType;
        /**
          * This event is sent when the animation is cancelled.
         */
        "onCancel"?: (event: XAnimateCustomEvent<HTMLElement>) => void;
        /**
          * This event is sent when the animation finishes playing.
         */
        "onFinish"?: (event: XAnimateCustomEvent<HTMLElement>) => void;
        /**
          * This event is sent when the animation is going to play.
         */
        "onStarted"?: (event: XAnimateCustomEvent<HTMLElement>) => void;
        /**
          * Default options of the animation.
         */
        "options"?: KeyframeAnimationOptions;
        /**
          * Default options of the animation in string format.
         */
        "optionsData"?: string;
        /**
          * Sets the playback rate of the animation.
         */
        "playbackRate"?: number;
        /**
          * Sets the scheduled time when an animation's playback should begin.
         */
        "startTime"?: number;
        /**
          * The class name to be applied when the animation ends
         */
        "toClassName"?: string;
    }
    interface XAvatar {
        /**
          * Element image path
         */
        "image"?: string;
        /**
          * Initial letters or name
         */
        "letters"?: string;
        /**
          * Element rounded style
         */
        "rounded"?: boolean;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XBadge {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element icon aligment
         */
        "iconAlign"?: BadgeAlignType;
    }
    interface XButton {
        /**
          * Element fullwidth block style
         */
        "block"?: boolean;
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element disabled state
         */
        "disabled"?: boolean;
        /**
          * Element URL path for `<a>` type button
         */
        "href"?: string;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element icon aligment
         */
        "iconAlign"?: ButtonAlignType;
        /**
          * Element loading state
         */
        "loading"?: boolean;
        /**
          * Element button type
         */
        "type"?: ButtonType;
    }
    interface XCard {
        /**
          * Element footer justify content
         */
        "footerJustify"?: CardJustifyType;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element icon color
         */
        "iconColor"?: ColorType;
        /**
          * Element image path
         */
        "image"?: string;
        /**
          * Element image description
         */
        "imageDescription"?: string;
        /**
          * Element image height
         */
        "imageHeight"?: string;
        /**
          * Element image position
         */
        "imagePosition"?: CardPositionType;
    }
    interface XChip {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element can focus on hover
         */
        "hoverable"?: boolean;
    }
    interface XCol {
        /**
          * Element align items style
         */
        "align"?: RowAlignType;
        /**
          * Element align items style in large screens
         */
        "alignLg"?: RowAlignType;
        /**
          * Element align items style in medium screens
         */
        "alignMd"?: RowAlignType;
        /**
          * Element align items style in small screens
         */
        "alignSm"?: RowAlignType;
        /**
          * Element align items style in extra large screens
         */
        "alignXl"?: RowAlignType;
        /**
          * Element auto size column
         */
        "auto"?: boolean;
        /**
          * Element offset size
         */
        "offset"?: ColumnOffsetType;
        /**
          * Element offset size in large screens
         */
        "offsetLg"?: ColumnOffsetType;
        /**
          * Element offset size in medium screens
         */
        "offsetMd"?: ColumnOffsetType;
        /**
          * Element offset size in small screens
         */
        "offsetSm"?: ColumnOffsetType;
        /**
          * Element offset size in extra large screens
         */
        "offsetXl"?: ColumnOffsetType;
        /**
          * Element aligment order
         */
        "order"?: ColumnOrderType;
        /**
          * Element aligment order in large screens
         */
        "orderLg"?: ColumnOrderType;
        /**
          * Element aligment order in medium screens
         */
        "orderMd"?: ColumnOrderType;
        /**
          * Element aligment order in small screens
         */
        "orderSm"?: ColumnOrderType;
        /**
          * Element aligment order in extra large screens
         */
        "orderXl"?: ColumnOrderType;
        /**
          * Element column size
         */
        "size"?: ColumnSizeType;
        /**
          * Element column size in large screens
         */
        "sizeLg"?: ColumnSizeType;
        /**
          * Element column size in medium screens
         */
        "sizeMd"?: ColumnSizeType;
        /**
          * Element column size in small screens
         */
        "sizeSm"?: ColumnSizeType;
        /**
          * Element column size in extra large screens
         */
        "sizeXl"?: ColumnSizeType;
    }
    interface XCollapse {
        /**
          * Element title header text
         */
        "header"?: string;
        /**
          * Element show content
         */
        "show"?: boolean;
    }
    interface XContainer {
        /**
          * Element break size
         */
        "break"?: string;
    }
    interface XCopy {
        /**
          * Element content text to copy on click
         */
        "content"?: string;
    }
    interface XDialog {
        /**
          * Element confirmation close button text
         */
        "buttonCloseText"?: string;
        "buttonConfirmLoading"?: boolean;
        "buttonConfirmNoText"?: string;
        "buttonConfirmResult"?: boolean;
        "buttonConfirmYesText"?: string;
        /**
          * Element header text
         */
        "header"?: string;
        "interval"?: number;
        /**
          * Element message text
         */
        "message"?: string;
        "onClose"?: (event: XDialogCustomEvent<any>) => void;
        "onConfirm"?: (event: XDialogCustomEvent<any>) => void;
        "onRefuse"?: (event: XDialogCustomEvent<any>) => void;
        /**
          * Element style type
         */
        "type"?: DialogType;
    }
    interface XDivider {
        /**
          * Element text aligment
         */
        "align"?: DividerAlignType;
    }
    interface XDrawer {
        /**
          * Element show content
         */
        "show"?: boolean;
    }
    interface XDropdown {
        /**
          * Tooltip aligment to show over element
         */
        "align"?: DropdownAlignType;
        /**
          * Show element on hover
         */
        "hover"?: boolean;
        /**
          * Element show dropdown content
         */
        "show"?: boolean;
        /**
          * Sync width of parent element to child
         */
        "syncWidth"?: boolean;
    }
    interface XFab {
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element diabled state
         */
        "disabled"?: boolean;
        /**
          * Element enable fixed position
         */
        "fixed"?: boolean;
        /**
          * Element enable floating position
         */
        "float"?: boolean;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element loading state
         */
        "loading"?: boolean;
        /**
          * Element position alingment
         */
        "position"?: FabPositionType;
        /**
          * Element path URL for routing
         */
        "url"?: string;
    }
    interface XFlag {
        /**
          * Element circle style
         */
        "circle"?: boolean;
        /**
          * Element country code by ISO 3166 Alpha-2
         */
        "code"?: FlagType;
        /**
          * Element rounded style
         */
        "rounded"?: boolean;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XIcon {
        /**
          * Element clickable style
         */
        "clickable"?: boolean;
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element filled style
         */
        "filled"?: boolean;
        /**
          * Element name id in catalog (https://www.unpkg.com/@pixelpay/fonts/dist/icons.html)
         */
        "name"?: IconType;
        /**
          * Element event press
         */
        "onPress"?: (event: XIconCustomEvent<MouseEvent>) => void;
        /**
          * Element raised style
         */
        "raised"?: boolean;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XInput {
        /**
          * Element input value of the control can be automatically completed by the browser
         */
        "autocomplete"?: InputAutocompleteTypes;
        /**
          * Element input auto correction should be enabled
         */
        "autocorrect"?: 'on' | 'off';
        /**
          * Element input clear button
         */
        "cleanable"?: boolean;
        /**
          * Element input hint to the browser for which enter key to display
         */
        "enterkeyhint"?: InputEnterKeyHintType;
        /**
          * Element input information block
         */
        "info"?: string;
        /**
          * Element input hint to the browser for which keyboard to display
         */
        "inputmode"?: InputModeType;
        /**
          * Element input label text
         */
        "label"?: string;
        /**
          * Element show loading and block for edit
         */
        "loading"?: boolean;
        /**
          * Element input imaks pattern/options
         */
        "mask"?: string | Object;
        /**
          * Element input maximun value
         */
        "max"?: number;
        /**
          * Element input maximun count of characters
         */
        "maxlength"?: number;
        /**
          * Element input minimun value
         */
        "min"?: number;
        /**
          * Element input minimun count of characters
         */
        "minlength"?: number;
        /**
          * Element input name for forms keys
         */
        "name"?: string;
        /**
          * On clear input event
         */
        "onClearInput"?: (event: XInputCustomEvent<any>) => void;
        /**
          * On done input typing finish event
         */
        "onDoneTyping"?: (event: XInputCustomEvent<any>) => void;
        /**
          * Element input regular expression that the value is checked against
         */
        "pattern"?: string;
        /**
          * Element input placeholder text
         */
        "placeholder"?: string;
        /**
          * Element input block for edit
         */
        "readonly"?: boolean;
        /**
          * Element input required for forms validations
         */
        "required"?: boolean;
        /**
          * Element input value in steps only for numeric|number type
         */
        "step"?: number;
        /**
          * Element input type
         */
        "type"?: InputType;
        /**
          * Element input debounce time
         */
        "typingtimeout"?: number;
        /**
          * Element enable internal validation
         */
        "validate"?: boolean;
        /**
          * Element input value
         */
        "value"?: string | number | null;
    }
    interface XList {
        /**
          * Element bordered style
         */
        "bordered"?: boolean;
    }
    interface XListItem {
        /**
          * Element is clickable
         */
        "clickable"?: boolean;
    }
    interface XLogo {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element name id in catalog (https://www.unpkg.com/@pixelpay/fonts/dist/logos.html)
         */
        "name"?: LogoType;
        /**
          * Element event press
         */
        "onPress"?: (event: XLogoCustomEvent<MouseEvent>) => void;
        /**
          * Element font size
         */
        "size"?: string;
    }
    interface XMedia {
        /**
          * Element media align
         */
        "align"?: MediaAlignType;
        /**
          * Element media description to aria/alt label
         */
        "description"?: string;
        /**
          * Element CSS media height
         */
        "height"?: string;
        /**
          * Element media rounded style
         */
        "rounded"?: boolean;
        /**
          * Element media src url/path
         */
        "src"?: string;
        /**
          * Element CSS media width
         */
        "width"?: string;
    }
    interface XModal {
        /**
          * Element interval time in seconds to auto-close
         */
        "interval"?: number;
        /**
          * Element show loading style
         */
        "loading"?: boolean;
        /**
          * On close modal emitter event
         */
        "onClose"?: (event: XModalCustomEvent<HostElement>) => void;
        /**
          * On open modal emitter event
         */
        "onOpen"?: (event: XModalCustomEvent<HostElement>) => void;
        /**
          * Element size name
         */
        "size"?: ModalSizeType;
    }
    interface XMovinwords {
        /**
          * Words to highlight
         */
        "highlight"?: string;
        /**
          * On animation end event
         */
        "onTypingend"?: (event: XMovinwordsCustomEvent<any>) => void;
        /**
          * On animation start event
         */
        "onTypingstart"?: (event: XMovinwordsCustomEvent<any>) => void;
        /**
          * Element sentence to animate
         */
        "sentence"?: string;
    }
    interface XNotification {
        /**
          * ELement color name
         */
        "color"?: ColorType;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element interval time to close
         */
        "interval"?: number;
        /**
          * This event is sent when the close button pressed.
         */
        "onClose"?: (event: XNotificationCustomEvent<any>) => void;
    }
    interface XNumber {
        /**
          * Decimal numbers to fix
         */
        "fixed"?: number;
        /**
          * Initial number to start animate
         */
        "from"?: number;
        /**
          * Element animation interval
         */
        "interval"?: number;
        /**
          * Symbol thousand separator
         */
        "thousandsSeparator"?: string;
        /**
          * Element number value
         */
        "value"?: number;
        /**
          * Element disable animation
         */
        "withoutAnimation"?: boolean;
    }
    interface XProgress {
        /**
          * Element color
         */
        "color"?: ColorType;
        /**
          * Element number factor to divide
         */
        "factor"?: number;
        /**
          * Element loading style enable
         */
        "loading"?: boolean;
        /**
          * Element value/percent
         */
        "value"?: number;
    }
    interface XQuantity {
        /**
          * Element maximun number limit,default is infinite
         */
        "max"?: number;
        /**
          * Element minimal number limit, default is 0
         */
        "min"?: number;
        /**
          * Substraction event button click
         */
        "onSub"?: (event: XQuantityCustomEvent<number>) => void;
        /**
          * Sumarize event button click
         */
        "onSum"?: (event: XQuantityCustomEvent<number>) => void;
        /**
          * Element initial input value
         */
        "value"?: number;
    }
    interface XRow {
        /**
          * Element align items style
         */
        "align"?: RowAlignType1;
        /**
          * Element align items style in large screens
         */
        "alignLg"?: RowAlignType1;
        /**
          * Element align items style in medium screens
         */
        "alignMd"?: RowAlignType1;
        /**
          * Element align items style in small screens
         */
        "alignSm"?: RowAlignType1;
        /**
          * Element align items style in extra large screens
         */
        "alignXl"?: RowAlignType1;
        /**
          * Element columns count
         */
        "cols"?: RowColsType;
        /**
          * Element columns count in large screens
         */
        "colsLg"?: RowColsType;
        /**
          * Element columns count in medium screens
         */
        "colsMd"?: RowColsType;
        /**
          * Element columns count in small screens
         */
        "colsSm"?: RowColsType;
        /**
          * Element columns count in extra large screens
         */
        "colsXl"?: RowColsType;
        /**
          * Element gutters padding size
         */
        "gutter"?: RowGuttersType1;
        /**
          * Element gutters padding size in large screens
         */
        "gutterLg"?: RowGuttersType1;
        /**
          * Element gutters padding size in medium screens
         */
        "gutterMd"?: RowGuttersType1;
        /**
          * Element gutters padding size in small screens
         */
        "gutterSm"?: RowGuttersType1;
        /**
          * Element gutters padding size in extra large screens
         */
        "gutterXl"?: RowGuttersType1;
        /**
          * Element justify content style
         */
        "justify"?: RowJustifyType;
        /**
          * Element justify content style in large screens
         */
        "justifyLg"?: RowJustifyType;
        /**
          * Element justify content style in medium screens
         */
        "justifyMd"?: RowJustifyType;
        /**
          * Element justify content style in small screens
         */
        "justifySm"?: RowJustifyType;
        /**
          * Element justify content style in extra large screens
         */
        "justifyXl"?: RowJustifyType;
    }
    interface XSegment {
        /**
          * Element active item key/index
         */
        "active"?: string | number;
        /**
          * Element align position segments
         */
        "align"?: SegmentAlignType;
        /**
          * Element block style
         */
        "block"?: boolean;
        /**
          * Element compant style
         */
        "compact"?: boolean;
        /**
          * On select the segment index/key value
         */
        "onSelected"?: (event: XSegmentCustomEvent<string | number>) => void;
    }
    interface XSegmentItem {
        /**
          * Element active state
         */
        "active"?: boolean;
        /**
          * Element icon name
         */
        "icon"?: IconType | null;
        /**
          * Element value index/key
         */
        "value"?: string | null;
    }
    interface XShowcase {
    }
    interface XShowcaseItem {
        /**
          * Element display title on hover image/video
         */
        "description"?: string;
        /**
          * Element image thumb path URL
         */
        "thumb"?: string;
        "type"?: ShowcaseType;
        /**
          * Element image path URL
         */
        "url"?: string;
    }
    interface XSkeleton {
        /**
          * Element diplayed as block
         */
        "block"?: boolean;
        /**
          * Element CSS height size
         */
        "height"?: string;
        /**
          * Element CSS width size
         */
        "width"?: string;
    }
    interface XSlider {
        /**
          * The decimals of the element
         */
        "decimals"?: number;
        /**
          * The label of the element
         */
        "label"?: string;
        /**
          * Element show loading and block for edit
         */
        "loading"?: boolean;
        /**
          * The maximum value of the element
         */
        "max"?: number;
        /**
          * The minimum value of the element
         */
        "min"?: number;
        /**
          * Element input name for forms keys
         */
        "name"?: string;
        /**
          * Element input required for forms validations
         */
        "required"?: boolean;
        /**
          * The step value of the element
         */
        "step"?: number | null;
        /**
          * The unit of the element
         */
        "unit"?: string;
        /**
          * The unit position of the element
         */
        "unitPosition"?: SliderUnitPosition;
        /**
          * The value of the element
         */
        "value"?: number | null;
    }
    interface XTab {
        /**
          * Element disabled
         */
        "active"?: boolean;
        /**
          * Element badge content
         */
        "badge"?: string | number;
        /**
          * Element disabled
         */
        "disabled"?: boolean;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element display label
         */
        "label"?: string;
    }
    interface XTabs {
        /**
          * Element full width block style
         */
        "block"?: boolean;
        /**
          * Element align position tabs
         */
        "position"?: TabsPositionType;
    }
    interface XTag {
        /**
          * Avatar image url
         */
        "avatar"?: string;
        /**
          * Element is closable
         */
        "closable"?: boolean;
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element is disabled
         */
        "disabled"?: boolean;
        /**
          * Element can show ellipsis on large text
         */
        "ellipsis"?: boolean;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element label text
         */
        "label"?: string;
        /**
          * Event on close tag
         */
        "onClose"?: (event: XTagCustomEvent<{target: HTMLElement}>) => void;
        /**
          * Disable navigation through tabs
         */
        "tabstop"?: boolean;
    }
    interface XTimeline {
    }
    interface XTimelineHeader {
    }
    interface XTimelineItem {
        /**
          * Element accent checkpoint
         */
        "accent"?: boolean;
        /**
          * Element color name
         */
        "color"?: ColorType;
        "meta"?: string;
        "time"?: string;
    }
    interface XTooltip {
        /**
          * Tooltip aligment to show over element
         */
        "align"?: TooltipAlignType;
        /**
          * Element content text to show in tooltip
         */
        "content"?: string;
    }
    interface XWidget {
        /**
          * Element color name
         */
        "color"?: ColorType;
        /**
          * Element footer description text
         */
        "description"?: string;
        /**
          * Element icon name
         */
        "icon"?: IconType;
        /**
          * Element header label text
         */
        "label"?: string;
    }
    interface IntrinsicElements {
        "x-alert": XAlert;
        "x-animate": XAnimate;
        "x-avatar": XAvatar;
        "x-badge": XBadge;
        "x-button": XButton;
        "x-card": XCard;
        "x-chip": XChip;
        "x-col": XCol;
        "x-collapse": XCollapse;
        "x-container": XContainer;
        "x-copy": XCopy;
        "x-dialog": XDialog;
        "x-divider": XDivider;
        "x-drawer": XDrawer;
        "x-dropdown": XDropdown;
        "x-fab": XFab;
        "x-flag": XFlag;
        "x-icon": XIcon;
        "x-input": XInput;
        "x-list": XList;
        "x-list-item": XListItem;
        "x-logo": XLogo;
        "x-media": XMedia;
        "x-modal": XModal;
        "x-movinwords": XMovinwords;
        "x-notification": XNotification;
        "x-number": XNumber;
        "x-progress": XProgress;
        "x-quantity": XQuantity;
        "x-row": XRow;
        "x-segment": XSegment;
        "x-segment-item": XSegmentItem;
        "x-showcase": XShowcase;
        "x-showcase-item": XShowcaseItem;
        "x-skeleton": XSkeleton;
        "x-slider": XSlider;
        "x-tab": XTab;
        "x-tabs": XTabs;
        "x-tag": XTag;
        "x-timeline": XTimeline;
        "x-timeline-header": XTimelineHeader;
        "x-timeline-item": XTimelineItem;
        "x-tooltip": XTooltip;
        "x-widget": XWidget;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "x-alert": LocalJSX.XAlert & JSXBase.HTMLAttributes<HTMLXAlertElement>;
            "x-animate": LocalJSX.XAnimate & JSXBase.HTMLAttributes<HTMLXAnimateElement>;
            "x-avatar": LocalJSX.XAvatar & JSXBase.HTMLAttributes<HTMLXAvatarElement>;
            "x-badge": LocalJSX.XBadge & JSXBase.HTMLAttributes<HTMLXBadgeElement>;
            "x-button": LocalJSX.XButton & JSXBase.HTMLAttributes<HTMLXButtonElement>;
            "x-card": LocalJSX.XCard & JSXBase.HTMLAttributes<HTMLXCardElement>;
            "x-chip": LocalJSX.XChip & JSXBase.HTMLAttributes<HTMLXChipElement>;
            "x-col": LocalJSX.XCol & JSXBase.HTMLAttributes<HTMLXColElement>;
            "x-collapse": LocalJSX.XCollapse & JSXBase.HTMLAttributes<HTMLXCollapseElement>;
            "x-container": LocalJSX.XContainer & JSXBase.HTMLAttributes<HTMLXContainerElement>;
            "x-copy": LocalJSX.XCopy & JSXBase.HTMLAttributes<HTMLXCopyElement>;
            "x-dialog": LocalJSX.XDialog & JSXBase.HTMLAttributes<HTMLXDialogElement>;
            "x-divider": LocalJSX.XDivider & JSXBase.HTMLAttributes<HTMLXDividerElement>;
            "x-drawer": LocalJSX.XDrawer & JSXBase.HTMLAttributes<HTMLXDrawerElement>;
            "x-dropdown": LocalJSX.XDropdown & JSXBase.HTMLAttributes<HTMLXDropdownElement>;
            "x-fab": LocalJSX.XFab & JSXBase.HTMLAttributes<HTMLXFabElement>;
            "x-flag": LocalJSX.XFlag & JSXBase.HTMLAttributes<HTMLXFlagElement>;
            "x-icon": LocalJSX.XIcon & JSXBase.HTMLAttributes<HTMLXIconElement>;
            "x-input": LocalJSX.XInput & JSXBase.HTMLAttributes<HTMLXInputElement>;
            "x-list": LocalJSX.XList & JSXBase.HTMLAttributes<HTMLXListElement>;
            "x-list-item": LocalJSX.XListItem & JSXBase.HTMLAttributes<HTMLXListItemElement>;
            "x-logo": LocalJSX.XLogo & JSXBase.HTMLAttributes<HTMLXLogoElement>;
            "x-media": LocalJSX.XMedia & JSXBase.HTMLAttributes<HTMLXMediaElement>;
            "x-modal": LocalJSX.XModal & JSXBase.HTMLAttributes<HTMLXModalElement>;
            "x-movinwords": LocalJSX.XMovinwords & JSXBase.HTMLAttributes<HTMLXMovinwordsElement>;
            "x-notification": LocalJSX.XNotification & JSXBase.HTMLAttributes<HTMLXNotificationElement>;
            "x-number": LocalJSX.XNumber & JSXBase.HTMLAttributes<HTMLXNumberElement>;
            "x-progress": LocalJSX.XProgress & JSXBase.HTMLAttributes<HTMLXProgressElement>;
            "x-quantity": LocalJSX.XQuantity & JSXBase.HTMLAttributes<HTMLXQuantityElement>;
            "x-row": LocalJSX.XRow & JSXBase.HTMLAttributes<HTMLXRowElement>;
            "x-segment": LocalJSX.XSegment & JSXBase.HTMLAttributes<HTMLXSegmentElement>;
            "x-segment-item": LocalJSX.XSegmentItem & JSXBase.HTMLAttributes<HTMLXSegmentItemElement>;
            "x-showcase": LocalJSX.XShowcase & JSXBase.HTMLAttributes<HTMLXShowcaseElement>;
            "x-showcase-item": LocalJSX.XShowcaseItem & JSXBase.HTMLAttributes<HTMLXShowcaseItemElement>;
            "x-skeleton": LocalJSX.XSkeleton & JSXBase.HTMLAttributes<HTMLXSkeletonElement>;
            "x-slider": LocalJSX.XSlider & JSXBase.HTMLAttributes<HTMLXSliderElement>;
            "x-tab": LocalJSX.XTab & JSXBase.HTMLAttributes<HTMLXTabElement>;
            "x-tabs": LocalJSX.XTabs & JSXBase.HTMLAttributes<HTMLXTabsElement>;
            "x-tag": LocalJSX.XTag & JSXBase.HTMLAttributes<HTMLXTagElement>;
            "x-timeline": LocalJSX.XTimeline & JSXBase.HTMLAttributes<HTMLXTimelineElement>;
            "x-timeline-header": LocalJSX.XTimelineHeader & JSXBase.HTMLAttributes<HTMLXTimelineHeaderElement>;
            "x-timeline-item": LocalJSX.XTimelineItem & JSXBase.HTMLAttributes<HTMLXTimelineItemElement>;
            "x-tooltip": LocalJSX.XTooltip & JSXBase.HTMLAttributes<HTMLXTooltipElement>;
            "x-widget": LocalJSX.XWidget & JSXBase.HTMLAttributes<HTMLXWidgetElement>;
        }
    }
}
