/* 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 { AttributeDef } from "./models/attributeDef";
import { MenuOption, OptionsMenuConfig } from "./models/optionsMenuConfig";
import { UxplCardConfig } from "./models/uxpl-card-config";
import { LeftNav, NavMenu } from "./models/leftNav";
import { Milestone, MilestoneConfig } from "./models/milestone";
import { ObjectHeaderConfig, ObjectHeaderDetail } from "./models/objectHeaderConfig";
import { NavTab } from "./models/navTab";
import { UxplRadioGroupChangeEventDetail } from "./components/uxpl-radio-group/uxpl-radion-group-interface";
import { SelectOption } from "./models/selectInputConfig";
import { SelectionBoxConfig } from "./models/selectionBox";
import { Step, StepperConfig } from "./models/stepperConfig";
import { ToggleChangeEventDetail } from "./models/switch-input";
import { TextareaChangeEventDetail } from "./components/uxpl-textarea/uxpl-textarea-interface";
import { ToggleTextOption } from "./components/uxpl-toggle-text/uxpl-toggle-interface";
import { TreeConfig } from "./models/treeNav";
export namespace Components {
    interface UxplArchive {
        "auth": string;
        "url": string;
    }
    interface UxplAttributeField {
        /**
          * Definition of attribute { id: 'text', label: 'Example Attribute' }
         */
        "attribute": AttributeDef;
        /**
          * default icon color for popup if not specified in model
         */
        "defaultColor": string;
        /**
          * Menu config of popup
         */
        "menuConfig": OptionsMenuConfig;
        /**
          * Height of the popup
         */
        "menuHeight"?: string;
        /**
          * Placeholder used in input field
         */
        "placeholder"?: string;
        /**
          * Whether to show the remove button on this attribute
         */
        "showRemove"?: boolean;
    }
    interface UxplButton {
        "color": string;
        "disabled"?: any;
        "height": string;
        "icon": string;
        "padding": string;
        "textColor": string;
        "type"?: 'primary' | 'secondary' | 'cta' | 'danger' | 'no-border' | 'icon-only';
        "width": string;
    }
    interface UxplCardGrid {
    }
    interface UxplCheckbox {
        /**
          * If `true`, the checkbox is selected.
         */
        "checked": boolean;
        /**
          * If `true`, the checkbox will visually appear as indeterminate.
         */
        "indeterminate": boolean;
        /**
          * If `true`, the checkbox is readonly.
         */
        "readonly": boolean;
        /**
          * The value of the toggle does not mean if it's checked or not, use the `checked` property for that.  The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
         */
        "value": string;
    }
    interface UxplChiplet {
        /**
          * Background color of the chiplet.
         */
        "backgroundColor": string;
        /**
          * Close button color
         */
        "closeButtonColor": any;
        /**
          * Show close button
         */
        "showClose": boolean;
        /**
          * Text color of the chiplet.
         */
        "textColor": string;
        /**
          * Type (classic/square)
         */
        "type": string;
    }
    interface UxplChipletInput {
        /**
          * Send an event containing the new text as it is typed.
         */
        "allKeys": boolean;
        /**
          * Background color of the chiplet.
         */
        "backgroundColor": string;
        "caseSensitive": boolean;
        /**
          * Close button color
         */
        "closeButtonColor": any;
        "hint": string;
        "label": string;
        "labelAbove": boolean;
        "separator": string;
        "showClose": boolean;
        /**
          * Text color of the chiplet.
         */
        "textColor": string;
        /**
          * Type (classic/square)
         */
        "type": string;
        "value": string[];
    }
    interface UxplEmptyStateSystem {
        "description": string;
        "message": string;
        "type": string;
    }
    interface UxplFormField {
        /**
          * type
         */
        "autofocus": boolean;
        /**
          * condise view (single height - no floating label)
         */
        "concise": boolean;
        /**
          * consise view (single height - no floating label)
         */
        "consise": boolean;
        /**
          * disabled
         */
        "disabled": boolean;
        /**
          * fieldId
         */
        "fieldId": string;
        /**
          * hint
         */
        "hint": string;
        /**
          * label
         */
        "label": string;
        /**
          * Options
         */
        "options": string[];
        /**
          * placeholder
         */
        "placeholder": string;
        /**
          * readonly
         */
        "readonly": boolean;
        /**
          * required
         */
        "required": boolean;
        "setFocus": () => Promise<void>;
        /**
          * type
         */
        "type": string;
        /**
          * required
         */
        "valid": boolean;
        /**
          * value
         */
        "value": string | number | null;
    }
    interface UxplHelpSideBar {
        "auth": string;
        "helpSettingsUrl": string;
        "show": boolean;
    }
    interface UxplIcon {
        "color"?: string;
        "height"?: string;
        "icon"?: string;
        "size"?: string;
        "url"?: string;
        "width"?: string;
    }
    interface UxplIconSelector {
        "active": boolean;
        "iconColor": string;
        "iconName": string;
        "iconUrl": string;
        "type": string;
    }
    interface UxplInfoCard {
        /**
          * Card Config - see ../models/uxpl-card-config.tsx  Example:  {   itemId: '123456',   content: {     header: 'DIS_0000000032',     line1: {       label: 'Data source',       value: 'Discover - Analysis Config CDB'     },     line2: {       label: 'Business process',       value: 'Italy - GestioneAffidamento'     },     note: 'created 5 minutes ago by tdevlin@tibco.com'   },   footer: {     badge: {       value: 'Ready',       backgroundColor: '',       icon: '../svg/ic-done.svg'     },     action: 'View details'   } }
         */
        "config": UxplCardConfig;
        /**
          * Height - eg 224px
         */
        "height": string;
        /**
          * Data Label width - eg 150px
         */
        "labelWidth": string;
        /**
          * Card Margin - eg 15px
         */
        "margin": string;
        /**
          * Data Value width - eg 200px
         */
        "valueWidth": string;
        /**
          * Width - eg 435px
         */
        "width": string;
    }
    interface UxplLeftNav {
        /**
          * Center content
         */
        "center": boolean;
        "clearTabs": () => Promise<void>;
        "setTab": (navTab: any, silence?: boolean) => Promise<void>;
        /**
          * Required Tabs
         */
        "tabs": LeftNav[];
        "width": number;
    }
    interface UxplLeftNavMulti {
        /**
          * Property to say if this menu can collapse or not
         */
        "collapse": boolean;
        /**
          * Method to set the active Tab
         */
        "setTab": (navTab: NavMenu, silence?: boolean) => Promise<void>;
        /**
          * Required Tabs
         */
        "tabs": NavMenu[];
        /**
          * Width override (pixels)
         */
        "width": string;
    }
    interface UxplMilestone {
        "config": Milestone;
        "hideTerminal": boolean;
        "isFirst": boolean;
        "isLast": boolean;
        "small": boolean;
    }
    interface UxplMilestoneTrailer {
        "config": MilestoneConfig;
        "hideTerminal": boolean;
        "small": boolean;
    }
    interface UxplModal {
        "color": string;
        "heading": string;
        "maxHeight": string;
        "visible": boolean;
        "width": string;
    }
    interface UxplNotification {
        "hideClose": boolean;
        "message": string;
        "type": string;
    }
    interface UxplObjectHeader {
        /**
          * Header Configuration
         */
        "config": ObjectHeaderConfig;
    }
    interface UxplOptionList {
        /**
          * disabled
         */
        "disabled": boolean;
        /**
          * label
         */
        "label": string;
        /**
          * Options
         */
        "options": string[];
        /**
          * placeholder
         */
        "placeholder": string;
        /**
          * required
         */
        "required": boolean;
        /**
          * type
         */
        "type": string;
        /**
          * valid
         */
        "valid": boolean;
        /**
          * value
         */
        "value": string;
    }
    interface UxplOptionsMenu {
        /**
          * config
         */
        "config": OptionsMenuConfig;
        /**
          * default icon color if not specified in model
         */
        "defaultColor": string;
        /**
          * iconHeight (eg. 24px)
         */
        "iconHeight": string;
        /**
          * iconWidth (eg. 24px)
         */
        "iconWidth": string;
        /**
          * menu max height (eg. 200px)
         */
        "menuHeight": string;
        /**
          * menu width (eg. 200px)
         */
        "menuWidth": string;
        /**
          * xPosition (before/after)
         */
        "xPosition": string;
        /**
          * yPosition (above/below)
         */
        "yPosition": string;
    }
    interface UxplPopup {
        /**
          * Id of the slot content
         */
        "contentId": string;
        /**
          * label
         */
        "label": string;
        /**
          * Max height for pop up eg: 300px
         */
        "maxHeight": string;
        /**
          * Max width for pop up eg: 300px
         */
        "maxWidth": string;
        /**
          * show
         */
        "show": boolean;
        /**
          * xPosition (before/after)
         */
        "xPosition": string;
        /**
          * yPosition (above/below)
         */
        "yPosition": string;
    }
    interface UxplPrimaryNav {
        /**
          * Center content
         */
        "center": boolean;
        "setTab": (navTab: any, silence?: boolean) => Promise<void>;
        /**
          * Required Tabs
         */
        "tabs": NavTab[];
    }
    interface UxplRadio {
        /**
          * If `true`, the radio is selected.
         */
        "checked": boolean;
        /**
          * If `true`, the user cannot interact with the radio.
         */
        "disabled": boolean;
        "setButtonTabIdx": (value: number) => Promise<void>;
        /**
          * the value of the radio.
         */
        "value"?: any | null;
    }
    interface UxplRadioGroup {
        /**
          * If `true`, the radios can be deselected.
         */
        "allowEmptySelection": boolean;
        /**
          * set checked item
         */
        "value"?: any | null;
    }
    interface UxplSelect {
        /**
          * allow input
         */
        "allowInput": boolean;
        /**
          * disabled
         */
        "disabled": boolean;
        /**
          * fieldId
         */
        "fieldId": string;
        /**
          * hint
         */
        "hint": string;
        /**
          * Max height for pop up eg: 150px
         */
        "maxHeight": string;
        /**
          * Whether multiple selections allowed
         */
        "multiple": boolean;
        /**
          * options
         */
        "options": SelectOption[];
        /**
          * placeholder
         */
        "placeholder": string;
        /**
          * required
         */
        "required": boolean;
        /**
          * selector caption when no value eg: 'Select'
         */
        "selectCaption": string;
        /**
          * type
         */
        "type": string;
        /**
          * required
         */
        "valid": boolean;
        /**
          * value (id from MenuOption[])
         */
        "value": string;
        /**
          * array of ids from MenuOption[]
         */
        "values": string[];
        /**
          * Width for pop up eg: 150px
         */
        "width": string;
        /**
          * yPosition (above/below)
         */
        "yPosition": string;
    }
    interface UxplSelectDay {
        /**
          * mode: single|multiple
         */
        "mode": string;
        /**
          * type: month|week
         */
        "type": string;
    }
    interface UxplSelectInput {
        /**
          * allow clear
         */
        "allowClear": boolean;
        /**
          * allow edit
         */
        "allowEdit": boolean;
        /**
          * allow input
         */
        "allowInput": boolean;
        /**
          * border
         */
        "bordered": boolean;
        /**
          * disabled
         */
        "disabled": boolean;
        /**
          * fieldId
         */
        "fieldId": string;
        /**
          * hint
         */
        "hint": string;
        /**
          * label
         */
        "label": string;
        /**
          * Max height for pop up eg: 150px
         */
        "maxHeight": string;
        /**
          * Whether multiple selections allowed
         */
        "multiple": boolean;
        /**
          * dont close dropDown on clear
         */
        "noCloseOnClear": boolean;
        /**
          * options
         */
        "options": SelectOption[];
        /**
          * placeholder
         */
        "placeholder": string;
        /**
          * required
         */
        "required": boolean;
        /**
          * selector caption when no value eg: 'Select'
         */
        "selectCaption": string;
        /**
          * type
         */
        "type": string;
        /**
          * required
         */
        "valid": boolean;
        /**
          * value (id from MenuOption[])
         */
        "value": string;
        /**
          * array of ids from MenuOption[]
         */
        "values": string[];
        /**
          * yPosition (above/below)
         */
        "yPosition": string;
    }
    interface UxplSelectionPopup {
        /**
          * Apply and close popup on clear
         */
        "applyOnClear": boolean;
        /**
          * popupSelectionConfig
         */
        "config": SelectionBoxConfig;
        /**
          * Max height for pop up eg: 300px
         */
        "maxHeight": string;
        /**
          * Max width for pop up eg: 300px
         */
        "maxWidth": string;
        /**
          * show
         */
        "show": boolean;
        /**
          * Id of triger element (so it can be ignored as a click on the component)
         */
        "triggerId": string;
        /**
          * Support checkbox and radio buttons.
         */
        "type": string;
    }
    interface UxplSpinner {
        "appearance": string;
        "message": string;
    }
    interface UxplStepper {
        /**
          * config
         */
        "config": StepperConfig;
        /**
          * Property to say if numbers on the top needs to be hidden
         */
        "hideNumbers": boolean;
    }
    interface UxplSwitchInput {
        /**
          * If `true`, the toggle is selected.
         */
        "checked": boolean;
        /**
          * disabled
         */
        "disabled": boolean;
        /**
          * label
         */
        "label": string;
        /**
          * value
         */
        "value": string;
    }
    interface UxplTag {
        "color": string;
        "grow": boolean;
        "icon": string;
        "progress": string;
    }
    interface UxplTextInput {
        /**
          * disabled
         */
        "disabled": boolean;
        /**
          * hint
         */
        "hint": string;
        /**
          * label
         */
        "label": string;
        /**
          * valid
         */
        "max": number;
        /**
          * min
         */
        "min": number;
        /**
          * placeholder
         */
        "placeholder": string;
        /**
          * required
         */
        "required": boolean;
        /**
          * type
         */
        "type": string;
        /**
          * valid
         */
        "valid": boolean;
        /**
          * value
         */
        "value": string;
    }
    interface UxplTextarea {
        "disabled": boolean;
        /**
          * hint
         */
        "hint": string;
        "maxlength"?: number;
        "placeholder": string;
        "readonly": boolean;
        "value"?: string | null;
    }
    interface UxplToggleText {
        "disabled": boolean;
        "options": ToggleTextOption[];
        "selected": string;
    }
    interface UxplTreeMenuItem {
        "config": TreeConfig;
        "idAttribute": string;
        "level": number;
        "selected": boolean;
        "selectionKey": string;
        "selectionKeyDelimitter": string;
        "treeId": string;
    }
    interface UxplTreeNav {
        "config": TreeConfig[];
        "idAttribute": string;
        "selectParentById": string;
        "selectionKey": string;
        "selectionKeyDelimitter": string;
    }
    interface UxplVideo {
        "label": string;
        "url": string;
        "visible": boolean;
    }
    interface UxplVideoCarousel {
    }
}
declare global {
    interface HTMLUxplArchiveElement extends Components.UxplArchive, HTMLStencilElement {
    }
    var HTMLUxplArchiveElement: {
        prototype: HTMLUxplArchiveElement;
        new (): HTMLUxplArchiveElement;
    };
    interface HTMLUxplAttributeFieldElement extends Components.UxplAttributeField, HTMLStencilElement {
    }
    var HTMLUxplAttributeFieldElement: {
        prototype: HTMLUxplAttributeFieldElement;
        new (): HTMLUxplAttributeFieldElement;
    };
    interface HTMLUxplButtonElement extends Components.UxplButton, HTMLStencilElement {
    }
    var HTMLUxplButtonElement: {
        prototype: HTMLUxplButtonElement;
        new (): HTMLUxplButtonElement;
    };
    interface HTMLUxplCardGridElement extends Components.UxplCardGrid, HTMLStencilElement {
    }
    var HTMLUxplCardGridElement: {
        prototype: HTMLUxplCardGridElement;
        new (): HTMLUxplCardGridElement;
    };
    interface HTMLUxplCheckboxElement extends Components.UxplCheckbox, HTMLStencilElement {
    }
    var HTMLUxplCheckboxElement: {
        prototype: HTMLUxplCheckboxElement;
        new (): HTMLUxplCheckboxElement;
    };
    interface HTMLUxplChipletElement extends Components.UxplChiplet, HTMLStencilElement {
    }
    var HTMLUxplChipletElement: {
        prototype: HTMLUxplChipletElement;
        new (): HTMLUxplChipletElement;
    };
    interface HTMLUxplChipletInputElement extends Components.UxplChipletInput, HTMLStencilElement {
    }
    var HTMLUxplChipletInputElement: {
        prototype: HTMLUxplChipletInputElement;
        new (): HTMLUxplChipletInputElement;
    };
    interface HTMLUxplEmptyStateSystemElement extends Components.UxplEmptyStateSystem, HTMLStencilElement {
    }
    var HTMLUxplEmptyStateSystemElement: {
        prototype: HTMLUxplEmptyStateSystemElement;
        new (): HTMLUxplEmptyStateSystemElement;
    };
    interface HTMLUxplFormFieldElement extends Components.UxplFormField, HTMLStencilElement {
    }
    var HTMLUxplFormFieldElement: {
        prototype: HTMLUxplFormFieldElement;
        new (): HTMLUxplFormFieldElement;
    };
    interface HTMLUxplHelpSideBarElement extends Components.UxplHelpSideBar, HTMLStencilElement {
    }
    var HTMLUxplHelpSideBarElement: {
        prototype: HTMLUxplHelpSideBarElement;
        new (): HTMLUxplHelpSideBarElement;
    };
    interface HTMLUxplIconElement extends Components.UxplIcon, HTMLStencilElement {
    }
    var HTMLUxplIconElement: {
        prototype: HTMLUxplIconElement;
        new (): HTMLUxplIconElement;
    };
    interface HTMLUxplIconSelectorElement extends Components.UxplIconSelector, HTMLStencilElement {
    }
    var HTMLUxplIconSelectorElement: {
        prototype: HTMLUxplIconSelectorElement;
        new (): HTMLUxplIconSelectorElement;
    };
    interface HTMLUxplInfoCardElement extends Components.UxplInfoCard, HTMLStencilElement {
    }
    var HTMLUxplInfoCardElement: {
        prototype: HTMLUxplInfoCardElement;
        new (): HTMLUxplInfoCardElement;
    };
    interface HTMLUxplLeftNavElement extends Components.UxplLeftNav, HTMLStencilElement {
    }
    var HTMLUxplLeftNavElement: {
        prototype: HTMLUxplLeftNavElement;
        new (): HTMLUxplLeftNavElement;
    };
    interface HTMLUxplLeftNavMultiElement extends Components.UxplLeftNavMulti, HTMLStencilElement {
    }
    var HTMLUxplLeftNavMultiElement: {
        prototype: HTMLUxplLeftNavMultiElement;
        new (): HTMLUxplLeftNavMultiElement;
    };
    interface HTMLUxplMilestoneElement extends Components.UxplMilestone, HTMLStencilElement {
    }
    var HTMLUxplMilestoneElement: {
        prototype: HTMLUxplMilestoneElement;
        new (): HTMLUxplMilestoneElement;
    };
    interface HTMLUxplMilestoneTrailerElement extends Components.UxplMilestoneTrailer, HTMLStencilElement {
    }
    var HTMLUxplMilestoneTrailerElement: {
        prototype: HTMLUxplMilestoneTrailerElement;
        new (): HTMLUxplMilestoneTrailerElement;
    };
    interface HTMLUxplModalElement extends Components.UxplModal, HTMLStencilElement {
    }
    var HTMLUxplModalElement: {
        prototype: HTMLUxplModalElement;
        new (): HTMLUxplModalElement;
    };
    interface HTMLUxplNotificationElement extends Components.UxplNotification, HTMLStencilElement {
    }
    var HTMLUxplNotificationElement: {
        prototype: HTMLUxplNotificationElement;
        new (): HTMLUxplNotificationElement;
    };
    interface HTMLUxplObjectHeaderElement extends Components.UxplObjectHeader, HTMLStencilElement {
    }
    var HTMLUxplObjectHeaderElement: {
        prototype: HTMLUxplObjectHeaderElement;
        new (): HTMLUxplObjectHeaderElement;
    };
    interface HTMLUxplOptionListElement extends Components.UxplOptionList, HTMLStencilElement {
    }
    var HTMLUxplOptionListElement: {
        prototype: HTMLUxplOptionListElement;
        new (): HTMLUxplOptionListElement;
    };
    interface HTMLUxplOptionsMenuElement extends Components.UxplOptionsMenu, HTMLStencilElement {
    }
    var HTMLUxplOptionsMenuElement: {
        prototype: HTMLUxplOptionsMenuElement;
        new (): HTMLUxplOptionsMenuElement;
    };
    interface HTMLUxplPopupElement extends Components.UxplPopup, HTMLStencilElement {
    }
    var HTMLUxplPopupElement: {
        prototype: HTMLUxplPopupElement;
        new (): HTMLUxplPopupElement;
    };
    interface HTMLUxplPrimaryNavElement extends Components.UxplPrimaryNav, HTMLStencilElement {
    }
    var HTMLUxplPrimaryNavElement: {
        prototype: HTMLUxplPrimaryNavElement;
        new (): HTMLUxplPrimaryNavElement;
    };
    interface HTMLUxplRadioElement extends Components.UxplRadio, HTMLStencilElement {
    }
    var HTMLUxplRadioElement: {
        prototype: HTMLUxplRadioElement;
        new (): HTMLUxplRadioElement;
    };
    interface HTMLUxplRadioGroupElement extends Components.UxplRadioGroup, HTMLStencilElement {
    }
    var HTMLUxplRadioGroupElement: {
        prototype: HTMLUxplRadioGroupElement;
        new (): HTMLUxplRadioGroupElement;
    };
    interface HTMLUxplSelectElement extends Components.UxplSelect, HTMLStencilElement {
    }
    var HTMLUxplSelectElement: {
        prototype: HTMLUxplSelectElement;
        new (): HTMLUxplSelectElement;
    };
    interface HTMLUxplSelectDayElement extends Components.UxplSelectDay, HTMLStencilElement {
    }
    var HTMLUxplSelectDayElement: {
        prototype: HTMLUxplSelectDayElement;
        new (): HTMLUxplSelectDayElement;
    };
    interface HTMLUxplSelectInputElement extends Components.UxplSelectInput, HTMLStencilElement {
    }
    var HTMLUxplSelectInputElement: {
        prototype: HTMLUxplSelectInputElement;
        new (): HTMLUxplSelectInputElement;
    };
    interface HTMLUxplSelectionPopupElement extends Components.UxplSelectionPopup, HTMLStencilElement {
    }
    var HTMLUxplSelectionPopupElement: {
        prototype: HTMLUxplSelectionPopupElement;
        new (): HTMLUxplSelectionPopupElement;
    };
    interface HTMLUxplSpinnerElement extends Components.UxplSpinner, HTMLStencilElement {
    }
    var HTMLUxplSpinnerElement: {
        prototype: HTMLUxplSpinnerElement;
        new (): HTMLUxplSpinnerElement;
    };
    interface HTMLUxplStepperElement extends Components.UxplStepper, HTMLStencilElement {
    }
    var HTMLUxplStepperElement: {
        prototype: HTMLUxplStepperElement;
        new (): HTMLUxplStepperElement;
    };
    interface HTMLUxplSwitchInputElement extends Components.UxplSwitchInput, HTMLStencilElement {
    }
    var HTMLUxplSwitchInputElement: {
        prototype: HTMLUxplSwitchInputElement;
        new (): HTMLUxplSwitchInputElement;
    };
    interface HTMLUxplTagElement extends Components.UxplTag, HTMLStencilElement {
    }
    var HTMLUxplTagElement: {
        prototype: HTMLUxplTagElement;
        new (): HTMLUxplTagElement;
    };
    interface HTMLUxplTextInputElement extends Components.UxplTextInput, HTMLStencilElement {
    }
    var HTMLUxplTextInputElement: {
        prototype: HTMLUxplTextInputElement;
        new (): HTMLUxplTextInputElement;
    };
    interface HTMLUxplTextareaElement extends Components.UxplTextarea, HTMLStencilElement {
    }
    var HTMLUxplTextareaElement: {
        prototype: HTMLUxplTextareaElement;
        new (): HTMLUxplTextareaElement;
    };
    interface HTMLUxplToggleTextElement extends Components.UxplToggleText, HTMLStencilElement {
    }
    var HTMLUxplToggleTextElement: {
        prototype: HTMLUxplToggleTextElement;
        new (): HTMLUxplToggleTextElement;
    };
    interface HTMLUxplTreeMenuItemElement extends Components.UxplTreeMenuItem, HTMLStencilElement {
    }
    var HTMLUxplTreeMenuItemElement: {
        prototype: HTMLUxplTreeMenuItemElement;
        new (): HTMLUxplTreeMenuItemElement;
    };
    interface HTMLUxplTreeNavElement extends Components.UxplTreeNav, HTMLStencilElement {
    }
    var HTMLUxplTreeNavElement: {
        prototype: HTMLUxplTreeNavElement;
        new (): HTMLUxplTreeNavElement;
    };
    interface HTMLUxplVideoElement extends Components.UxplVideo, HTMLStencilElement {
    }
    var HTMLUxplVideoElement: {
        prototype: HTMLUxplVideoElement;
        new (): HTMLUxplVideoElement;
    };
    interface HTMLUxplVideoCarouselElement extends Components.UxplVideoCarousel, HTMLStencilElement {
    }
    var HTMLUxplVideoCarouselElement: {
        prototype: HTMLUxplVideoCarouselElement;
        new (): HTMLUxplVideoCarouselElement;
    };
    interface HTMLElementTagNameMap {
        "uxpl-archive": HTMLUxplArchiveElement;
        "uxpl-attribute-field": HTMLUxplAttributeFieldElement;
        "uxpl-button": HTMLUxplButtonElement;
        "uxpl-card-grid": HTMLUxplCardGridElement;
        "uxpl-checkbox": HTMLUxplCheckboxElement;
        "uxpl-chiplet": HTMLUxplChipletElement;
        "uxpl-chiplet-input": HTMLUxplChipletInputElement;
        "uxpl-empty-state-system": HTMLUxplEmptyStateSystemElement;
        "uxpl-form-field": HTMLUxplFormFieldElement;
        "uxpl-help-side-bar": HTMLUxplHelpSideBarElement;
        "uxpl-icon": HTMLUxplIconElement;
        "uxpl-icon-selector": HTMLUxplIconSelectorElement;
        "uxpl-info-card": HTMLUxplInfoCardElement;
        "uxpl-left-nav": HTMLUxplLeftNavElement;
        "uxpl-left-nav-multi": HTMLUxplLeftNavMultiElement;
        "uxpl-milestone": HTMLUxplMilestoneElement;
        "uxpl-milestone-trailer": HTMLUxplMilestoneTrailerElement;
        "uxpl-modal": HTMLUxplModalElement;
        "uxpl-notification": HTMLUxplNotificationElement;
        "uxpl-object-header": HTMLUxplObjectHeaderElement;
        "uxpl-option-list": HTMLUxplOptionListElement;
        "uxpl-options-menu": HTMLUxplOptionsMenuElement;
        "uxpl-popup": HTMLUxplPopupElement;
        "uxpl-primary-nav": HTMLUxplPrimaryNavElement;
        "uxpl-radio": HTMLUxplRadioElement;
        "uxpl-radio-group": HTMLUxplRadioGroupElement;
        "uxpl-select": HTMLUxplSelectElement;
        "uxpl-select-day": HTMLUxplSelectDayElement;
        "uxpl-select-input": HTMLUxplSelectInputElement;
        "uxpl-selection-popup": HTMLUxplSelectionPopupElement;
        "uxpl-spinner": HTMLUxplSpinnerElement;
        "uxpl-stepper": HTMLUxplStepperElement;
        "uxpl-switch-input": HTMLUxplSwitchInputElement;
        "uxpl-tag": HTMLUxplTagElement;
        "uxpl-text-input": HTMLUxplTextInputElement;
        "uxpl-textarea": HTMLUxplTextareaElement;
        "uxpl-toggle-text": HTMLUxplToggleTextElement;
        "uxpl-tree-menu-item": HTMLUxplTreeMenuItemElement;
        "uxpl-tree-nav": HTMLUxplTreeNavElement;
        "uxpl-video": HTMLUxplVideoElement;
        "uxpl-video-carousel": HTMLUxplVideoCarouselElement;
    }
}
declare namespace LocalJSX {
    interface UxplArchive {
        "auth"?: string;
        "url"?: string;
    }
    interface UxplAttributeField {
        /**
          * Definition of attribute { id: 'text', label: 'Example Attribute' }
         */
        "attribute"?: AttributeDef;
        /**
          * default icon color for popup if not specified in model
         */
        "defaultColor"?: string;
        /**
          * Menu config of popup
         */
        "menuConfig"?: OptionsMenuConfig;
        /**
          * Height of the popup
         */
        "menuHeight"?: string;
        /**
          * Fired when attribute type or label is changed
         */
        "onUxplChanged"?: (event: CustomEvent<AttributeDef>) => void;
        /**
          * Fired when X button is clicked (typically remove field from list)
         */
        "onUxplRemoved"?: (event: CustomEvent<null>) => void;
        /**
          * Placeholder used in input field
         */
        "placeholder"?: string;
        /**
          * Whether to show the remove button on this attribute
         */
        "showRemove"?: boolean;
    }
    interface UxplButton {
        "color"?: string;
        "disabled"?: any;
        "height"?: string;
        "icon"?: string;
        "onClicked"?: (event: CustomEvent<any>) => void;
        "padding"?: string;
        "textColor"?: string;
        "type"?: 'primary' | 'secondary' | 'cta' | 'danger' | 'no-border' | 'icon-only';
        "width"?: string;
    }
    interface UxplCardGrid {
    }
    interface UxplCheckbox {
        /**
          * If `true`, the checkbox is selected.
         */
        "checked"?: boolean;
        /**
          * If `true`, the checkbox will visually appear as indeterminate.
         */
        "indeterminate"?: boolean;
        /**
          * Emitted when the checked property has changed.
         */
        "onClicked"?: (event: CustomEvent<any>) => void;
        /**
          * If `true`, the checkbox is readonly.
         */
        "readonly"?: boolean;
        /**
          * The value of the toggle does not mean if it's checked or not, use the `checked` property for that.  The value of a toggle is analogous to the value of a `<input type="checkbox">`, it's only used when the toggle participates in a native `<form>`.
         */
        "value"?: string;
    }
    interface UxplChiplet {
        /**
          * Background color of the chiplet.
         */
        "backgroundColor"?: string;
        /**
          * Close button color
         */
        "closeButtonColor"?: any;
        /**
          * Emitted when the chiplet close button is clicked
         */
        "onClosed"?: (event: CustomEvent<any>) => void;
        /**
          * Show close button
         */
        "showClose"?: boolean;
        /**
          * Text color of the chiplet.
         */
        "textColor"?: string;
        /**
          * Type (classic/square)
         */
        "type"?: string;
    }
    interface UxplChipletInput {
        /**
          * Send an event containing the new text as it is typed.
         */
        "allKeys"?: boolean;
        /**
          * Background color of the chiplet.
         */
        "backgroundColor"?: string;
        "caseSensitive"?: boolean;
        /**
          * Close button color
         */
        "closeButtonColor"?: any;
        "hint"?: string;
        "label"?: string;
        "labelAbove"?: boolean;
        "onInputChanged"?: (event: CustomEvent<string>) => void;
        "onUxplChanged"?: (event: CustomEvent<string[]>) => void;
        "separator"?: string;
        "showClose"?: boolean;
        /**
          * Text color of the chiplet.
         */
        "textColor"?: string;
        /**
          * Type (classic/square)
         */
        "type"?: string;
        "value"?: string[];
    }
    interface UxplEmptyStateSystem {
        "description"?: string;
        "message"?: string;
        "type"?: string;
    }
    interface UxplFormField {
        /**
          * type
         */
        "autofocus"?: boolean;
        /**
          * condise view (single height - no floating label)
         */
        "concise"?: boolean;
        /**
          * consise view (single height - no floating label)
         */
        "consise"?: boolean;
        /**
          * disabled
         */
        "disabled"?: boolean;
        /**
          * fieldId
         */
        "fieldId"?: string;
        /**
          * hint
         */
        "hint"?: string;
        /**
          * label
         */
        "label"?: string;
        /**
          * Value changed
         */
        "onChanged"?: (event: CustomEvent<any>) => void;
        /**
          * Input
         */
        "onInputChanged"?: (event: CustomEvent<any>) => void;
        /**
          * Key typed changed
         */
        "onKeys"?: (event: CustomEvent<string>) => void;
        /**
          * Value changed
         */
        "onUxplChanged"?: (event: CustomEvent<any>) => void;
        /**
          * Options
         */
        "options"?: string[];
        /**
          * placeholder
         */
        "placeholder"?: string;
        /**
          * readonly
         */
        "readonly"?: boolean;
        /**
          * required
         */
        "required"?: boolean;
        /**
          * type
         */
        "type"?: string;
        /**
          * required
         */
        "valid"?: boolean;
        /**
          * value
         */
        "value"?: string | number | null;
    }
    interface UxplHelpSideBar {
        "auth"?: string;
        "helpSettingsUrl"?: string;
        "show"?: boolean;
    }
    interface UxplIcon {
        "color"?: string;
        "height"?: string;
        "icon"?: string;
        "size"?: string;
        "url"?: string;
        "width"?: string;
    }
    interface UxplIconSelector {
        "active"?: boolean;
        "iconColor"?: string;
        "iconName"?: string;
        "iconUrl"?: string;
        "onClicked"?: (event: CustomEvent<any>) => void;
        "onUxplActive"?: (event: CustomEvent<boolean>) => void;
        "type"?: string;
    }
    interface UxplInfoCard {
        /**
          * Card Config - see ../models/uxpl-card-config.tsx  Example:  {   itemId: '123456',   content: {     header: 'DIS_0000000032',     line1: {       label: 'Data source',       value: 'Discover - Analysis Config CDB'     },     line2: {       label: 'Business process',       value: 'Italy - GestioneAffidamento'     },     note: 'created 5 minutes ago by tdevlin@tibco.com'   },   footer: {     badge: {       value: 'Ready',       backgroundColor: '',       icon: '../svg/ic-done.svg'     },     action: 'View details'   } }
         */
        "config"?: UxplCardConfig;
        /**
          * Height - eg 224px
         */
        "height"?: string;
        /**
          * Data Label width - eg 150px
         */
        "labelWidth"?: string;
        /**
          * Card Margin - eg 15px
         */
        "margin"?: string;
        /**
          * Card Actioned
         */
        "onAction"?: (event: CustomEvent<any>) => void;
        /**
          * Data Value width - eg 200px
         */
        "valueWidth"?: string;
        /**
          * Width - eg 435px
         */
        "width"?: string;
    }
    interface UxplLeftNav {
        /**
          * Center content
         */
        "center"?: boolean;
        /**
          * Event that tab was selected
         */
        "onSelected"?: (event: CustomEvent<any>) => void;
        /**
          * Required Tabs
         */
        "tabs"?: LeftNav[];
        "width"?: number;
    }
    interface UxplLeftNavMulti {
        /**
          * Property to say if this menu can collapse or not
         */
        "collapse"?: boolean;
        /**
          * Event that menu is collapsed
         */
        "onCollapsed"?: (event: CustomEvent<boolean>) => void;
        /**
          * Event that tab was selected
         */
        "onSelected"?: (event: CustomEvent<any>) => void;
        /**
          * Required Tabs
         */
        "tabs"?: NavMenu[];
        /**
          * Width override (pixels)
         */
        "width"?: string;
    }
    interface UxplMilestone {
        "config"?: Milestone;
        "hideTerminal"?: boolean;
        "isFirst"?: boolean;
        "isLast"?: boolean;
        "small"?: boolean;
    }
    interface UxplMilestoneTrailer {
        "config"?: MilestoneConfig;
        "hideTerminal"?: boolean;
        "small"?: boolean;
    }
    interface UxplModal {
        "color"?: string;
        "heading"?: string;
        "maxHeight"?: string;
        "onClosed"?: (event: CustomEvent<any>) => void;
        "visible"?: boolean;
        "width"?: string;
    }
    interface UxplNotification {
        "hideClose"?: boolean;
        "message"?: string;
        /**
          * Notification closed
         */
        "onClosed"?: (event: CustomEvent<any>) => void;
        "type"?: string;
    }
    interface UxplObjectHeader {
        /**
          * Header Configuration
         */
        "config"?: ObjectHeaderConfig;
        /**
          * Header Back Event
         */
        "onBack"?: (event: CustomEvent<boolean>) => void;
        /**
          * Header Changed Event
         */
        "onChanged"?: (event: CustomEvent<ObjectHeaderConfig>) => void;
        /**
          * Header Detail Edit Event
         */
        "onEditDetail"?: (event: CustomEvent<ObjectHeaderDetail>) => void;
        /**
          * Header Options Click Event
         */
        "onOptionClick"?: (event: CustomEvent<boolean>) => void;
        /**
          * Header Selected Option
         */
        "onSelected"?: (event: CustomEvent<MenuOption>) => void;
    }
    interface UxplOptionList {
        /**
          * disabled
         */
        "disabled"?: boolean;
        /**
          * label
         */
        "label"?: string;
        /**
          * Value changed
         */
        "onChanged"?: (event: CustomEvent<string>) => void;
        /**
          * Key typed changed
         */
        "onKeys"?: (event: CustomEvent<string>) => void;
        /**
          * Options
         */
        "options"?: string[];
        /**
          * placeholder
         */
        "placeholder"?: string;
        /**
          * required
         */
        "required"?: boolean;
        /**
          * type
         */
        "type"?: string;
        /**
          * valid
         */
        "valid"?: boolean;
        /**
          * value
         */
        "value"?: string;
    }
    interface UxplOptionsMenu {
        /**
          * config
         */
        "config"?: OptionsMenuConfig;
        /**
          * default icon color if not specified in model
         */
        "defaultColor"?: string;
        /**
          * iconHeight (eg. 24px)
         */
        "iconHeight"?: string;
        /**
          * iconWidth (eg. 24px)
         */
        "iconWidth"?: string;
        /**
          * menu max height (eg. 200px)
         */
        "menuHeight"?: string;
        /**
          * menu width (eg. 200px)
         */
        "menuWidth"?: string;
        /**
          * Menu clicked off
         */
        "onClosed"?: (event: CustomEvent<null>) => void;
        /**
          * Option selected
         */
        "onSelected"?: (event: CustomEvent<MenuOption>) => void;
        /**
          * xPosition (before/after)
         */
        "xPosition"?: string;
        /**
          * yPosition (above/below)
         */
        "yPosition"?: string;
    }
    interface UxplPopup {
        /**
          * Id of the slot content
         */
        "contentId"?: string;
        /**
          * label
         */
        "label"?: string;
        /**
          * Max height for pop up eg: 300px
         */
        "maxHeight"?: string;
        /**
          * Max width for pop up eg: 300px
         */
        "maxWidth"?: string;
        "onHide"?: (event: CustomEvent<any>) => void;
        /**
          * show
         */
        "show"?: boolean;
        /**
          * xPosition (before/after)
         */
        "xPosition"?: string;
        /**
          * yPosition (above/below)
         */
        "yPosition"?: string;
    }
    interface UxplPrimaryNav {
        /**
          * Center content
         */
        "center"?: boolean;
        /**
          * Event that tab was selected
         */
        "onSelected"?: (event: CustomEvent<NavTab>) => void;
        /**
          * Required Tabs
         */
        "tabs"?: NavTab[];
    }
    interface UxplRadio {
        /**
          * If `true`, the radio is selected.
         */
        "checked"?: boolean;
        /**
          * If `true`, the user cannot interact with the radio.
         */
        "disabled"?: boolean;
        /**
          * the value of the radio.
         */
        "value"?: any | null;
    }
    interface UxplRadioGroup {
        /**
          * If `true`, the radios can be deselected.
         */
        "allowEmptySelection"?: boolean;
        /**
          * Output checked item
         */
        "onUxplChanged"?: (event: CustomEvent<UxplRadioGroupChangeEventDetail>) => void;
        /**
          * set checked item
         */
        "value"?: any | null;
    }
    interface UxplSelect {
        /**
          * allow input
         */
        "allowInput"?: boolean;
        /**
          * disabled
         */
        "disabled"?: boolean;
        /**
          * fieldId
         */
        "fieldId"?: string;
        /**
          * hint
         */
        "hint"?: string;
        /**
          * Max height for pop up eg: 150px
         */
        "maxHeight"?: string;
        /**
          * Whether multiple selections allowed
         */
        "multiple"?: boolean;
        /**
          * Value changed
         */
        "onUxplChanged"?: (event: CustomEvent<SelectOption[] | SelectOption>) => void;
        /**
          * Value changed
         */
        "onUxplSelection"?: (event: CustomEvent<SelectOption[] | SelectOption>) => void;
        /**
          * options
         */
        "options"?: SelectOption[];
        /**
          * placeholder
         */
        "placeholder"?: string;
        /**
          * required
         */
        "required"?: boolean;
        /**
          * selector caption when no value eg: 'Select'
         */
        "selectCaption"?: string;
        /**
          * type
         */
        "type"?: string;
        /**
          * required
         */
        "valid"?: boolean;
        /**
          * value (id from MenuOption[])
         */
        "value"?: string;
        /**
          * array of ids from MenuOption[]
         */
        "values"?: string[];
        /**
          * Width for pop up eg: 150px
         */
        "width"?: string;
        /**
          * yPosition (above/below)
         */
        "yPosition"?: string;
    }
    interface UxplSelectDay {
        /**
          * mode: single|multiple
         */
        "mode"?: string;
        /**
          * Value changed
         */
        "onUxplChanged"?: (event: CustomEvent<string[]>) => void;
        /**
          * type: month|week
         */
        "type"?: string;
    }
    interface UxplSelectInput {
        /**
          * allow clear
         */
        "allowClear"?: boolean;
        /**
          * allow edit
         */
        "allowEdit"?: boolean;
        /**
          * allow input
         */
        "allowInput"?: boolean;
        /**
          * border
         */
        "bordered"?: boolean;
        /**
          * disabled
         */
        "disabled"?: boolean;
        /**
          * fieldId
         */
        "fieldId"?: string;
        /**
          * hint
         */
        "hint"?: string;
        /**
          * label
         */
        "label"?: string;
        /**
          * Max height for pop up eg: 150px
         */
        "maxHeight"?: string;
        /**
          * Whether multiple selections allowed
         */
        "multiple"?: boolean;
        /**
          * dont close dropDown on clear
         */
        "noCloseOnClear"?: boolean;
        /**
          * Value changed
         */
        "onUxplChanged"?: (event: CustomEvent<SelectOption[] | SelectOption>) => void;
        /**
          * Input value
         */
        "onUxplInputChanged"?: (event: CustomEvent<string>) => void;
        /**
          * Value changed
         */
        "onUxplSelection"?: (event: CustomEvent<SelectOption[] | SelectOption>) => void;
        /**
          * options
         */
        "options"?: SelectOption[];
        /**
          * placeholder
         */
        "placeholder"?: string;
        /**
          * required
         */
        "required"?: boolean;
        /**
          * selector caption when no value eg: 'Select'
         */
        "selectCaption"?: string;
        /**
          * type
         */
        "type"?: string;
        /**
          * required
         */
        "valid"?: boolean;
        /**
          * value (id from MenuOption[])
         */
        "value"?: string;
        /**
          * array of ids from MenuOption[]
         */
        "values"?: string[];
        /**
          * yPosition (above/below)
         */
        "yPosition"?: string;
    }
    interface UxplSelectionPopup {
        /**
          * Apply and close popup on clear
         */
        "applyOnClear"?: boolean;
        /**
          * popupSelectionConfig
         */
        "config"?: SelectionBoxConfig;
        /**
          * Max height for pop up eg: 300px
         */
        "maxHeight"?: string;
        /**
          * Max width for pop up eg: 300px
         */
        "maxWidth"?: string;
        "onUxplChanged"?: (event: CustomEvent<SelectionBoxConfig>) => void;
        /**
          * show
         */
        "show"?: boolean;
        /**
          * Id of triger element (so it can be ignored as a click on the component)
         */
        "triggerId"?: string;
        /**
          * Support checkbox and radio buttons.
         */
        "type"?: string;
    }
    interface UxplSpinner {
        "appearance"?: string;
        "message"?: string;
    }
    interface UxplStepper {
        /**
          * config
         */
        "config"?: StepperConfig;
        /**
          * Property to say if numbers on the top needs to be hidden
         */
        "hideNumbers"?: boolean;
        /**
          * step clicked event
         */
        "onStepClicked"?: (event: CustomEvent<Step>) => void;
        /**
          * step clicked index event
         */
        "onStepClickedIdx"?: (event: CustomEvent<number>) => void;
    }
    interface UxplSwitchInput {
        /**
          * If `true`, the toggle is selected.
         */
        "checked"?: boolean;
        /**
          * disabled
         */
        "disabled"?: boolean;
        /**
          * label
         */
        "label"?: string;
        /**
          * Value changed
         */
        "onUxplChange"?: (event: CustomEvent<ToggleChangeEventDetail>) => void;
        /**
          * value
         */
        "value"?: string;
    }
    interface UxplTag {
        "color"?: string;
        "grow"?: boolean;
        "icon"?: string;
        "progress"?: string;
    }
    interface UxplTextInput {
        /**
          * disabled
         */
        "disabled"?: boolean;
        /**
          * hint
         */
        "hint"?: string;
        /**
          * label
         */
        "label"?: string;
        /**
          * valid
         */
        "max"?: number;
        /**
          * min
         */
        "min"?: number;
        /**
          * Value changed
         */
        "onChanged"?: (event: CustomEvent<string>) => void;
        /**
          * Key typed changed
         */
        "onKeys"?: (event: CustomEvent<string>) => void;
        /**
          * Value changed
         */
        "onUxplChanged"?: (event: CustomEvent<string | number>) => void;
        /**
          * Value changed
         */
        "onValChange"?: (event: CustomEvent<string>) => void;
        /**
          * placeholder
         */
        "placeholder"?: string;
        /**
          * required
         */
        "required"?: boolean;
        /**
          * type
         */
        "type"?: string;
        /**
          * valid
         */
        "valid"?: boolean;
        /**
          * value
         */
        "value"?: string;
    }
    interface UxplTextarea {
        "disabled"?: boolean;
        /**
          * hint
         */
        "hint"?: string;
        "maxlength"?: number;
        "onUxplChanged"?: (event: CustomEvent<TextareaChangeEventDetail>) => void;
        "placeholder"?: string;
        "readonly"?: boolean;
        "value"?: string | null;
    }
    interface UxplToggleText {
        "disabled"?: boolean;
        "onUxplSelectionChanged"?: (event: CustomEvent<ToggleTextOption>) => void;
        "options"?: ToggleTextOption[];
        "selected"?: string;
    }
    interface UxplTreeMenuItem {
        "config"?: TreeConfig;
        "idAttribute"?: string;
        "level"?: number;
        "onUxplSelected"?: (event: CustomEvent<TreeConfig>) => void;
        "onUxplSelection"?: (event: CustomEvent<string>) => void;
        "selected"?: boolean;
        "selectionKey"?: string;
        "selectionKeyDelimitter"?: string;
        "treeId"?: string;
    }
    interface UxplTreeNav {
        "config"?: TreeConfig[];
        "idAttribute"?: string;
        "onUxplSelection"?: (event: CustomEvent<string>) => void;
        "selectParentById"?: string;
        "selectionKey"?: string;
        "selectionKeyDelimitter"?: string;
    }
    interface UxplVideo {
        "label"?: string;
        "url"?: string;
        "visible"?: boolean;
    }
    interface UxplVideoCarousel {
    }
    interface IntrinsicElements {
        "uxpl-archive": UxplArchive;
        "uxpl-attribute-field": UxplAttributeField;
        "uxpl-button": UxplButton;
        "uxpl-card-grid": UxplCardGrid;
        "uxpl-checkbox": UxplCheckbox;
        "uxpl-chiplet": UxplChiplet;
        "uxpl-chiplet-input": UxplChipletInput;
        "uxpl-empty-state-system": UxplEmptyStateSystem;
        "uxpl-form-field": UxplFormField;
        "uxpl-help-side-bar": UxplHelpSideBar;
        "uxpl-icon": UxplIcon;
        "uxpl-icon-selector": UxplIconSelector;
        "uxpl-info-card": UxplInfoCard;
        "uxpl-left-nav": UxplLeftNav;
        "uxpl-left-nav-multi": UxplLeftNavMulti;
        "uxpl-milestone": UxplMilestone;
        "uxpl-milestone-trailer": UxplMilestoneTrailer;
        "uxpl-modal": UxplModal;
        "uxpl-notification": UxplNotification;
        "uxpl-object-header": UxplObjectHeader;
        "uxpl-option-list": UxplOptionList;
        "uxpl-options-menu": UxplOptionsMenu;
        "uxpl-popup": UxplPopup;
        "uxpl-primary-nav": UxplPrimaryNav;
        "uxpl-radio": UxplRadio;
        "uxpl-radio-group": UxplRadioGroup;
        "uxpl-select": UxplSelect;
        "uxpl-select-day": UxplSelectDay;
        "uxpl-select-input": UxplSelectInput;
        "uxpl-selection-popup": UxplSelectionPopup;
        "uxpl-spinner": UxplSpinner;
        "uxpl-stepper": UxplStepper;
        "uxpl-switch-input": UxplSwitchInput;
        "uxpl-tag": UxplTag;
        "uxpl-text-input": UxplTextInput;
        "uxpl-textarea": UxplTextarea;
        "uxpl-toggle-text": UxplToggleText;
        "uxpl-tree-menu-item": UxplTreeMenuItem;
        "uxpl-tree-nav": UxplTreeNav;
        "uxpl-video": UxplVideo;
        "uxpl-video-carousel": UxplVideoCarousel;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "uxpl-archive": LocalJSX.UxplArchive & JSXBase.HTMLAttributes<HTMLUxplArchiveElement>;
            "uxpl-attribute-field": LocalJSX.UxplAttributeField & JSXBase.HTMLAttributes<HTMLUxplAttributeFieldElement>;
            "uxpl-button": LocalJSX.UxplButton & JSXBase.HTMLAttributes<HTMLUxplButtonElement>;
            "uxpl-card-grid": LocalJSX.UxplCardGrid & JSXBase.HTMLAttributes<HTMLUxplCardGridElement>;
            "uxpl-checkbox": LocalJSX.UxplCheckbox & JSXBase.HTMLAttributes<HTMLUxplCheckboxElement>;
            "uxpl-chiplet": LocalJSX.UxplChiplet & JSXBase.HTMLAttributes<HTMLUxplChipletElement>;
            "uxpl-chiplet-input": LocalJSX.UxplChipletInput & JSXBase.HTMLAttributes<HTMLUxplChipletInputElement>;
            "uxpl-empty-state-system": LocalJSX.UxplEmptyStateSystem & JSXBase.HTMLAttributes<HTMLUxplEmptyStateSystemElement>;
            "uxpl-form-field": LocalJSX.UxplFormField & JSXBase.HTMLAttributes<HTMLUxplFormFieldElement>;
            "uxpl-help-side-bar": LocalJSX.UxplHelpSideBar & JSXBase.HTMLAttributes<HTMLUxplHelpSideBarElement>;
            "uxpl-icon": LocalJSX.UxplIcon & JSXBase.HTMLAttributes<HTMLUxplIconElement>;
            "uxpl-icon-selector": LocalJSX.UxplIconSelector & JSXBase.HTMLAttributes<HTMLUxplIconSelectorElement>;
            "uxpl-info-card": LocalJSX.UxplInfoCard & JSXBase.HTMLAttributes<HTMLUxplInfoCardElement>;
            "uxpl-left-nav": LocalJSX.UxplLeftNav & JSXBase.HTMLAttributes<HTMLUxplLeftNavElement>;
            "uxpl-left-nav-multi": LocalJSX.UxplLeftNavMulti & JSXBase.HTMLAttributes<HTMLUxplLeftNavMultiElement>;
            "uxpl-milestone": LocalJSX.UxplMilestone & JSXBase.HTMLAttributes<HTMLUxplMilestoneElement>;
            "uxpl-milestone-trailer": LocalJSX.UxplMilestoneTrailer & JSXBase.HTMLAttributes<HTMLUxplMilestoneTrailerElement>;
            "uxpl-modal": LocalJSX.UxplModal & JSXBase.HTMLAttributes<HTMLUxplModalElement>;
            "uxpl-notification": LocalJSX.UxplNotification & JSXBase.HTMLAttributes<HTMLUxplNotificationElement>;
            "uxpl-object-header": LocalJSX.UxplObjectHeader & JSXBase.HTMLAttributes<HTMLUxplObjectHeaderElement>;
            "uxpl-option-list": LocalJSX.UxplOptionList & JSXBase.HTMLAttributes<HTMLUxplOptionListElement>;
            "uxpl-options-menu": LocalJSX.UxplOptionsMenu & JSXBase.HTMLAttributes<HTMLUxplOptionsMenuElement>;
            "uxpl-popup": LocalJSX.UxplPopup & JSXBase.HTMLAttributes<HTMLUxplPopupElement>;
            "uxpl-primary-nav": LocalJSX.UxplPrimaryNav & JSXBase.HTMLAttributes<HTMLUxplPrimaryNavElement>;
            "uxpl-radio": LocalJSX.UxplRadio & JSXBase.HTMLAttributes<HTMLUxplRadioElement>;
            "uxpl-radio-group": LocalJSX.UxplRadioGroup & JSXBase.HTMLAttributes<HTMLUxplRadioGroupElement>;
            "uxpl-select": LocalJSX.UxplSelect & JSXBase.HTMLAttributes<HTMLUxplSelectElement>;
            "uxpl-select-day": LocalJSX.UxplSelectDay & JSXBase.HTMLAttributes<HTMLUxplSelectDayElement>;
            "uxpl-select-input": LocalJSX.UxplSelectInput & JSXBase.HTMLAttributes<HTMLUxplSelectInputElement>;
            "uxpl-selection-popup": LocalJSX.UxplSelectionPopup & JSXBase.HTMLAttributes<HTMLUxplSelectionPopupElement>;
            "uxpl-spinner": LocalJSX.UxplSpinner & JSXBase.HTMLAttributes<HTMLUxplSpinnerElement>;
            "uxpl-stepper": LocalJSX.UxplStepper & JSXBase.HTMLAttributes<HTMLUxplStepperElement>;
            "uxpl-switch-input": LocalJSX.UxplSwitchInput & JSXBase.HTMLAttributes<HTMLUxplSwitchInputElement>;
            "uxpl-tag": LocalJSX.UxplTag & JSXBase.HTMLAttributes<HTMLUxplTagElement>;
            "uxpl-text-input": LocalJSX.UxplTextInput & JSXBase.HTMLAttributes<HTMLUxplTextInputElement>;
            "uxpl-textarea": LocalJSX.UxplTextarea & JSXBase.HTMLAttributes<HTMLUxplTextareaElement>;
            "uxpl-toggle-text": LocalJSX.UxplToggleText & JSXBase.HTMLAttributes<HTMLUxplToggleTextElement>;
            "uxpl-tree-menu-item": LocalJSX.UxplTreeMenuItem & JSXBase.HTMLAttributes<HTMLUxplTreeMenuItemElement>;
            "uxpl-tree-nav": LocalJSX.UxplTreeNav & JSXBase.HTMLAttributes<HTMLUxplTreeNavElement>;
            "uxpl-video": LocalJSX.UxplVideo & JSXBase.HTMLAttributes<HTMLUxplVideoElement>;
            "uxpl-video-carousel": LocalJSX.UxplVideoCarousel & JSXBase.HTMLAttributes<HTMLUxplVideoCarouselElement>;
        }
    }
}
