/* 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 { BoxColumnType, BoxShadowSizeType, BoxTShirtSizeType } from "./utils/types";
import { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
import { TextareaChangeEventDetail } from "./components/pds-textarea/textarea-interface";
export { BoxColumnType, BoxShadowSizeType, BoxTShirtSizeType } from "./utils/types";
export { CheckboxChangeEventDetail } from "./components/pds-checkbox/checkbox-interface";
export { TextareaChangeEventDetail } from "./components/pds-textarea/textarea-interface";
export namespace Components {
    interface PdsAccordion {
        /**
          * A unique identifier used for the underlying component `id` attribute.
          * @defaultValue null
         */
        "componentId": string;
        /**
          * Can be used to manually set the open state of the accordion.
          * @defaultValue false
         */
        "isOpen": boolean;
    }
    interface PdsAvatar {
        /**
          * The alt for a custom user image.
          * @defaultValue null
         */
        "alt"?: string | null;
        /**
          * Determines whether the badge is visible or not.
          * @defaultValue false
         */
        "badge"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Determines whether the avatar functions as a dropdown trigger.
          * @defaultValue false
         */
        "dropdown"?: boolean;
        /**
          * The src for a custom user image.
          * @defaultValue null
         */
        "image"?: string | null;
        /**
          * Size of the avatar. Value can be preset or custom.
          * @defaultValue lg
         */
        "size"?: | 'xl' // 64px
  | 'lg' // 56px
  | 'md' // 40px
  | 'sm' // 32px
  | 'xs' // 24px
  | string;
        /**
          * Determines the variant of avatar. Changes appearance accordingly.
          * @defaultValue customer
         */
        "variant"?: 'customer' | 'admin';
    }
    interface PdsBox {
        /**
          * Defines the vertical alignment of the box items.
          * @defaultValue start
         */
        "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
        /**
          * If `true`, the box will be sized to fit its contents.
         */
        "auto"?: boolean;
        /**
          * Defines the background-color of the box.
         */
        "backgroundColor"?: string;
        /**
          * If `true`, the box will have a border.
         */
        "border"?: boolean;
        /**
          * Defines the border color of the box.
         */
        "borderColor"?: string;
        /**
          * Defines how rounded the box corners are.
          * @defaultValue none
         */
        "borderRadius"?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;
        /**
          * Defines the orientation of the box items.
          * @defaultValue row
         */
        "direction"?: `row` | `column`;
        /**
          * Defines the display style of the box.
          * @defaultValue flex
         */
        "display"?: `flex` | `inline-flex` | `block` | `inline-block`;
        /**
          * If `true`, sets the box `max-width` to `100%`.
         */
        "fit"?: boolean;
        /**
          * Defines how a box will grow or shrink to fit the space available in its container.
          * @defaultValue none
         */
        "flex"?: `none` | `grow` | `shrink`;
        /**
          * Defines the spacing between the box items.
          * @defaultValue none
         */
        "gap"?: BoxTShirtSizeType;
        /**
          * Defines the horizontal alignment of the box items.
          * @defaultValue start
         */
        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around`;
        /**
          * The minimum height of the row. Used in conjunction with alignment props
         */
        "minHeight"?: string;
        /**
          * The minimum width of the row. Used in conjunction with alignment props
         */
        "minWidth"?: string;
        /**
          * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offset"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetLg"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetMd"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetSm"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetXl"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetXs"?: BoxColumnType;
        /**
          * Defines the spacing between the box items.
          * @defaultValue none
         */
        "padding"?: BoxTShirtSizeType;
        /**
          * Defines the box shadow.
          * @defaultValue none
         */
        "shadow"?: BoxShadowSizeType;
        /**
          * Size of the column for all screen sizes that are not explicitly set.
         */
        "size"?: BoxColumnType;
        /**
          * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.
         */
        "sizeLg"?: BoxColumnType;
        /**
          * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.
         */
        "sizeMd"?: BoxColumnType;
        /**
          * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.
         */
        "sizeSm"?: BoxColumnType;
        /**
          * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.
         */
        "sizeXl"?: BoxColumnType;
        /**
          * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.
         */
        "sizeXs"?: BoxColumnType;
    }
    interface PdsButton {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Toggles disabled state of button
          * @defaultValue false
         */
        "disabled"?: boolean;
        /**
          * Displays icon before text when icon string matches an icon name
         */
        "icon"?: string;
        /**
          * Provides button with a submittable name
         */
        "name"?: string;
        /**
          * Provides button with a type
          * @defaultValue button
         */
        "type"?: 'button' | 'reset' | 'submit';
        /**
          * Provides button with a submittable value
         */
        "value"?: string;
        /**
          * Sets button variant styles as outlined in Figma documentation
         */
        "variant": 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled';
    }
    interface PdsCheckbox {
        /**
          * It determines whether or not the checkbox is checked.
         */
        "checked"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * It determines whether or not the checkbox is disabled.
         */
        "disabled": boolean;
        /**
          * Displays message text describing an invalid state.
         */
        "errorMessage": string;
        /**
          * String used for helper message below checkbox.
         */
        "helperMessage": string;
        /**
          * If `true`, the checkbox will visually appear as indeterminate. Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).
         */
        "indeterminate": boolean;
        /**
          * It determines whether or not the checkbox is invalid.
         */
        "invalid": boolean;
        /**
          * String used for label text next to checkbox.
         */
        "label": string;
        /**
          * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
         */
        "labelHidden": boolean;
        /**
          * String used for checkbox `name` attribute.
         */
        "name": string;
        /**
          * It determines whether or not the checkbox is required.
         */
        "required": boolean;
        /**
          * The value of the checkbox that is submitted with a form.
         */
        "value": string;
    }
    interface PdsChip {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Determines whether a dot should be displayed on the chip.
          * @defaultValue false
         */
        "dot": boolean;
        /**
          * Sets the text label content of the chip.
         */
        "label": string;
        /**
          * Determines whether the chip should be rendered in a larger size.
          * @defaultValue false
         */
        "large": boolean;
        /**
          * Sets the color scheme of the chip.
          * @defaultValue 'neutral'
         */
        "sentiment": 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning';
        /**
          * Sets the style variant of the chip.
          * @defaultValue 'text'
         */
        "variant": 'text' | 'tag' | 'dropdown';
    }
    interface PdsCopytext {
        /**
          * Determines whether `copytext` should have a border.
          * @defaultValue true
         */
        "border": boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Determines whether `copytext` should expand to the full width of its container.
          * @defaultValue false
         */
        "fullWidth": boolean;
        /**
          * Determines whether the `value` should truncate and display with an ellipsis.
          * @defaultValue false
         */
        "truncate": boolean;
        /**
          * String that is displayed and that is also copied to the clipboard upon interaction.
         */
        "value": string;
    }
    interface PdsDivider {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.
         */
        "offset": 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
        /**
          * Sets divider to display vertically
          * @defaultValue false
         */
        "vertical": boolean;
    }
    interface PdsImage {
        /**
          * The image's alt tag. If none is provided, it will default to an empty string.
         */
        "alt"?: string;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * The height of the image in pixels. Setting this will devote space in the layout to prevent layout shifts when the image is loaded.
         */
        "height"?: number;
        /**
          * Indicates how the browser should load the image.
         */
        "loading"?: 'eager' | 'lazy';
        /**
          * Determines the intended display size of an image within certian breakpoints. Has no effect if `srcset` is not set or value has no width descriptor.
         */
        "sizes"?: string;
        /**
          * The image's source.
         */
        "src": string;
        /**
          * A set of image sources for the browser to use.
         */
        "srcset"?: string;
        /**
          * The width of the image in pixels. Setting this will devote space in the layout to prevent layout shifts when the image is loaded.
         */
        "width"?: number;
    }
    interface PdsInput {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Indicates whether or not the input field is disabled.
         */
        "disabled"?: boolean;
        /**
          * Specifies the error message and provides an error-themed treatment to the field.
         */
        "errorMessage"?: string;
        /**
          * Displays a message or hint below the input field.
         */
        "helperMessage"?: string;
        /**
          * Indicates whether or not the input field is invalid or throws an error.
         */
        "invalid"?: boolean;
        /**
          * Text to be displayed as the input label.
         */
        "label"?: string;
        /**
          * Specifies the name. Submitted with the form name/value pair.
         */
        "name"?: string;
        /**
          * Specifies a short hint that describes the expected value of the input field.
         */
        "placeholder"?: string;
        /**
          * Indicates whether or not the input field is readonly.
         */
        "readonly"?: boolean;
        /**
          * Indicates whether or not the input field is required.
         */
        "required"?: boolean;
        /**
          * Determines the type of control that will be displayed `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`
          * @defaultValue "text"
         */
        "type": string;
        /**
          * The value of the input.
         */
        "value"?: string;
    }
    interface PdsLink {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * When enabled, opens link in a new tab.
          * @defaultValue false
         */
        "external": boolean;
        /**
          * The Font size follows t-shirt model sm: 12px md: 14px lg: 16px
          * @defaultValue lg
         */
        "fontSize": 'sm' | 'md' | 'lg';
        /**
          * The URL that the hyperlink points to.
         */
        "href": string;
        /**
          * Modifies the look of the link
         */
        "variant": 'inline' | 'plain';
    }
    interface PdsLoader {
        /**
          * If false, the loader will be hidden.
         */
        "isLoading": boolean;
        /**
          * Determines whether the loader should display a label.
         */
        "showLabel"?: boolean;
        /**
          * Sets the size of the spinner loader. Value can be preset or custom.
         */
        "size"?: | 'xs' // 24px
  | 'sm' // 32px
  | 'md' // 48px
  | 'lg' // 64px
  | 'xl' // 80px
  | string;
        /**
          * Determines the type of loader.
         */
        "variant": 'spinner' | 'typing';
    }
    interface PdsProgress {
        /**
          * Determines whether or not progress is animated.
          * @defaultValue false
         */
        "animated": boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).
          * @defaultValue 'var(--pine-color-blue-300)'
         */
        "fillColor": string;
        /**
          * String used for label text. Label is visually hidden but required for better accessibility.
         */
        "label": string;
        /**
          * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.
          * @defaultValue 0
         */
        "percent": number;
        /**
          * Determines whether or not the percent value should be displayed as text.
          * @defaultValue false
         */
        "showPercent": boolean;
    }
    interface PdsRadio {
        /**
          * Determines whether or not the radio is checked.
          * @defaultValue false
         */
        "checked": boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * Determines whether or not the radio is disabled.
          * @defaultValue false
         */
        "disabled": boolean;
        /**
          * Displays message text describing an invalid state.
         */
        "errorMessage": string;
        /**
          * String used for helper message below radio.
         */
        "helperMessage": string;
        /**
          * Determines whether or not the radio is invalid.
          * @defaultValue false
         */
        "invalid": boolean;
        /**
          * String used for label text next to radio.
         */
        "label": string;
        /**
          * String used for radio `name` attribute.
         */
        "name": string;
        /**
          * Determines whether or not the radio is required.
          * @defaultValue false
         */
        "required": boolean;
        /**
          * The value of the radio that is submitted with a form.
         */
        "value": string;
    }
    interface PdsRow {
        /**
          * Defines the vertical alignment of the row items.
          * @defaultValue start
         */
        "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
        /**
          * If `true`, the row will have a border.
         */
        "border"?: boolean;
        /**
          * Defines the spacing between the row items.
         */
        "colGap"?: BoxTShirtSizeType | null;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Defines the horizontal alignment of the row items.
          * @defaultValue start
         */
        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around`;
        /**
          * The minimum height of the row. Used in conjunction with alignment props
         */
        "minHeight"?: string;
        /**
          * If `true`, the row items will not wrap to the next line if horizontal space is not available.
         */
        "noWrap"?: boolean;
    }
    interface PdsSortable {
        /**
          * Determines whether `sortable` should have a border.
          * @defaultValue false
         */
        "border": boolean;
        /**
          * A unique identifier used for the sortable container `id` attribute.
         */
        "componentId": string;
        /**
          * Deternines whether `sortable` items should be divided with border.
         */
        "dividers": boolean;
        /**
          * Determines the grabbable area for the `pds-sortable-item`.
         */
        "handleType": 'handle' | 'row';
    }
    interface PdsSortableItem {
        /**
          * A unique identifier used for the sortable item `id` attribute.
         */
        "componentId": string;
        /**
          * Determines whether `sortable-item-actions` slot should be enabled.
          * @defaultValue false
         */
        "enableActions": boolean;
        /**
          * Determines whether `sortable-item` should have a handle.
          * @defaultValue false
         */
        "showHandle": boolean;
    }
    interface PdsSwitch {
        /**
          * Determines the input 'checked' state
         */
        "checked": boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * Determines the input 'disabled' state, preventing user interaction
         */
        "disabled"?: boolean;
        /**
          * Displays message text describing an invalid state
         */
        "errorMessage"?: string;
        /**
          * Displays help text for additional description of an input
         */
        "helperMessage": string;
        /**
          * Determines the input 'invalid' state, signifying an error is present
         */
        "invalid"?: boolean;
        /**
          * Displays text to describe the input
         */
        "label": string;
        /**
          * Identifies form data and unifies a group of radio inputs for toggling a single property/value
         */
        "name": string;
        /**
          * Determines the 'required' state of the input
         */
        "required"?: boolean;
        /**
          * Specifies the underlying input element type
          * @defaultValue 'checkbox'
         */
        "type": 'checkbox' | 'radio';
        /**
          * Provides input with a string submitted in form data, and can be used to distinguish radio inputs
         */
        "value": string;
    }
    interface PdsTab {
        "index": number;
        /**
          * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property
         */
        "name": string;
        "parentComponentId": string;
        "selected": boolean;
        "variant": string;
    }
    interface PdsTable {
        /**
          * Determines if table displays compact which reduces the spacing of table cells.
         */
        "compact": boolean;
        /**
          * A unique identifier used for the table `id` attribute.
         */
        "componentId": string;
        /**
          * Determines if table displays fixed column which fixes the first column of the table.
         */
        "fixedColumn": boolean;
        /**
          * Enables the table to be responsive by horizontally scrolling on smaller screens.
         */
        "responsive": boolean;
        /**
          * Determines if table displays checkboxes for selectable rows.
         */
        "selectable": boolean;
    }
    interface PdsTableBody {
    }
    interface PdsTableCell {
        /**
          * Truncates content to a max width of 100px and adds an ellipsis.
         */
        "truncate": boolean;
    }
    interface PdsTableHead {
        /**
          * Indicates that the selection state is indeterminate.
         */
        "indeterminate"?: boolean;
        /**
          * A local state to track whether the row is currently selected.
         */
        "isSelected": boolean;
    }
    interface PdsTableHeadCell {
        /**
          * Determines whether the table column is sortable when set to `true`.
         */
        "sortable": boolean;
    }
    interface PdsTableRow {
        /**
          * Indicates that the selection state is indeterminate.
         */
        "indeterminate"?: boolean;
        /**
          * A local state to track whether the row is currently selected.
         */
        "isSelected"?: boolean;
    }
    interface PdsTabpanel {
        /**
          * Sets the related tab name, this name must match a `pds-tab`'s tab name property
         */
        "name": string;
        "parentComponentId": string;
        "selected": boolean;
        "variant": string;
    }
    interface PdsTabs {
        "activeTabIndex": number;
        /**
          * Sets the starting active tab name and maintains the name as the component re-renders
         */
        "activeTabName": string;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Sets the aria-label attached to the tablist element
         */
        "tablistLabel": string;
        /**
          * Sets tabs variant styles as outlined in Figma documentation
         */
        "variant": 'primary' | 'availability' | 'filter';
    }
    interface PdsTextarea {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Indicates whether or not the textarea is disabled
          * @defaultValue false
         */
        "disabled": boolean;
        /**
          * Specifies the error text and provides an error-themed treatment to the field
         */
        "errorMessage"?: string;
        /**
          * Displays a hint or description of the textarea
         */
        "helperMessage"?: string;
        /**
          * Indicates whether or not the textarea is invalid or throws an error
          * @defaultValue false
         */
        "invalid": boolean;
        /**
          * Text to be displayed as the textarea label
         */
        "label"?: string;
        /**
          * Specifies the name, submitted with the form name/value pair. This value will mirror the componentId
         */
        "name": string;
        /**
          * Specifies a short hint that describes the expected value of the textarea
         */
        "placeholder"?: string;
        /**
          * Indicates whether or not the textarea is readonly
          * @defaultValue false
         */
        "readonly": boolean;
        /**
          * Indicates whether or not the textarea is required
          * @defaultValue false
         */
        "required": boolean;
        /**
          * Sets number of rows of text visible without needing to scroll in the textarea
         */
        "rows"?: number;
        /**
          * The value of the textarea
         */
        "value"?: string;
    }
    interface PdsTooltip {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Content for the tooltip. If HTML is required, use the content slot
         */
        "content": string;
        /**
          * Determines whether or not the tooltip has an arrow
          * @defaultValue true
         */
        "hasArrow"?: boolean;
        /**
          * Hides the tooltip by disabling the opened property
         */
        "hideTooltip": () => Promise<void>;
        /**
          * Enable this option when using the content slot
          * @defaultValue false
         */
        "htmlContent": boolean;
        /**
          * Determines whether or not the tooltip is visible
          * @defaultValue false
         */
        "opened": boolean;
        /**
          * Determines the preferred position of the tooltip
          * @defaultValue "right"
         */
        "placement": 'top'
    | 'top-start'
    | 'top-end'
    | 'right'
    | 'right-start'
    | 'right-end'
    | 'bottom'
    | 'bottom-start'
    | 'bottom-end'
    | 'left'
    | 'left-start'
    | 'left-end';
        /**
          * Shows the tooltip by enabling the opened property
         */
        "showTooltip": () => Promise<void>;
    }
}
export interface PdsCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsCheckboxElement;
}
export interface PdsChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsChipElement;
}
export interface PdsCopytextCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsCopytextElement;
}
export interface PdsInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsInputElement;
}
export interface PdsRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsRadioElement;
}
export interface PdsSortableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsSortableElement;
}
export interface PdsSwitchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsSwitchElement;
}
export interface PdsTabCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTabElement;
}
export interface PdsTableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTableElement;
}
export interface PdsTableHeadCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTableHeadElement;
}
export interface PdsTableHeadCellCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTableHeadCellElement;
}
export interface PdsTableRowCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTableRowElement;
}
export interface PdsTextareaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTextareaElement;
}
export interface PdsTooltipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLPdsTooltipElement;
}
declare global {
    interface HTMLPdsAccordionElement extends Components.PdsAccordion, HTMLStencilElement {
    }
    var HTMLPdsAccordionElement: {
        prototype: HTMLPdsAccordionElement;
        new (): HTMLPdsAccordionElement;
    };
    interface HTMLPdsAvatarElement extends Components.PdsAvatar, HTMLStencilElement {
    }
    var HTMLPdsAvatarElement: {
        prototype: HTMLPdsAvatarElement;
        new (): HTMLPdsAvatarElement;
    };
    interface HTMLPdsBoxElement extends Components.PdsBox, HTMLStencilElement {
    }
    var HTMLPdsBoxElement: {
        prototype: HTMLPdsBoxElement;
        new (): HTMLPdsBoxElement;
    };
    interface HTMLPdsButtonElement extends Components.PdsButton, HTMLStencilElement {
    }
    var HTMLPdsButtonElement: {
        prototype: HTMLPdsButtonElement;
        new (): HTMLPdsButtonElement;
    };
    interface HTMLPdsCheckboxElementEventMap {
        "pdsCheckboxChange": CheckboxChangeEventDetail;
        "pdsCheckboxInput": CheckboxChangeEventDetail;
    }
    interface HTMLPdsCheckboxElement extends Components.PdsCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsCheckboxElementEventMap>(type: K, listener: (this: HTMLPdsCheckboxElement, ev: PdsCheckboxCustomEvent<HTMLPdsCheckboxElementEventMap[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 HTMLPdsCheckboxElementEventMap>(type: K, listener: (this: HTMLPdsCheckboxElement, ev: PdsCheckboxCustomEvent<HTMLPdsCheckboxElementEventMap[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 HTMLPdsCheckboxElement: {
        prototype: HTMLPdsCheckboxElement;
        new (): HTMLPdsCheckboxElement;
    };
    interface HTMLPdsChipElementEventMap {
        "pdsTagCloseClick": any;
    }
    interface HTMLPdsChipElement extends Components.PdsChip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsChipElementEventMap>(type: K, listener: (this: HTMLPdsChipElement, ev: PdsChipCustomEvent<HTMLPdsChipElementEventMap[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 HTMLPdsChipElementEventMap>(type: K, listener: (this: HTMLPdsChipElement, ev: PdsChipCustomEvent<HTMLPdsChipElementEventMap[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 HTMLPdsChipElement: {
        prototype: HTMLPdsChipElement;
        new (): HTMLPdsChipElement;
    };
    interface HTMLPdsCopytextElementEventMap {
        "pdsCopyTextClick": any;
    }
    interface HTMLPdsCopytextElement extends Components.PdsCopytext, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsCopytextElementEventMap>(type: K, listener: (this: HTMLPdsCopytextElement, ev: PdsCopytextCustomEvent<HTMLPdsCopytextElementEventMap[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 HTMLPdsCopytextElementEventMap>(type: K, listener: (this: HTMLPdsCopytextElement, ev: PdsCopytextCustomEvent<HTMLPdsCopytextElementEventMap[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 HTMLPdsCopytextElement: {
        prototype: HTMLPdsCopytextElement;
        new (): HTMLPdsCopytextElement;
    };
    interface HTMLPdsDividerElement extends Components.PdsDivider, HTMLStencilElement {
    }
    var HTMLPdsDividerElement: {
        prototype: HTMLPdsDividerElement;
        new (): HTMLPdsDividerElement;
    };
    interface HTMLPdsImageElement extends Components.PdsImage, HTMLStencilElement {
    }
    var HTMLPdsImageElement: {
        prototype: HTMLPdsImageElement;
        new (): HTMLPdsImageElement;
    };
    interface HTMLPdsInputElementEventMap {
        "pdsInput": InputEvent;
    }
    interface HTMLPdsInputElement extends Components.PdsInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsInputElementEventMap>(type: K, listener: (this: HTMLPdsInputElement, ev: PdsInputCustomEvent<HTMLPdsInputElementEventMap[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 HTMLPdsInputElementEventMap>(type: K, listener: (this: HTMLPdsInputElement, ev: PdsInputCustomEvent<HTMLPdsInputElementEventMap[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 HTMLPdsInputElement: {
        prototype: HTMLPdsInputElement;
        new (): HTMLPdsInputElement;
    };
    interface HTMLPdsLinkElement extends Components.PdsLink, HTMLStencilElement {
    }
    var HTMLPdsLinkElement: {
        prototype: HTMLPdsLinkElement;
        new (): HTMLPdsLinkElement;
    };
    interface HTMLPdsLoaderElement extends Components.PdsLoader, HTMLStencilElement {
    }
    var HTMLPdsLoaderElement: {
        prototype: HTMLPdsLoaderElement;
        new (): HTMLPdsLoaderElement;
    };
    interface HTMLPdsProgressElement extends Components.PdsProgress, HTMLStencilElement {
    }
    var HTMLPdsProgressElement: {
        prototype: HTMLPdsProgressElement;
        new (): HTMLPdsProgressElement;
    };
    interface HTMLPdsRadioElementEventMap {
        "pdsRadioChange": boolean;
    }
    interface HTMLPdsRadioElement extends Components.PdsRadio, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsRadioElementEventMap>(type: K, listener: (this: HTMLPdsRadioElement, ev: PdsRadioCustomEvent<HTMLPdsRadioElementEventMap[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 HTMLPdsRadioElementEventMap>(type: K, listener: (this: HTMLPdsRadioElement, ev: PdsRadioCustomEvent<HTMLPdsRadioElementEventMap[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 HTMLPdsRadioElement: {
        prototype: HTMLPdsRadioElement;
        new (): HTMLPdsRadioElement;
    };
    interface HTMLPdsRowElement extends Components.PdsRow, HTMLStencilElement {
    }
    var HTMLPdsRowElement: {
        prototype: HTMLPdsRowElement;
        new (): HTMLPdsRowElement;
    };
    interface HTMLPdsSortableElementEventMap {
        "pdsSortableItemMoved": any;
    }
    interface HTMLPdsSortableElement extends Components.PdsSortable, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsSortableElementEventMap>(type: K, listener: (this: HTMLPdsSortableElement, ev: PdsSortableCustomEvent<HTMLPdsSortableElementEventMap[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 HTMLPdsSortableElementEventMap>(type: K, listener: (this: HTMLPdsSortableElement, ev: PdsSortableCustomEvent<HTMLPdsSortableElementEventMap[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 HTMLPdsSortableElement: {
        prototype: HTMLPdsSortableElement;
        new (): HTMLPdsSortableElement;
    };
    interface HTMLPdsSortableItemElement extends Components.PdsSortableItem, HTMLStencilElement {
    }
    var HTMLPdsSortableItemElement: {
        prototype: HTMLPdsSortableItemElement;
        new (): HTMLPdsSortableItemElement;
    };
    interface HTMLPdsSwitchElementEventMap {
        "pdsSwitchChange": InputEvent;
    }
    interface HTMLPdsSwitchElement extends Components.PdsSwitch, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsSwitchElementEventMap>(type: K, listener: (this: HTMLPdsSwitchElement, ev: PdsSwitchCustomEvent<HTMLPdsSwitchElementEventMap[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 HTMLPdsSwitchElementEventMap>(type: K, listener: (this: HTMLPdsSwitchElement, ev: PdsSwitchCustomEvent<HTMLPdsSwitchElementEventMap[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 HTMLPdsSwitchElement: {
        prototype: HTMLPdsSwitchElement;
        new (): HTMLPdsSwitchElement;
    };
    interface HTMLPdsTabElementEventMap {
        "pdsTabClick": object;
    }
    interface HTMLPdsTabElement extends Components.PdsTab, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTabElementEventMap>(type: K, listener: (this: HTMLPdsTabElement, ev: PdsTabCustomEvent<HTMLPdsTabElementEventMap[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 HTMLPdsTabElementEventMap>(type: K, listener: (this: HTMLPdsTabElement, ev: PdsTabCustomEvent<HTMLPdsTabElementEventMap[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 HTMLPdsTabElement: {
        prototype: HTMLPdsTabElement;
        new (): HTMLPdsTabElement;
    };
    interface HTMLPdsTableElementEventMap {
        "pdsTableSelect": { rowIndex: number; isSelected: boolean };
        "pdsTableSelectAll": { isSelected: boolean };
    }
    interface HTMLPdsTableElement extends Components.PdsTable, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTableElementEventMap>(type: K, listener: (this: HTMLPdsTableElement, ev: PdsTableCustomEvent<HTMLPdsTableElementEventMap[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 HTMLPdsTableElementEventMap>(type: K, listener: (this: HTMLPdsTableElement, ev: PdsTableCustomEvent<HTMLPdsTableElementEventMap[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 HTMLPdsTableElement: {
        prototype: HTMLPdsTableElement;
        new (): HTMLPdsTableElement;
    };
    interface HTMLPdsTableBodyElement extends Components.PdsTableBody, HTMLStencilElement {
    }
    var HTMLPdsTableBodyElement: {
        prototype: HTMLPdsTableBodyElement;
        new (): HTMLPdsTableBodyElement;
    };
    interface HTMLPdsTableCellElement extends Components.PdsTableCell, HTMLStencilElement {
    }
    var HTMLPdsTableCellElement: {
        prototype: HTMLPdsTableCellElement;
        new (): HTMLPdsTableCellElement;
    };
    interface HTMLPdsTableHeadElementEventMap {
        "pdsTableSelectAll": { isSelected: boolean };
    }
    interface HTMLPdsTableHeadElement extends Components.PdsTableHead, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTableHeadElementEventMap>(type: K, listener: (this: HTMLPdsTableHeadElement, ev: PdsTableHeadCustomEvent<HTMLPdsTableHeadElementEventMap[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 HTMLPdsTableHeadElementEventMap>(type: K, listener: (this: HTMLPdsTableHeadElement, ev: PdsTableHeadCustomEvent<HTMLPdsTableHeadElementEventMap[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 HTMLPdsTableHeadElement: {
        prototype: HTMLPdsTableHeadElement;
        new (): HTMLPdsTableHeadElement;
    };
    interface HTMLPdsTableHeadCellElementEventMap {
        "pdsTableSort": { column: string; direction: string };
    }
    interface HTMLPdsTableHeadCellElement extends Components.PdsTableHeadCell, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTableHeadCellElementEventMap>(type: K, listener: (this: HTMLPdsTableHeadCellElement, ev: PdsTableHeadCellCustomEvent<HTMLPdsTableHeadCellElementEventMap[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 HTMLPdsTableHeadCellElementEventMap>(type: K, listener: (this: HTMLPdsTableHeadCellElement, ev: PdsTableHeadCellCustomEvent<HTMLPdsTableHeadCellElementEventMap[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 HTMLPdsTableHeadCellElement: {
        prototype: HTMLPdsTableHeadCellElement;
        new (): HTMLPdsTableHeadCellElement;
    };
    interface HTMLPdsTableRowElementEventMap {
        "pdsTableRowSelected": { rowIndex: number; isSelected: boolean; };
    }
    interface HTMLPdsTableRowElement extends Components.PdsTableRow, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTableRowElementEventMap>(type: K, listener: (this: HTMLPdsTableRowElement, ev: PdsTableRowCustomEvent<HTMLPdsTableRowElementEventMap[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 HTMLPdsTableRowElementEventMap>(type: K, listener: (this: HTMLPdsTableRowElement, ev: PdsTableRowCustomEvent<HTMLPdsTableRowElementEventMap[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 HTMLPdsTableRowElement: {
        prototype: HTMLPdsTableRowElement;
        new (): HTMLPdsTableRowElement;
    };
    interface HTMLPdsTabpanelElement extends Components.PdsTabpanel, HTMLStencilElement {
    }
    var HTMLPdsTabpanelElement: {
        prototype: HTMLPdsTabpanelElement;
        new (): HTMLPdsTabpanelElement;
    };
    interface HTMLPdsTabsElement extends Components.PdsTabs, HTMLStencilElement {
    }
    var HTMLPdsTabsElement: {
        prototype: HTMLPdsTabsElement;
        new (): HTMLPdsTabsElement;
    };
    interface HTMLPdsTextareaElementEventMap {
        "pdsTextareaChange": TextareaChangeEventDetail;
    }
    interface HTMLPdsTextareaElement extends Components.PdsTextarea, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTextareaElementEventMap>(type: K, listener: (this: HTMLPdsTextareaElement, ev: PdsTextareaCustomEvent<HTMLPdsTextareaElementEventMap[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 HTMLPdsTextareaElementEventMap>(type: K, listener: (this: HTMLPdsTextareaElement, ev: PdsTextareaCustomEvent<HTMLPdsTextareaElementEventMap[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 HTMLPdsTextareaElement: {
        prototype: HTMLPdsTextareaElement;
        new (): HTMLPdsTextareaElement;
    };
    interface HTMLPdsTooltipElementEventMap {
        "pdsTooltipHide": any;
        "pdsTooltipShow": any;
    }
    interface HTMLPdsTooltipElement extends Components.PdsTooltip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLPdsTooltipElementEventMap>(type: K, listener: (this: HTMLPdsTooltipElement, ev: PdsTooltipCustomEvent<HTMLPdsTooltipElementEventMap[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 HTMLPdsTooltipElementEventMap>(type: K, listener: (this: HTMLPdsTooltipElement, ev: PdsTooltipCustomEvent<HTMLPdsTooltipElementEventMap[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 HTMLPdsTooltipElement: {
        prototype: HTMLPdsTooltipElement;
        new (): HTMLPdsTooltipElement;
    };
    interface HTMLElementTagNameMap {
        "pds-accordion": HTMLPdsAccordionElement;
        "pds-avatar": HTMLPdsAvatarElement;
        "pds-box": HTMLPdsBoxElement;
        "pds-button": HTMLPdsButtonElement;
        "pds-checkbox": HTMLPdsCheckboxElement;
        "pds-chip": HTMLPdsChipElement;
        "pds-copytext": HTMLPdsCopytextElement;
        "pds-divider": HTMLPdsDividerElement;
        "pds-image": HTMLPdsImageElement;
        "pds-input": HTMLPdsInputElement;
        "pds-link": HTMLPdsLinkElement;
        "pds-loader": HTMLPdsLoaderElement;
        "pds-progress": HTMLPdsProgressElement;
        "pds-radio": HTMLPdsRadioElement;
        "pds-row": HTMLPdsRowElement;
        "pds-sortable": HTMLPdsSortableElement;
        "pds-sortable-item": HTMLPdsSortableItemElement;
        "pds-switch": HTMLPdsSwitchElement;
        "pds-tab": HTMLPdsTabElement;
        "pds-table": HTMLPdsTableElement;
        "pds-table-body": HTMLPdsTableBodyElement;
        "pds-table-cell": HTMLPdsTableCellElement;
        "pds-table-head": HTMLPdsTableHeadElement;
        "pds-table-head-cell": HTMLPdsTableHeadCellElement;
        "pds-table-row": HTMLPdsTableRowElement;
        "pds-tabpanel": HTMLPdsTabpanelElement;
        "pds-tabs": HTMLPdsTabsElement;
        "pds-textarea": HTMLPdsTextareaElement;
        "pds-tooltip": HTMLPdsTooltipElement;
    }
}
declare namespace LocalJSX {
    interface PdsAccordion {
        /**
          * A unique identifier used for the underlying component `id` attribute.
          * @defaultValue null
         */
        "componentId"?: string;
        /**
          * Can be used to manually set the open state of the accordion.
          * @defaultValue false
         */
        "isOpen"?: boolean;
    }
    interface PdsAvatar {
        /**
          * The alt for a custom user image.
          * @defaultValue null
         */
        "alt"?: string | null;
        /**
          * Determines whether the badge is visible or not.
          * @defaultValue false
         */
        "badge"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Determines whether the avatar functions as a dropdown trigger.
          * @defaultValue false
         */
        "dropdown"?: boolean;
        /**
          * The src for a custom user image.
          * @defaultValue null
         */
        "image"?: string | null;
        /**
          * Size of the avatar. Value can be preset or custom.
          * @defaultValue lg
         */
        "size"?: | 'xl' // 64px
  | 'lg' // 56px
  | 'md' // 40px
  | 'sm' // 32px
  | 'xs' // 24px
  | string;
        /**
          * Determines the variant of avatar. Changes appearance accordingly.
          * @defaultValue customer
         */
        "variant"?: 'customer' | 'admin';
    }
    interface PdsBox {
        /**
          * Defines the vertical alignment of the box items.
          * @defaultValue start
         */
        "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
        /**
          * If `true`, the box will be sized to fit its contents.
         */
        "auto"?: boolean;
        /**
          * Defines the background-color of the box.
         */
        "backgroundColor"?: string;
        /**
          * If `true`, the box will have a border.
         */
        "border"?: boolean;
        /**
          * Defines the border color of the box.
         */
        "borderColor"?: string;
        /**
          * Defines how rounded the box corners are.
          * @defaultValue none
         */
        "borderRadius"?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;
        /**
          * Defines the orientation of the box items.
          * @defaultValue row
         */
        "direction"?: `row` | `column`;
        /**
          * Defines the display style of the box.
          * @defaultValue flex
         */
        "display"?: `flex` | `inline-flex` | `block` | `inline-block`;
        /**
          * If `true`, sets the box `max-width` to `100%`.
         */
        "fit"?: boolean;
        /**
          * Defines how a box will grow or shrink to fit the space available in its container.
          * @defaultValue none
         */
        "flex"?: `none` | `grow` | `shrink`;
        /**
          * Defines the spacing between the box items.
          * @defaultValue none
         */
        "gap"?: BoxTShirtSizeType;
        /**
          * Defines the horizontal alignment of the box items.
          * @defaultValue start
         */
        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around`;
        /**
          * The minimum height of the row. Used in conjunction with alignment props
         */
        "minHeight"?: string;
        /**
          * The minimum width of the row. Used in conjunction with alignment props
         */
        "minWidth"?: string;
        /**
          * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offset"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetLg"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetMd"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetSm"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetXl"?: BoxColumnType;
        /**
          * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.
         */
        "offsetXs"?: BoxColumnType;
        /**
          * Defines the spacing between the box items.
          * @defaultValue none
         */
        "padding"?: BoxTShirtSizeType;
        /**
          * Defines the box shadow.
          * @defaultValue none
         */
        "shadow"?: BoxShadowSizeType;
        /**
          * Size of the column for all screen sizes that are not explicitly set.
         */
        "size"?: BoxColumnType;
        /**
          * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.
         */
        "sizeLg"?: BoxColumnType;
        /**
          * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.
         */
        "sizeMd"?: BoxColumnType;
        /**
          * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.
         */
        "sizeSm"?: BoxColumnType;
        /**
          * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.
         */
        "sizeXl"?: BoxColumnType;
        /**
          * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.
         */
        "sizeXs"?: BoxColumnType;
    }
    interface PdsButton {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Toggles disabled state of button
          * @defaultValue false
         */
        "disabled"?: boolean;
        /**
          * Displays icon before text when icon string matches an icon name
         */
        "icon"?: string;
        /**
          * Provides button with a submittable name
         */
        "name"?: string;
        /**
          * Provides button with a type
          * @defaultValue button
         */
        "type"?: 'button' | 'reset' | 'submit';
        /**
          * Provides button with a submittable value
         */
        "value"?: string;
        /**
          * Sets button variant styles as outlined in Figma documentation
         */
        "variant"?: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled';
    }
    interface PdsCheckbox {
        /**
          * It determines whether or not the checkbox is checked.
         */
        "checked"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * It determines whether or not the checkbox is disabled.
         */
        "disabled"?: boolean;
        /**
          * Displays message text describing an invalid state.
         */
        "errorMessage"?: string;
        /**
          * String used for helper message below checkbox.
         */
        "helperMessage"?: string;
        /**
          * If `true`, the checkbox will visually appear as indeterminate. Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).
         */
        "indeterminate"?: boolean;
        /**
          * It determines whether or not the checkbox is invalid.
         */
        "invalid"?: boolean;
        /**
          * String used for label text next to checkbox.
         */
        "label"?: string;
        /**
          * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
         */
        "labelHidden"?: boolean;
        /**
          * String used for checkbox `name` attribute.
         */
        "name"?: string;
        /**
          * Event emitted that contains the `value` and `checked`.
         */
        "onPdsCheckboxChange"?: (event: PdsCheckboxCustomEvent<CheckboxChangeEventDetail>) => void;
        "onPdsCheckboxInput"?: (event: PdsCheckboxCustomEvent<CheckboxChangeEventDetail>) => void;
        /**
          * It determines whether or not the checkbox is required.
         */
        "required"?: boolean;
        /**
          * The value of the checkbox that is submitted with a form.
         */
        "value"?: string;
    }
    interface PdsChip {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Determines whether a dot should be displayed on the chip.
          * @defaultValue false
         */
        "dot"?: boolean;
        /**
          * Sets the text label content of the chip.
         */
        "label"?: string;
        /**
          * Determines whether the chip should be rendered in a larger size.
          * @defaultValue false
         */
        "large"?: boolean;
        /**
          * Event when close button is clicked on tag variant.
         */
        "onPdsTagCloseClick"?: (event: PdsChipCustomEvent<any>) => void;
        /**
          * Sets the color scheme of the chip.
          * @defaultValue 'neutral'
         */
        "sentiment"?: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning';
        /**
          * Sets the style variant of the chip.
          * @defaultValue 'text'
         */
        "variant"?: 'text' | 'tag' | 'dropdown';
    }
    interface PdsCopytext {
        /**
          * Determines whether `copytext` should have a border.
          * @defaultValue true
         */
        "border"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Determines whether `copytext` should expand to the full width of its container.
          * @defaultValue false
         */
        "fullWidth"?: boolean;
        /**
          * Event when copyText button is clicked.
         */
        "onPdsCopyTextClick"?: (event: PdsCopytextCustomEvent<any>) => void;
        /**
          * Determines whether the `value` should truncate and display with an ellipsis.
          * @defaultValue false
         */
        "truncate"?: boolean;
        /**
          * String that is displayed and that is also copied to the clipboard upon interaction.
         */
        "value": string;
    }
    interface PdsDivider {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.
         */
        "offset"?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
        /**
          * Sets divider to display vertically
          * @defaultValue false
         */
        "vertical"?: boolean;
    }
    interface PdsImage {
        /**
          * The image's alt tag. If none is provided, it will default to an empty string.
         */
        "alt"?: string;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * The height of the image in pixels. Setting this will devote space in the layout to prevent layout shifts when the image is loaded.
         */
        "height"?: number;
        /**
          * Indicates how the browser should load the image.
         */
        "loading"?: 'eager' | 'lazy';
        /**
          * Determines the intended display size of an image within certian breakpoints. Has no effect if `srcset` is not set or value has no width descriptor.
         */
        "sizes"?: string;
        /**
          * The image's source.
         */
        "src"?: string;
        /**
          * A set of image sources for the browser to use.
         */
        "srcset"?: string;
        /**
          * The width of the image in pixels. Setting this will devote space in the layout to prevent layout shifts when the image is loaded.
         */
        "width"?: number;
    }
    interface PdsInput {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Indicates whether or not the input field is disabled.
         */
        "disabled"?: boolean;
        /**
          * Specifies the error message and provides an error-themed treatment to the field.
         */
        "errorMessage"?: string;
        /**
          * Displays a message or hint below the input field.
         */
        "helperMessage"?: string;
        /**
          * Indicates whether or not the input field is invalid or throws an error.
         */
        "invalid"?: boolean;
        /**
          * Text to be displayed as the input label.
         */
        "label"?: string;
        /**
          * Specifies the name. Submitted with the form name/value pair.
         */
        "name"?: string;
        /**
          * Emitted when a keyboard input occurred.
         */
        "onPdsInput"?: (event: PdsInputCustomEvent<InputEvent>) => void;
        /**
          * Specifies a short hint that describes the expected value of the input field.
         */
        "placeholder"?: string;
        /**
          * Indicates whether or not the input field is readonly.
         */
        "readonly"?: boolean;
        /**
          * Indicates whether or not the input field is required.
         */
        "required"?: boolean;
        /**
          * Determines the type of control that will be displayed `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`
          * @defaultValue "text"
         */
        "type"?: string;
        /**
          * The value of the input.
         */
        "value"?: string;
    }
    interface PdsLink {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * When enabled, opens link in a new tab.
          * @defaultValue false
         */
        "external"?: boolean;
        /**
          * The Font size follows t-shirt model sm: 12px md: 14px lg: 16px
          * @defaultValue lg
         */
        "fontSize"?: 'sm' | 'md' | 'lg';
        /**
          * The URL that the hyperlink points to.
         */
        "href": string;
        /**
          * Modifies the look of the link
         */
        "variant"?: 'inline' | 'plain';
    }
    interface PdsLoader {
        /**
          * If false, the loader will be hidden.
         */
        "isLoading"?: boolean;
        /**
          * Determines whether the loader should display a label.
         */
        "showLabel"?: boolean;
        /**
          * Sets the size of the spinner loader. Value can be preset or custom.
         */
        "size"?: | 'xs' // 24px
  | 'sm' // 32px
  | 'md' // 48px
  | 'lg' // 64px
  | 'xl' // 80px
  | string;
        /**
          * Determines the type of loader.
         */
        "variant"?: 'spinner' | 'typing';
    }
    interface PdsProgress {
        /**
          * Determines whether or not progress is animated.
          * @defaultValue false
         */
        "animated"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).
          * @defaultValue 'var(--pine-color-blue-300)'
         */
        "fillColor"?: string;
        /**
          * String used for label text. Label is visually hidden but required for better accessibility.
         */
        "label": string;
        /**
          * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.
          * @defaultValue 0
         */
        "percent"?: number;
        /**
          * Determines whether or not the percent value should be displayed as text.
          * @defaultValue false
         */
        "showPercent"?: boolean;
    }
    interface PdsRadio {
        /**
          * Determines whether or not the radio is checked.
          * @defaultValue false
         */
        "checked"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * Determines whether or not the radio is disabled.
          * @defaultValue false
         */
        "disabled"?: boolean;
        /**
          * Displays message text describing an invalid state.
         */
        "errorMessage"?: string;
        /**
          * String used for helper message below radio.
         */
        "helperMessage"?: string;
        /**
          * Determines whether or not the radio is invalid.
          * @defaultValue false
         */
        "invalid"?: boolean;
        /**
          * String used for label text next to radio.
         */
        "label"?: string;
        /**
          * String used for radio `name` attribute.
         */
        "name"?: string;
        /**
          * Emits a boolean indicating whether the checkbox is currently checked or unchecked.
         */
        "onPdsRadioChange"?: (event: PdsRadioCustomEvent<boolean>) => void;
        /**
          * Determines whether or not the radio is required.
          * @defaultValue false
         */
        "required"?: boolean;
        /**
          * The value of the radio that is submitted with a form.
         */
        "value"?: string;
    }
    interface PdsRow {
        /**
          * Defines the vertical alignment of the row items.
          * @defaultValue start
         */
        "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
        /**
          * If `true`, the row will have a border.
         */
        "border"?: boolean;
        /**
          * Defines the spacing between the row items.
         */
        "colGap"?: BoxTShirtSizeType | null;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Defines the horizontal alignment of the row items.
          * @defaultValue start
         */
        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around`;
        /**
          * The minimum height of the row. Used in conjunction with alignment props
         */
        "minHeight"?: string;
        /**
          * If `true`, the row items will not wrap to the next line if horizontal space is not available.
         */
        "noWrap"?: boolean;
    }
    interface PdsSortable {
        /**
          * Determines whether `sortable` should have a border.
          * @defaultValue false
         */
        "border"?: boolean;
        /**
          * A unique identifier used for the sortable container `id` attribute.
         */
        "componentId": string;
        /**
          * Deternines whether `sortable` items should be divided with border.
         */
        "dividers"?: boolean;
        /**
          * Determines the grabbable area for the `pds-sortable-item`.
         */
        "handleType"?: 'handle' | 'row';
        /**
          * Event emitted when a sortable item is moved.
         */
        "onPdsSortableItemMoved"?: (event: PdsSortableCustomEvent<any>) => void;
    }
    interface PdsSortableItem {
        /**
          * A unique identifier used for the sortable item `id` attribute.
         */
        "componentId"?: string;
        /**
          * Determines whether `sortable-item-actions` slot should be enabled.
          * @defaultValue false
         */
        "enableActions"?: boolean;
        /**
          * Determines whether `sortable-item` should have a handle.
          * @defaultValue false
         */
        "showHandle"?: boolean;
    }
    interface PdsSwitch {
        /**
          * Determines the input 'checked' state
         */
        "checked"?: boolean;
        /**
          * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.
         */
        "componentId": string;
        /**
          * Determines the input 'disabled' state, preventing user interaction
         */
        "disabled"?: boolean;
        /**
          * Displays message text describing an invalid state
         */
        "errorMessage"?: string;
        /**
          * Displays help text for additional description of an input
         */
        "helperMessage"?: string;
        /**
          * Determines the input 'invalid' state, signifying an error is present
         */
        "invalid"?: boolean;
        /**
          * Displays text to describe the input
         */
        "label": string;
        /**
          * Identifies form data and unifies a group of radio inputs for toggling a single property/value
         */
        "name"?: string;
        /**
          * Emits an event on input change
         */
        "onPdsSwitchChange"?: (event: PdsSwitchCustomEvent<InputEvent>) => void;
        /**
          * Determines the 'required' state of the input
         */
        "required"?: boolean;
        /**
          * Specifies the underlying input element type
          * @defaultValue 'checkbox'
         */
        "type"?: 'checkbox' | 'radio';
        /**
          * Provides input with a string submitted in form data, and can be used to distinguish radio inputs
         */
        "value"?: string;
    }
    interface PdsTab {
        /**
          * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property
         */
        "name": string;
    }
    interface PdsTable {
        /**
          * Determines if table displays compact which reduces the spacing of table cells.
         */
        "compact"?: boolean;
        /**
          * A unique identifier used for the table `id` attribute.
         */
        "componentId": string;
        /**
          * Determines if table displays fixed column which fixes the first column of the table.
         */
        "fixedColumn"?: boolean;
        /**
          * Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.
         */
        "onPdsTableSelect"?: (event: PdsTableCustomEvent<{ rowIndex: number; isSelected: boolean }>) => void;
        /**
          * Event that is emitted when the select all checkbox is clicked, carrying the selected value.
         */
        "onPdsTableSelectAll"?: (event: PdsTableCustomEvent<{ isSelected: boolean }>) => void;
        /**
          * Enables the table to be responsive by horizontally scrolling on smaller screens.
         */
        "responsive"?: boolean;
        /**
          * Determines if table displays checkboxes for selectable rows.
         */
        "selectable"?: boolean;
    }
    interface PdsTableBody {
    }
    interface PdsTableCell {
        /**
          * Truncates content to a max width of 100px and adds an ellipsis.
         */
        "truncate"?: boolean;
    }
    interface PdsTableHead {
        /**
          * Indicates that the selection state is indeterminate.
         */
        "indeterminate"?: boolean;
        /**
          * A local state to track whether the row is currently selected.
         */
        "isSelected"?: boolean;
        /**
          * Event that is emitted when the select all checkbox is clicked, carrying the selected value.
         */
        "onPdsTableSelectAll"?: (event: PdsTableHeadCustomEvent<{ isSelected: boolean }>) => void;
    }
    interface PdsTableHeadCell {
        /**
          * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.
         */
        "onPdsTableSort"?: (event: PdsTableHeadCellCustomEvent<{ column: string; direction: string }>) => void;
        /**
          * Determines whether the table column is sortable when set to `true`.
         */
        "sortable"?: boolean;
    }
    interface PdsTableRow {
        /**
          * Indicates that the selection state is indeterminate.
         */
        "indeterminate"?: boolean;
        /**
          * A local state to track whether the row is currently selected.
         */
        "isSelected"?: boolean;
        /**
          * Event that is emitted when the checkbox is clicked, carrying the selected value.
         */
        "onPdsTableRowSelected"?: (event: PdsTableRowCustomEvent<{ rowIndex: number; isSelected: boolean; }>) => void;
    }
    interface PdsTabpanel {
        /**
          * Sets the related tab name, this name must match a `pds-tab`'s tab name property
         */
        "name": string;
    }
    interface PdsTabs {
        /**
          * Sets the starting active tab name and maintains the name as the component re-renders
         */
        "activeTabName": string;
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Sets the aria-label attached to the tablist element
         */
        "tablistLabel": string;
        /**
          * Sets tabs variant styles as outlined in Figma documentation
         */
        "variant": 'primary' | 'availability' | 'filter';
    }
    interface PdsTextarea {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId": string;
        /**
          * Indicates whether or not the textarea is disabled
          * @defaultValue false
         */
        "disabled"?: boolean;
        /**
          * Specifies the error text and provides an error-themed treatment to the field
         */
        "errorMessage"?: string;
        /**
          * Displays a hint or description of the textarea
         */
        "helperMessage"?: string;
        /**
          * Indicates whether or not the textarea is invalid or throws an error
          * @defaultValue false
         */
        "invalid"?: boolean;
        /**
          * Text to be displayed as the textarea label
         */
        "label"?: string;
        /**
          * Specifies the name, submitted with the form name/value pair. This value will mirror the componentId
         */
        "name"?: string;
        /**
          * Event emitted whenever the value of the textarea changes
         */
        "onPdsTextareaChange"?: (event: PdsTextareaCustomEvent<TextareaChangeEventDetail>) => void;
        /**
          * Specifies a short hint that describes the expected value of the textarea
         */
        "placeholder"?: string;
        /**
          * Indicates whether or not the textarea is readonly
          * @defaultValue false
         */
        "readonly"?: boolean;
        /**
          * Indicates whether or not the textarea is required
          * @defaultValue false
         */
        "required"?: boolean;
        /**
          * Sets number of rows of text visible without needing to scroll in the textarea
         */
        "rows"?: number;
        /**
          * The value of the textarea
         */
        "value"?: string;
    }
    interface PdsTooltip {
        /**
          * A unique identifier used for the underlying component `id` attribute.
         */
        "componentId"?: string;
        /**
          * Content for the tooltip. If HTML is required, use the content slot
         */
        "content"?: string;
        /**
          * Determines whether or not the tooltip has an arrow
          * @defaultValue true
         */
        "hasArrow"?: boolean;
        /**
          * Enable this option when using the content slot
          * @defaultValue false
         */
        "htmlContent"?: boolean;
        /**
          * Emitted after a tooltip is closed
         */
        "onPdsTooltipHide"?: (event: PdsTooltipCustomEvent<any>) => void;
        /**
          * Emitted after a tooltip is shown
         */
        "onPdsTooltipShow"?: (event: PdsTooltipCustomEvent<any>) => void;
        /**
          * Determines whether or not the tooltip is visible
          * @defaultValue false
         */
        "opened"?: boolean;
        /**
          * Determines the preferred position of the tooltip
          * @defaultValue "right"
         */
        "placement"?: 'top'
    | 'top-start'
    | 'top-end'
    | 'right'
    | 'right-start'
    | 'right-end'
    | 'bottom'
    | 'bottom-start'
    | 'bottom-end'
    | 'left'
    | 'left-start'
    | 'left-end';
    }
    interface IntrinsicElements {
        "pds-accordion": PdsAccordion;
        "pds-avatar": PdsAvatar;
        "pds-box": PdsBox;
        "pds-button": PdsButton;
        "pds-checkbox": PdsCheckbox;
        "pds-chip": PdsChip;
        "pds-copytext": PdsCopytext;
        "pds-divider": PdsDivider;
        "pds-image": PdsImage;
        "pds-input": PdsInput;
        "pds-link": PdsLink;
        "pds-loader": PdsLoader;
        "pds-progress": PdsProgress;
        "pds-radio": PdsRadio;
        "pds-row": PdsRow;
        "pds-sortable": PdsSortable;
        "pds-sortable-item": PdsSortableItem;
        "pds-switch": PdsSwitch;
        "pds-tab": PdsTab;
        "pds-table": PdsTable;
        "pds-table-body": PdsTableBody;
        "pds-table-cell": PdsTableCell;
        "pds-table-head": PdsTableHead;
        "pds-table-head-cell": PdsTableHeadCell;
        "pds-table-row": PdsTableRow;
        "pds-tabpanel": PdsTabpanel;
        "pds-tabs": PdsTabs;
        "pds-textarea": PdsTextarea;
        "pds-tooltip": PdsTooltip;
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "pds-accordion": LocalJSX.PdsAccordion & JSXBase.HTMLAttributes<HTMLPdsAccordionElement>;
            "pds-avatar": LocalJSX.PdsAvatar & JSXBase.HTMLAttributes<HTMLPdsAvatarElement>;
            "pds-box": LocalJSX.PdsBox & JSXBase.HTMLAttributes<HTMLPdsBoxElement>;
            "pds-button": LocalJSX.PdsButton & JSXBase.HTMLAttributes<HTMLPdsButtonElement>;
            "pds-checkbox": LocalJSX.PdsCheckbox & JSXBase.HTMLAttributes<HTMLPdsCheckboxElement>;
            "pds-chip": LocalJSX.PdsChip & JSXBase.HTMLAttributes<HTMLPdsChipElement>;
            "pds-copytext": LocalJSX.PdsCopytext & JSXBase.HTMLAttributes<HTMLPdsCopytextElement>;
            "pds-divider": LocalJSX.PdsDivider & JSXBase.HTMLAttributes<HTMLPdsDividerElement>;
            "pds-image": LocalJSX.PdsImage & JSXBase.HTMLAttributes<HTMLPdsImageElement>;
            "pds-input": LocalJSX.PdsInput & JSXBase.HTMLAttributes<HTMLPdsInputElement>;
            "pds-link": LocalJSX.PdsLink & JSXBase.HTMLAttributes<HTMLPdsLinkElement>;
            "pds-loader": LocalJSX.PdsLoader & JSXBase.HTMLAttributes<HTMLPdsLoaderElement>;
            "pds-progress": LocalJSX.PdsProgress & JSXBase.HTMLAttributes<HTMLPdsProgressElement>;
            "pds-radio": LocalJSX.PdsRadio & JSXBase.HTMLAttributes<HTMLPdsRadioElement>;
            "pds-row": LocalJSX.PdsRow & JSXBase.HTMLAttributes<HTMLPdsRowElement>;
            "pds-sortable": LocalJSX.PdsSortable & JSXBase.HTMLAttributes<HTMLPdsSortableElement>;
            "pds-sortable-item": LocalJSX.PdsSortableItem & JSXBase.HTMLAttributes<HTMLPdsSortableItemElement>;
            "pds-switch": LocalJSX.PdsSwitch & JSXBase.HTMLAttributes<HTMLPdsSwitchElement>;
            "pds-tab": LocalJSX.PdsTab & JSXBase.HTMLAttributes<HTMLPdsTabElement>;
            "pds-table": LocalJSX.PdsTable & JSXBase.HTMLAttributes<HTMLPdsTableElement>;
            "pds-table-body": LocalJSX.PdsTableBody & JSXBase.HTMLAttributes<HTMLPdsTableBodyElement>;
            "pds-table-cell": LocalJSX.PdsTableCell & JSXBase.HTMLAttributes<HTMLPdsTableCellElement>;
            "pds-table-head": LocalJSX.PdsTableHead & JSXBase.HTMLAttributes<HTMLPdsTableHeadElement>;
            "pds-table-head-cell": LocalJSX.PdsTableHeadCell & JSXBase.HTMLAttributes<HTMLPdsTableHeadCellElement>;
            "pds-table-row": LocalJSX.PdsTableRow & JSXBase.HTMLAttributes<HTMLPdsTableRowElement>;
            "pds-tabpanel": LocalJSX.PdsTabpanel & JSXBase.HTMLAttributes<HTMLPdsTabpanelElement>;
            "pds-tabs": LocalJSX.PdsTabs & JSXBase.HTMLAttributes<HTMLPdsTabsElement>;
            "pds-textarea": LocalJSX.PdsTextarea & JSXBase.HTMLAttributes<HTMLPdsTextareaElement>;
            "pds-tooltip": LocalJSX.PdsTooltip & JSXBase.HTMLAttributes<HTMLPdsTooltipElement>;
        }
    }
}
