/* 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 { EChartsCoreOption } from "echarts/core";
import { SparklineType } from "./sparkline/sparkline";
export { EChartsCoreOption } from "echarts/core";
export { SparklineType } from "./sparkline/sparkline";
export namespace Components {
    interface DdsAvatar {
        "initials": string | undefined;
        /**
          * @default ''
         */
        "name": string;
        /**
          * @default "circle"
         */
        "shape": "circle" | "square";
        /**
          * @default "m"
         */
        "size": "s" | "m" | "l";
    }
    interface DdsBanner {
        /**
          * @default "info"
         */
        "variant": "info" | "success" | "warning" | "error";
    }
    interface DdsBox {
        /**
          * @default "horizontal"
         */
        "direction": "vertical" | "horizontal";
        /**
          * @default "m"
         */
        "gap": "xxs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsButton {
        "accessibilityLabel": string | undefined;
        /**
          * @default false
         */
        "disabled": boolean;
        "disclosure": | "up"
    | "down"
    | "left"
    | "right"
    | "up-down"
    | undefined;
        "href": string | undefined;
        "icon": string | undefined;
        /**
          * @default false
         */
        "loading": boolean;
        "name": string | undefined;
        "popovertarget": string | undefined;
        /**
          * @default "toggle"
         */
        "popovertargetaction": "toggle" | "show" | "hide";
        "rounded": false;
        "target": string | undefined;
        /**
          * @default "default"
         */
        "tone": "default" | "critical";
        /**
          * @default "button"
         */
        "type": "button" | "submit" | "reset";
        /**
          * @default "secondary"
         */
        "variant": | "primary"
    | "secondary"
    | "tertiary"
    | "dashed"
    | "link";
    }
    interface DdsButtonGroup {
        /**
          * @default "auto"
         */
        "gap": "auto" | "none";
    }
    interface DdsChart {
        "option": EChartsCoreOption;
        /**
          * @default "bar"
         */
        "type": "bar" | "line" | "pie";
    }
    interface DdsChip {
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l" | "xl";
        /**
          * @default "primary"
         */
        "variant": "primary" | "secondary" | "tertiary" | "plain";
    }
    interface DdsColorScheme {
        /**
          * @default "light"
         */
        "theme": "light" | "dark";
    }
    interface DdsDivider {
        /**
          * @default "block"
         */
        "direction": "inline" | "block";
    }
    interface DdsFieldset {
        "hint": string;
        "legend"?: string;
    }
    interface DdsFlag {
        /**
          * @default 'us'
         */
        "country": string;
        /**
          * @default "m"
         */
        "size": "s" | "m" | "l";
    }
    interface DdsGrid {
        "alignment"?: "start" | "center" | "end";
        "columns"?: string;
        /**
          * @default 'grid'
         */
        "display"?: 'grid' | 'inline';
        /**
          * Set tag for grid container
          * @default 'div'
         */
        "tag"?: | 'article'
    | 'aside'
    | 'div'
    | 'dl'
    | 'main'
    | 'nav'
    | 'ol'
    | 'section'
    | 'ul';
    }
    interface DdsGridItem {
    }
    interface DdsHeading {
        "headingId": string | undefined;
        /**
          * @default "m"
         */
        "size": "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsIcon {
        "color": string;
        /**
          * The `label` prop is used for accessibility purposes. It provides a text alternative for screen readers, allowing users with visual impairments to understand the meaning of the icon. If the `label` prop is not provided, the component will fall back to using the `name` prop as the accessible name for the icon.
         */
        "label"?: string;
        "name": string;
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsMoneyField {
    }
    interface DdsParagraph {
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l";
    }
    interface DdsPopover {
        /**
          * @default false
         */
        "loading": boolean;
        "popoverId": string | undefined;
    }
    interface DdsProvider {
        /**
          * @default "light"
         */
        "theme": "light" | "dark";
    }
    interface DdsRadio {
    }
    interface DdsSection {
        /**
          * @default "horizontal"
         */
        "direction": "vertical" | "horizontal";
        /**
          * @default "m"
         */
        "gap": "xxs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsSpacer {
        /**
          * @default 0
         */
        "x"?: SpacerSizeValues;
        /**
          * @default 0
         */
        "y"?: SpacerSizeValues;
    }
    interface DdsSparkline {
        "color"?: string;
        /**
          * @default "line"
         */
        "type": SparklineType;
    }
    interface DdsSpinner {
        /**
          * @default "m"
         */
        "size": "2xs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsStack {
        /**
          * Aligns the Stack's children along the block axis.
         */
        "alignContent": string | undefined;
        /**
          * Aligns the Stack's children along the block axis.
         */
        "alignItems": string | undefined;
        "columnGap": string | undefined;
        /**
          * @default "block"
         */
        "direction": "block" | "inline";
        "gap": string | undefined;
        /**
          * Aligns the Stack's children along the inline axis.
         */
        "justifyContent": string | undefined;
        /**
          * Aligns the Stack's children along the inline axis.
         */
        "justifyItems": string | undefined;
        "minBlockSize": `${number}px` | `${number}%` | "0" | undefined;
        "rowGap": string | undefined;
    }
    interface DdsSwitch {
        "label"?: string;
        /**
          * @default 'm'
         */
        "size"?: 's' | 'm' | 'l';
    }
    interface DdsTab {
        /**
          * @default "light"
         */
        "theme": "light" | "dark";
    }
    /**
     * Displays inline text with specific visual styles or tones.
     * Use to emphasize or differentiate words or phrases within a Paragraph or other block-level components.
     */
    interface DdsText {
        /**
          * The `font-variant-numeric` property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers. - `auto`: The default value. The browser determines whether to use alternate glyphs based on the font and context. - `tabular-nums`: Uses fixed-width digits, which are ideal for aligning numbers in tables or lists. - `diagonal-fractions`: Uses diagonal fraction glyphs, which are ideal for displaying fractions in a more compact and visually appealing way. For more information, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric).
          * @default "auto"
         */
        "fontVariantNumeric": "auto" | "tabular-nums" | "diagonal-fractions";
        /**
          * @default "m"
         */
        "size": "s" | "m" | "l";
    }
    interface DdsTextField {
        "label": string;
    }
}
export interface DdsButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDdsButtonElement;
}
declare global {
    interface HTMLDdsAvatarElement extends Components.DdsAvatar, HTMLStencilElement {
    }
    var HTMLDdsAvatarElement: {
        prototype: HTMLDdsAvatarElement;
        new (): HTMLDdsAvatarElement;
    };
    interface HTMLDdsBannerElement extends Components.DdsBanner, HTMLStencilElement {
    }
    var HTMLDdsBannerElement: {
        prototype: HTMLDdsBannerElement;
        new (): HTMLDdsBannerElement;
    };
    interface HTMLDdsBoxElement extends Components.DdsBox, HTMLStencilElement {
    }
    var HTMLDdsBoxElement: {
        prototype: HTMLDdsBoxElement;
        new (): HTMLDdsBoxElement;
    };
    interface HTMLDdsButtonElementEventMap {
        "ddsClick": void;
        "ddsFocus": void;
        "ddsBlur": void;
    }
    interface HTMLDdsButtonElement extends Components.DdsButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDdsButtonElementEventMap>(type: K, listener: (this: HTMLDdsButtonElement, ev: DdsButtonCustomEvent<HTMLDdsButtonElementEventMap[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 HTMLDdsButtonElementEventMap>(type: K, listener: (this: HTMLDdsButtonElement, ev: DdsButtonCustomEvent<HTMLDdsButtonElementEventMap[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 HTMLDdsButtonElement: {
        prototype: HTMLDdsButtonElement;
        new (): HTMLDdsButtonElement;
    };
    interface HTMLDdsButtonGroupElement extends Components.DdsButtonGroup, HTMLStencilElement {
    }
    var HTMLDdsButtonGroupElement: {
        prototype: HTMLDdsButtonGroupElement;
        new (): HTMLDdsButtonGroupElement;
    };
    interface HTMLDdsChartElement extends Components.DdsChart, HTMLStencilElement {
    }
    var HTMLDdsChartElement: {
        prototype: HTMLDdsChartElement;
        new (): HTMLDdsChartElement;
    };
    interface HTMLDdsChipElement extends Components.DdsChip, HTMLStencilElement {
    }
    var HTMLDdsChipElement: {
        prototype: HTMLDdsChipElement;
        new (): HTMLDdsChipElement;
    };
    interface HTMLDdsColorSchemeElement extends Components.DdsColorScheme, HTMLStencilElement {
    }
    var HTMLDdsColorSchemeElement: {
        prototype: HTMLDdsColorSchemeElement;
        new (): HTMLDdsColorSchemeElement;
    };
    interface HTMLDdsDividerElement extends Components.DdsDivider, HTMLStencilElement {
    }
    var HTMLDdsDividerElement: {
        prototype: HTMLDdsDividerElement;
        new (): HTMLDdsDividerElement;
    };
    interface HTMLDdsFieldsetElement extends Components.DdsFieldset, HTMLStencilElement {
    }
    var HTMLDdsFieldsetElement: {
        prototype: HTMLDdsFieldsetElement;
        new (): HTMLDdsFieldsetElement;
    };
    interface HTMLDdsFlagElement extends Components.DdsFlag, HTMLStencilElement {
    }
    var HTMLDdsFlagElement: {
        prototype: HTMLDdsFlagElement;
        new (): HTMLDdsFlagElement;
    };
    interface HTMLDdsGridElement extends Components.DdsGrid, HTMLStencilElement {
    }
    var HTMLDdsGridElement: {
        prototype: HTMLDdsGridElement;
        new (): HTMLDdsGridElement;
    };
    interface HTMLDdsGridItemElement extends Components.DdsGridItem, HTMLStencilElement {
    }
    var HTMLDdsGridItemElement: {
        prototype: HTMLDdsGridItemElement;
        new (): HTMLDdsGridItemElement;
    };
    interface HTMLDdsHeadingElement extends Components.DdsHeading, HTMLStencilElement {
    }
    var HTMLDdsHeadingElement: {
        prototype: HTMLDdsHeadingElement;
        new (): HTMLDdsHeadingElement;
    };
    interface HTMLDdsIconElement extends Components.DdsIcon, HTMLStencilElement {
    }
    var HTMLDdsIconElement: {
        prototype: HTMLDdsIconElement;
        new (): HTMLDdsIconElement;
    };
    interface HTMLDdsMoneyFieldElement extends Components.DdsMoneyField, HTMLStencilElement {
    }
    var HTMLDdsMoneyFieldElement: {
        prototype: HTMLDdsMoneyFieldElement;
        new (): HTMLDdsMoneyFieldElement;
    };
    interface HTMLDdsParagraphElement extends Components.DdsParagraph, HTMLStencilElement {
    }
    var HTMLDdsParagraphElement: {
        prototype: HTMLDdsParagraphElement;
        new (): HTMLDdsParagraphElement;
    };
    interface HTMLDdsPopoverElement extends Components.DdsPopover, HTMLStencilElement {
    }
    var HTMLDdsPopoverElement: {
        prototype: HTMLDdsPopoverElement;
        new (): HTMLDdsPopoverElement;
    };
    interface HTMLDdsProviderElement extends Components.DdsProvider, HTMLStencilElement {
    }
    var HTMLDdsProviderElement: {
        prototype: HTMLDdsProviderElement;
        new (): HTMLDdsProviderElement;
    };
    interface HTMLDdsRadioElement extends Components.DdsRadio, HTMLStencilElement {
    }
    var HTMLDdsRadioElement: {
        prototype: HTMLDdsRadioElement;
        new (): HTMLDdsRadioElement;
    };
    interface HTMLDdsSectionElement extends Components.DdsSection, HTMLStencilElement {
    }
    var HTMLDdsSectionElement: {
        prototype: HTMLDdsSectionElement;
        new (): HTMLDdsSectionElement;
    };
    interface HTMLDdsSpacerElement extends Components.DdsSpacer, HTMLStencilElement {
    }
    var HTMLDdsSpacerElement: {
        prototype: HTMLDdsSpacerElement;
        new (): HTMLDdsSpacerElement;
    };
    interface HTMLDdsSparklineElement extends Components.DdsSparkline, HTMLStencilElement {
    }
    var HTMLDdsSparklineElement: {
        prototype: HTMLDdsSparklineElement;
        new (): HTMLDdsSparklineElement;
    };
    interface HTMLDdsSpinnerElement extends Components.DdsSpinner, HTMLStencilElement {
    }
    var HTMLDdsSpinnerElement: {
        prototype: HTMLDdsSpinnerElement;
        new (): HTMLDdsSpinnerElement;
    };
    interface HTMLDdsStackElement extends Components.DdsStack, HTMLStencilElement {
    }
    var HTMLDdsStackElement: {
        prototype: HTMLDdsStackElement;
        new (): HTMLDdsStackElement;
    };
    interface HTMLDdsSwitchElement extends Components.DdsSwitch, HTMLStencilElement {
    }
    var HTMLDdsSwitchElement: {
        prototype: HTMLDdsSwitchElement;
        new (): HTMLDdsSwitchElement;
    };
    interface HTMLDdsTabElement extends Components.DdsTab, HTMLStencilElement {
    }
    var HTMLDdsTabElement: {
        prototype: HTMLDdsTabElement;
        new (): HTMLDdsTabElement;
    };
    /**
     * Displays inline text with specific visual styles or tones.
     * Use to emphasize or differentiate words or phrases within a Paragraph or other block-level components.
     */
    interface HTMLDdsTextElement extends Components.DdsText, HTMLStencilElement {
    }
    var HTMLDdsTextElement: {
        prototype: HTMLDdsTextElement;
        new (): HTMLDdsTextElement;
    };
    interface HTMLDdsTextFieldElement extends Components.DdsTextField, HTMLStencilElement {
    }
    var HTMLDdsTextFieldElement: {
        prototype: HTMLDdsTextFieldElement;
        new (): HTMLDdsTextFieldElement;
    };
    interface HTMLElementTagNameMap {
        "dds-avatar": HTMLDdsAvatarElement;
        "dds-banner": HTMLDdsBannerElement;
        "dds-box": HTMLDdsBoxElement;
        "dds-button": HTMLDdsButtonElement;
        "dds-button-group": HTMLDdsButtonGroupElement;
        "dds-chart": HTMLDdsChartElement;
        "dds-chip": HTMLDdsChipElement;
        "dds-color-scheme": HTMLDdsColorSchemeElement;
        "dds-divider": HTMLDdsDividerElement;
        "dds-fieldset": HTMLDdsFieldsetElement;
        "dds-flag": HTMLDdsFlagElement;
        "dds-grid": HTMLDdsGridElement;
        "dds-grid-item": HTMLDdsGridItemElement;
        "dds-heading": HTMLDdsHeadingElement;
        "dds-icon": HTMLDdsIconElement;
        "dds-money-field": HTMLDdsMoneyFieldElement;
        "dds-paragraph": HTMLDdsParagraphElement;
        "dds-popover": HTMLDdsPopoverElement;
        "dds-provider": HTMLDdsProviderElement;
        "dds-radio": HTMLDdsRadioElement;
        "dds-section": HTMLDdsSectionElement;
        "dds-spacer": HTMLDdsSpacerElement;
        "dds-sparkline": HTMLDdsSparklineElement;
        "dds-spinner": HTMLDdsSpinnerElement;
        "dds-stack": HTMLDdsStackElement;
        "dds-switch": HTMLDdsSwitchElement;
        "dds-tab": HTMLDdsTabElement;
        "dds-text": HTMLDdsTextElement;
        "dds-text-field": HTMLDdsTextFieldElement;
    }
}
declare namespace LocalJSX {
    interface DdsAvatar {
        "initials"?: string | undefined;
        /**
          * @default ''
         */
        "name"?: string;
        /**
          * @default "circle"
         */
        "shape"?: "circle" | "square";
        /**
          * @default "m"
         */
        "size"?: "s" | "m" | "l";
    }
    interface DdsBanner {
        /**
          * @default "info"
         */
        "variant"?: "info" | "success" | "warning" | "error";
    }
    interface DdsBox {
        /**
          * @default "horizontal"
         */
        "direction"?: "vertical" | "horizontal";
        /**
          * @default "m"
         */
        "gap"?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsButton {
        "accessibilityLabel"?: string | undefined;
        /**
          * @default false
         */
        "disabled"?: boolean;
        "disclosure"?: | "up"
    | "down"
    | "left"
    | "right"
    | "up-down"
    | undefined;
        "href"?: string | undefined;
        "icon"?: string | undefined;
        /**
          * @default false
         */
        "loading"?: boolean;
        "name"?: string | undefined;
        "onDdsBlur"?: (event: DdsButtonCustomEvent<void>) => void;
        "onDdsClick"?: (event: DdsButtonCustomEvent<void>) => void;
        "onDdsFocus"?: (event: DdsButtonCustomEvent<void>) => void;
        "popovertarget"?: string | undefined;
        /**
          * @default "toggle"
         */
        "popovertargetaction"?: "toggle" | "show" | "hide";
        "rounded"?: false;
        "target"?: string | undefined;
        /**
          * @default "default"
         */
        "tone"?: "default" | "critical";
        /**
          * @default "button"
         */
        "type"?: "button" | "submit" | "reset";
        /**
          * @default "secondary"
         */
        "variant"?: | "primary"
    | "secondary"
    | "tertiary"
    | "dashed"
    | "link";
    }
    interface DdsButtonGroup {
        /**
          * @default "auto"
         */
        "gap"?: "auto" | "none";
    }
    interface DdsChart {
        "option"?: EChartsCoreOption;
        /**
          * @default "bar"
         */
        "type"?: "bar" | "line" | "pie";
    }
    interface DdsChip {
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l" | "xl";
        /**
          * @default "primary"
         */
        "variant"?: "primary" | "secondary" | "tertiary" | "plain";
    }
    interface DdsColorScheme {
        /**
          * @default "light"
         */
        "theme"?: "light" | "dark";
    }
    interface DdsDivider {
        /**
          * @default "block"
         */
        "direction"?: "inline" | "block";
    }
    interface DdsFieldset {
        "hint"?: string;
        "legend"?: string;
    }
    interface DdsFlag {
        /**
          * @default 'us'
         */
        "country"?: string;
        /**
          * @default "m"
         */
        "size"?: "s" | "m" | "l";
    }
    interface DdsGrid {
        "alignment"?: "start" | "center" | "end";
        "columns"?: string;
        /**
          * @default 'grid'
         */
        "display"?: 'grid' | 'inline';
        /**
          * Set tag for grid container
          * @default 'div'
         */
        "tag"?: | 'article'
    | 'aside'
    | 'div'
    | 'dl'
    | 'main'
    | 'nav'
    | 'ol'
    | 'section'
    | 'ul';
    }
    interface DdsGridItem {
    }
    interface DdsHeading {
        "headingId"?: string | undefined;
        /**
          * @default "m"
         */
        "size"?: "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsIcon {
        "color"?: string;
        /**
          * The `label` prop is used for accessibility purposes. It provides a text alternative for screen readers, allowing users with visual impairments to understand the meaning of the icon. If the `label` prop is not provided, the component will fall back to using the `name` prop as the accessible name for the icon.
         */
        "label"?: string;
        "name"?: string;
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsMoneyField {
    }
    interface DdsParagraph {
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l";
    }
    interface DdsPopover {
        /**
          * @default false
         */
        "loading"?: boolean;
        "popoverId"?: string | undefined;
    }
    interface DdsProvider {
        /**
          * @default "light"
         */
        "theme"?: "light" | "dark";
    }
    interface DdsRadio {
    }
    interface DdsSection {
        /**
          * @default "horizontal"
         */
        "direction"?: "vertical" | "horizontal";
        /**
          * @default "m"
         */
        "gap"?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsSpacer {
        /**
          * @default 0
         */
        "x"?: SpacerSizeValues;
        /**
          * @default 0
         */
        "y"?: SpacerSizeValues;
    }
    interface DdsSparkline {
        "color"?: string;
        /**
          * @default "line"
         */
        "type"?: SparklineType;
    }
    interface DdsSpinner {
        /**
          * @default "m"
         */
        "size"?: "2xs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsStack {
        /**
          * Aligns the Stack's children along the block axis.
         */
        "alignContent"?: string | undefined;
        /**
          * Aligns the Stack's children along the block axis.
         */
        "alignItems"?: string | undefined;
        "columnGap"?: string | undefined;
        /**
          * @default "block"
         */
        "direction"?: "block" | "inline";
        "gap"?: string | undefined;
        /**
          * Aligns the Stack's children along the inline axis.
         */
        "justifyContent"?: string | undefined;
        /**
          * Aligns the Stack's children along the inline axis.
         */
        "justifyItems"?: string | undefined;
        "minBlockSize"?: `${number}px` | `${number}%` | "0" | undefined;
        "rowGap"?: string | undefined;
    }
    interface DdsSwitch {
        "label"?: string;
        /**
          * @default 'm'
         */
        "size"?: 's' | 'm' | 'l';
    }
    interface DdsTab {
        /**
          * @default "light"
         */
        "theme"?: "light" | "dark";
    }
    /**
     * Displays inline text with specific visual styles or tones.
     * Use to emphasize or differentiate words or phrases within a Paragraph or other block-level components.
     */
    interface DdsText {
        /**
          * The `font-variant-numeric` property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers. - `auto`: The default value. The browser determines whether to use alternate glyphs based on the font and context. - `tabular-nums`: Uses fixed-width digits, which are ideal for aligning numbers in tables or lists. - `diagonal-fractions`: Uses diagonal fraction glyphs, which are ideal for displaying fractions in a more compact and visually appealing way. For more information, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric).
          * @default "auto"
         */
        "fontVariantNumeric"?: "auto" | "tabular-nums" | "diagonal-fractions";
        /**
          * @default "m"
         */
        "size"?: "s" | "m" | "l";
    }
    interface DdsTextField {
        "label"?: string;
    }

    interface DdsAvatarAttributes {
        "size": "s" | "m" | "l";
        "shape": "circle" | "square";
        "name": string;
        "initials": string | undefined;
    }
    interface DdsBannerAttributes {
        "variant": "info" | "success" | "warning" | "error";
    }
    interface DdsBoxAttributes {
        "gap": "xxs" | "xs" | "s" | "m" | "l" | "xl";
        "direction": "vertical" | "horizontal";
    }
    interface DdsButtonAttributes {
        "type": "button" | "submit" | "reset";
        "variant": | "primary"
    | "secondary"
    | "tertiary"
    | "dashed"
    | "link";
        "tone": "default" | "critical";
        "disclosure": | "up"
    | "down"
    | "left"
    | "right"
    | "up-down"
    | undefined;
        "rounded": false;
        "popovertarget": string | undefined;
        "popovertargetaction": "toggle" | "show" | "hide";
        "loading": boolean;
        "disabled": boolean;
        "name": string | undefined;
        "target": string | undefined;
        "icon": string | undefined;
        "href": string | undefined;
        "accessibilityLabel": string | undefined;
    }
    interface DdsButtonGroupAttributes {
        "gap": "auto" | "none";
    }
    interface DdsChartAttributes {
        "type": "bar" | "line" | "pie";
    }
    interface DdsChipAttributes {
        "size": "2xs" | "xs" | "s" | "m" | "l" | "xl";
        "variant": "primary" | "secondary" | "tertiary" | "plain";
    }
    interface DdsColorSchemeAttributes {
        "theme": "light" | "dark";
    }
    interface DdsDividerAttributes {
        "direction": "inline" | "block";
    }
    interface DdsFieldsetAttributes {
        "hint": string;
        "legend": string;
    }
    interface DdsFlagAttributes {
        "country": string;
        "size": "s" | "m" | "l";
    }
    interface DdsGridAttributes {
        "columns": string;
        "tag": | 'article'
    | 'aside'
    | 'div'
    | 'dl'
    | 'main'
    | 'nav'
    | 'ol'
    | 'section'
    | 'ul';
        "alignment": "start" | "center" | "end";
        "display": 'grid' | 'inline';
    }
    interface DdsHeadingAttributes {
        "size": "xs" | "s" | "m" | "l" | "xl";
        "headingId": string | undefined;
    }
    interface DdsIconAttributes {
        "label": string;
        "size": "2xs" | "xs" | "s" | "m" | "l" | "xl";
        "name": string;
        "color": string;
    }
    interface DdsParagraphAttributes {
        "size": "2xs" | "xs" | "s" | "m" | "l";
    }
    interface DdsPopoverAttributes {
        "loading": boolean;
        "popoverId": string | undefined;
    }
    interface DdsProviderAttributes {
        "theme": "light" | "dark";
    }
    interface DdsSectionAttributes {
        "gap": "xxs" | "xs" | "s" | "m" | "l" | "xl";
        "direction": "vertical" | "horizontal";
    }
    interface DdsSpacerAttributes {
        "x": SpacerSizeValues;
        "y": SpacerSizeValues;
    }
    interface DdsSparklineAttributes {
        "color": string;
        "type": SparklineType;
    }
    interface DdsSpinnerAttributes {
        "size": "2xs" | "xs" | "s" | "m" | "l" | "xl";
    }
    interface DdsStackAttributes {
        "direction": "block" | "inline";
        "alignItems": string | undefined;
        "alignContent": string | undefined;
        "justifyItems": string | undefined;
        "justifyContent": string | undefined;
        "rowGap": string | undefined;
        "columnGap": string | undefined;
        "gap": string | undefined;
        "minBlockSize": `${number}px` | `${number}%` | "0" | undefined;
    }
    interface DdsSwitchAttributes {
        "size": 's' | 'm' | 'l';
        "label": string;
    }
    interface DdsTabAttributes {
        "theme": "light" | "dark";
    }
    interface DdsTextAttributes {
        "size": "s" | "m" | "l";
        "fontVariantNumeric": "auto" | "tabular-nums" | "diagonal-fractions";
    }
    interface DdsTextFieldAttributes {
        "label": string;
    }

    interface IntrinsicElements {
        "dds-avatar": Omit<DdsAvatar, keyof DdsAvatarAttributes> & { [K in keyof DdsAvatar & keyof DdsAvatarAttributes]?: DdsAvatar[K] } & { [K in keyof DdsAvatar & keyof DdsAvatarAttributes as `attr:${K}`]?: DdsAvatarAttributes[K] } & { [K in keyof DdsAvatar & keyof DdsAvatarAttributes as `prop:${K}`]?: DdsAvatar[K] };
        "dds-banner": Omit<DdsBanner, keyof DdsBannerAttributes> & { [K in keyof DdsBanner & keyof DdsBannerAttributes]?: DdsBanner[K] } & { [K in keyof DdsBanner & keyof DdsBannerAttributes as `attr:${K}`]?: DdsBannerAttributes[K] } & { [K in keyof DdsBanner & keyof DdsBannerAttributes as `prop:${K}`]?: DdsBanner[K] };
        "dds-box": Omit<DdsBox, keyof DdsBoxAttributes> & { [K in keyof DdsBox & keyof DdsBoxAttributes]?: DdsBox[K] } & { [K in keyof DdsBox & keyof DdsBoxAttributes as `attr:${K}`]?: DdsBoxAttributes[K] } & { [K in keyof DdsBox & keyof DdsBoxAttributes as `prop:${K}`]?: DdsBox[K] };
        "dds-button": Omit<DdsButton, keyof DdsButtonAttributes> & { [K in keyof DdsButton & keyof DdsButtonAttributes]?: DdsButton[K] } & { [K in keyof DdsButton & keyof DdsButtonAttributes as `attr:${K}`]?: DdsButtonAttributes[K] } & { [K in keyof DdsButton & keyof DdsButtonAttributes as `prop:${K}`]?: DdsButton[K] };
        "dds-button-group": Omit<DdsButtonGroup, keyof DdsButtonGroupAttributes> & { [K in keyof DdsButtonGroup & keyof DdsButtonGroupAttributes]?: DdsButtonGroup[K] } & { [K in keyof DdsButtonGroup & keyof DdsButtonGroupAttributes as `attr:${K}`]?: DdsButtonGroupAttributes[K] } & { [K in keyof DdsButtonGroup & keyof DdsButtonGroupAttributes as `prop:${K}`]?: DdsButtonGroup[K] };
        "dds-chart": Omit<DdsChart, keyof DdsChartAttributes> & { [K in keyof DdsChart & keyof DdsChartAttributes]?: DdsChart[K] } & { [K in keyof DdsChart & keyof DdsChartAttributes as `attr:${K}`]?: DdsChartAttributes[K] } & { [K in keyof DdsChart & keyof DdsChartAttributes as `prop:${K}`]?: DdsChart[K] };
        "dds-chip": Omit<DdsChip, keyof DdsChipAttributes> & { [K in keyof DdsChip & keyof DdsChipAttributes]?: DdsChip[K] } & { [K in keyof DdsChip & keyof DdsChipAttributes as `attr:${K}`]?: DdsChipAttributes[K] } & { [K in keyof DdsChip & keyof DdsChipAttributes as `prop:${K}`]?: DdsChip[K] };
        "dds-color-scheme": Omit<DdsColorScheme, keyof DdsColorSchemeAttributes> & { [K in keyof DdsColorScheme & keyof DdsColorSchemeAttributes]?: DdsColorScheme[K] } & { [K in keyof DdsColorScheme & keyof DdsColorSchemeAttributes as `attr:${K}`]?: DdsColorSchemeAttributes[K] } & { [K in keyof DdsColorScheme & keyof DdsColorSchemeAttributes as `prop:${K}`]?: DdsColorScheme[K] };
        "dds-divider": Omit<DdsDivider, keyof DdsDividerAttributes> & { [K in keyof DdsDivider & keyof DdsDividerAttributes]?: DdsDivider[K] } & { [K in keyof DdsDivider & keyof DdsDividerAttributes as `attr:${K}`]?: DdsDividerAttributes[K] } & { [K in keyof DdsDivider & keyof DdsDividerAttributes as `prop:${K}`]?: DdsDivider[K] };
        "dds-fieldset": Omit<DdsFieldset, keyof DdsFieldsetAttributes> & { [K in keyof DdsFieldset & keyof DdsFieldsetAttributes]?: DdsFieldset[K] } & { [K in keyof DdsFieldset & keyof DdsFieldsetAttributes as `attr:${K}`]?: DdsFieldsetAttributes[K] } & { [K in keyof DdsFieldset & keyof DdsFieldsetAttributes as `prop:${K}`]?: DdsFieldset[K] };
        "dds-flag": Omit<DdsFlag, keyof DdsFlagAttributes> & { [K in keyof DdsFlag & keyof DdsFlagAttributes]?: DdsFlag[K] } & { [K in keyof DdsFlag & keyof DdsFlagAttributes as `attr:${K}`]?: DdsFlagAttributes[K] } & { [K in keyof DdsFlag & keyof DdsFlagAttributes as `prop:${K}`]?: DdsFlag[K] };
        "dds-grid": Omit<DdsGrid, keyof DdsGridAttributes> & { [K in keyof DdsGrid & keyof DdsGridAttributes]?: DdsGrid[K] } & { [K in keyof DdsGrid & keyof DdsGridAttributes as `attr:${K}`]?: DdsGridAttributes[K] } & { [K in keyof DdsGrid & keyof DdsGridAttributes as `prop:${K}`]?: DdsGrid[K] };
        "dds-grid-item": DdsGridItem;
        "dds-heading": Omit<DdsHeading, keyof DdsHeadingAttributes> & { [K in keyof DdsHeading & keyof DdsHeadingAttributes]?: DdsHeading[K] } & { [K in keyof DdsHeading & keyof DdsHeadingAttributes as `attr:${K}`]?: DdsHeadingAttributes[K] } & { [K in keyof DdsHeading & keyof DdsHeadingAttributes as `prop:${K}`]?: DdsHeading[K] };
        "dds-icon": Omit<DdsIcon, keyof DdsIconAttributes> & { [K in keyof DdsIcon & keyof DdsIconAttributes]?: DdsIcon[K] } & { [K in keyof DdsIcon & keyof DdsIconAttributes as `attr:${K}`]?: DdsIconAttributes[K] } & { [K in keyof DdsIcon & keyof DdsIconAttributes as `prop:${K}`]?: DdsIcon[K] };
        "dds-money-field": DdsMoneyField;
        "dds-paragraph": Omit<DdsParagraph, keyof DdsParagraphAttributes> & { [K in keyof DdsParagraph & keyof DdsParagraphAttributes]?: DdsParagraph[K] } & { [K in keyof DdsParagraph & keyof DdsParagraphAttributes as `attr:${K}`]?: DdsParagraphAttributes[K] } & { [K in keyof DdsParagraph & keyof DdsParagraphAttributes as `prop:${K}`]?: DdsParagraph[K] };
        "dds-popover": Omit<DdsPopover, keyof DdsPopoverAttributes> & { [K in keyof DdsPopover & keyof DdsPopoverAttributes]?: DdsPopover[K] } & { [K in keyof DdsPopover & keyof DdsPopoverAttributes as `attr:${K}`]?: DdsPopoverAttributes[K] } & { [K in keyof DdsPopover & keyof DdsPopoverAttributes as `prop:${K}`]?: DdsPopover[K] };
        "dds-provider": Omit<DdsProvider, keyof DdsProviderAttributes> & { [K in keyof DdsProvider & keyof DdsProviderAttributes]?: DdsProvider[K] } & { [K in keyof DdsProvider & keyof DdsProviderAttributes as `attr:${K}`]?: DdsProviderAttributes[K] } & { [K in keyof DdsProvider & keyof DdsProviderAttributes as `prop:${K}`]?: DdsProvider[K] };
        "dds-radio": DdsRadio;
        "dds-section": Omit<DdsSection, keyof DdsSectionAttributes> & { [K in keyof DdsSection & keyof DdsSectionAttributes]?: DdsSection[K] } & { [K in keyof DdsSection & keyof DdsSectionAttributes as `attr:${K}`]?: DdsSectionAttributes[K] } & { [K in keyof DdsSection & keyof DdsSectionAttributes as `prop:${K}`]?: DdsSection[K] };
        "dds-spacer": Omit<DdsSpacer, keyof DdsSpacerAttributes> & { [K in keyof DdsSpacer & keyof DdsSpacerAttributes]?: DdsSpacer[K] } & { [K in keyof DdsSpacer & keyof DdsSpacerAttributes as `attr:${K}`]?: DdsSpacerAttributes[K] } & { [K in keyof DdsSpacer & keyof DdsSpacerAttributes as `prop:${K}`]?: DdsSpacer[K] };
        "dds-sparkline": Omit<DdsSparkline, keyof DdsSparklineAttributes> & { [K in keyof DdsSparkline & keyof DdsSparklineAttributes]?: DdsSparkline[K] } & { [K in keyof DdsSparkline & keyof DdsSparklineAttributes as `attr:${K}`]?: DdsSparklineAttributes[K] } & { [K in keyof DdsSparkline & keyof DdsSparklineAttributes as `prop:${K}`]?: DdsSparkline[K] };
        "dds-spinner": Omit<DdsSpinner, keyof DdsSpinnerAttributes> & { [K in keyof DdsSpinner & keyof DdsSpinnerAttributes]?: DdsSpinner[K] } & { [K in keyof DdsSpinner & keyof DdsSpinnerAttributes as `attr:${K}`]?: DdsSpinnerAttributes[K] } & { [K in keyof DdsSpinner & keyof DdsSpinnerAttributes as `prop:${K}`]?: DdsSpinner[K] };
        "dds-stack": Omit<DdsStack, keyof DdsStackAttributes> & { [K in keyof DdsStack & keyof DdsStackAttributes]?: DdsStack[K] } & { [K in keyof DdsStack & keyof DdsStackAttributes as `attr:${K}`]?: DdsStackAttributes[K] } & { [K in keyof DdsStack & keyof DdsStackAttributes as `prop:${K}`]?: DdsStack[K] };
        "dds-switch": Omit<DdsSwitch, keyof DdsSwitchAttributes> & { [K in keyof DdsSwitch & keyof DdsSwitchAttributes]?: DdsSwitch[K] } & { [K in keyof DdsSwitch & keyof DdsSwitchAttributes as `attr:${K}`]?: DdsSwitchAttributes[K] } & { [K in keyof DdsSwitch & keyof DdsSwitchAttributes as `prop:${K}`]?: DdsSwitch[K] };
        "dds-tab": Omit<DdsTab, keyof DdsTabAttributes> & { [K in keyof DdsTab & keyof DdsTabAttributes]?: DdsTab[K] } & { [K in keyof DdsTab & keyof DdsTabAttributes as `attr:${K}`]?: DdsTabAttributes[K] } & { [K in keyof DdsTab & keyof DdsTabAttributes as `prop:${K}`]?: DdsTab[K] };
        "dds-text": Omit<DdsText, keyof DdsTextAttributes> & { [K in keyof DdsText & keyof DdsTextAttributes]?: DdsText[K] } & { [K in keyof DdsText & keyof DdsTextAttributes as `attr:${K}`]?: DdsTextAttributes[K] } & { [K in keyof DdsText & keyof DdsTextAttributes as `prop:${K}`]?: DdsText[K] };
        "dds-text-field": Omit<DdsTextField, keyof DdsTextFieldAttributes> & { [K in keyof DdsTextField & keyof DdsTextFieldAttributes]?: DdsTextField[K] } & { [K in keyof DdsTextField & keyof DdsTextFieldAttributes as `attr:${K}`]?: DdsTextFieldAttributes[K] } & { [K in keyof DdsTextField & keyof DdsTextFieldAttributes as `prop:${K}`]?: DdsTextField[K] };
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "dds-avatar": LocalJSX.IntrinsicElements["dds-avatar"] & JSXBase.HTMLAttributes<HTMLDdsAvatarElement>;
            "dds-banner": LocalJSX.IntrinsicElements["dds-banner"] & JSXBase.HTMLAttributes<HTMLDdsBannerElement>;
            "dds-box": LocalJSX.IntrinsicElements["dds-box"] & JSXBase.HTMLAttributes<HTMLDdsBoxElement>;
            "dds-button": LocalJSX.IntrinsicElements["dds-button"] & JSXBase.HTMLAttributes<HTMLDdsButtonElement>;
            "dds-button-group": LocalJSX.IntrinsicElements["dds-button-group"] & JSXBase.HTMLAttributes<HTMLDdsButtonGroupElement>;
            "dds-chart": LocalJSX.IntrinsicElements["dds-chart"] & JSXBase.HTMLAttributes<HTMLDdsChartElement>;
            "dds-chip": LocalJSX.IntrinsicElements["dds-chip"] & JSXBase.HTMLAttributes<HTMLDdsChipElement>;
            "dds-color-scheme": LocalJSX.IntrinsicElements["dds-color-scheme"] & JSXBase.HTMLAttributes<HTMLDdsColorSchemeElement>;
            "dds-divider": LocalJSX.IntrinsicElements["dds-divider"] & JSXBase.HTMLAttributes<HTMLDdsDividerElement>;
            "dds-fieldset": LocalJSX.IntrinsicElements["dds-fieldset"] & JSXBase.HTMLAttributes<HTMLDdsFieldsetElement>;
            "dds-flag": LocalJSX.IntrinsicElements["dds-flag"] & JSXBase.HTMLAttributes<HTMLDdsFlagElement>;
            "dds-grid": LocalJSX.IntrinsicElements["dds-grid"] & JSXBase.HTMLAttributes<HTMLDdsGridElement>;
            "dds-grid-item": LocalJSX.IntrinsicElements["dds-grid-item"] & JSXBase.HTMLAttributes<HTMLDdsGridItemElement>;
            "dds-heading": LocalJSX.IntrinsicElements["dds-heading"] & JSXBase.HTMLAttributes<HTMLDdsHeadingElement>;
            "dds-icon": LocalJSX.IntrinsicElements["dds-icon"] & JSXBase.HTMLAttributes<HTMLDdsIconElement>;
            "dds-money-field": LocalJSX.IntrinsicElements["dds-money-field"] & JSXBase.HTMLAttributes<HTMLDdsMoneyFieldElement>;
            "dds-paragraph": LocalJSX.IntrinsicElements["dds-paragraph"] & JSXBase.HTMLAttributes<HTMLDdsParagraphElement>;
            "dds-popover": LocalJSX.IntrinsicElements["dds-popover"] & JSXBase.HTMLAttributes<HTMLDdsPopoverElement>;
            "dds-provider": LocalJSX.IntrinsicElements["dds-provider"] & JSXBase.HTMLAttributes<HTMLDdsProviderElement>;
            "dds-radio": LocalJSX.IntrinsicElements["dds-radio"] & JSXBase.HTMLAttributes<HTMLDdsRadioElement>;
            "dds-section": LocalJSX.IntrinsicElements["dds-section"] & JSXBase.HTMLAttributes<HTMLDdsSectionElement>;
            "dds-spacer": LocalJSX.IntrinsicElements["dds-spacer"] & JSXBase.HTMLAttributes<HTMLDdsSpacerElement>;
            "dds-sparkline": LocalJSX.IntrinsicElements["dds-sparkline"] & JSXBase.HTMLAttributes<HTMLDdsSparklineElement>;
            "dds-spinner": LocalJSX.IntrinsicElements["dds-spinner"] & JSXBase.HTMLAttributes<HTMLDdsSpinnerElement>;
            "dds-stack": LocalJSX.IntrinsicElements["dds-stack"] & JSXBase.HTMLAttributes<HTMLDdsStackElement>;
            "dds-switch": LocalJSX.IntrinsicElements["dds-switch"] & JSXBase.HTMLAttributes<HTMLDdsSwitchElement>;
            "dds-tab": LocalJSX.IntrinsicElements["dds-tab"] & JSXBase.HTMLAttributes<HTMLDdsTabElement>;
            /**
             * Displays inline text with specific visual styles or tones.
             * Use to emphasize or differentiate words or phrases within a Paragraph or other block-level components.
             */
            "dds-text": LocalJSX.IntrinsicElements["dds-text"] & JSXBase.HTMLAttributes<HTMLDdsTextElement>;
            "dds-text-field": LocalJSX.IntrinsicElements["dds-text-field"] & JSXBase.HTMLAttributes<HTMLDdsTextFieldElement>;
        }
    }
}
