@rededor/cura 0.5.2 → 0.5.3

package/dist/types/components.d.ts

@@ -5,6 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
+import { FactoryArg, MaskedRegExp } from "imask";
+export { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
+export { FactoryArg, MaskedRegExp } from "imask";
 export namespace Components {
     interface CuraAccordion {
         "activeColor": string;
@@ -54,6 +58,12 @@ export namespace Components {
         "openIcon": string;
         "opened": boolean;
     }
+    interface CuraAlert {
+        "closeable": boolean;
+        "floating": boolean;
+        "label": string;
+        "type": 'info' | 'success' | 'warning' | 'error';
+    }
     interface CuraButton {
         /**
           * Color base from color scheme. Default: accent.
@@ -154,6 +164,36 @@ export namespace Components {
          */
         "textAlign": 'left' | 'center' | 'right';
     }
+    interface CuraButtonSelect {
+        /**
+          * Set the font color to dark or light.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Color base from color scheme. Default: accent.
+         */
+        "color": string;
+        /**
+          * Disabled state. Boolean.
+         */
+        "disabled": boolean;
+        /**
+          * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "fontcolor": 'dark' | 'light';
+        /**
+          * Icon position: left (default) | right.
+         */
+        "iconPosition": 'left' | 'right';
+        /**
+          * selected state. Boolean.
+         */
+        "selected": boolean;
+        /**
+          * Button size: small | medium (default) | large  = medium
+         */
+        "size": 'small' | 'medium' | 'large';
+    }
     interface CuraButtonTransparent {
         /**
           * Color base from color scheme. Default: accent.
@@ -204,6 +244,64 @@ export namespace Components {
          */
         "textAlign": 'left' | 'center' | 'right';
     }
+    interface CuraCheckbox {
+        /**
+          * Background theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Reflects the checked state of the checkbox. Mutable property allowing state change.
+         */
+        "checked": boolean;
+        /**
+          * Color theme of the checkbox.
+         */
+        "color": string;
+        /**
+          * Reflects the disabled state of the checkbox.
+         */
+        "disabled": boolean;
+        /**
+          * iconColor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "iconColor": 'dark' | 'light';
+        /**
+          * Reflects the indeterminate state of the checkbox. Mutable property allowing state change.
+         */
+        "indeterminate": boolean;
+        /**
+          * Text label associated with the checkbox.
+         */
+        "label": string;
+        /**
+          * Name attribute of the checkbox.
+         */
+        "name": string;
+        /**
+          * Specifies the tabindex of the checkbox.
+         */
+        "ontabindex": number;
+        /**
+          * Position of the label relative to the checkbox. Can be 'left' or 'right'.
+         */
+        "position": 'left' | 'right';
+        /**
+          * Reflects the required state of the checkbox.
+         */
+        "required": boolean;
+        /**
+          * Size of the checkbox. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Status of the checkbox. Can be 'error', 'success', or 'default'.
+         */
+        "status": 'error' | 'success' | 'default';
+        /**
+          * Value associated with the checkbox.
+         */
+        "value": string;
+    }
     interface CuraDisplay {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -265,6 +363,83 @@ export namespace Components {
     }
     interface CuraIconsView {
     }
+    interface CuraInputText {
+        /**
+          * Icon button name for the clear button (default: 'closeCircle')
+         */
+        "clearIcon"?: boolean;
+        /**
+          * Whether the input is disabled (default: false)
+         */
+        "disabled"?: boolean;
+        /**
+          * Helper text displayed below the input
+         */
+        "helperText"?: string;
+        /**
+          * Whether to display a cura icon (default: null)
+         */
+        "iconName"?: string;
+        /**
+          * Whether the input is in loading state (default: false)
+         */
+        "isLoading"?: boolean;
+        /**
+          * Label text for the input
+         */
+        "label": string;
+        /**
+          * Advanced mask object to be used with IMask library
+          * @see  : https://imask.js.org/
+         */
+        "maskAdvanced"?: FactoryArg | string | null;
+        /**
+          * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskPreset"?: MaskPreset;
+        /**
+          * Regular expression for custom input masking. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskRegex"?: MaskedRegExp['mask'] | string | null;
+        /**
+          * Maximum length of the input value (default: undefined)
+         */
+        "maxlength"?: number | undefined;
+        /**
+          * Mode of the input: 'default' or 'transparent' (default: 'default')
+         */
+        "mode": 'default' | 'transparent';
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string | null;
+        /**
+          * Whether the input is read-only (default: false)
+         */
+        "readOnly"?: boolean;
+        /**
+          * Whether the input is required (default: false)
+         */
+        "required"?: boolean;
+        /**
+          * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Indicates input status(default: default)
+         */
+        "status": 'error' | 'success' | 'default';
+        /**
+          * Type of the input: 'text', 'number' (default: 'text')
+         */
+        "type": 'text' | 'number';
+        /**
+          * Value of the input field
+         */
+        "value": string | number;
+    }
     interface CuraLabel {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -326,6 +501,114 @@ export namespace Components {
          */
         "spotColor": string;
     }
+    interface CuraRadio {
+        /**
+          * Background theme of the radio button. Can be 'dark' or 'light'.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Reflects the checked state of the radio button. Mutable property allowing state change.
+         */
+        "checked": boolean;
+        /**
+          * Color theme of the radio button.
+         */
+        "color": string;
+        /**
+          * Reflects the disabled state of the radio button.
+         */
+        "disabled": boolean;
+        /**
+          * Text label associated with the radio button.
+         */
+        "label": string;
+        /**
+          * Name attribute of the radio button.
+         */
+        "name": string;
+        /**
+          * Specifies the tabindex of the radio button.
+         */
+        "ontabindex": number;
+        /**
+          * Position of the label relative to the radio button. Can be 'left' or 'right'.
+         */
+        "position": "left" | "right";
+        /**
+          * Reflects the required state of the radio button.
+         */
+        "required": boolean;
+        /**
+          * Size of the radio button. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Status of the radio button. Can be 'error', 'success', or 'default'.
+         */
+        "status": 'error' | 'success' | 'default';
+        /**
+          * Value associated with the radio button.
+         */
+        "value": string;
+    }
+    interface CuraSwitch {
+        /**
+          * Background style of the switch. Can be 'dark' or 'light'.
+         */
+        "background": 'dark' | 'light';
+        /**
+          * Indicates whether the switch is checked or not.
+         */
+        "checked": boolean;
+        /**
+          * Accent color of the switch.
+         */
+        "color": string;
+        /**
+          * Indicates whether the switch is disabled or not.
+         */
+        "disabled": boolean;
+        /**
+          * The label text to display next to the switch.
+         */
+        "label": string;
+        /**
+          * Tab index for the switch element. Reflects as an HTML attribute.
+         */
+        "ontabindex": number;
+        /**
+          * Position of the label relative to the switch. Can be 'left' or 'right'.
+         */
+        "position": "left" | "right";
+        /**
+          * Size of the switch. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+    }
+}
+export interface CuraAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraAlertElement;
+}
+export interface CuraButtonSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraButtonSelectElement;
+}
+export interface CuraCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraCheckboxElement;
+}
+export interface CuraInputTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraInputTextElement;
+}
+export interface CuraRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraRadioElement;
+}
+export interface CuraSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraSwitchElement;
 }
 declare global {
     interface HTMLCuraAccordionElement extends Components.CuraAccordion, HTMLStencilElement {
@@ -340,6 +623,12 @@ declare global {
         prototype: HTMLCuraAccordionItemElement;
         new (): HTMLCuraAccordionItemElement;
     };
+    interface HTMLCuraAlertElement extends Components.CuraAlert, HTMLStencilElement {
+    }
+    var HTMLCuraAlertElement: {
+        prototype: HTMLCuraAlertElement;
+        new (): HTMLCuraAlertElement;
+    };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
     var HTMLCuraButtonElement: {
@@ -352,12 +641,24 @@ declare global {
         prototype: HTMLCuraButtonOutlineElement;
         new (): HTMLCuraButtonOutlineElement;
     };
+    interface HTMLCuraButtonSelectElement extends Components.CuraButtonSelect, HTMLStencilElement {
+    }
+    var HTMLCuraButtonSelectElement: {
+        prototype: HTMLCuraButtonSelectElement;
+        new (): HTMLCuraButtonSelectElement;
+    };
     interface HTMLCuraButtonTransparentElement extends Components.CuraButtonTransparent, HTMLStencilElement {
     }
     var HTMLCuraButtonTransparentElement: {
         prototype: HTMLCuraButtonTransparentElement;
         new (): HTMLCuraButtonTransparentElement;
     };
+    interface HTMLCuraCheckboxElement extends Components.CuraCheckbox, HTMLStencilElement {
+    }
+    var HTMLCuraCheckboxElement: {
+        prototype: HTMLCuraCheckboxElement;
+        new (): HTMLCuraCheckboxElement;
+    };
     interface HTMLCuraDisplayElement extends Components.CuraDisplay, HTMLStencilElement {
     }
     var HTMLCuraDisplayElement: {
@@ -382,6 +683,12 @@ declare global {
         prototype: HTMLCuraIconsViewElement;
         new (): HTMLCuraIconsViewElement;
     };
+    interface HTMLCuraInputTextElement extends Components.CuraInputText, HTMLStencilElement {
+    }
+    var HTMLCuraInputTextElement: {
+        prototype: HTMLCuraInputTextElement;
+        new (): HTMLCuraInputTextElement;
+    };
     interface HTMLCuraLabelElement extends Components.CuraLabel, HTMLStencilElement {
     }
     var HTMLCuraLabelElement: {
@@ -406,20 +713,38 @@ declare global {
         prototype: HTMLCuraParagraphElement;
         new (): HTMLCuraParagraphElement;
     };
+    interface HTMLCuraRadioElement extends Components.CuraRadio, HTMLStencilElement {
+    }
+    var HTMLCuraRadioElement: {
+        prototype: HTMLCuraRadioElement;
+        new (): HTMLCuraRadioElement;
+    };
+    interface HTMLCuraSwitchElement extends Components.CuraSwitch, HTMLStencilElement {
+    }
+    var HTMLCuraSwitchElement: {
+        prototype: HTMLCuraSwitchElement;
+        new (): HTMLCuraSwitchElement;
+    };
     interface HTMLElementTagNameMap {
         "cura-accordion": HTMLCuraAccordionElement;
         "cura-accordion-item": HTMLCuraAccordionItemElement;
+        "cura-alert": HTMLCuraAlertElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
+        "cura-button-select": HTMLCuraButtonSelectElement;
         "cura-button-transparent": HTMLCuraButtonTransparentElement;
+        "cura-checkbox": HTMLCuraCheckboxElement;
         "cura-display": HTMLCuraDisplayElement;
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
         "cura-icons-view": HTMLCuraIconsViewElement;
+        "cura-input-text": HTMLCuraInputTextElement;
         "cura-label": HTMLCuraLabelElement;
         "cura-loader-circle": HTMLCuraLoaderCircleElement;
         "cura-page-template": HTMLCuraPageTemplateElement;
         "cura-paragraph": HTMLCuraParagraphElement;
+        "cura-radio": HTMLCuraRadioElement;
+        "cura-switch": HTMLCuraSwitchElement;
     }
 }
 declare namespace LocalJSX {
@@ -471,6 +796,13 @@ declare namespace LocalJSX {
         "openIcon"?: string;
         "opened"?: boolean;
     }
+    interface CuraAlert {
+        "closeable"?: boolean;
+        "floating"?: boolean;
+        "label"?: string;
+        "onClose"?: (event: CuraAlertCustomEvent<void>) => void;
+        "type"?: 'info' | 'success' | 'warning' | 'error';
+    }
     interface CuraButton {
         /**
           * Color base from color scheme. Default: accent.
@@ -571,6 +903,37 @@ declare namespace LocalJSX {
          */
         "textAlign"?: 'left' | 'center' | 'right';
     }
+    interface CuraButtonSelect {
+        /**
+          * Set the font color to dark or light.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Color base from color scheme. Default: accent.
+         */
+        "color"?: string;
+        /**
+          * Disabled state. Boolean.
+         */
+        "disabled"?: boolean;
+        /**
+          * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "fontcolor"?: 'dark' | 'light';
+        /**
+          * Icon position: left (default) | right.
+         */
+        "iconPosition"?: 'left' | 'right';
+        "onOnclick"?: (event: CuraButtonSelectCustomEvent<{ selected: boolean; }>) => void;
+        /**
+          * selected state. Boolean.
+         */
+        "selected"?: boolean;
+        /**
+          * Button size: small | medium (default) | large  = medium
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface CuraButtonTransparent {
         /**
           * Color base from color scheme. Default: accent.
@@ -621,6 +984,65 @@ declare namespace LocalJSX {
          */
         "textAlign"?: 'left' | 'center' | 'right';
     }
+    interface CuraCheckbox {
+        /**
+          * Background theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Reflects the checked state of the checkbox. Mutable property allowing state change.
+         */
+        "checked"?: boolean;
+        /**
+          * Color theme of the checkbox.
+         */
+        "color"?: string;
+        /**
+          * Reflects the disabled state of the checkbox.
+         */
+        "disabled"?: boolean;
+        /**
+          * iconColor theme of the checkbox. Can be 'dark' or 'light'.
+         */
+        "iconColor"?: 'dark' | 'light';
+        /**
+          * Reflects the indeterminate state of the checkbox. Mutable property allowing state change.
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Text label associated with the checkbox.
+         */
+        "label"?: string;
+        /**
+          * Name attribute of the checkbox.
+         */
+        "name"?: string;
+        "onOnchange"?: (event: CuraCheckboxCustomEvent<{ value: string, checked: boolean, indeterminate: boolean }>) => void;
+        /**
+          * Specifies the tabindex of the checkbox.
+         */
+        "ontabindex"?: number;
+        /**
+          * Position of the label relative to the checkbox. Can be 'left' or 'right'.
+         */
+        "position"?: 'left' | 'right';
+        /**
+          * Reflects the required state of the checkbox.
+         */
+        "required"?: boolean;
+        /**
+          * Size of the checkbox. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Status of the checkbox. Can be 'error', 'success', or 'default'.
+         */
+        "status"?: 'error' | 'success' | 'default';
+        /**
+          * Value associated with the checkbox.
+         */
+        "value"?: string;
+    }
     interface CuraDisplay {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -682,6 +1104,88 @@ declare namespace LocalJSX {
     }
     interface CuraIconsView {
     }
+    interface CuraInputText {
+        /**
+          * Icon button name for the clear button (default: 'closeCircle')
+         */
+        "clearIcon"?: boolean;
+        /**
+          * Whether the input is disabled (default: false)
+         */
+        "disabled"?: boolean;
+        /**
+          * Helper text displayed below the input
+         */
+        "helperText"?: string;
+        /**
+          * Whether to display a cura icon (default: null)
+         */
+        "iconName"?: string;
+        /**
+          * Whether the input is in loading state (default: false)
+         */
+        "isLoading"?: boolean;
+        /**
+          * Label text for the input
+         */
+        "label"?: string;
+        /**
+          * Advanced mask object to be used with IMask library
+          * @see  : https://imask.js.org/
+         */
+        "maskAdvanced"?: FactoryArg | string | null;
+        /**
+          * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskPreset"?: MaskPreset;
+        /**
+          * Regular expression for custom input masking. Uses IMask library.
+          * @see  : https://imask.js.org/
+         */
+        "maskRegex"?: MaskedRegExp['mask'] | string | null;
+        /**
+          * Maximum length of the input value (default: undefined)
+         */
+        "maxlength"?: number | undefined;
+        /**
+          * Mode of the input: 'default' or 'transparent' (default: 'default')
+         */
+        "mode"?: 'default' | 'transparent';
+        /**
+          * Emitted when the value of the input changes
+          * @type {EventEmitter<string | number>}
+         */
+        "onValueChange"?: (event: CuraInputTextCustomEvent<string | number>) => void;
+        /**
+          * Placeholder text for the input
+         */
+        "placeholder"?: string | null;
+        /**
+          * Whether the input is read-only (default: false)
+         */
+        "readOnly"?: boolean;
+        /**
+          * Whether the input is required (default: false)
+         */
+        "required"?: boolean;
+        /**
+          * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Indicates input status(default: default)
+         */
+        "status"?: 'error' | 'success' | 'default';
+        /**
+          * Type of the input: 'text', 'number' (default: 'text')
+         */
+        "type"?: 'text' | 'number';
+        /**
+          * Value of the input field
+         */
+        "value"?: string | number;
+    }
     interface CuraLabel {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -743,20 +1247,112 @@ declare namespace LocalJSX {
          */
         "spotColor"?: string;
     }
+    interface CuraRadio {
+        /**
+          * Background theme of the radio button. Can be 'dark' or 'light'.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Reflects the checked state of the radio button. Mutable property allowing state change.
+         */
+        "checked"?: boolean;
+        /**
+          * Color theme of the radio button.
+         */
+        "color"?: string;
+        /**
+          * Reflects the disabled state of the radio button.
+         */
+        "disabled"?: boolean;
+        /**
+          * Text label associated with the radio button.
+         */
+        "label"?: string;
+        /**
+          * Name attribute of the radio button.
+         */
+        "name"?: string;
+        "onOnchange"?: (event: CuraRadioCustomEvent<{ value: string, checked: boolean }>) => void;
+        /**
+          * Specifies the tabindex of the radio button.
+         */
+        "ontabindex"?: number;
+        /**
+          * Position of the label relative to the radio button. Can be 'left' or 'right'.
+         */
+        "position"?: "left" | "right";
+        /**
+          * Reflects the required state of the radio button.
+         */
+        "required"?: boolean;
+        /**
+          * Size of the radio button. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Status of the radio button. Can be 'error', 'success', or 'default'.
+         */
+        "status"?: 'error' | 'success' | 'default';
+        /**
+          * Value associated with the radio button.
+         */
+        "value"?: string;
+    }
+    interface CuraSwitch {
+        /**
+          * Background style of the switch. Can be 'dark' or 'light'.
+         */
+        "background"?: 'dark' | 'light';
+        /**
+          * Indicates whether the switch is checked or not.
+         */
+        "checked"?: boolean;
+        /**
+          * Accent color of the switch.
+         */
+        "color"?: string;
+        /**
+          * Indicates whether the switch is disabled or not.
+         */
+        "disabled"?: boolean;
+        /**
+          * The label text to display next to the switch.
+         */
+        "label"?: string;
+        "onOnchange"?: (event: CuraSwitchCustomEvent<{ checked: boolean }>) => void;
+        /**
+          * Tab index for the switch element. Reflects as an HTML attribute.
+         */
+        "ontabindex"?: number;
+        /**
+          * Position of the label relative to the switch. Can be 'left' or 'right'.
+         */
+        "position"?: "left" | "right";
+        /**
+          * Size of the switch. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface IntrinsicElements {
         "cura-accordion": CuraAccordion;
         "cura-accordion-item": CuraAccordionItem;
+        "cura-alert": CuraAlert;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
+        "cura-button-select": CuraButtonSelect;
         "cura-button-transparent": CuraButtonTransparent;
+        "cura-checkbox": CuraCheckbox;
         "cura-display": CuraDisplay;
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
         "cura-icons-view": CuraIconsView;
+        "cura-input-text": CuraInputText;
         "cura-label": CuraLabel;
         "cura-loader-circle": CuraLoaderCircle;
         "cura-page-template": CuraPageTemplate;
         "cura-paragraph": CuraParagraph;
+        "cura-radio": CuraRadio;
+        "cura-switch": CuraSwitch;
     }
 }
 export { LocalJSX as JSX };
@@ -765,17 +1361,23 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "cura-accordion": LocalJSX.CuraAccordion & JSXBase.HTMLAttributes<HTMLCuraAccordionElement>;
             "cura-accordion-item": LocalJSX.CuraAccordionItem & JSXBase.HTMLAttributes<HTMLCuraAccordionItemElement>;
+            "cura-alert": LocalJSX.CuraAlert & JSXBase.HTMLAttributes<HTMLCuraAlertElement>;
             "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-button-outline": LocalJSX.CuraButtonOutline & JSXBase.HTMLAttributes<HTMLCuraButtonOutlineElement>;
+            "cura-button-select": LocalJSX.CuraButtonSelect & JSXBase.HTMLAttributes<HTMLCuraButtonSelectElement>;
             "cura-button-transparent": LocalJSX.CuraButtonTransparent & JSXBase.HTMLAttributes<HTMLCuraButtonTransparentElement>;
+            "cura-checkbox": LocalJSX.CuraCheckbox & JSXBase.HTMLAttributes<HTMLCuraCheckboxElement>;
             "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
+            "cura-input-text": LocalJSX.CuraInputText & JSXBase.HTMLAttributes<HTMLCuraInputTextElement>;
             "cura-label": LocalJSX.CuraLabel & JSXBase.HTMLAttributes<HTMLCuraLabelElement>;
             "cura-loader-circle": LocalJSX.CuraLoaderCircle & JSXBase.HTMLAttributes<HTMLCuraLoaderCircleElement>;
             "cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
             "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
+            "cura-radio": LocalJSX.CuraRadio & JSXBase.HTMLAttributes<HTMLCuraRadioElement>;
+            "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
         }
     }
 }