/* 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 { IFormFieldData } from "./components/signet-checkbox/signet-checkbox";
export { IFormFieldData } from "./components/signet-checkbox/signet-checkbox";
export namespace Components {
    interface CardBody {
        /**
          * The title of the card body component.
         */
        "cardTitle": string;
    }
    interface CardFooter {
    }
    interface CheckmarkItem {
        /**
          * Indicates if the item is active or not.
          * @example true
         */
        "isActive": boolean;
        /**
          * Indicates if the item is valid or not.
          * @example true
         */
        "isValid": boolean;
    }
    interface DatagridFilterCheckbox {
        /**
          * The field name to filter on.
         */
        "field": string;
        "grid_id": string;
        /**
          * The initial value for the filter.
         */
        "initialValue"?: string;
        /**
          * The label for the filter.
         */
        "label": string;
        /**
          * The options for the filter, in JSON format. Example: '[{"label": "Option 1", "value": "option1"}, {"label": "Option 2", "value": "option2"}]'
         */
        "options": string;
    }
    interface DatagridFilterCheckboxEligibleYear {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The initial value of the filter. This is used to set the initial state of the filter when it is first rendered.
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "options": string;
    }
    interface DatagridFilterDateRange {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
         */
        "type": string;
    }
    interface DatagridFilterDropdown {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The initial value of the filter. This is used to set the initial state of the filter when it is first rendered.
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "options": string;
    }
    interface DatagridFilterDropdownLogic {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The initial value of the filter. This is used to set the initial state of the filter when it is first rendered.
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "options": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
         */
        "type": string;
    }
    interface DatagridFilterTextInput {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
          * @example "text"
          * @type {string}
          * @default "text"
         */
        "initialValue": string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The placeholder text to be displayed in the input field. This is used to provide a hint to the user about what to enter in the input field.
          * @example "Enter text"
          * @type {string}
          * @default "Enter text"
         */
        "placeholder": string;
    }
    interface DatagridSearchTextInput {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
          * @example "text"
          * @type {string}
          * @default "text"
         */
        "initialValue": string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The placeholder text to be displayed in the input field. This is used to provide a hint to the user about what to enter in the input field.
          * @example "Enter text"
          * @type {string}
          * @default "Enter text"
         */
        "placeholder": string;
    }
    interface DemoSignetSelect {
    }
    interface SignetAccordion {
        /**
          * An enum prop that determines the size of the accordion component, with options for small ('sm'), medium ('md'), or large ('lg').
          * @default 'md'
         */
        "size": 'sm' | 'md' | 'lg';
    }
    interface SignetAccordionSlide {
        /**
          * A boolean indicating if the accordion should be borderless.
          * @default false
         */
        "borderless": boolean;
        /**
          * A boolean indicating if the child accordion has a trailing line.
          * @default false
         */
        "childTrailingLine": boolean;
        /**
          * A boolean indicating if the slide is completed.
         */
        "completed": boolean;
        /**
          * A boolean indicating whether the slide is expanded or not, defaulting to false.
          * @default false
         */
        "expanded": boolean;
        /**
          * The text heading for the accordion slide.
         */
        "heading": string;
        /**
          * The HTML content to be displayed in the slide.
         */
        "htmlContent": string;
        /**
          * A boolean indicating if the slide is a child slide.
          * @default false
         */
        "isChild": boolean;
        /**
          * A boolean indicating if the parent accordion has a trailing line.
          * @default false
         */
        "parentTrailingLine": boolean;
        /**
          * A boolean indicating if the slide is pending.
         */
        "pending": boolean;
        /**
          * The HTML content to be displayed in the subheading.
         */
        "subHeadingHtmlContent": string;
        "toggleSlide": () => Promise<void>;
    }
    interface SignetAlert {
        /**
          * Used to specify the severity level of the alert, determining its appearance. It can have one of four values: 'success', 'error', 'warning', or 'info'.
          * @default 'success'
         */
        "severity": 'success' | 'error' | 'warning' | 'info';
    }
    interface SignetAvatar {
        /**
          * Specifies the URL of the image to display in the avatar. Defaults to an empty string.
          * @default ''
         */
        "image": string;
        /**
          * Specifies the name to display in the avatar. Defaults to an empty string.
          * @default ''
         */
        "name": string;
        /**
          * Specifies the size of the avatar.
          * @default '2rem'
         */
        "size": string;
    }
    interface SignetBreadcrumb {
        "items": string[] | string;
    }
    interface SignetButton {
        /**
          * Additional class for the button.
          * @default ''
         */
        "buttonClass": string;
        /**
          * Button style, can be 'primary', 'text', or 'outlined'.
          * @default 'primary'
         */
        "class": 'primary' | 'text' | 'outlined';
        /**
          * ID of the element controlled by the button.
         */
        "controls": string;
        /**
          * Indicates if the button is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * Indicates if the button is in an expanded state.
          * @default false
         */
        "expanded": boolean;
        /**
          * Indicates if the button controls a popup.
          * @default false
         */
        "haspopup": boolean;
        /**
          * ID of the element hidden by the button.
         */
        "hides": string;
        /**
          * ID of the element shown by the button.
         */
        "shows": string;
        /**
          * The `size` property determines the size of the select component. It can be set to 'sm', 'md', 'lg', 'small', 'medium', or 'large' to adjust the appearance of the component accordingly. The default size is 'md'.
          * @default 'md'
         */
        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
        /**
          * Button type, can be 'button', 'submit', or 'reset'.
          * @default 'button'
         */
        "type": 'button' | 'submit' | 'reset';
    }
    interface SignetButtonGroup {
        /**
          * The current value of the button group
         */
        "value": string;
    }
    interface SignetCard {
        /**
          * Actions: array of button configs
         */
        "actions"?: Array<{ label: string; type?: 'button' | 'submit' | 'reset'; class?: 'primary' | 'text' | 'outlined'; }>;
        /**
          * Button style
          * @default 'primary'
         */
        "buttonClass"?: 'primary' | 'text' | 'outlined';
        /**
          * Button label
         */
        "buttonLabel"?: string;
        /**
          * Button type
          * @default 'button'
         */
        "buttonType"?: 'button' | 'submit' | 'reset';
        /**
          * Card body text
         */
        "cardBody"?: string;
        /**
          * Card footer text
         */
        "cardFooter"?: string;
        /**
          * Card icon name (for SignetIcon)
         */
        "cardIcon"?: string;
        /**
          * Card icon variant
          * @default 'default'
         */
        "cardIconVariant"?: 'default' | 'sharp' | 'outlined' | 'round' | 'two-tone';
        /**
          * Card subtitle
         */
        "cardSubtitle"?: string;
        /**
          * Card title
         */
        "cardTitle"?: string;
        /**
          * Card image src
         */
        "imageSrc"?: string;
        /**
          * Card variant
          * @default 'filled'
         */
        "variant"?: 'filled' | 'outlined';
    }
    interface SignetCheckbox {
        /**
          * Indicates whether the checkbox is checked.
          * @default false
         */
        "checked": boolean;
        /**
          * Indicates whether the checkbox is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * The text label displayed next to the checkbox
         */
        "label": string;
        /**
          * The name attribute of the checkbox input element.
         */
        "name": string;
        /**
          * Indicates whether the checkbox is required.
         */
        "required": boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor": string;
        /**
          * Text displayed for accessibility purposes when the checkbox is required.
          * @default "Required"
         */
        "requiredText": string;
        "validate": () => Promise<IFormFieldData>;
        "value": string;
    }
    interface SignetCheckmarkForm {
    }
    interface SignetChip {
        /**
          * The unique identifier for the chip.
         */
        "chipId": string;
        /**
          * Indicates whether the chip is closeable.
          * @default false
         */
        "closeable": boolean;
        /**
          * The URL of the image displayed in the chip.
         */
        "image": string;
        /**
          * The text label displayed in the chip.
         */
        "label": string;
        /**
          * The style variant of the chip ('filled' or 'outlined').
          * @default 'filled'
         */
        "variant": 'filled' | 'outlined';
    }
    interface SignetCircularDataWidget {
        "buttonText": string;
        "cardDescription": string;
        "cardTitle": string;
        "progress": number;
        "progressIcon": string;
        "progressLowerText": string;
        "progressUpperText": string;
    }
    interface SignetCircularLoader {
        /**
          * @default 'md'
         */
        "size": 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    }
    interface SignetCircularProgressBar {
        "icon": string;
        "lowerText": string;
        "progress": number | string;
        "upperText": string;
    }
    interface SignetDatagrid {
        /**
          * @default []
         */
        "columns": Column[];
        /**
          * @default []
         */
        "dataSource": DataSource[];
        "grid_id": string;
    }
    interface SignetDatePicker {
        /**
          * A boolean indicating whether to show clear button
          * @default false
         */
        "clearable": boolean;
        /**
          * The value of the date in string format
         */
        "date": string;
        /**
          * The default date value of the calendar (e.g., 'MM/DD/YYYY')
         */
        "defaultValue": string;
        /**
          * A boolean indicating whether the date picker is disabled
          * @default false
         */
        "disabled": boolean;
        /**
          * The dummy date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "dummyDate": string;
        /**
          * A boolean indicating whether the date picker is in an error state with red border color.
         */
        "error": boolean;
        /**
          * The label for the date input field
          * @default "Select Date"
         */
        "label": string;
        /**
          * The locale for formatting the date (e.g., 'en-US', 'en-GB')
          * @default "en-US"
         */
        "locale": string;
        /**
          * The maximun selectable date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "maxDate": string;
        /**
          * The minimum selectable date the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "minDate": string;
        /**
          * If true, the date picker is required and a colored asterisk will be shown in the label.
          * @default false
         */
        "required": boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor": string;
        /**
          * The size of the date picker input. Can be 'sm' | 'small', 'md' | 'medium', or 'lg' | 'large'. Affects the input's padding and height. - sm/small: 32px - md/medium: 42px (default) - lg/large: 52px
          * @default 'medium'
         */
        "size": 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large';
        /**
          * A boolean indicating whether the date picker is in a warning state with yellow border color.
         */
        "warning": boolean;
    }
    interface SignetDateRange {
        /**
          * A boolean indicating whether the end date should be automatically filled with the start date when a start date is selected
          * @default false
         */
        "autoFillEndDate": boolean;
        /**
          * A boolean indicating whether to show clear button
          * @default false
         */
        "clearable": boolean;
        /**
          * The default date value of the calendar (e.g., 'MM/DD/YYYY')
         */
        "defaultValue": string;
        /**
          * A boolean indicating whether the date range picker is disabled
          * @default false
         */
        "disabled": boolean;
        /**
          * The dummy date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "dummyDate": string;
        /**
          * The end date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "endDate": string;
        /**
          * The label for the end date input field
          * @default "End Date"
         */
        "endDateLabel": string;
        /**
          * A boolean indicating whether the date range picker is in an error state with red border color.
         */
        "error": boolean;
        /**
          * The locale for formatting the dates (e.g., 'en-US', 'en-GB')
          * @default "en-US"
         */
        "locale": string;
        /**
          * The maximun selectable date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "maxDate": string;
        /**
          * The minimum selectable date the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "minDate": string;
        /**
          * If true, the date range picker is required and a colored asterisk will be shown in the labels.
          * @default false
         */
        "required": boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor": string;
        /**
          * The size of the date range picker inputs. Can be 'sm' | 'small', 'md' | 'medium', or 'lg' | 'large'. Affects the input's padding and height. - sm/small: 32px - md/medium: 42px (default) - lg/large: 52px
          * @default 'medium'
         */
        "size": 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large';
        /**
          * The start date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "startDate": string;
        /**
          * The label for the start date input field
          * @default "Start Date"
         */
        "startDateLabel": string;
        /**
          * A boolean indicating whether the date range picker is in a warning state with yellow border color.
         */
        "warning": boolean;
    }
    interface SignetDateRangeAdvanced {
    }
    interface SignetDialog {
        "dialogTitle": string;
        "hide": () => Promise<void>;
        "show": () => Promise<void>;
        /**
          * @default 'md'
         */
        "size": 'sm' | 'md' | 'lg';
    }
    interface SignetDivider {
        /**
          * @default false
         */
        "vertical": boolean;
    }
    interface SignetDrawer {
        "headerText": string;
        "hide": () => Promise<void>;
        /**
          * @default false
         */
        "openDrawer": boolean;
        /**
          * @default 'left'
         */
        "position": 'left' | 'right';
        "show": () => Promise<void>;
        /**
          * @default 'sm'
         */
        "size": 'sm' | 'md' | 'lg' | 'xl';
    }
    interface SignetH1 {
    }
    interface SignetH2 {
    }
    interface SignetH3 {
    }
    interface SignetH4 {
    }
    interface SignetH5 {
    }
    interface SignetH6 {
    }
    interface SignetHeader {
        "fixed": 'top' | 'bottom';
        /**
          * @default 'signet'
         */
        "logo": | 'episource'
    | 'coder'
    | 'analyst'
    | 'submitter'
    | 'hub'
    | 'signet'
    | 'connect'
    | 'adaptive-coder'
    | 'portal';
        "logoAlt"?: string;
        "logoHref"?: string;
        "logoSrc"?: string;
    }
    interface SignetHeaderGroup {
        /**
          * @default 'right'
         */
        "position": 'left' | 'right' | 'center';
    }
    interface SignetHeaderItem {
    }
    interface SignetHeaderRow {
    }
    interface SignetIcon {
        /**
          * @default 'account_circle'
         */
        "icon": string;
        /**
          * @default 'default'
         */
        "variant": 'default' | 'sharp' | 'outlined' | 'round' | 'two-tone';
    }
    interface SignetIconOnly {
        /**
          * Insert the class name of the material design Icon you want to design, select Icons from
          * @default 'low_priority'
         */
        "icon": string;
        /**
          * Number of notifications
         */
        "notificationCount": string;
    }
    /**
     * @name Input
     * @description Enables native inputs to be used within a Form field.
     * @category Form Inputs
     * @tags input, form
     * @example <goat-input placeholder="Enter your name"></goat-input>
     */
    interface SignetInput {
        /**
          * Indicates whether the value of the control can be automatically completed by the browser.
          * @default "off"
         */
        "autocomplete": "on" | "off";
        /**
          * @default ""
         */
        "buttonText": string;
        /**
          * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
          * @default false
         */
        "clearable": boolean;
        /**
          * @default {}
         */
        "configAria": any;
        /**
          * Set the amount of time, in milliseconds, to wait to trigger the `signetChange` event after each keystroke.
          * @default 300
         */
        "debounce": number;
        /**
          * If true, the user cannot interact with the button. Defaults to `false`.
          * @default false
         */
        "disabled": boolean;
        "getComponentId": () => Promise<string>;
        /**
          * @default false
         */
        "hasButton": boolean;
        /**
          * @default ""
         */
        "label": string;
        "modelValue"?: string;
        /**
          * The input field name.
          * @default `signet-input-${this.gid}`
         */
        "name": string;
        /**
          * @default ""
         */
        "placeholder": string;
        /**
          * If true, the user read the value cannot modify it. Defaults to `false`.
          * @default false
         */
        "readonly": boolean;
        /**
          * If true, required icon is show. Defaults to `false`.
          * @default false
         */
        "required": boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor": string;
        /**
          * Sets blur on the native `input` in `signet-input`. Use this method instead of the global `input.blur()`.
         */
        "setBlur": () => Promise<void>;
        /**
          * Sets focus on the native `input` in `signet-input`. Use this method instead of the global `input.focus()`.
         */
        "setFocus": () => Promise<void>;
        /**
          * The input field size. Possible values are: `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
          * @default 'md'
         */
        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
        /**
          * The input state. Possible values are: `"success"`, `"error"`, `"warning"`, 'default'. Defaults to `"default"`.
          * @default "default"
         */
        "state": "success" | "error" | "warning" | "default";
        /**
          * The type of control to display. Possible values are: `"text"`, `"password"`, `"number"`, `"email"`, `"tel"`. Defaults to `"text"`.
          * @default "text"
         */
        "type": "text" | "password" | "number" | "email" | "tel";
        /**
          * The input field value.
          * @default ""
         */
        "value"?: string;
    }
    interface SignetLinearLoader {
        /**
          * @default true
         */
        "isDeterminate": boolean;
    }
    interface SignetList {
    }
    interface SignetListItem {
    }
    interface SignetLogo {
        /**
          * The alternative text for the logo image. This is used for accessibility purposes. It is set based on the product name. If not provided, a default value will be used.
          * @default 'EpiSource Logo'
         */
        "alt"?: string;
        /**
          * The destination URL for the logo link. This is set based on the product name. If not provided, a default value will be used.
          * @default 'http://episource.com'
         */
        "href"?: string;
        /**
          * The name of the product. This is used to determine the logo to display.
          * @default 'episource'
         */
        "name": | 'episource'
    | 'coder'
    | 'analyst'
    | 'submitter'
    | 'hub'
    | 'signet'
    | 'connect'
    | 'adaptive-coder'
    | 'portal';
        /**
          * Each logo already has a default src file. If you want to change your logo, you can specify another image src.
          * @default ''
         */
        "src"?: string;
    }
    interface SignetLogoAdaptiveCoder {
        /**
          * Alternative Text
          * @default 'Epi Adaptive Coder Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://coder.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=AC.svg'
         */
        "src": string;
    }
    interface SignetLogoAnalyst {
        /**
          * Alternative Text
          * @default 'EpiAnalyst Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://analyst.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Analyst.svg'
         */
        "src": string;
    }
    interface SignetLogoCoder {
        /**
          * Alternative Text
          * @default 'EpiCoder Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://coder.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Coder.svg'
         */
        "src": string;
    }
    interface SignetLogoConnect {
        /**
          * Alternative Text
          * @default 'Epi Connect Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://connect.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Epiconnect.svg'
         */
        "src": string;
    }
    interface SignetLogoEpisource {
        /**
          * Alternative Text
          * @default 'Episource Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Global.svg'
         */
        "src": string;
    }
    interface SignetLogoHub {
        /**
          * Alternative Text
          * @default 'EpiHub Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://hub.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Hub.svg'
         */
        "src": string;
    }
    interface SignetLogoPortal {
        /**
          * Alternative Text
          * @default 'Epi Portal Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Portal.svg'
         */
        "src": string;
    }
    interface SignetLogoSignet {
        /**
          * Alternative Text
          * @default 'Signet Design System Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://design.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Signet.svg'
         */
        "src": string;
    }
    interface SignetLogoSubmitter {
        /**
          * Alternative Text
          * @default 'EpiSubmitter Logo'
         */
        "alt": string;
        /**
          * Destination of the Logo
          * @default "http://submitter.episource.com"
         */
        "href": string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Submitter.svg'
         */
        "src": string;
    }
    interface SignetMenu {
        /**
          * @default "xs"
         */
        "collapse": "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
        "disabled": boolean;
        /**
          * @default "solid"
         */
        "display": "solid" | "hollow" | "clear" | "link";
        /**
          * @default false
         */
        "harmony": boolean;
        "helperText": string;
        "hide": () => Promise<void>;
        /**
          * @default false
         */
        "hideIndicator": boolean;
        /**
          * @default false
         */
        "hideText": boolean;
        /**
          * The icon of the menu.
          * @description This is used to identify the menu in the DOM.
         */
        "icon": string;
        "loading": boolean;
        /**
          * @default false
         */
        "megaMenu": boolean;
        /**
          * @default false
         */
        "modelValue": boolean;
        /**
          * The position of the menu.
          * @description This is used to position the menu in the DOM.
          * @example "left"
          * @default "left"
         */
        "position": "left" | "right";
        "show": () => Promise<void>;
        /**
          * @default "md"
         */
        "size": "xs" | "sm" | "md" | "lg" | "xl";
        /**
          * The TEXT of the menu.
          * @description This is used to identify the menu in the DOM.
          * @example "Getting Started"
         */
        "text": string;
        /**
          * @default "primary"
         */
        "variant": "primary" | "outline" | "text" | "secondary";
    }
    interface SignetMenuItem {
        /**
          * @default false
         */
        "preventClose": boolean;
    }
    interface SignetModal {
        "hide": () => Promise<void>;
        "modalTitle": string;
        /**
          * @default false
         */
        "openModal": boolean;
        /**
          * @default false
         */
        "preventClose": boolean;
        "show": () => Promise<void>;
        /**
          * @default 'md'
         */
        "size": 'sm' | 'md' | 'lg';
    }
    interface SignetMonthYearPicker {
        /**
          * @default ''
         */
        "value": string;
    }
    interface SignetOption {
        "label": string;
        "value": string;
    }
    interface SignetOverlay {
        "absolute": boolean;
        "hide": () => Promise<void>;
        /**
          * @default false
         */
        "openModal": boolean;
        /**
          * @default false
         */
        "preventClose": boolean;
        "show": () => Promise<void>;
        "titleId": string;
    }
    interface SignetPagination {
        /**
          * @default 1
         */
        "currentPage": number;
        /**
          * @default 10
         */
        "pageSize": number;
        "pageSizeOptions": number[] | string;
        /**
          * @default 1
         */
        "totalItems": number;
        /**
          * @default 1
         */
        "totalPages": number;
    }
    interface SignetPdfPagination {
        "label": string;
    }
    interface SignetPdfViewer {
        /**
          * @default ''
         */
        "image": string;
        /**
          * @default ''
         */
        "imagePreview": string;
        "pdfTitle": string;
        /**
          * @default 'normal'
         */
        "severity": 'success' | 'error' | 'warning' | 'normal';
    }
    interface SignetPopover {
        /**
          * @default 'Open Popover'
         */
        "buttonText": string;
        /**
          * @default 'xs'
         */
        "collapse": 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
        "disabled": boolean;
        /**
          * @default 'solid'
         */
        "display": 'solid' | 'hollow' | 'clear' | 'link';
        "hide": () => Promise<void>;
        /**
          * @default false
         */
        "hideText": boolean;
        "loading": boolean;
        "show": () => Promise<void>;
        /**
          * @default 'md'
         */
        "size": 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    }
    interface SignetProgress {
    }
    interface SignetProgressStep {
        /**
          * @default false
         */
        "complete": boolean;
        /**
          * @default false
         */
        "disabled": boolean;
        /**
          * @default false
         */
        "inProgress": boolean;
        /**
          * @default false
         */
        "invalid": boolean;
        "label": string;
    }
    interface SignetRadio {
        "checked": boolean;
        /**
          * @default false
         */
        "disabled": boolean;
        /**
          * @default false
         */
        "inline": boolean;
        "label": string;
        "name": string;
        "value": string;
    }
    interface SignetScrollingMenu {
        /**
          * @default 0
         */
        "modelValue": number;
        "sectionContents": { [key: string]: string } | string;
        "sections": string[] | string;
        "titles": string[] | string;
    }
    interface SignetSelect {
        /**
          * The `defaultValue` property is a string that represents the default value of the select component. It is used to initialize the selected value when the component is first rendered.
         */
        "defaultValue": string;
        /**
          * The `disabled` property is a boolean that determines whether the select component is disabled. If set to true, users cannot interact with the component or select any options.
          * @default false
         */
        "disabled": boolean;
        /**
          * The `hasOnlySearch` property is a boolean that determines whether the select component only includes a search functionality. If set to true, users can only search for options within the dropdown menu, without selecting any options.
          * @default false
         */
        "hasOnlySearch": boolean;
        /**
          * The `hasSearch` property is a boolean that determines whether the select component includes a search functionality. If set to true, users can search for options within the dropdown menu.
          * @default false
         */
        "hasSearch": boolean;
        /**
          * The `hide` method is used to hide the select component's dropdown menu. It sets the `isExpanded` state to false and emits the `hidden` event. This method can be called programmatically to close the dropdown menu.
          * @returns A promise that resolves when the dropdown menu is hidden.
         */
        "hide": () => Promise<void>;
        /**
          * The `items` property is an alias for the `options` property, allowing users to pass options as an array or JSON string. It is maintained for backward compatibility but should be replaced with the `options` prop in new implementations.
         */
        "items": any;
        /**
          * The `label` property is a string that represents the label for the select component. It is displayed above the selected value and can be used to provide context to the user.
         */
        "label": string;
        /**
          * The `modelValue` property enables two-way binding with v-model in Vue.
         */
        "modelValue"?: string;
        /**
          * The `multiple` property is a boolean that determines whether the select component allows multiple selections. If set to true, users can select more than one option from the list.
          * @default false
         */
        "multiple": boolean;
        /**
          * The `options` property is an array or JSON string representing the options available in the select component. It can be an array of objects or a JSON string. Each object can contain properties such as `value`, `label`, and `disabled` to customize the appearance and behavior of each option. This single prop replaces the previous `items` prop for all option data.
         */
        "options": string | any[];
        /**
          * The `placeholder` property is a string that represents the placeholder text for the select component. It is displayed when no option is selected and can be used to provide guidance to the user on what to select.
         */
        "placeholder": string;
        /**
          * The `readonly` property is a boolean that determines whether the select component is read-only. If set to true, users cannot change the selected value, but can still interact with the component.
          * @default false
         */
        "readonly": boolean;
        /**
          * The `required` property determines if the select is required. If true, a colored asterisk will be shown in the label.
          * @default false
         */
        "required": boolean;
        /**
          * The `requiredAsteriskColor` property allows customizing the color of the required asterisk in the label. Defaults to 'red' if not specified.
          * @default 'red'
         */
        "requiredAsteriskColor": string;
        /**
          * The `show` method is used to display the select component's dropdown menu. It sets the `isExpanded` state to true and emits the `shown` event. This method can be called programmatically to open the dropdown menu.
          * @returns A promise that resolves when the dropdown menu is shown.
         */
        "show": () => Promise<void>;
        /**
          * The `size` property determines the size of the select component. It can be set to 'sm', 'md', 'lg', 'small', 'medium', or 'large' to adjust the appearance of the component accordingly. The default size is 'md'.
          * @default 'md'
         */
        "size": 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
        /**
          * The `value` property is added for Vue 2 v-model compatibility.
         */
        "value"?: string;
    }
    interface SignetSelectAlt {
        "disabled": boolean;
        "isClearable": boolean;
        /**
          * @default false
         */
        "isMulti": boolean;
        "isSearchable": boolean;
        "label": string;
        "options": OptionsInterface[] | string;
        "placeholder": string;
        /**
          * @default this.isMulti ? [] : ''
         */
        "value": string | string[];
    }
    interface SignetSidebar {
    }
    interface SignetSidebarItem {
        /**
          * @default false
         */
        "active": boolean;
        "handleClick": () => void;
        "icon": string;
        "text": string;
    }
    interface SignetSkeleton {
        "article": boolean;
        "avatar": boolean;
        "basic": boolean;
        "shape": 'circle' | 'button' | 'paragrah';
    }
    interface SignetSnackbar {
        /**
          * The duration for which the snackbar should be displayed.
          * @example 3000
         */
        "autoHideDuration": number | string;
        /**
          * The message to be displayed in the snackbar.
          * @example 'This is a snackbar message'
         */
        "message": string;
        /**
          * The action to be performed when the snackbar is clicked.
          * @example () => { console.log('Snackbar clicked') }
          * @default false
         */
        "open": boolean;
        /**
          * The position of the snackbar. Can be top-left, top-center, top-right, bottom-left, bottom-center or bottom-right.
          * @example top-left
          * @default 'top-right'
         */
        "position": | 'top-left'
    | 'top-center'
    | 'top-right'
    | 'bottom-left'
    | 'bottom-center'
    | 'bottom-right';
        /**
          * The width of the snackbar. Can be xs, sm, md, lg, xl or a number.
          * @example xs
         */
        "severity": 'success' | 'error' | 'warning' | 'info';
        /**
          * The width of the snackbar. Can be xs, sm, md, lg, xl or a number.
          * @example xs
          * @default 'sm'
         */
        "width": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
    }
    interface SignetStepper {
        /**
          * The orientation of the stepper. Can be vertical or horizontal.
          * @example vertical
          * @example horizontal
          * @default 'horizontal'
         */
        "orientation": 'vertical' | 'horizontal';
        /**
          * The steps of the stepper. Can be an array of strings or a JSON string.
          * @example ['Step 1', 'Step 2', 'Step 3']
          * @example '[{"label": "Step 1"}, {"label": "Step 2"}, {"label": "Step 3"}]'
          * @example '[{"label": "Step 1", "disabled": true}, {"label": "Step 2"}, {"label": "Step 3"}]'
          * @default ['Step 1', 'Step 2', 'Step 3', 'Step 4']
         */
        "steps": string[];
    }
    interface SignetSwitch {
        /**
          * `checked` indicates whether the switch is checked or not. It is a mutable property, which means it can be changed by the user. It is recommended to use a unique name for each switch. If not provided, a unique name will be generated.
          * @default false
         */
        "checked": boolean;
        /**
          * `disabled` indicates whether the switch is disabled or not. If the switch is disabled, it cannot be clicked or changed. The default value is `false`, which means the switch is enabled.
          * @example true
          * @default false
         */
        "disabled": boolean;
        /**
          * The name of the switch. This is used to identify the switch when it is submitted in a form. It is also used as the id of the input element. It is recommended to use a unique name for each switch. If not provided, a unique name will be generated.
          * @example "switch1"
          * @example "switch2"
         */
        "name": string;
    }
    interface SignetTab {
        "tabText": string;
    }
    interface SignetTable {
    }
    interface SignetTableCell {
        /**
          * @default 'left'
         */
        "align": 'right' | 'left';
    }
    interface SignetTableHead {
        /**
          * @default 'left'
         */
        "align": 'right' | 'left';
    }
    interface SignetTableRow {
        "row": number;
    }
    interface SignetTabs {
        /**
          * The alignment of the tabs. Can be start, center, end or justified.
          * @default 'start'
         */
        "align": 'start' | 'center' | 'end' | 'justified';
        /**
          * The id of the tabs.
         */
        "label": string;
        /**
          * The position of the tabs. Can be top, bottom, left or right.
          * @default 'top'
         */
        "position": 'top' | 'bottom' | 'left' | 'right';
        /**
          * The variant of the tabs. Can be filled or outlined.
          * @default 'medium'
         */
        "size": 'small' | 'medium' | 'large';
        /**
          * The variant of the tabs. Can be filled or outlined.
          * @default 'outlined'
         */
        "variant": 'filled' | 'outlined';
    }
    interface SignetTooltip {
        /**
          * @default false
         */
        "disable": boolean;
        /**
          * @default 'top'
         */
        "position": 'top' | 'bottom' | 'left' | 'right';
        /**
          * The text to be displayed in the tooltip. It can be a string or HTML.
          * @example ```html <signet-tooltip text="Hello World" /> <signet-tooltip text="<strong>Hello</strong> <em>World</em>" />
         */
        "text": string;
    }
}
export interface DatagridFilterCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridFilterCheckboxElement;
}
export interface DatagridFilterCheckboxEligibleYearCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridFilterCheckboxEligibleYearElement;
}
export interface DatagridFilterDateRangeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridFilterDateRangeElement;
}
export interface DatagridFilterDropdownCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridFilterDropdownElement;
}
export interface DatagridFilterDropdownLogicCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridFilterDropdownLogicElement;
}
export interface DatagridFilterTextInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridFilterTextInputElement;
}
export interface DatagridSearchTextInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDatagridSearchTextInputElement;
}
export interface SignetButtonGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetButtonGroupElement;
}
export interface SignetCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetCheckboxElement;
}
export interface SignetChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetChipElement;
}
export interface SignetDatePickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetDatePickerElement;
}
export interface SignetDateRangeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetDateRangeElement;
}
export interface SignetInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetInputElement;
}
export interface SignetMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetMenuElement;
}
export interface SignetMenuItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetMenuItemElement;
}
export interface SignetMonthYearPickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetMonthYearPickerElement;
}
export interface SignetOptionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetOptionElement;
}
export interface SignetOverlayCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetOverlayElement;
}
export interface SignetPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetPaginationElement;
}
export interface SignetPdfPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetPdfPaginationElement;
}
export interface SignetPopoverCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetPopoverElement;
}
export interface SignetProgressStepCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetProgressStepElement;
}
export interface SignetRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetRadioElement;
}
export interface SignetSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetSelectElement;
}
export interface SignetSelectAltCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetSelectAltElement;
}
export interface SignetSnackbarCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetSnackbarElement;
}
export interface SignetSwitchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSignetSwitchElement;
}
declare global {
    interface HTMLCardBodyElement extends Components.CardBody, HTMLStencilElement {
    }
    var HTMLCardBodyElement: {
        prototype: HTMLCardBodyElement;
        new (): HTMLCardBodyElement;
    };
    interface HTMLCardFooterElement extends Components.CardFooter, HTMLStencilElement {
    }
    var HTMLCardFooterElement: {
        prototype: HTMLCardFooterElement;
        new (): HTMLCardFooterElement;
    };
    interface HTMLCheckmarkItemElement extends Components.CheckmarkItem, HTMLStencilElement {
    }
    var HTMLCheckmarkItemElement: {
        prototype: HTMLCheckmarkItemElement;
        new (): HTMLCheckmarkItemElement;
    };
    interface HTMLDatagridFilterCheckboxElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: any;
    type: string;
  };
    }
    interface HTMLDatagridFilterCheckboxElement extends Components.DatagridFilterCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridFilterCheckboxElementEventMap>(type: K, listener: (this: HTMLDatagridFilterCheckboxElement, ev: DatagridFilterCheckboxCustomEvent<HTMLDatagridFilterCheckboxElementEventMap[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 HTMLDatagridFilterCheckboxElementEventMap>(type: K, listener: (this: HTMLDatagridFilterCheckboxElement, ev: DatagridFilterCheckboxCustomEvent<HTMLDatagridFilterCheckboxElementEventMap[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 HTMLDatagridFilterCheckboxElement: {
        prototype: HTMLDatagridFilterCheckboxElement;
        new (): HTMLDatagridFilterCheckboxElement;
    };
    interface HTMLDatagridFilterCheckboxEligibleYearElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: any;
    type: string;
  };
    }
    interface HTMLDatagridFilterCheckboxEligibleYearElement extends Components.DatagridFilterCheckboxEligibleYear, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridFilterCheckboxEligibleYearElementEventMap>(type: K, listener: (this: HTMLDatagridFilterCheckboxEligibleYearElement, ev: DatagridFilterCheckboxEligibleYearCustomEvent<HTMLDatagridFilterCheckboxEligibleYearElementEventMap[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 HTMLDatagridFilterCheckboxEligibleYearElementEventMap>(type: K, listener: (this: HTMLDatagridFilterCheckboxEligibleYearElement, ev: DatagridFilterCheckboxEligibleYearCustomEvent<HTMLDatagridFilterCheckboxEligibleYearElementEventMap[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 HTMLDatagridFilterCheckboxEligibleYearElement: {
        prototype: HTMLDatagridFilterCheckboxEligibleYearElement;
        new (): HTMLDatagridFilterCheckboxEligibleYearElement;
    };
    interface HTMLDatagridFilterDateRangeElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: { startDate: string; endDate: string };
    type: string;
  };
    }
    interface HTMLDatagridFilterDateRangeElement extends Components.DatagridFilterDateRange, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridFilterDateRangeElementEventMap>(type: K, listener: (this: HTMLDatagridFilterDateRangeElement, ev: DatagridFilterDateRangeCustomEvent<HTMLDatagridFilterDateRangeElementEventMap[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 HTMLDatagridFilterDateRangeElementEventMap>(type: K, listener: (this: HTMLDatagridFilterDateRangeElement, ev: DatagridFilterDateRangeCustomEvent<HTMLDatagridFilterDateRangeElementEventMap[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 HTMLDatagridFilterDateRangeElement: {
        prototype: HTMLDatagridFilterDateRangeElement;
        new (): HTMLDatagridFilterDateRangeElement;
    };
    interface HTMLDatagridFilterDropdownElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: string;
    type: string;
  };
    }
    interface HTMLDatagridFilterDropdownElement extends Components.DatagridFilterDropdown, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridFilterDropdownElementEventMap>(type: K, listener: (this: HTMLDatagridFilterDropdownElement, ev: DatagridFilterDropdownCustomEvent<HTMLDatagridFilterDropdownElementEventMap[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 HTMLDatagridFilterDropdownElementEventMap>(type: K, listener: (this: HTMLDatagridFilterDropdownElement, ev: DatagridFilterDropdownCustomEvent<HTMLDatagridFilterDropdownElementEventMap[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 HTMLDatagridFilterDropdownElement: {
        prototype: HTMLDatagridFilterDropdownElement;
        new (): HTMLDatagridFilterDropdownElement;
    };
    interface HTMLDatagridFilterDropdownLogicElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: number;
    type: string;
    condition: string;
  };
    }
    interface HTMLDatagridFilterDropdownLogicElement extends Components.DatagridFilterDropdownLogic, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridFilterDropdownLogicElementEventMap>(type: K, listener: (this: HTMLDatagridFilterDropdownLogicElement, ev: DatagridFilterDropdownLogicCustomEvent<HTMLDatagridFilterDropdownLogicElementEventMap[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 HTMLDatagridFilterDropdownLogicElementEventMap>(type: K, listener: (this: HTMLDatagridFilterDropdownLogicElement, ev: DatagridFilterDropdownLogicCustomEvent<HTMLDatagridFilterDropdownLogicElementEventMap[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 HTMLDatagridFilterDropdownLogicElement: {
        prototype: HTMLDatagridFilterDropdownLogicElement;
        new (): HTMLDatagridFilterDropdownLogicElement;
    };
    interface HTMLDatagridFilterTextInputElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: string;
    type: string;
  };
    }
    interface HTMLDatagridFilterTextInputElement extends Components.DatagridFilterTextInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridFilterTextInputElementEventMap>(type: K, listener: (this: HTMLDatagridFilterTextInputElement, ev: DatagridFilterTextInputCustomEvent<HTMLDatagridFilterTextInputElementEventMap[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 HTMLDatagridFilterTextInputElementEventMap>(type: K, listener: (this: HTMLDatagridFilterTextInputElement, ev: DatagridFilterTextInputCustomEvent<HTMLDatagridFilterTextInputElementEventMap[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 HTMLDatagridFilterTextInputElement: {
        prototype: HTMLDatagridFilterTextInputElement;
        new (): HTMLDatagridFilterTextInputElement;
    };
    interface HTMLDatagridSearchTextInputElementEventMap {
        "filterChanged": {
    grid_id: string;
    field: string;
    value: string;
    type: string;
  };
    }
    interface HTMLDatagridSearchTextInputElement extends Components.DatagridSearchTextInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDatagridSearchTextInputElementEventMap>(type: K, listener: (this: HTMLDatagridSearchTextInputElement, ev: DatagridSearchTextInputCustomEvent<HTMLDatagridSearchTextInputElementEventMap[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 HTMLDatagridSearchTextInputElementEventMap>(type: K, listener: (this: HTMLDatagridSearchTextInputElement, ev: DatagridSearchTextInputCustomEvent<HTMLDatagridSearchTextInputElementEventMap[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 HTMLDatagridSearchTextInputElement: {
        prototype: HTMLDatagridSearchTextInputElement;
        new (): HTMLDatagridSearchTextInputElement;
    };
    interface HTMLDemoSignetSelectElement extends Components.DemoSignetSelect, HTMLStencilElement {
    }
    var HTMLDemoSignetSelectElement: {
        prototype: HTMLDemoSignetSelectElement;
        new (): HTMLDemoSignetSelectElement;
    };
    interface HTMLSignetAccordionElement extends Components.SignetAccordion, HTMLStencilElement {
    }
    var HTMLSignetAccordionElement: {
        prototype: HTMLSignetAccordionElement;
        new (): HTMLSignetAccordionElement;
    };
    interface HTMLSignetAccordionSlideElement extends Components.SignetAccordionSlide, HTMLStencilElement {
    }
    var HTMLSignetAccordionSlideElement: {
        prototype: HTMLSignetAccordionSlideElement;
        new (): HTMLSignetAccordionSlideElement;
    };
    interface HTMLSignetAlertElement extends Components.SignetAlert, HTMLStencilElement {
    }
    var HTMLSignetAlertElement: {
        prototype: HTMLSignetAlertElement;
        new (): HTMLSignetAlertElement;
    };
    interface HTMLSignetAvatarElement extends Components.SignetAvatar, HTMLStencilElement {
    }
    var HTMLSignetAvatarElement: {
        prototype: HTMLSignetAvatarElement;
        new (): HTMLSignetAvatarElement;
    };
    interface HTMLSignetBreadcrumbElement extends Components.SignetBreadcrumb, HTMLStencilElement {
    }
    var HTMLSignetBreadcrumbElement: {
        prototype: HTMLSignetBreadcrumbElement;
        new (): HTMLSignetBreadcrumbElement;
    };
    interface HTMLSignetButtonElement extends Components.SignetButton, HTMLStencilElement {
    }
    var HTMLSignetButtonElement: {
        prototype: HTMLSignetButtonElement;
        new (): HTMLSignetButtonElement;
    };
    interface HTMLSignetButtonGroupElementEventMap {
        "valueChange": string;
    }
    interface HTMLSignetButtonGroupElement extends Components.SignetButtonGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetButtonGroupElementEventMap>(type: K, listener: (this: HTMLSignetButtonGroupElement, ev: SignetButtonGroupCustomEvent<HTMLSignetButtonGroupElementEventMap[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 HTMLSignetButtonGroupElementEventMap>(type: K, listener: (this: HTMLSignetButtonGroupElement, ev: SignetButtonGroupCustomEvent<HTMLSignetButtonGroupElementEventMap[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 HTMLSignetButtonGroupElement: {
        prototype: HTMLSignetButtonGroupElement;
        new (): HTMLSignetButtonGroupElement;
    };
    interface HTMLSignetCardElement extends Components.SignetCard, HTMLStencilElement {
    }
    var HTMLSignetCardElement: {
        prototype: HTMLSignetCardElement;
        new (): HTMLSignetCardElement;
    };
    interface HTMLSignetCheckboxElementEventMap {
        "changed": IFormFieldData;
    }
    interface HTMLSignetCheckboxElement extends Components.SignetCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetCheckboxElementEventMap>(type: K, listener: (this: HTMLSignetCheckboxElement, ev: SignetCheckboxCustomEvent<HTMLSignetCheckboxElementEventMap[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 HTMLSignetCheckboxElementEventMap>(type: K, listener: (this: HTMLSignetCheckboxElement, ev: SignetCheckboxCustomEvent<HTMLSignetCheckboxElementEventMap[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 HTMLSignetCheckboxElement: {
        prototype: HTMLSignetCheckboxElement;
        new (): HTMLSignetCheckboxElement;
    };
    interface HTMLSignetCheckmarkFormElement extends Components.SignetCheckmarkForm, HTMLStencilElement {
    }
    var HTMLSignetCheckmarkFormElement: {
        prototype: HTMLSignetCheckmarkFormElement;
        new (): HTMLSignetCheckmarkFormElement;
    };
    interface HTMLSignetChipElementEventMap {
        "signet-chip-close": any;
    }
    interface HTMLSignetChipElement extends Components.SignetChip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetChipElementEventMap>(type: K, listener: (this: HTMLSignetChipElement, ev: SignetChipCustomEvent<HTMLSignetChipElementEventMap[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 HTMLSignetChipElementEventMap>(type: K, listener: (this: HTMLSignetChipElement, ev: SignetChipCustomEvent<HTMLSignetChipElementEventMap[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 HTMLSignetChipElement: {
        prototype: HTMLSignetChipElement;
        new (): HTMLSignetChipElement;
    };
    interface HTMLSignetCircularDataWidgetElement extends Components.SignetCircularDataWidget, HTMLStencilElement {
    }
    var HTMLSignetCircularDataWidgetElement: {
        prototype: HTMLSignetCircularDataWidgetElement;
        new (): HTMLSignetCircularDataWidgetElement;
    };
    interface HTMLSignetCircularLoaderElement extends Components.SignetCircularLoader, HTMLStencilElement {
    }
    var HTMLSignetCircularLoaderElement: {
        prototype: HTMLSignetCircularLoaderElement;
        new (): HTMLSignetCircularLoaderElement;
    };
    interface HTMLSignetCircularProgressBarElement extends Components.SignetCircularProgressBar, HTMLStencilElement {
    }
    var HTMLSignetCircularProgressBarElement: {
        prototype: HTMLSignetCircularProgressBarElement;
        new (): HTMLSignetCircularProgressBarElement;
    };
    interface HTMLSignetDatagridElement extends Components.SignetDatagrid, HTMLStencilElement {
    }
    var HTMLSignetDatagridElement: {
        prototype: HTMLSignetDatagridElement;
        new (): HTMLSignetDatagridElement;
    };
    interface HTMLSignetDatePickerElementEventMap {
        "dateError": {
    message: string;
    invalidDate: string;
    field: "date";
    timestamp: Date;
  };
        "dateChange": string;
        "handleBlur": FocusEvent;
        "handleFocus": FocusEvent;
    }
    interface HTMLSignetDatePickerElement extends Components.SignetDatePicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetDatePickerElementEventMap>(type: K, listener: (this: HTMLSignetDatePickerElement, ev: SignetDatePickerCustomEvent<HTMLSignetDatePickerElementEventMap[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 HTMLSignetDatePickerElementEventMap>(type: K, listener: (this: HTMLSignetDatePickerElement, ev: SignetDatePickerCustomEvent<HTMLSignetDatePickerElementEventMap[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 HTMLSignetDatePickerElement: {
        prototype: HTMLSignetDatePickerElement;
        new (): HTMLSignetDatePickerElement;
    };
    interface HTMLSignetDateRangeElementEventMap {
        "changeEvent": {
    startDate: string;
    endDate: string;
  };
        "handleBlur": FocusEvent;
        "handleFocus": FocusEvent;
        "dateError": {
    message: string;
    invalidDate: string;
    field: "startDate" | "endDate";
    timestamp: Date;
  };
    }
    interface HTMLSignetDateRangeElement extends Components.SignetDateRange, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetDateRangeElementEventMap>(type: K, listener: (this: HTMLSignetDateRangeElement, ev: SignetDateRangeCustomEvent<HTMLSignetDateRangeElementEventMap[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 HTMLSignetDateRangeElementEventMap>(type: K, listener: (this: HTMLSignetDateRangeElement, ev: SignetDateRangeCustomEvent<HTMLSignetDateRangeElementEventMap[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 HTMLSignetDateRangeElement: {
        prototype: HTMLSignetDateRangeElement;
        new (): HTMLSignetDateRangeElement;
    };
    interface HTMLSignetDateRangeAdvancedElement extends Components.SignetDateRangeAdvanced, HTMLStencilElement {
    }
    var HTMLSignetDateRangeAdvancedElement: {
        prototype: HTMLSignetDateRangeAdvancedElement;
        new (): HTMLSignetDateRangeAdvancedElement;
    };
    interface HTMLSignetDialogElement extends Components.SignetDialog, HTMLStencilElement {
    }
    var HTMLSignetDialogElement: {
        prototype: HTMLSignetDialogElement;
        new (): HTMLSignetDialogElement;
    };
    interface HTMLSignetDividerElement extends Components.SignetDivider, HTMLStencilElement {
    }
    var HTMLSignetDividerElement: {
        prototype: HTMLSignetDividerElement;
        new (): HTMLSignetDividerElement;
    };
    interface HTMLSignetDrawerElement extends Components.SignetDrawer, HTMLStencilElement {
    }
    var HTMLSignetDrawerElement: {
        prototype: HTMLSignetDrawerElement;
        new (): HTMLSignetDrawerElement;
    };
    interface HTMLSignetH1Element extends Components.SignetH1, HTMLStencilElement {
    }
    var HTMLSignetH1Element: {
        prototype: HTMLSignetH1Element;
        new (): HTMLSignetH1Element;
    };
    interface HTMLSignetH2Element extends Components.SignetH2, HTMLStencilElement {
    }
    var HTMLSignetH2Element: {
        prototype: HTMLSignetH2Element;
        new (): HTMLSignetH2Element;
    };
    interface HTMLSignetH3Element extends Components.SignetH3, HTMLStencilElement {
    }
    var HTMLSignetH3Element: {
        prototype: HTMLSignetH3Element;
        new (): HTMLSignetH3Element;
    };
    interface HTMLSignetH4Element extends Components.SignetH4, HTMLStencilElement {
    }
    var HTMLSignetH4Element: {
        prototype: HTMLSignetH4Element;
        new (): HTMLSignetH4Element;
    };
    interface HTMLSignetH5Element extends Components.SignetH5, HTMLStencilElement {
    }
    var HTMLSignetH5Element: {
        prototype: HTMLSignetH5Element;
        new (): HTMLSignetH5Element;
    };
    interface HTMLSignetH6Element extends Components.SignetH6, HTMLStencilElement {
    }
    var HTMLSignetH6Element: {
        prototype: HTMLSignetH6Element;
        new (): HTMLSignetH6Element;
    };
    interface HTMLSignetHeaderElement extends Components.SignetHeader, HTMLStencilElement {
    }
    var HTMLSignetHeaderElement: {
        prototype: HTMLSignetHeaderElement;
        new (): HTMLSignetHeaderElement;
    };
    interface HTMLSignetHeaderGroupElement extends Components.SignetHeaderGroup, HTMLStencilElement {
    }
    var HTMLSignetHeaderGroupElement: {
        prototype: HTMLSignetHeaderGroupElement;
        new (): HTMLSignetHeaderGroupElement;
    };
    interface HTMLSignetHeaderItemElement extends Components.SignetHeaderItem, HTMLStencilElement {
    }
    var HTMLSignetHeaderItemElement: {
        prototype: HTMLSignetHeaderItemElement;
        new (): HTMLSignetHeaderItemElement;
    };
    interface HTMLSignetHeaderRowElement extends Components.SignetHeaderRow, HTMLStencilElement {
    }
    var HTMLSignetHeaderRowElement: {
        prototype: HTMLSignetHeaderRowElement;
        new (): HTMLSignetHeaderRowElement;
    };
    interface HTMLSignetIconElement extends Components.SignetIcon, HTMLStencilElement {
    }
    var HTMLSignetIconElement: {
        prototype: HTMLSignetIconElement;
        new (): HTMLSignetIconElement;
    };
    interface HTMLSignetIconOnlyElement extends Components.SignetIconOnly, HTMLStencilElement {
    }
    var HTMLSignetIconOnlyElement: {
        prototype: HTMLSignetIconOnlyElement;
        new (): HTMLSignetIconOnlyElement;
    };
    interface HTMLSignetInputElementEventMap {
        "signetInput": any;
        "signetChange": any;
        "signetBlur": any;
        "signetFocus": any;
    }
    /**
     * @name Input
     * @description Enables native inputs to be used within a Form field.
     * @category Form Inputs
     * @tags input, form
     * @example <goat-input placeholder="Enter your name"></goat-input>
     */
    interface HTMLSignetInputElement extends Components.SignetInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetInputElementEventMap>(type: K, listener: (this: HTMLSignetInputElement, ev: SignetInputCustomEvent<HTMLSignetInputElementEventMap[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 HTMLSignetInputElementEventMap>(type: K, listener: (this: HTMLSignetInputElement, ev: SignetInputCustomEvent<HTMLSignetInputElementEventMap[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 HTMLSignetInputElement: {
        prototype: HTMLSignetInputElement;
        new (): HTMLSignetInputElement;
    };
    interface HTMLSignetLinearLoaderElement extends Components.SignetLinearLoader, HTMLStencilElement {
    }
    var HTMLSignetLinearLoaderElement: {
        prototype: HTMLSignetLinearLoaderElement;
        new (): HTMLSignetLinearLoaderElement;
    };
    interface HTMLSignetListElement extends Components.SignetList, HTMLStencilElement {
    }
    var HTMLSignetListElement: {
        prototype: HTMLSignetListElement;
        new (): HTMLSignetListElement;
    };
    interface HTMLSignetListItemElement extends Components.SignetListItem, HTMLStencilElement {
    }
    var HTMLSignetListItemElement: {
        prototype: HTMLSignetListItemElement;
        new (): HTMLSignetListItemElement;
    };
    interface HTMLSignetLogoElement extends Components.SignetLogo, HTMLStencilElement {
    }
    var HTMLSignetLogoElement: {
        prototype: HTMLSignetLogoElement;
        new (): HTMLSignetLogoElement;
    };
    interface HTMLSignetLogoAdaptiveCoderElement extends Components.SignetLogoAdaptiveCoder, HTMLStencilElement {
    }
    var HTMLSignetLogoAdaptiveCoderElement: {
        prototype: HTMLSignetLogoAdaptiveCoderElement;
        new (): HTMLSignetLogoAdaptiveCoderElement;
    };
    interface HTMLSignetLogoAnalystElement extends Components.SignetLogoAnalyst, HTMLStencilElement {
    }
    var HTMLSignetLogoAnalystElement: {
        prototype: HTMLSignetLogoAnalystElement;
        new (): HTMLSignetLogoAnalystElement;
    };
    interface HTMLSignetLogoCoderElement extends Components.SignetLogoCoder, HTMLStencilElement {
    }
    var HTMLSignetLogoCoderElement: {
        prototype: HTMLSignetLogoCoderElement;
        new (): HTMLSignetLogoCoderElement;
    };
    interface HTMLSignetLogoConnectElement extends Components.SignetLogoConnect, HTMLStencilElement {
    }
    var HTMLSignetLogoConnectElement: {
        prototype: HTMLSignetLogoConnectElement;
        new (): HTMLSignetLogoConnectElement;
    };
    interface HTMLSignetLogoEpisourceElement extends Components.SignetLogoEpisource, HTMLStencilElement {
    }
    var HTMLSignetLogoEpisourceElement: {
        prototype: HTMLSignetLogoEpisourceElement;
        new (): HTMLSignetLogoEpisourceElement;
    };
    interface HTMLSignetLogoHubElement extends Components.SignetLogoHub, HTMLStencilElement {
    }
    var HTMLSignetLogoHubElement: {
        prototype: HTMLSignetLogoHubElement;
        new (): HTMLSignetLogoHubElement;
    };
    interface HTMLSignetLogoPortalElement extends Components.SignetLogoPortal, HTMLStencilElement {
    }
    var HTMLSignetLogoPortalElement: {
        prototype: HTMLSignetLogoPortalElement;
        new (): HTMLSignetLogoPortalElement;
    };
    interface HTMLSignetLogoSignetElement extends Components.SignetLogoSignet, HTMLStencilElement {
    }
    var HTMLSignetLogoSignetElement: {
        prototype: HTMLSignetLogoSignetElement;
        new (): HTMLSignetLogoSignetElement;
    };
    interface HTMLSignetLogoSubmitterElement extends Components.SignetLogoSubmitter, HTMLStencilElement {
    }
    var HTMLSignetLogoSubmitterElement: {
        prototype: HTMLSignetLogoSubmitterElement;
        new (): HTMLSignetLogoSubmitterElement;
    };
    interface HTMLSignetMenuElementEventMap {
        "shown": any;
        "hidden": any;
    }
    interface HTMLSignetMenuElement extends Components.SignetMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetMenuElementEventMap>(type: K, listener: (this: HTMLSignetMenuElement, ev: SignetMenuCustomEvent<HTMLSignetMenuElementEventMap[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 HTMLSignetMenuElementEventMap>(type: K, listener: (this: HTMLSignetMenuElement, ev: SignetMenuCustomEvent<HTMLSignetMenuElementEventMap[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 HTMLSignetMenuElement: {
        prototype: HTMLSignetMenuElement;
        new (): HTMLSignetMenuElement;
    };
    interface HTMLSignetMenuItemElementEventMap {
        "closeMenu": any;
    }
    interface HTMLSignetMenuItemElement extends Components.SignetMenuItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetMenuItemElementEventMap>(type: K, listener: (this: HTMLSignetMenuItemElement, ev: SignetMenuItemCustomEvent<HTMLSignetMenuItemElementEventMap[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 HTMLSignetMenuItemElementEventMap>(type: K, listener: (this: HTMLSignetMenuItemElement, ev: SignetMenuItemCustomEvent<HTMLSignetMenuItemElementEventMap[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 HTMLSignetMenuItemElement: {
        prototype: HTMLSignetMenuItemElement;
        new (): HTMLSignetMenuItemElement;
    };
    interface HTMLSignetModalElement extends Components.SignetModal, HTMLStencilElement {
    }
    var HTMLSignetModalElement: {
        prototype: HTMLSignetModalElement;
        new (): HTMLSignetModalElement;
    };
    interface HTMLSignetMonthYearPickerElementEventMap {
        "inputChange": string;
    }
    interface HTMLSignetMonthYearPickerElement extends Components.SignetMonthYearPicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetMonthYearPickerElementEventMap>(type: K, listener: (this: HTMLSignetMonthYearPickerElement, ev: SignetMonthYearPickerCustomEvent<HTMLSignetMonthYearPickerElementEventMap[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 HTMLSignetMonthYearPickerElementEventMap>(type: K, listener: (this: HTMLSignetMonthYearPickerElement, ev: SignetMonthYearPickerCustomEvent<HTMLSignetMonthYearPickerElementEventMap[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 HTMLSignetMonthYearPickerElement: {
        prototype: HTMLSignetMonthYearPickerElement;
        new (): HTMLSignetMonthYearPickerElement;
    };
    interface HTMLSignetOptionElementEventMap {
        "optionSelected": string;
        "optionLabel": string;
        "closeSelect": any;
    }
    interface HTMLSignetOptionElement extends Components.SignetOption, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetOptionElementEventMap>(type: K, listener: (this: HTMLSignetOptionElement, ev: SignetOptionCustomEvent<HTMLSignetOptionElementEventMap[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 HTMLSignetOptionElementEventMap>(type: K, listener: (this: HTMLSignetOptionElement, ev: SignetOptionCustomEvent<HTMLSignetOptionElementEventMap[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 HTMLSignetOptionElement: {
        prototype: HTMLSignetOptionElement;
        new (): HTMLSignetOptionElement;
    };
    interface HTMLSignetOverlayElementEventMap {
        "shown": any;
        "hidden": any;
    }
    interface HTMLSignetOverlayElement extends Components.SignetOverlay, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetOverlayElementEventMap>(type: K, listener: (this: HTMLSignetOverlayElement, ev: SignetOverlayCustomEvent<HTMLSignetOverlayElementEventMap[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 HTMLSignetOverlayElementEventMap>(type: K, listener: (this: HTMLSignetOverlayElement, ev: SignetOverlayCustomEvent<HTMLSignetOverlayElementEventMap[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 HTMLSignetOverlayElement: {
        prototype: HTMLSignetOverlayElement;
        new (): HTMLSignetOverlayElement;
    };
    interface HTMLSignetPaginationElementEventMap {
        "pageChange": number;
        "pageSizeChange": number;
    }
    interface HTMLSignetPaginationElement extends Components.SignetPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetPaginationElementEventMap>(type: K, listener: (this: HTMLSignetPaginationElement, ev: SignetPaginationCustomEvent<HTMLSignetPaginationElementEventMap[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 HTMLSignetPaginationElementEventMap>(type: K, listener: (this: HTMLSignetPaginationElement, ev: SignetPaginationCustomEvent<HTMLSignetPaginationElementEventMap[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 HTMLSignetPaginationElement: {
        prototype: HTMLSignetPaginationElement;
        new (): HTMLSignetPaginationElement;
    };
    interface HTMLSignetPdfPaginationElementEventMap {
        "nextClick": void;
        "previousClick": void;
    }
    interface HTMLSignetPdfPaginationElement extends Components.SignetPdfPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetPdfPaginationElementEventMap>(type: K, listener: (this: HTMLSignetPdfPaginationElement, ev: SignetPdfPaginationCustomEvent<HTMLSignetPdfPaginationElementEventMap[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 HTMLSignetPdfPaginationElementEventMap>(type: K, listener: (this: HTMLSignetPdfPaginationElement, ev: SignetPdfPaginationCustomEvent<HTMLSignetPdfPaginationElementEventMap[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 HTMLSignetPdfPaginationElement: {
        prototype: HTMLSignetPdfPaginationElement;
        new (): HTMLSignetPdfPaginationElement;
    };
    interface HTMLSignetPdfViewerElement extends Components.SignetPdfViewer, HTMLStencilElement {
    }
    var HTMLSignetPdfViewerElement: {
        prototype: HTMLSignetPdfViewerElement;
        new (): HTMLSignetPdfViewerElement;
    };
    interface HTMLSignetPopoverElementEventMap {
        "shown": any;
        "hidden": any;
    }
    interface HTMLSignetPopoverElement extends Components.SignetPopover, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetPopoverElementEventMap>(type: K, listener: (this: HTMLSignetPopoverElement, ev: SignetPopoverCustomEvent<HTMLSignetPopoverElementEventMap[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 HTMLSignetPopoverElementEventMap>(type: K, listener: (this: HTMLSignetPopoverElement, ev: SignetPopoverCustomEvent<HTMLSignetPopoverElementEventMap[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 HTMLSignetPopoverElement: {
        prototype: HTMLSignetPopoverElement;
        new (): HTMLSignetPopoverElement;
    };
    interface HTMLSignetProgressElement extends Components.SignetProgress, HTMLStencilElement {
    }
    var HTMLSignetProgressElement: {
        prototype: HTMLSignetProgressElement;
        new (): HTMLSignetProgressElement;
    };
    interface HTMLSignetProgressStepElementEventMap {
        "stepClicked": void;
    }
    interface HTMLSignetProgressStepElement extends Components.SignetProgressStep, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetProgressStepElementEventMap>(type: K, listener: (this: HTMLSignetProgressStepElement, ev: SignetProgressStepCustomEvent<HTMLSignetProgressStepElementEventMap[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 HTMLSignetProgressStepElementEventMap>(type: K, listener: (this: HTMLSignetProgressStepElement, ev: SignetProgressStepCustomEvent<HTMLSignetProgressStepElementEventMap[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 HTMLSignetProgressStepElement: {
        prototype: HTMLSignetProgressStepElement;
        new (): HTMLSignetProgressStepElement;
    };
    interface HTMLSignetRadioElementEventMap {
        "selected": any;
    }
    interface HTMLSignetRadioElement extends Components.SignetRadio, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetRadioElementEventMap>(type: K, listener: (this: HTMLSignetRadioElement, ev: SignetRadioCustomEvent<HTMLSignetRadioElementEventMap[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 HTMLSignetRadioElementEventMap>(type: K, listener: (this: HTMLSignetRadioElement, ev: SignetRadioCustomEvent<HTMLSignetRadioElementEventMap[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 HTMLSignetRadioElement: {
        prototype: HTMLSignetRadioElement;
        new (): HTMLSignetRadioElement;
    };
    interface HTMLSignetScrollingMenuElement extends Components.SignetScrollingMenu, HTMLStencilElement {
    }
    var HTMLSignetScrollingMenuElement: {
        prototype: HTMLSignetScrollingMenuElement;
        new (): HTMLSignetScrollingMenuElement;
    };
    interface HTMLSignetSelectElementEventMap {
        "hidden": any;
        "shown": any;
        "selectedValue": string;
        "optionSelected": string;
        "updateModelValue": string;
    }
    interface HTMLSignetSelectElement extends Components.SignetSelect, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetSelectElementEventMap>(type: K, listener: (this: HTMLSignetSelectElement, ev: SignetSelectCustomEvent<HTMLSignetSelectElementEventMap[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 HTMLSignetSelectElementEventMap>(type: K, listener: (this: HTMLSignetSelectElement, ev: SignetSelectCustomEvent<HTMLSignetSelectElementEventMap[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 HTMLSignetSelectElement: {
        prototype: HTMLSignetSelectElement;
        new (): HTMLSignetSelectElement;
    };
    interface HTMLSignetSelectAltElementEventMap {
        "signetChange": any;
    }
    interface HTMLSignetSelectAltElement extends Components.SignetSelectAlt, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetSelectAltElementEventMap>(type: K, listener: (this: HTMLSignetSelectAltElement, ev: SignetSelectAltCustomEvent<HTMLSignetSelectAltElementEventMap[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 HTMLSignetSelectAltElementEventMap>(type: K, listener: (this: HTMLSignetSelectAltElement, ev: SignetSelectAltCustomEvent<HTMLSignetSelectAltElementEventMap[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 HTMLSignetSelectAltElement: {
        prototype: HTMLSignetSelectAltElement;
        new (): HTMLSignetSelectAltElement;
    };
    interface HTMLSignetSidebarElement extends Components.SignetSidebar, HTMLStencilElement {
    }
    var HTMLSignetSidebarElement: {
        prototype: HTMLSignetSidebarElement;
        new (): HTMLSignetSidebarElement;
    };
    interface HTMLSignetSidebarItemElement extends Components.SignetSidebarItem, HTMLStencilElement {
    }
    var HTMLSignetSidebarItemElement: {
        prototype: HTMLSignetSidebarItemElement;
        new (): HTMLSignetSidebarItemElement;
    };
    interface HTMLSignetSkeletonElement extends Components.SignetSkeleton, HTMLStencilElement {
    }
    var HTMLSignetSkeletonElement: {
        prototype: HTMLSignetSkeletonElement;
        new (): HTMLSignetSkeletonElement;
    };
    interface HTMLSignetSnackbarElementEventMap {
        "action": any;
        "close": any;
    }
    interface HTMLSignetSnackbarElement extends Components.SignetSnackbar, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetSnackbarElementEventMap>(type: K, listener: (this: HTMLSignetSnackbarElement, ev: SignetSnackbarCustomEvent<HTMLSignetSnackbarElementEventMap[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 HTMLSignetSnackbarElementEventMap>(type: K, listener: (this: HTMLSignetSnackbarElement, ev: SignetSnackbarCustomEvent<HTMLSignetSnackbarElementEventMap[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 HTMLSignetSnackbarElement: {
        prototype: HTMLSignetSnackbarElement;
        new (): HTMLSignetSnackbarElement;
    };
    interface HTMLSignetStepperElement extends Components.SignetStepper, HTMLStencilElement {
    }
    var HTMLSignetStepperElement: {
        prototype: HTMLSignetStepperElement;
        new (): HTMLSignetStepperElement;
    };
    interface HTMLSignetSwitchElementEventMap {
        "changeEvent": any;
    }
    interface HTMLSignetSwitchElement extends Components.SignetSwitch, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSignetSwitchElementEventMap>(type: K, listener: (this: HTMLSignetSwitchElement, ev: SignetSwitchCustomEvent<HTMLSignetSwitchElementEventMap[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 HTMLSignetSwitchElementEventMap>(type: K, listener: (this: HTMLSignetSwitchElement, ev: SignetSwitchCustomEvent<HTMLSignetSwitchElementEventMap[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 HTMLSignetSwitchElement: {
        prototype: HTMLSignetSwitchElement;
        new (): HTMLSignetSwitchElement;
    };
    interface HTMLSignetTabElement extends Components.SignetTab, HTMLStencilElement {
    }
    var HTMLSignetTabElement: {
        prototype: HTMLSignetTabElement;
        new (): HTMLSignetTabElement;
    };
    interface HTMLSignetTableElement extends Components.SignetTable, HTMLStencilElement {
    }
    var HTMLSignetTableElement: {
        prototype: HTMLSignetTableElement;
        new (): HTMLSignetTableElement;
    };
    interface HTMLSignetTableCellElement extends Components.SignetTableCell, HTMLStencilElement {
    }
    var HTMLSignetTableCellElement: {
        prototype: HTMLSignetTableCellElement;
        new (): HTMLSignetTableCellElement;
    };
    interface HTMLSignetTableHeadElement extends Components.SignetTableHead, HTMLStencilElement {
    }
    var HTMLSignetTableHeadElement: {
        prototype: HTMLSignetTableHeadElement;
        new (): HTMLSignetTableHeadElement;
    };
    interface HTMLSignetTableRowElement extends Components.SignetTableRow, HTMLStencilElement {
    }
    var HTMLSignetTableRowElement: {
        prototype: HTMLSignetTableRowElement;
        new (): HTMLSignetTableRowElement;
    };
    interface HTMLSignetTabsElement extends Components.SignetTabs, HTMLStencilElement {
    }
    var HTMLSignetTabsElement: {
        prototype: HTMLSignetTabsElement;
        new (): HTMLSignetTabsElement;
    };
    interface HTMLSignetTooltipElement extends Components.SignetTooltip, HTMLStencilElement {
    }
    var HTMLSignetTooltipElement: {
        prototype: HTMLSignetTooltipElement;
        new (): HTMLSignetTooltipElement;
    };
    interface HTMLElementTagNameMap {
        "card-body": HTMLCardBodyElement;
        "card-footer": HTMLCardFooterElement;
        "checkmark-item": HTMLCheckmarkItemElement;
        "datagrid-filter-checkbox": HTMLDatagridFilterCheckboxElement;
        "datagrid-filter-checkbox-eligible-year": HTMLDatagridFilterCheckboxEligibleYearElement;
        "datagrid-filter-date-range": HTMLDatagridFilterDateRangeElement;
        "datagrid-filter-dropdown": HTMLDatagridFilterDropdownElement;
        "datagrid-filter-dropdown-logic": HTMLDatagridFilterDropdownLogicElement;
        "datagrid-filter-text-input": HTMLDatagridFilterTextInputElement;
        "datagrid-search-text-input": HTMLDatagridSearchTextInputElement;
        "demo-signet-select": HTMLDemoSignetSelectElement;
        "signet-accordion": HTMLSignetAccordionElement;
        "signet-accordion-slide": HTMLSignetAccordionSlideElement;
        "signet-alert": HTMLSignetAlertElement;
        "signet-avatar": HTMLSignetAvatarElement;
        "signet-breadcrumb": HTMLSignetBreadcrumbElement;
        "signet-button": HTMLSignetButtonElement;
        "signet-button-group": HTMLSignetButtonGroupElement;
        "signet-card": HTMLSignetCardElement;
        "signet-checkbox": HTMLSignetCheckboxElement;
        "signet-checkmark-form": HTMLSignetCheckmarkFormElement;
        "signet-chip": HTMLSignetChipElement;
        "signet-circular-data-widget": HTMLSignetCircularDataWidgetElement;
        "signet-circular-loader": HTMLSignetCircularLoaderElement;
        "signet-circular-progress-bar": HTMLSignetCircularProgressBarElement;
        "signet-datagrid": HTMLSignetDatagridElement;
        "signet-date-picker": HTMLSignetDatePickerElement;
        "signet-date-range": HTMLSignetDateRangeElement;
        "signet-date-range-advanced": HTMLSignetDateRangeAdvancedElement;
        "signet-dialog": HTMLSignetDialogElement;
        "signet-divider": HTMLSignetDividerElement;
        "signet-drawer": HTMLSignetDrawerElement;
        "signet-h1": HTMLSignetH1Element;
        "signet-h2": HTMLSignetH2Element;
        "signet-h3": HTMLSignetH3Element;
        "signet-h4": HTMLSignetH4Element;
        "signet-h5": HTMLSignetH5Element;
        "signet-h6": HTMLSignetH6Element;
        "signet-header": HTMLSignetHeaderElement;
        "signet-header-group": HTMLSignetHeaderGroupElement;
        "signet-header-item": HTMLSignetHeaderItemElement;
        "signet-header-row": HTMLSignetHeaderRowElement;
        "signet-icon": HTMLSignetIconElement;
        "signet-icon-only": HTMLSignetIconOnlyElement;
        "signet-input": HTMLSignetInputElement;
        "signet-linear-loader": HTMLSignetLinearLoaderElement;
        "signet-list": HTMLSignetListElement;
        "signet-list-item": HTMLSignetListItemElement;
        "signet-logo": HTMLSignetLogoElement;
        "signet-logo-adaptive-coder": HTMLSignetLogoAdaptiveCoderElement;
        "signet-logo-analyst": HTMLSignetLogoAnalystElement;
        "signet-logo-coder": HTMLSignetLogoCoderElement;
        "signet-logo-connect": HTMLSignetLogoConnectElement;
        "signet-logo-episource": HTMLSignetLogoEpisourceElement;
        "signet-logo-hub": HTMLSignetLogoHubElement;
        "signet-logo-portal": HTMLSignetLogoPortalElement;
        "signet-logo-signet": HTMLSignetLogoSignetElement;
        "signet-logo-submitter": HTMLSignetLogoSubmitterElement;
        "signet-menu": HTMLSignetMenuElement;
        "signet-menu-item": HTMLSignetMenuItemElement;
        "signet-modal": HTMLSignetModalElement;
        "signet-month-year-picker": HTMLSignetMonthYearPickerElement;
        "signet-option": HTMLSignetOptionElement;
        "signet-overlay": HTMLSignetOverlayElement;
        "signet-pagination": HTMLSignetPaginationElement;
        "signet-pdf-pagination": HTMLSignetPdfPaginationElement;
        "signet-pdf-viewer": HTMLSignetPdfViewerElement;
        "signet-popover": HTMLSignetPopoverElement;
        "signet-progress": HTMLSignetProgressElement;
        "signet-progress-step": HTMLSignetProgressStepElement;
        "signet-radio": HTMLSignetRadioElement;
        "signet-scrolling-menu": HTMLSignetScrollingMenuElement;
        "signet-select": HTMLSignetSelectElement;
        "signet-select-alt": HTMLSignetSelectAltElement;
        "signet-sidebar": HTMLSignetSidebarElement;
        "signet-sidebar-item": HTMLSignetSidebarItemElement;
        "signet-skeleton": HTMLSignetSkeletonElement;
        "signet-snackbar": HTMLSignetSnackbarElement;
        "signet-stepper": HTMLSignetStepperElement;
        "signet-switch": HTMLSignetSwitchElement;
        "signet-tab": HTMLSignetTabElement;
        "signet-table": HTMLSignetTableElement;
        "signet-table-cell": HTMLSignetTableCellElement;
        "signet-table-head": HTMLSignetTableHeadElement;
        "signet-table-row": HTMLSignetTableRowElement;
        "signet-tabs": HTMLSignetTabsElement;
        "signet-tooltip": HTMLSignetTooltipElement;
    }
}
declare namespace LocalJSX {
    interface CardBody {
        /**
          * The title of the card body component.
         */
        "cardTitle"?: string;
    }
    interface CardFooter {
    }
    interface CheckmarkItem {
        /**
          * Indicates if the item is active or not.
          * @example true
         */
        "isActive"?: boolean;
        /**
          * Indicates if the item is valid or not.
          * @example true
         */
        "isValid"?: boolean;
    }
    interface DatagridFilterCheckbox {
        /**
          * The field name to filter on.
         */
        "field": string;
        "grid_id": string;
        /**
          * The initial value for the filter.
         */
        "initialValue"?: string;
        /**
          * The label for the filter.
         */
        "label": string;
        /**
          * The type of filter. This is used to identify the filter type in the event emitted. Example: "datagrid-filter-checkbox" This is useful for identifying the filter type in the event handler. This is optional and can be used for custom filter types. Example: "custom-filter-type"
         */
        "onFilterChanged"?: (event: DatagridFilterCheckboxCustomEvent<{
    grid_id: string;
    field: string;
    value: any;
    type: string;
  }>) => void;
        /**
          * The options for the filter, in JSON format. Example: '[{"label": "Option 1", "value": "option1"}, {"label": "Option 2", "value": "option2"}]'
         */
        "options": string;
    }
    interface DatagridFilterCheckboxEligibleYear {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The initial value of the filter. This is used to set the initial state of the filter when it is first rendered.
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
         */
        "onFilterChanged"?: (event: DatagridFilterCheckboxEligibleYearCustomEvent<{
    grid_id: string;
    field: string;
    value: any;
    type: string;
  }>) => void;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "options": string;
    }
    interface DatagridFilterDateRange {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field"?: string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        "onFilterChanged"?: (event: DatagridFilterDateRangeCustomEvent<{
    grid_id: string;
    field: string;
    value: { startDate: string; endDate: string };
    type: string;
  }>) => void;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
         */
        "type"?: string;
    }
    interface DatagridFilterDropdown {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The initial value of the filter. This is used to set the initial state of the filter when it is first rendered.
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        "onFilterChanged"?: (event: DatagridFilterDropdownCustomEvent<{
    grid_id: string;
    field: string;
    value: string;
    type: string;
  }>) => void;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "options": string;
    }
    interface DatagridFilterDropdownLogic {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The initial value of the filter. This is used to set the initial state of the filter when it is first rendered.
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        "onFilterChanged"?: (event: DatagridFilterDropdownLogicCustomEvent<{
    grid_id: string;
    field: string;
    value: number;
    type: string;
    condition: string;
  }>) => void;
        /**
          * The options to be displayed in the filter. This is a JSON string that contains an array of objects with label and value properties.
          * @example '[{"label": "2021", "value": "2021"}, {"label": "2022", "value": "2022"}]'
         */
        "options": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
         */
        "type"?: string;
    }
    interface DatagridFilterTextInput {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
          * @example "text"
          * @type {string}
          * @default "text"
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        "onFilterChanged"?: (event: DatagridFilterTextInputCustomEvent<{
    grid_id: string;
    field: string;
    value: string;
    type: string;
  }>) => void;
        /**
          * The placeholder text to be displayed in the input field. This is used to provide a hint to the user about what to enter in the input field.
          * @example "Enter text"
          * @type {string}
          * @default "Enter text"
         */
        "placeholder"?: string;
    }
    interface DatagridSearchTextInput {
        /**
          * The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "eligible_year"
          * @type {string}
          * @required 
          * @description The field name to which this filter is applied. This is used to identify which field the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "field": string;
        /**
          * The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @example "grid-1"
          * @type {string}
          * @required 
          * @description The ID of the grid to which this filter belongs. This is used to identify which grid the filter is associated with. It is passed to the filterChanged event when the filter value changes.
          * @default ""
         */
        "grid_id": string;
        /**
          * The type of the filter. This is used to identify the type of filter in the UI.
          * @example "text"
          * @type {string}
          * @default "text"
         */
        "initialValue"?: string;
        /**
          * The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @example "Eligible Year"
          * @type {string}
          * @required 
          * @description The label to be displayed for this filter. This is used to identify the filter in the UI.
          * @default ""
         */
        "label": string;
        "onFilterChanged"?: (event: DatagridSearchTextInputCustomEvent<{
    grid_id: string;
    field: string;
    value: string;
    type: string;
  }>) => void;
        /**
          * The placeholder text to be displayed in the input field. This is used to provide a hint to the user about what to enter in the input field.
          * @example "Enter text"
          * @type {string}
          * @default "Enter text"
         */
        "placeholder"?: string;
    }
    interface DemoSignetSelect {
    }
    interface SignetAccordion {
        /**
          * An enum prop that determines the size of the accordion component, with options for small ('sm'), medium ('md'), or large ('lg').
          * @default 'md'
         */
        "size"?: 'sm' | 'md' | 'lg';
    }
    interface SignetAccordionSlide {
        /**
          * A boolean indicating if the accordion should be borderless.
          * @default false
         */
        "borderless"?: boolean;
        /**
          * A boolean indicating if the child accordion has a trailing line.
          * @default false
         */
        "childTrailingLine"?: boolean;
        /**
          * A boolean indicating if the slide is completed.
         */
        "completed"?: boolean;
        /**
          * A boolean indicating whether the slide is expanded or not, defaulting to false.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * The text heading for the accordion slide.
         */
        "heading"?: string;
        /**
          * The HTML content to be displayed in the slide.
         */
        "htmlContent"?: string;
        /**
          * A boolean indicating if the slide is a child slide.
          * @default false
         */
        "isChild"?: boolean;
        /**
          * A boolean indicating if the parent accordion has a trailing line.
          * @default false
         */
        "parentTrailingLine"?: boolean;
        /**
          * A boolean indicating if the slide is pending.
         */
        "pending"?: boolean;
        /**
          * The HTML content to be displayed in the subheading.
         */
        "subHeadingHtmlContent"?: string;
    }
    interface SignetAlert {
        /**
          * Used to specify the severity level of the alert, determining its appearance. It can have one of four values: 'success', 'error', 'warning', or 'info'.
          * @default 'success'
         */
        "severity"?: 'success' | 'error' | 'warning' | 'info';
    }
    interface SignetAvatar {
        /**
          * Specifies the URL of the image to display in the avatar. Defaults to an empty string.
          * @default ''
         */
        "image"?: string;
        /**
          * Specifies the name to display in the avatar. Defaults to an empty string.
          * @default ''
         */
        "name"?: string;
        /**
          * Specifies the size of the avatar.
          * @default '2rem'
         */
        "size"?: string;
    }
    interface SignetBreadcrumb {
        "items"?: string[] | string;
    }
    interface SignetButton {
        /**
          * Additional class for the button.
          * @default ''
         */
        "buttonClass"?: string;
        /**
          * Button style, can be 'primary', 'text', or 'outlined'.
          * @default 'primary'
         */
        "class"?: 'primary' | 'text' | 'outlined';
        /**
          * ID of the element controlled by the button.
         */
        "controls"?: string;
        /**
          * Indicates if the button is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Indicates if the button is in an expanded state.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Indicates if the button controls a popup.
          * @default false
         */
        "haspopup"?: boolean;
        /**
          * ID of the element hidden by the button.
         */
        "hides"?: string;
        /**
          * ID of the element shown by the button.
         */
        "shows"?: string;
        /**
          * The `size` property determines the size of the select component. It can be set to 'sm', 'md', 'lg', 'small', 'medium', or 'large' to adjust the appearance of the component accordingly. The default size is 'md'.
          * @default 'md'
         */
        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
        /**
          * Button type, can be 'button', 'submit', or 'reset'.
          * @default 'button'
         */
        "type"?: 'button' | 'submit' | 'reset';
    }
    interface SignetButtonGroup {
        /**
          * An event emitted when the value of the button group changes.
         */
        "onValueChange"?: (event: SignetButtonGroupCustomEvent<string>) => void;
        /**
          * The current value of the button group
         */
        "value"?: string;
    }
    interface SignetCard {
        /**
          * Actions: array of button configs
         */
        "actions"?: Array<{ label: string; type?: 'button' | 'submit' | 'reset'; class?: 'primary' | 'text' | 'outlined'; }>;
        /**
          * Button style
          * @default 'primary'
         */
        "buttonClass"?: 'primary' | 'text' | 'outlined';
        /**
          * Button label
         */
        "buttonLabel"?: string;
        /**
          * Button type
          * @default 'button'
         */
        "buttonType"?: 'button' | 'submit' | 'reset';
        /**
          * Card body text
         */
        "cardBody"?: string;
        /**
          * Card footer text
         */
        "cardFooter"?: string;
        /**
          * Card icon name (for SignetIcon)
         */
        "cardIcon"?: string;
        /**
          * Card icon variant
          * @default 'default'
         */
        "cardIconVariant"?: 'default' | 'sharp' | 'outlined' | 'round' | 'two-tone';
        /**
          * Card subtitle
         */
        "cardSubtitle"?: string;
        /**
          * Card title
         */
        "cardTitle"?: string;
        /**
          * Card image src
         */
        "imageSrc"?: string;
        /**
          * Card variant
          * @default 'filled'
         */
        "variant"?: 'filled' | 'outlined';
    }
    interface SignetCheckbox {
        /**
          * Indicates whether the checkbox is checked.
          * @default false
         */
        "checked"?: boolean;
        /**
          * Indicates whether the checkbox is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The text label displayed next to the checkbox
         */
        "label"?: string;
        /**
          * The name attribute of the checkbox input element.
         */
        "name"?: string;
        "onChanged"?: (event: SignetCheckboxCustomEvent<IFormFieldData>) => void;
        /**
          * Indicates whether the checkbox is required.
         */
        "required"?: boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor"?: string;
        /**
          * Text displayed for accessibility purposes when the checkbox is required.
          * @default "Required"
         */
        "requiredText"?: string;
        "value"?: string;
    }
    interface SignetCheckmarkForm {
    }
    interface SignetChip {
        /**
          * The unique identifier for the chip.
         */
        "chipId"?: string;
        /**
          * Indicates whether the chip is closeable.
          * @default false
         */
        "closeable"?: boolean;
        /**
          * The URL of the image displayed in the chip.
         */
        "image"?: string;
        /**
          * The text label displayed in the chip.
         */
        "label"?: string;
        "onSignet-chip-close"?: (event: SignetChipCustomEvent<any>) => void;
        /**
          * The style variant of the chip ('filled' or 'outlined').
          * @default 'filled'
         */
        "variant"?: 'filled' | 'outlined';
    }
    interface SignetCircularDataWidget {
        "buttonText"?: string;
        "cardDescription"?: string;
        "cardTitle"?: string;
        "progress"?: number;
        "progressIcon"?: string;
        "progressLowerText"?: string;
        "progressUpperText"?: string;
    }
    interface SignetCircularLoader {
        /**
          * @default 'md'
         */
        "size"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    }
    interface SignetCircularProgressBar {
        "icon"?: string;
        "lowerText"?: string;
        "progress"?: number | string;
        "upperText"?: string;
    }
    interface SignetDatagrid {
        /**
          * @default []
         */
        "columns"?: Column[];
        /**
          * @default []
         */
        "dataSource"?: DataSource[];
        "grid_id": string;
    }
    interface SignetDatePicker {
        /**
          * A boolean indicating whether to show clear button
          * @default false
         */
        "clearable"?: boolean;
        /**
          * The value of the date in string format
         */
        "date"?: string;
        /**
          * The default date value of the calendar (e.g., 'MM/DD/YYYY')
         */
        "defaultValue"?: string;
        /**
          * A boolean indicating whether the date picker is disabled
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The dummy date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "dummyDate"?: string;
        /**
          * A boolean indicating whether the date picker is in an error state with red border color.
         */
        "error"?: boolean;
        /**
          * The label for the date input field
          * @default "Select Date"
         */
        "label"?: string;
        /**
          * The locale for formatting the date (e.g., 'en-US', 'en-GB')
          * @default "en-US"
         */
        "locale"?: string;
        /**
          * The maximun selectable date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "maxDate"?: string;
        /**
          * The minimum selectable date the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "minDate"?: string;
        /**
          * An event emitter that fires when the selected date changes
         */
        "onDateChange"?: (event: SignetDatePickerCustomEvent<string>) => void;
        /**
          * An event emitter that fires when an invalid date is entered. It emits an error object containing details about the invalid input.
         */
        "onDateError"?: (event: SignetDatePickerCustomEvent<{
    message: string;
    invalidDate: string;
    field: "date";
    timestamp: Date;
  }>) => void;
        /**
          * This event is emitted when the input element of the date picker loses focus. It can be used to perform actions or handle events when the date picker is no longer in focus.
         */
        "onHandleBlur"?: (event: SignetDatePickerCustomEvent<FocusEvent>) => void;
        /**
          * This event is emitted when the input element of the date picker gains focus. It can be used to perform actions or handle events when the date picker is focused, such as showing a calendar or changing the input format.
         */
        "onHandleFocus"?: (event: SignetDatePickerCustomEvent<FocusEvent>) => void;
        /**
          * If true, the date picker is required and a colored asterisk will be shown in the label.
          * @default false
         */
        "required"?: boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor"?: string;
        /**
          * The size of the date picker input. Can be 'sm' | 'small', 'md' | 'medium', or 'lg' | 'large'. Affects the input's padding and height. - sm/small: 32px - md/medium: 42px (default) - lg/large: 52px
          * @default 'medium'
         */
        "size"?: 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large';
        /**
          * A boolean indicating whether the date picker is in a warning state with yellow border color.
         */
        "warning"?: boolean;
    }
    interface SignetDateRange {
        /**
          * A boolean indicating whether the end date should be automatically filled with the start date when a start date is selected
          * @default false
         */
        "autoFillEndDate"?: boolean;
        /**
          * A boolean indicating whether to show clear button
          * @default false
         */
        "clearable"?: boolean;
        /**
          * The default date value of the calendar (e.g., 'MM/DD/YYYY')
         */
        "defaultValue"?: string;
        /**
          * A boolean indicating whether the date range picker is disabled
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The dummy date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "dummyDate"?: string;
        /**
          * The end date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "endDate"?: string;
        /**
          * The label for the end date input field
          * @default "End Date"
         */
        "endDateLabel"?: string;
        /**
          * A boolean indicating whether the date range picker is in an error state with red border color.
         */
        "error"?: boolean;
        /**
          * The locale for formatting the dates (e.g., 'en-US', 'en-GB')
          * @default "en-US"
         */
        "locale"?: string;
        /**
          * The maximun selectable date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "maxDate"?: string;
        /**
          * The minimum selectable date the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "minDate"?: string;
        /**
          * An event emitter that fires when the selected start or end date changes. It emits an object containing the startDate and endDate values
         */
        "onChangeEvent"?: (event: SignetDateRangeCustomEvent<{
    startDate: string;
    endDate: string;
  }>) => void;
        /**
          * An event emitter that fires when an invalid date is entered. It emits an error object containing details about the invalid input.
         */
        "onDateError"?: (event: SignetDateRangeCustomEvent<{
    message: string;
    invalidDate: string;
    field: "startDate" | "endDate";
    timestamp: Date;
  }>) => void;
        /**
          * An event emitter that fires when the date range picker loses focus.
         */
        "onHandleBlur"?: (event: SignetDateRangeCustomEvent<FocusEvent>) => void;
        /**
          * This event is emitted when the input element of the date picker gains focus. It can be used to perform actions or handle events when the date picker is focused, such as showing a calendar or changing the input format.
         */
        "onHandleFocus"?: (event: SignetDateRangeCustomEvent<FocusEvent>) => void;
        /**
          * If true, the date range picker is required and a colored asterisk will be shown in the labels.
          * @default false
         */
        "required"?: boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor"?: string;
        /**
          * The size of the date range picker inputs. Can be 'sm' | 'small', 'md' | 'medium', or 'lg' | 'large'. Affects the input's padding and height. - sm/small: 32px - md/medium: 42px (default) - lg/large: 52px
          * @default 'medium'
         */
        "size"?: 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large';
        /**
          * The start date of the date range in string format (e.g., 'MM/DD/YYYY')
         */
        "startDate"?: string;
        /**
          * The label for the start date input field
          * @default "Start Date"
         */
        "startDateLabel"?: string;
        /**
          * A boolean indicating whether the date range picker is in a warning state with yellow border color.
         */
        "warning"?: boolean;
    }
    interface SignetDateRangeAdvanced {
    }
    interface SignetDialog {
        "dialogTitle"?: string;
        /**
          * @default 'md'
         */
        "size"?: 'sm' | 'md' | 'lg';
    }
    interface SignetDivider {
        /**
          * @default false
         */
        "vertical"?: boolean;
    }
    interface SignetDrawer {
        "headerText"?: string;
        /**
          * @default false
         */
        "openDrawer"?: boolean;
        /**
          * @default 'left'
         */
        "position"?: 'left' | 'right';
        /**
          * @default 'sm'
         */
        "size"?: 'sm' | 'md' | 'lg' | 'xl';
    }
    interface SignetH1 {
    }
    interface SignetH2 {
    }
    interface SignetH3 {
    }
    interface SignetH4 {
    }
    interface SignetH5 {
    }
    interface SignetH6 {
    }
    interface SignetHeader {
        "fixed"?: 'top' | 'bottom';
        /**
          * @default 'signet'
         */
        "logo"?: | 'episource'
    | 'coder'
    | 'analyst'
    | 'submitter'
    | 'hub'
    | 'signet'
    | 'connect'
    | 'adaptive-coder'
    | 'portal';
        "logoAlt"?: string;
        "logoHref"?: string;
        "logoSrc"?: string;
    }
    interface SignetHeaderGroup {
        /**
          * @default 'right'
         */
        "position"?: 'left' | 'right' | 'center';
    }
    interface SignetHeaderItem {
    }
    interface SignetHeaderRow {
    }
    interface SignetIcon {
        /**
          * @default 'account_circle'
         */
        "icon"?: string;
        /**
          * @default 'default'
         */
        "variant"?: 'default' | 'sharp' | 'outlined' | 'round' | 'two-tone';
    }
    interface SignetIconOnly {
        /**
          * Insert the class name of the material design Icon you want to design, select Icons from
          * @default 'low_priority'
         */
        "icon"?: string;
        /**
          * Number of notifications
         */
        "notificationCount"?: string;
    }
    /**
     * @name Input
     * @description Enables native inputs to be used within a Form field.
     * @category Form Inputs
     * @tags input, form
     * @example <goat-input placeholder="Enter your name"></goat-input>
     */
    interface SignetInput {
        /**
          * Indicates whether the value of the control can be automatically completed by the browser.
          * @default "off"
         */
        "autocomplete"?: "on" | "off";
        /**
          * @default ""
         */
        "buttonText"?: string;
        /**
          * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
          * @default false
         */
        "clearable"?: boolean;
        /**
          * @default {}
         */
        "configAria"?: any;
        /**
          * Set the amount of time, in milliseconds, to wait to trigger the `signetChange` event after each keystroke.
          * @default 300
         */
        "debounce"?: number;
        /**
          * If true, the user cannot interact with the button. Defaults to `false`.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * @default false
         */
        "hasButton"?: boolean;
        /**
          * @default ""
         */
        "label"?: string;
        "modelValue"?: string;
        /**
          * The input field name.
          * @default `signet-input-${this.gid}`
         */
        "name"?: string;
        /**
          * Emitted when the input loses focus.
         */
        "onSignetBlur"?: (event: SignetInputCustomEvent<any>) => void;
        /**
          * Emitted when the value has changed.
         */
        "onSignetChange"?: (event: SignetInputCustomEvent<any>) => void;
        /**
          * Emitted when the input has focus.
         */
        "onSignetFocus"?: (event: SignetInputCustomEvent<any>) => void;
        /**
          * Emitted when a keyboard input occurred.
         */
        "onSignetInput"?: (event: SignetInputCustomEvent<any>) => void;
        /**
          * @default ""
         */
        "placeholder"?: string;
        /**
          * If true, the user read the value cannot modify it. Defaults to `false`.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * If true, required icon is show. Defaults to `false`.
          * @default false
         */
        "required"?: boolean;
        /**
          * The color of the required asterisk in the label. Defaults to 'red'.
          * @default 'red'
         */
        "requiredAsteriskColor"?: string;
        /**
          * The input field size. Possible values are: `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
          * @default 'md'
         */
        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
        /**
          * The input state. Possible values are: `"success"`, `"error"`, `"warning"`, 'default'. Defaults to `"default"`.
          * @default "default"
         */
        "state"?: "success" | "error" | "warning" | "default";
        /**
          * The type of control to display. Possible values are: `"text"`, `"password"`, `"number"`, `"email"`, `"tel"`. Defaults to `"text"`.
          * @default "text"
         */
        "type"?: "text" | "password" | "number" | "email" | "tel";
        /**
          * The input field value.
          * @default ""
         */
        "value"?: string;
    }
    interface SignetLinearLoader {
        /**
          * @default true
         */
        "isDeterminate"?: boolean;
    }
    interface SignetList {
    }
    interface SignetListItem {
    }
    interface SignetLogo {
        /**
          * The alternative text for the logo image. This is used for accessibility purposes. It is set based on the product name. If not provided, a default value will be used.
          * @default 'EpiSource Logo'
         */
        "alt"?: string;
        /**
          * The destination URL for the logo link. This is set based on the product name. If not provided, a default value will be used.
          * @default 'http://episource.com'
         */
        "href"?: string;
        /**
          * The name of the product. This is used to determine the logo to display.
          * @default 'episource'
         */
        "name"?: | 'episource'
    | 'coder'
    | 'analyst'
    | 'submitter'
    | 'hub'
    | 'signet'
    | 'connect'
    | 'adaptive-coder'
    | 'portal';
        /**
          * Each logo already has a default src file. If you want to change your logo, you can specify another image src.
          * @default ''
         */
        "src"?: string;
    }
    interface SignetLogoAdaptiveCoder {
        /**
          * Alternative Text
          * @default 'Epi Adaptive Coder Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://coder.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=AC.svg'
         */
        "src"?: string;
    }
    interface SignetLogoAnalyst {
        /**
          * Alternative Text
          * @default 'EpiAnalyst Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://analyst.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Analyst.svg'
         */
        "src"?: string;
    }
    interface SignetLogoCoder {
        /**
          * Alternative Text
          * @default 'EpiCoder Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://coder.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Coder.svg'
         */
        "src"?: string;
    }
    interface SignetLogoConnect {
        /**
          * Alternative Text
          * @default 'Epi Connect Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://connect.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Epiconnect.svg'
         */
        "src"?: string;
    }
    interface SignetLogoEpisource {
        /**
          * Alternative Text
          * @default 'Episource Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Global.svg'
         */
        "src"?: string;
    }
    interface SignetLogoHub {
        /**
          * Alternative Text
          * @default 'EpiHub Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://hub.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Hub.svg'
         */
        "src"?: string;
    }
    interface SignetLogoPortal {
        /**
          * Alternative Text
          * @default 'Epi Portal Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Portal.svg'
         */
        "src"?: string;
    }
    interface SignetLogoSignet {
        /**
          * Alternative Text
          * @default 'Signet Design System Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://design.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Signet.svg'
         */
        "src"?: string;
    }
    interface SignetLogoSubmitter {
        /**
          * Alternative Text
          * @default 'EpiSubmitter Logo'
         */
        "alt"?: string;
        /**
          * Destination of the Logo
          * @default "http://submitter.episource.com"
         */
        "href"?: string;
        /**
          * SRC of the logo (Optional)
          * @default 'https://design.episource.com/img/logo/Product=Submitter.svg'
         */
        "src"?: string;
    }
    interface SignetMenu {
        /**
          * @default "xs"
         */
        "collapse"?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
        "disabled"?: boolean;
        /**
          * @default "solid"
         */
        "display"?: "solid" | "hollow" | "clear" | "link";
        /**
          * @default false
         */
        "harmony"?: boolean;
        "helperText"?: string;
        /**
          * @default false
         */
        "hideIndicator"?: boolean;
        /**
          * @default false
         */
        "hideText"?: boolean;
        /**
          * The icon of the menu.
          * @description This is used to identify the menu in the DOM.
         */
        "icon"?: string;
        "loading"?: boolean;
        /**
          * @default false
         */
        "megaMenu"?: boolean;
        /**
          * @default false
         */
        "modelValue"?: boolean;
        "onHidden"?: (event: SignetMenuCustomEvent<any>) => void;
        "onShown"?: (event: SignetMenuCustomEvent<any>) => void;
        /**
          * The position of the menu.
          * @description This is used to position the menu in the DOM.
          * @example "left"
          * @default "left"
         */
        "position"?: "left" | "right";
        /**
          * @default "md"
         */
        "size"?: "xs" | "sm" | "md" | "lg" | "xl";
        /**
          * The TEXT of the menu.
          * @description This is used to identify the menu in the DOM.
          * @example "Getting Started"
         */
        "text"?: string;
        /**
          * @default "primary"
         */
        "variant"?: "primary" | "outline" | "text" | "secondary";
    }
    interface SignetMenuItem {
        "onCloseMenu"?: (event: SignetMenuItemCustomEvent<any>) => void;
        /**
          * @default false
         */
        "preventClose"?: boolean;
    }
    interface SignetModal {
        "modalTitle"?: string;
        /**
          * @default false
         */
        "openModal"?: boolean;
        /**
          * @default false
         */
        "preventClose"?: boolean;
        /**
          * @default 'md'
         */
        "size"?: 'sm' | 'md' | 'lg';
    }
    interface SignetMonthYearPicker {
        "onInputChange"?: (event: SignetMonthYearPickerCustomEvent<string>) => void;
        /**
          * @default ''
         */
        "value"?: string;
    }
    interface SignetOption {
        "label"?: string;
        "onCloseSelect"?: (event: SignetOptionCustomEvent<any>) => void;
        "onOptionLabel"?: (event: SignetOptionCustomEvent<string>) => void;
        "onOptionSelected"?: (event: SignetOptionCustomEvent<string>) => void;
        "value"?: string;
    }
    interface SignetOverlay {
        "absolute"?: boolean;
        "onHidden"?: (event: SignetOverlayCustomEvent<any>) => void;
        "onShown"?: (event: SignetOverlayCustomEvent<any>) => void;
        /**
          * @default false
         */
        "openModal"?: boolean;
        /**
          * @default false
         */
        "preventClose"?: boolean;
        "titleId"?: string;
    }
    interface SignetPagination {
        /**
          * @default 1
         */
        "currentPage"?: number;
        "onPageChange"?: (event: SignetPaginationCustomEvent<number>) => void;
        "onPageSizeChange"?: (event: SignetPaginationCustomEvent<number>) => void;
        /**
          * @default 10
         */
        "pageSize"?: number;
        "pageSizeOptions"?: number[] | string;
        /**
          * @default 1
         */
        "totalItems"?: number;
        /**
          * @default 1
         */
        "totalPages"?: number;
    }
    interface SignetPdfPagination {
        "label"?: string;
        "onNextClick"?: (event: SignetPdfPaginationCustomEvent<void>) => void;
        "onPreviousClick"?: (event: SignetPdfPaginationCustomEvent<void>) => void;
    }
    interface SignetPdfViewer {
        /**
          * @default ''
         */
        "image"?: string;
        /**
          * @default ''
         */
        "imagePreview"?: string;
        "pdfTitle"?: string;
        /**
          * @default 'normal'
         */
        "severity"?: 'success' | 'error' | 'warning' | 'normal';
    }
    interface SignetPopover {
        /**
          * @default 'Open Popover'
         */
        "buttonText"?: string;
        /**
          * @default 'xs'
         */
        "collapse"?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
        "disabled"?: boolean;
        /**
          * @default 'solid'
         */
        "display"?: 'solid' | 'hollow' | 'clear' | 'link';
        /**
          * @default false
         */
        "hideText"?: boolean;
        "loading"?: boolean;
        "onHidden"?: (event: SignetPopoverCustomEvent<any>) => void;
        "onShown"?: (event: SignetPopoverCustomEvent<any>) => void;
        /**
          * @default 'md'
         */
        "size"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    }
    interface SignetProgress {
    }
    interface SignetProgressStep {
        /**
          * @default false
         */
        "complete"?: boolean;
        /**
          * @default false
         */
        "disabled"?: boolean;
        /**
          * @default false
         */
        "inProgress"?: boolean;
        /**
          * @default false
         */
        "invalid"?: boolean;
        "label"?: string;
        "onStepClicked"?: (event: SignetProgressStepCustomEvent<void>) => void;
    }
    interface SignetRadio {
        "checked"?: boolean;
        /**
          * @default false
         */
        "disabled"?: boolean;
        /**
          * @default false
         */
        "inline"?: boolean;
        "label"?: string;
        "name"?: string;
        "onSelected"?: (event: SignetRadioCustomEvent<any>) => void;
        "value"?: string;
    }
    interface SignetScrollingMenu {
        /**
          * @default 0
         */
        "modelValue"?: number;
        "sectionContents"?: { [key: string]: string } | string;
        "sections"?: string[] | string;
        "titles"?: string[] | string;
    }
    interface SignetSelect {
        /**
          * The `defaultValue` property is a string that represents the default value of the select component. It is used to initialize the selected value when the component is first rendered.
         */
        "defaultValue"?: string;
        /**
          * The `disabled` property is a boolean that determines whether the select component is disabled. If set to true, users cannot interact with the component or select any options.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `hasOnlySearch` property is a boolean that determines whether the select component only includes a search functionality. If set to true, users can only search for options within the dropdown menu, without selecting any options.
          * @default false
         */
        "hasOnlySearch"?: boolean;
        /**
          * The `hasSearch` property is a boolean that determines whether the select component includes a search functionality. If set to true, users can search for options within the dropdown menu.
          * @default false
         */
        "hasSearch"?: boolean;
        /**
          * The `items` property is an alias for the `options` property, allowing users to pass options as an array or JSON string. It is maintained for backward compatibility but should be replaced with the `options` prop in new implementations.
         */
        "items"?: any;
        /**
          * The `label` property is a string that represents the label for the select component. It is displayed above the selected value and can be used to provide context to the user.
         */
        "label"?: string;
        /**
          * The `modelValue` property enables two-way binding with v-model in Vue.
         */
        "modelValue"?: string;
        /**
          * The `multiple` property is a boolean that determines whether the select component allows multiple selections. If set to true, users can select more than one option from the list.
          * @default false
         */
        "multiple"?: boolean;
        /**
          * The `hidden` event is emitted when the select component is hidden. It can be used to trigger actions or updates in other parts of the application when the dropdown menu is closed.
         */
        "onHidden"?: (event: SignetSelectCustomEvent<any>) => void;
        /**
          * The `optionSelected` event is emitted when an option is selected from the dropdown menu. It can be used to trigger actions or updates in other parts of the application based on the selected option.
         */
        "onOptionSelected"?: (event: SignetSelectCustomEvent<string>) => void;
        /**
          * The `selectedValue` event is emitted when an option is selected from the dropdown menu. It can be used to trigger actions or updates in other parts of the application based on the selected value.
         */
        "onSelectedValue"?: (event: SignetSelectCustomEvent<string>) => void;
        /**
          * The `shown` event is emitted when the select component is shown. It can be used to trigger actions or updates in other parts of the application when the dropdown menu is opened.
         */
        "onShown"?: (event: SignetSelectCustomEvent<any>) => void;
        /**
          * The `updateModelValue` event is emitted for v-model compatibility in Vue.
         */
        "onUpdateModelValue"?: (event: SignetSelectCustomEvent<string>) => void;
        /**
          * The `options` property is an array or JSON string representing the options available in the select component. It can be an array of objects or a JSON string. Each object can contain properties such as `value`, `label`, and `disabled` to customize the appearance and behavior of each option. This single prop replaces the previous `items` prop for all option data.
         */
        "options"?: string | any[];
        /**
          * The `placeholder` property is a string that represents the placeholder text for the select component. It is displayed when no option is selected and can be used to provide guidance to the user on what to select.
         */
        "placeholder"?: string;
        /**
          * The `readonly` property is a boolean that determines whether the select component is read-only. If set to true, users cannot change the selected value, but can still interact with the component.
          * @default false
         */
        "readonly"?: boolean;
        /**
          * The `required` property determines if the select is required. If true, a colored asterisk will be shown in the label.
          * @default false
         */
        "required"?: boolean;
        /**
          * The `requiredAsteriskColor` property allows customizing the color of the required asterisk in the label. Defaults to 'red' if not specified.
          * @default 'red'
         */
        "requiredAsteriskColor"?: string;
        /**
          * The `size` property determines the size of the select component. It can be set to 'sm', 'md', 'lg', 'small', 'medium', or 'large' to adjust the appearance of the component accordingly. The default size is 'md'.
          * @default 'md'
         */
        "size"?: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
        /**
          * The `value` property is added for Vue 2 v-model compatibility.
         */
        "value"?: string;
    }
    interface SignetSelectAlt {
        "disabled"?: boolean;
        "isClearable"?: boolean;
        /**
          * @default false
         */
        "isMulti"?: boolean;
        "isSearchable"?: boolean;
        "label"?: string;
        "onSignetChange"?: (event: SignetSelectAltCustomEvent<any>) => void;
        "options"?: OptionsInterface[] | string;
        "placeholder"?: string;
        /**
          * @default this.isMulti ? [] : ''
         */
        "value"?: string | string[];
    }
    interface SignetSidebar {
    }
    interface SignetSidebarItem {
        /**
          * @default false
         */
        "active"?: boolean;
        "handleClick"?: () => void;
        "icon"?: string;
        "text"?: string;
    }
    interface SignetSkeleton {
        "article"?: boolean;
        "avatar"?: boolean;
        "basic"?: boolean;
        "shape"?: 'circle' | 'button' | 'paragrah';
    }
    interface SignetSnackbar {
        /**
          * The duration for which the snackbar should be displayed.
          * @example 3000
         */
        "autoHideDuration"?: number | string;
        /**
          * The message to be displayed in the snackbar.
          * @example 'This is a snackbar message'
         */
        "message"?: string;
        /**
          * The action text to be displayed in the snackbar.
          * @example 'Undo'
         */
        "onAction"?: (event: SignetSnackbarCustomEvent<any>) => void;
        /**
          * The close event to be emitted when the snackbar is closed.
          * @example () => { console.log('Snackbar closed') }
         */
        "onClose"?: (event: SignetSnackbarCustomEvent<any>) => void;
        /**
          * The action to be performed when the snackbar is clicked.
          * @example () => { console.log('Snackbar clicked') }
          * @default false
         */
        "open"?: boolean;
        /**
          * The position of the snackbar. Can be top-left, top-center, top-right, bottom-left, bottom-center or bottom-right.
          * @example top-left
          * @default 'top-right'
         */
        "position"?: | 'top-left'
    | 'top-center'
    | 'top-right'
    | 'bottom-left'
    | 'bottom-center'
    | 'bottom-right';
        /**
          * The width of the snackbar. Can be xs, sm, md, lg, xl or a number.
          * @example xs
         */
        "severity"?: 'success' | 'error' | 'warning' | 'info';
        /**
          * The width of the snackbar. Can be xs, sm, md, lg, xl or a number.
          * @example xs
          * @default 'sm'
         */
        "width"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
    }
    interface SignetStepper {
        /**
          * The orientation of the stepper. Can be vertical or horizontal.
          * @example vertical
          * @example horizontal
          * @default 'horizontal'
         */
        "orientation"?: 'vertical' | 'horizontal';
        /**
          * The steps of the stepper. Can be an array of strings or a JSON string.
          * @example ['Step 1', 'Step 2', 'Step 3']
          * @example '[{"label": "Step 1"}, {"label": "Step 2"}, {"label": "Step 3"}]'
          * @example '[{"label": "Step 1", "disabled": true}, {"label": "Step 2"}, {"label": "Step 3"}]'
          * @default ['Step 1', 'Step 2', 'Step 3', 'Step 4']
         */
        "steps"?: string[];
    }
    interface SignetSwitch {
        /**
          * `checked` indicates whether the switch is checked or not. It is a mutable property, which means it can be changed by the user. It is recommended to use a unique name for each switch. If not provided, a unique name will be generated.
          * @default false
         */
        "checked"?: boolean;
        /**
          * `disabled` indicates whether the switch is disabled or not. If the switch is disabled, it cannot be clicked or changed. The default value is `false`, which means the switch is enabled.
          * @example true
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The name of the switch. This is used to identify the switch when it is submitted in a form. It is also used as the id of the input element. It is recommended to use a unique name for each switch. If not provided, a unique name will be generated.
          * @example "switch1"
          * @example "switch2"
         */
        "name"?: string;
        "onChangeEvent"?: (event: SignetSwitchCustomEvent<any>) => void;
    }
    interface SignetTab {
        "tabText"?: string;
    }
    interface SignetTable {
    }
    interface SignetTableCell {
        /**
          * @default 'left'
         */
        "align"?: 'right' | 'left';
    }
    interface SignetTableHead {
        /**
          * @default 'left'
         */
        "align"?: 'right' | 'left';
    }
    interface SignetTableRow {
        "row"?: number;
    }
    interface SignetTabs {
        /**
          * The alignment of the tabs. Can be start, center, end or justified.
          * @default 'start'
         */
        "align"?: 'start' | 'center' | 'end' | 'justified';
        /**
          * The id of the tabs.
         */
        "label"?: string;
        /**
          * The position of the tabs. Can be top, bottom, left or right.
          * @default 'top'
         */
        "position"?: 'top' | 'bottom' | 'left' | 'right';
        /**
          * The variant of the tabs. Can be filled or outlined.
          * @default 'medium'
         */
        "size"?: 'small' | 'medium' | 'large';
        /**
          * The variant of the tabs. Can be filled or outlined.
          * @default 'outlined'
         */
        "variant"?: 'filled' | 'outlined';
    }
    interface SignetTooltip {
        /**
          * @default false
         */
        "disable"?: boolean;
        /**
          * @default 'top'
         */
        "position"?: 'top' | 'bottom' | 'left' | 'right';
        /**
          * The text to be displayed in the tooltip. It can be a string or HTML.
          * @example ```html <signet-tooltip text="Hello World" /> <signet-tooltip text="<strong>Hello</strong> <em>World</em>" />
         */
        "text"?: string;
    }
    interface IntrinsicElements {
        "card-body": CardBody;
        "card-footer": CardFooter;
        "checkmark-item": CheckmarkItem;
        "datagrid-filter-checkbox": DatagridFilterCheckbox;
        "datagrid-filter-checkbox-eligible-year": DatagridFilterCheckboxEligibleYear;
        "datagrid-filter-date-range": DatagridFilterDateRange;
        "datagrid-filter-dropdown": DatagridFilterDropdown;
        "datagrid-filter-dropdown-logic": DatagridFilterDropdownLogic;
        "datagrid-filter-text-input": DatagridFilterTextInput;
        "datagrid-search-text-input": DatagridSearchTextInput;
        "demo-signet-select": DemoSignetSelect;
        "signet-accordion": SignetAccordion;
        "signet-accordion-slide": SignetAccordionSlide;
        "signet-alert": SignetAlert;
        "signet-avatar": SignetAvatar;
        "signet-breadcrumb": SignetBreadcrumb;
        "signet-button": SignetButton;
        "signet-button-group": SignetButtonGroup;
        "signet-card": SignetCard;
        "signet-checkbox": SignetCheckbox;
        "signet-checkmark-form": SignetCheckmarkForm;
        "signet-chip": SignetChip;
        "signet-circular-data-widget": SignetCircularDataWidget;
        "signet-circular-loader": SignetCircularLoader;
        "signet-circular-progress-bar": SignetCircularProgressBar;
        "signet-datagrid": SignetDatagrid;
        "signet-date-picker": SignetDatePicker;
        "signet-date-range": SignetDateRange;
        "signet-date-range-advanced": SignetDateRangeAdvanced;
        "signet-dialog": SignetDialog;
        "signet-divider": SignetDivider;
        "signet-drawer": SignetDrawer;
        "signet-h1": SignetH1;
        "signet-h2": SignetH2;
        "signet-h3": SignetH3;
        "signet-h4": SignetH4;
        "signet-h5": SignetH5;
        "signet-h6": SignetH6;
        "signet-header": SignetHeader;
        "signet-header-group": SignetHeaderGroup;
        "signet-header-item": SignetHeaderItem;
        "signet-header-row": SignetHeaderRow;
        "signet-icon": SignetIcon;
        "signet-icon-only": SignetIconOnly;
        "signet-input": SignetInput;
        "signet-linear-loader": SignetLinearLoader;
        "signet-list": SignetList;
        "signet-list-item": SignetListItem;
        "signet-logo": SignetLogo;
        "signet-logo-adaptive-coder": SignetLogoAdaptiveCoder;
        "signet-logo-analyst": SignetLogoAnalyst;
        "signet-logo-coder": SignetLogoCoder;
        "signet-logo-connect": SignetLogoConnect;
        "signet-logo-episource": SignetLogoEpisource;
        "signet-logo-hub": SignetLogoHub;
        "signet-logo-portal": SignetLogoPortal;
        "signet-logo-signet": SignetLogoSignet;
        "signet-logo-submitter": SignetLogoSubmitter;
        "signet-menu": SignetMenu;
        "signet-menu-item": SignetMenuItem;
        "signet-modal": SignetModal;
        "signet-month-year-picker": SignetMonthYearPicker;
        "signet-option": SignetOption;
        "signet-overlay": SignetOverlay;
        "signet-pagination": SignetPagination;
        "signet-pdf-pagination": SignetPdfPagination;
        "signet-pdf-viewer": SignetPdfViewer;
        "signet-popover": SignetPopover;
        "signet-progress": SignetProgress;
        "signet-progress-step": SignetProgressStep;
        "signet-radio": SignetRadio;
        "signet-scrolling-menu": SignetScrollingMenu;
        "signet-select": SignetSelect;
        "signet-select-alt": SignetSelectAlt;
        "signet-sidebar": SignetSidebar;
        "signet-sidebar-item": SignetSidebarItem;
        "signet-skeleton": SignetSkeleton;
        "signet-snackbar": SignetSnackbar;
        "signet-stepper": SignetStepper;
        "signet-switch": SignetSwitch;
        "signet-tab": SignetTab;
        "signet-table": SignetTable;
        "signet-table-cell": SignetTableCell;
        "signet-table-head": SignetTableHead;
        "signet-table-row": SignetTableRow;
        "signet-tabs": SignetTabs;
        "signet-tooltip": SignetTooltip;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "card-body": LocalJSX.CardBody & JSXBase.HTMLAttributes<HTMLCardBodyElement>;
            "card-footer": LocalJSX.CardFooter & JSXBase.HTMLAttributes<HTMLCardFooterElement>;
            "checkmark-item": LocalJSX.CheckmarkItem & JSXBase.HTMLAttributes<HTMLCheckmarkItemElement>;
            "datagrid-filter-checkbox": LocalJSX.DatagridFilterCheckbox & JSXBase.HTMLAttributes<HTMLDatagridFilterCheckboxElement>;
            "datagrid-filter-checkbox-eligible-year": LocalJSX.DatagridFilterCheckboxEligibleYear & JSXBase.HTMLAttributes<HTMLDatagridFilterCheckboxEligibleYearElement>;
            "datagrid-filter-date-range": LocalJSX.DatagridFilterDateRange & JSXBase.HTMLAttributes<HTMLDatagridFilterDateRangeElement>;
            "datagrid-filter-dropdown": LocalJSX.DatagridFilterDropdown & JSXBase.HTMLAttributes<HTMLDatagridFilterDropdownElement>;
            "datagrid-filter-dropdown-logic": LocalJSX.DatagridFilterDropdownLogic & JSXBase.HTMLAttributes<HTMLDatagridFilterDropdownLogicElement>;
            "datagrid-filter-text-input": LocalJSX.DatagridFilterTextInput & JSXBase.HTMLAttributes<HTMLDatagridFilterTextInputElement>;
            "datagrid-search-text-input": LocalJSX.DatagridSearchTextInput & JSXBase.HTMLAttributes<HTMLDatagridSearchTextInputElement>;
            "demo-signet-select": LocalJSX.DemoSignetSelect & JSXBase.HTMLAttributes<HTMLDemoSignetSelectElement>;
            "signet-accordion": LocalJSX.SignetAccordion & JSXBase.HTMLAttributes<HTMLSignetAccordionElement>;
            "signet-accordion-slide": LocalJSX.SignetAccordionSlide & JSXBase.HTMLAttributes<HTMLSignetAccordionSlideElement>;
            "signet-alert": LocalJSX.SignetAlert & JSXBase.HTMLAttributes<HTMLSignetAlertElement>;
            "signet-avatar": LocalJSX.SignetAvatar & JSXBase.HTMLAttributes<HTMLSignetAvatarElement>;
            "signet-breadcrumb": LocalJSX.SignetBreadcrumb & JSXBase.HTMLAttributes<HTMLSignetBreadcrumbElement>;
            "signet-button": LocalJSX.SignetButton & JSXBase.HTMLAttributes<HTMLSignetButtonElement>;
            "signet-button-group": LocalJSX.SignetButtonGroup & JSXBase.HTMLAttributes<HTMLSignetButtonGroupElement>;
            "signet-card": LocalJSX.SignetCard & JSXBase.HTMLAttributes<HTMLSignetCardElement>;
            "signet-checkbox": LocalJSX.SignetCheckbox & JSXBase.HTMLAttributes<HTMLSignetCheckboxElement>;
            "signet-checkmark-form": LocalJSX.SignetCheckmarkForm & JSXBase.HTMLAttributes<HTMLSignetCheckmarkFormElement>;
            "signet-chip": LocalJSX.SignetChip & JSXBase.HTMLAttributes<HTMLSignetChipElement>;
            "signet-circular-data-widget": LocalJSX.SignetCircularDataWidget & JSXBase.HTMLAttributes<HTMLSignetCircularDataWidgetElement>;
            "signet-circular-loader": LocalJSX.SignetCircularLoader & JSXBase.HTMLAttributes<HTMLSignetCircularLoaderElement>;
            "signet-circular-progress-bar": LocalJSX.SignetCircularProgressBar & JSXBase.HTMLAttributes<HTMLSignetCircularProgressBarElement>;
            "signet-datagrid": LocalJSX.SignetDatagrid & JSXBase.HTMLAttributes<HTMLSignetDatagridElement>;
            "signet-date-picker": LocalJSX.SignetDatePicker & JSXBase.HTMLAttributes<HTMLSignetDatePickerElement>;
            "signet-date-range": LocalJSX.SignetDateRange & JSXBase.HTMLAttributes<HTMLSignetDateRangeElement>;
            "signet-date-range-advanced": LocalJSX.SignetDateRangeAdvanced & JSXBase.HTMLAttributes<HTMLSignetDateRangeAdvancedElement>;
            "signet-dialog": LocalJSX.SignetDialog & JSXBase.HTMLAttributes<HTMLSignetDialogElement>;
            "signet-divider": LocalJSX.SignetDivider & JSXBase.HTMLAttributes<HTMLSignetDividerElement>;
            "signet-drawer": LocalJSX.SignetDrawer & JSXBase.HTMLAttributes<HTMLSignetDrawerElement>;
            "signet-h1": LocalJSX.SignetH1 & JSXBase.HTMLAttributes<HTMLSignetH1Element>;
            "signet-h2": LocalJSX.SignetH2 & JSXBase.HTMLAttributes<HTMLSignetH2Element>;
            "signet-h3": LocalJSX.SignetH3 & JSXBase.HTMLAttributes<HTMLSignetH3Element>;
            "signet-h4": LocalJSX.SignetH4 & JSXBase.HTMLAttributes<HTMLSignetH4Element>;
            "signet-h5": LocalJSX.SignetH5 & JSXBase.HTMLAttributes<HTMLSignetH5Element>;
            "signet-h6": LocalJSX.SignetH6 & JSXBase.HTMLAttributes<HTMLSignetH6Element>;
            "signet-header": LocalJSX.SignetHeader & JSXBase.HTMLAttributes<HTMLSignetHeaderElement>;
            "signet-header-group": LocalJSX.SignetHeaderGroup & JSXBase.HTMLAttributes<HTMLSignetHeaderGroupElement>;
            "signet-header-item": LocalJSX.SignetHeaderItem & JSXBase.HTMLAttributes<HTMLSignetHeaderItemElement>;
            "signet-header-row": LocalJSX.SignetHeaderRow & JSXBase.HTMLAttributes<HTMLSignetHeaderRowElement>;
            "signet-icon": LocalJSX.SignetIcon & JSXBase.HTMLAttributes<HTMLSignetIconElement>;
            "signet-icon-only": LocalJSX.SignetIconOnly & JSXBase.HTMLAttributes<HTMLSignetIconOnlyElement>;
            /**
             * @name Input
             * @description Enables native inputs to be used within a Form field.
             * @category Form Inputs
             * @tags input, form
             * @example <goat-input placeholder="Enter your name"></goat-input>
             */
            "signet-input": LocalJSX.SignetInput & JSXBase.HTMLAttributes<HTMLSignetInputElement>;
            "signet-linear-loader": LocalJSX.SignetLinearLoader & JSXBase.HTMLAttributes<HTMLSignetLinearLoaderElement>;
            "signet-list": LocalJSX.SignetList & JSXBase.HTMLAttributes<HTMLSignetListElement>;
            "signet-list-item": LocalJSX.SignetListItem & JSXBase.HTMLAttributes<HTMLSignetListItemElement>;
            "signet-logo": LocalJSX.SignetLogo & JSXBase.HTMLAttributes<HTMLSignetLogoElement>;
            "signet-logo-adaptive-coder": LocalJSX.SignetLogoAdaptiveCoder & JSXBase.HTMLAttributes<HTMLSignetLogoAdaptiveCoderElement>;
            "signet-logo-analyst": LocalJSX.SignetLogoAnalyst & JSXBase.HTMLAttributes<HTMLSignetLogoAnalystElement>;
            "signet-logo-coder": LocalJSX.SignetLogoCoder & JSXBase.HTMLAttributes<HTMLSignetLogoCoderElement>;
            "signet-logo-connect": LocalJSX.SignetLogoConnect & JSXBase.HTMLAttributes<HTMLSignetLogoConnectElement>;
            "signet-logo-episource": LocalJSX.SignetLogoEpisource & JSXBase.HTMLAttributes<HTMLSignetLogoEpisourceElement>;
            "signet-logo-hub": LocalJSX.SignetLogoHub & JSXBase.HTMLAttributes<HTMLSignetLogoHubElement>;
            "signet-logo-portal": LocalJSX.SignetLogoPortal & JSXBase.HTMLAttributes<HTMLSignetLogoPortalElement>;
            "signet-logo-signet": LocalJSX.SignetLogoSignet & JSXBase.HTMLAttributes<HTMLSignetLogoSignetElement>;
            "signet-logo-submitter": LocalJSX.SignetLogoSubmitter & JSXBase.HTMLAttributes<HTMLSignetLogoSubmitterElement>;
            "signet-menu": LocalJSX.SignetMenu & JSXBase.HTMLAttributes<HTMLSignetMenuElement>;
            "signet-menu-item": LocalJSX.SignetMenuItem & JSXBase.HTMLAttributes<HTMLSignetMenuItemElement>;
            "signet-modal": LocalJSX.SignetModal & JSXBase.HTMLAttributes<HTMLSignetModalElement>;
            "signet-month-year-picker": LocalJSX.SignetMonthYearPicker & JSXBase.HTMLAttributes<HTMLSignetMonthYearPickerElement>;
            "signet-option": LocalJSX.SignetOption & JSXBase.HTMLAttributes<HTMLSignetOptionElement>;
            "signet-overlay": LocalJSX.SignetOverlay & JSXBase.HTMLAttributes<HTMLSignetOverlayElement>;
            "signet-pagination": LocalJSX.SignetPagination & JSXBase.HTMLAttributes<HTMLSignetPaginationElement>;
            "signet-pdf-pagination": LocalJSX.SignetPdfPagination & JSXBase.HTMLAttributes<HTMLSignetPdfPaginationElement>;
            "signet-pdf-viewer": LocalJSX.SignetPdfViewer & JSXBase.HTMLAttributes<HTMLSignetPdfViewerElement>;
            "signet-popover": LocalJSX.SignetPopover & JSXBase.HTMLAttributes<HTMLSignetPopoverElement>;
            "signet-progress": LocalJSX.SignetProgress & JSXBase.HTMLAttributes<HTMLSignetProgressElement>;
            "signet-progress-step": LocalJSX.SignetProgressStep & JSXBase.HTMLAttributes<HTMLSignetProgressStepElement>;
            "signet-radio": LocalJSX.SignetRadio & JSXBase.HTMLAttributes<HTMLSignetRadioElement>;
            "signet-scrolling-menu": LocalJSX.SignetScrollingMenu & JSXBase.HTMLAttributes<HTMLSignetScrollingMenuElement>;
            "signet-select": LocalJSX.SignetSelect & JSXBase.HTMLAttributes<HTMLSignetSelectElement>;
            "signet-select-alt": LocalJSX.SignetSelectAlt & JSXBase.HTMLAttributes<HTMLSignetSelectAltElement>;
            "signet-sidebar": LocalJSX.SignetSidebar & JSXBase.HTMLAttributes<HTMLSignetSidebarElement>;
            "signet-sidebar-item": LocalJSX.SignetSidebarItem & JSXBase.HTMLAttributes<HTMLSignetSidebarItemElement>;
            "signet-skeleton": LocalJSX.SignetSkeleton & JSXBase.HTMLAttributes<HTMLSignetSkeletonElement>;
            "signet-snackbar": LocalJSX.SignetSnackbar & JSXBase.HTMLAttributes<HTMLSignetSnackbarElement>;
            "signet-stepper": LocalJSX.SignetStepper & JSXBase.HTMLAttributes<HTMLSignetStepperElement>;
            "signet-switch": LocalJSX.SignetSwitch & JSXBase.HTMLAttributes<HTMLSignetSwitchElement>;
            "signet-tab": LocalJSX.SignetTab & JSXBase.HTMLAttributes<HTMLSignetTabElement>;
            "signet-table": LocalJSX.SignetTable & JSXBase.HTMLAttributes<HTMLSignetTableElement>;
            "signet-table-cell": LocalJSX.SignetTableCell & JSXBase.HTMLAttributes<HTMLSignetTableCellElement>;
            "signet-table-head": LocalJSX.SignetTableHead & JSXBase.HTMLAttributes<HTMLSignetTableHeadElement>;
            "signet-table-row": LocalJSX.SignetTableRow & JSXBase.HTMLAttributes<HTMLSignetTableRowElement>;
            "signet-tabs": LocalJSX.SignetTabs & JSXBase.HTMLAttributes<HTMLSignetTabsElement>;
            "signet-tooltip": LocalJSX.SignetTooltip & JSXBase.HTMLAttributes<HTMLSignetTooltipElement>;
        }
    }
}