@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/types/components.d.ts

@@ -6,9 +6,7 @@
  */
 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;
@@ -61,10 +59,26 @@ export namespace Components {
     interface CuraAlert {
         "closeable": boolean;
         "floating": boolean;
+        "icon": string;
         "label": string;
         "type": 'info' | 'success' | 'warning' | 'error';
     }
+    interface CuraAvatar {
+        "backgroundColor": string;
+        "border": boolean;
+        "borderColor": string;
+        "borderRadius": string;
+        "floating": boolean;
+        "imageSrc": string;
+        "imageSrcDefault": string;
+        "size": '80' | '40' | '32' | '24';
+        "type": 'default' | 'branding';
+    }
     interface CuraButton {
+        /**
+          * Set the background color to dark or light.
+         */
+        "background": 'dark' | 'light';
         /**
           * Color base from color scheme. Default: accent.
          */
@@ -113,8 +127,16 @@ export namespace Components {
           * Set text aligment for the button label. Vales: left (default) | center | right.
          */
         "textAlign": 'left' | 'center' | 'right';
+        /**
+          * Button type: button (default) | submit | reset
+         */
+        "type": 'button' | 'reset' | 'submit';
     }
     interface CuraButtonOutline {
+        /**
+          * Set the font background to dark or light.
+         */
+        "background": 'dark' | 'light';
         /**
           * Color base from color scheme. Default: accent.
          */
@@ -163,6 +185,10 @@ export namespace Components {
           * Set text aligment for the button label. Vales: left (default) | center | right.
          */
         "textAlign": 'left' | 'center' | 'right';
+        /**
+          * Button type: button (default) | submit | reset
+         */
+        "type": 'button' | 'reset' | 'submit';
     }
     interface CuraButtonSelect {
         /**
@@ -243,6 +269,110 @@ export namespace Components {
           * Set text aligment for the button label. Vales: left (default) | center | right.
          */
         "textAlign": 'left' | 'center' | 'right';
+        /**
+          * Button type: button (default) | submit | reset
+         */
+        "type": 'button' | 'reset' | 'submit';
+    }
+    interface CuraCalendar {
+        /**
+          * Date format used for display and parsing.
+          * @type {string}
+          * @default 'yyyy-MM-dd'
+         */
+        "dateFormat": string;
+        /**
+          * Default dates selected on initialization.
+          * @type {string[]}
+          * @default []
+         */
+        "defaultDate": string[];
+        /**
+          * List of dates to disable.
+          * @type {string[]}
+          * @default []
+         */
+        "disable": string[];
+        /**
+          * List of dates to enable.
+          * @type {string[]}
+          * @default []
+         */
+        "enable": string[];
+        /**
+          * Limits the selectable date range.
+          * @type {Date | null}
+          * @default null
+         */
+        "limitRange": number | null;
+        /**
+          * Locale for date formatting.
+          * @type {'pt-BR' | 'en-US'}
+          * @default 'pt-BR'
+         */
+        "locale": 'pt-BR' | 'en-US';
+        /**
+          * Selection mode of the date picker.
+          * @type {'single' | 'multiple' | 'range'}
+          * @default 'single'
+         */
+        "mode": 'single' | 'multiple' | 'range';
+        /**
+          * An array of specific dates to be highlighted or processed.
+          * @type {string[] | string}
+          * @default []
+          * @example // Example usage period = ["2024-08-01", "2024-08-30"];
+         */
+        "period": string[] | string;
+        /**
+          * Display type of the date picker.
+          * @type {'dropdown' | 'static'}
+          * @default 'dropdown'
+         */
+        "type": 'dropdown' | 'static';
+        /**
+          * Width of the component.
+          * @type {string}
+          * @default '300px'
+         */
+        "width": string;
+    }
+    interface CuraCard {
+        /**
+          * Sets the color mode of the card. - 'light': Light mode for the card. - 'dark': Dark mode for the card.
+          * @type {'light' | 'dark'}
+          * @default 'light'
+         */
+        "colorMode": 'light' | 'dark';
+        /**
+          * Determines whether the card should have padding.
+          * @type {boolean}
+          * @default false
+         */
+        "hasPadding": boolean;
+        /**
+          * Determines whether the card should have a shadow effect.
+          * @type {boolean}
+          * @default false
+         */
+        "hasShadow": boolean;
+        /**
+          * The URL that the card should link to (if set). If not set, the card acts as a normal card.
+          * @type {string | undefined}
+         */
+        "href"?: string;
+        /**
+          * The target attribute for the link. Applicable only if `href` is set.
+          * @type {string}
+          * @default '_self'
+         */
+        "target": string;
+        /**
+          * Sets the type of the card background. - 'solid': A solid background. - 'transparent': A transparent background.
+          * @type {'solid' | 'transparent'}
+          * @default 'solid'
+         */
+        "type": 'solid' | 'transparent';
     }
     interface CuraCheckbox {
         /**
@@ -324,6 +454,52 @@ export namespace Components {
          */
         "spotColor": string;
     }
+    interface CuraDropdownSearch {
+        /**
+          * The label for the dropdown search.
+         */
+        "label": string;
+        /**
+          * The name of the dropdown search component.
+         */
+        "name": string;
+        /**
+          * The placeholder text for the dropdown search.
+         */
+        "placeholder": string;
+        /**
+          * Indicates if the dropdown search is required.
+         */
+        "required": boolean;
+        /**
+          * Indicates if the dropdown search is selected.
+         */
+        "selected": boolean;
+        /**
+          * Define the status of the dropdown search.
+         */
+        "status": 'error' | 'default';
+        /**
+          * The value of the dropdown search.
+         */
+        "value": string;
+    }
+    interface CuraDropdownSearchOption {
+        /**
+          * Indicates if the dropdown search option is hovered.
+         */
+        "hovered": boolean;
+        /**
+          * Indicates if the dropdown search option is selected.
+         */
+        "selected": boolean;
+        /**
+          * The value of the dropdown search option.
+         */
+        "value": string;
+    }
+    interface CuraDropdownSearchOptionTitle {
+    }
     interface CuraHeading {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -376,10 +552,18 @@ export namespace Components {
           * Helper text displayed below the input
          */
         "helperText"?: string;
+        /**
+          * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
+         */
+        "hideErrorIcon": boolean;
         /**
           * Whether to display a cura icon (default: null)
          */
         "iconName"?: string;
+        /**
+          * Type of the input: 'text', 'number' (default: 'text')
+         */
+        "inputMode": string;
         /**
           * Whether the input is in loading state (default: false)
          */
@@ -387,12 +571,12 @@ export namespace Components {
         /**
           * Label text for the input
          */
-        "label": string;
+        "label"?: string;
         /**
           * Advanced mask object to be used with IMask library
           * @see  : https://imask.js.org/
          */
-        "maskAdvanced"?: FactoryArg | string | null;
+        "maskAdvanced"?: any | string | null;
         /**
           * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
           * @see  : https://imask.js.org/
@@ -402,7 +586,7 @@ export namespace Components {
           * Regular expression for custom input masking. Uses IMask library.
           * @see  : https://imask.js.org/
          */
-        "maskRegex"?: MaskedRegExp['mask'] | string | null;
+        "maskRegex"?: string | null;
         /**
           * Maximum length of the input value (default: undefined)
          */
@@ -411,6 +595,10 @@ export namespace Components {
           * Mode of the input: 'default' or 'transparent' (default: 'default')
          */
         "mode": 'default' | 'transparent';
+        /**
+          * Name text for the input
+         */
+        "name"?: string;
         /**
           * Placeholder text for the input
          */
@@ -434,11 +622,11 @@ export namespace Components {
         /**
           * Type of the input: 'text', 'number' (default: 'text')
          */
-        "type": 'text' | 'number';
+        "type": string;
         /**
           * Value of the input field
          */
-        "value": string | number;
+        "value"?: string | number;
     }
     interface CuraLabel {
         /**
@@ -551,6 +739,46 @@ export namespace Components {
          */
         "value": string;
     }
+    interface CuraSelect {
+        /**
+          * Whether the select component is disabled. Reflects as an attribute in the DOM.
+         */
+        "disabled": boolean;
+        /**
+          * The label text for the select component. Reflects as an attribute in the DOM.
+         */
+        "label": string;
+        /**
+          * Display mode of the select component. Can be 'default' or 'transparent'.
+         */
+        "mode": 'default' | 'transparent';
+        /**
+          * Placeholder text for the input field. Reflects as an attribute in the DOM.
+         */
+        "placeholder": string;
+        /**
+          * Whether the select component is required. Reflects as an attribute in the DOM.
+         */
+        "required": boolean;
+        /**
+          * Size of the select component. Can be 'small', 'medium', or 'large'.
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Status of the select component. Can be 'success', 'error', or 'default'.
+         */
+        "status": 'success' | 'error' | 'default';
+        /**
+          * Current value of the select component. Reflects as an attribute in the DOM and is mutable.
+         */
+        "value": string;
+    }
+    interface CuraSelectOption {
+        "active": boolean;
+        "selected": boolean;
+        "size": 'xsmall' | 'small' | 'medium' | 'large';
+        "value": string;
+    }
     interface CuraSwitch {
         /**
           * Background style of the switch. Can be 'dark' or 'light'.
@@ -579,7 +807,7 @@ export namespace Components {
         /**
           * Position of the label relative to the switch. Can be 'left' or 'right'.
          */
-        "position": "left" | "right";
+        "position": 'left' | 'right';
         /**
           * Size of the switch. Can be 'small', 'medium', or 'large'.
          */
@@ -594,10 +822,22 @@ export interface CuraButtonSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraButtonSelectElement;
 }
+export interface CuraCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraCalendarElement;
+}
 export interface CuraCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraCheckboxElement;
 }
+export interface CuraDropdownSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraDropdownSearchElement;
+}
+export interface CuraDropdownSearchOptionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraDropdownSearchOptionElement;
+}
 export interface CuraInputTextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraInputTextElement;
@@ -606,6 +846,10 @@ export interface CuraRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraRadioElement;
 }
+export interface CuraSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraSelectElement;
+}
 export interface CuraSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraSwitchElement;
@@ -623,12 +867,29 @@ declare global {
         prototype: HTMLCuraAccordionItemElement;
         new (): HTMLCuraAccordionItemElement;
     };
+    interface HTMLCuraAlertElementEventMap {
+        "close": void;
+    }
     interface HTMLCuraAlertElement extends Components.CuraAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraAlertElementEventMap>(type: K, listener: (this: HTMLCuraAlertElement, ev: CuraAlertCustomEvent<HTMLCuraAlertElementEventMap[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 HTMLCuraAlertElementEventMap>(type: K, listener: (this: HTMLCuraAlertElement, ev: CuraAlertCustomEvent<HTMLCuraAlertElementEventMap[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 HTMLCuraAlertElement: {
         prototype: HTMLCuraAlertElement;
         new (): HTMLCuraAlertElement;
     };
+    interface HTMLCuraAvatarElement extends Components.CuraAvatar, HTMLStencilElement {
+    }
+    var HTMLCuraAvatarElement: {
+        prototype: HTMLCuraAvatarElement;
+        new (): HTMLCuraAvatarElement;
+    };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
     var HTMLCuraButtonElement: {
@@ -641,7 +902,18 @@ declare global {
         prototype: HTMLCuraButtonOutlineElement;
         new (): HTMLCuraButtonOutlineElement;
     };
+    interface HTMLCuraButtonSelectElementEventMap {
+        "onclick": { selected: boolean; };
+    }
     interface HTMLCuraButtonSelectElement extends Components.CuraButtonSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraButtonSelectElementEventMap>(type: K, listener: (this: HTMLCuraButtonSelectElement, ev: CuraButtonSelectCustomEvent<HTMLCuraButtonSelectElementEventMap[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 HTMLCuraButtonSelectElementEventMap>(type: K, listener: (this: HTMLCuraButtonSelectElement, ev: CuraButtonSelectCustomEvent<HTMLCuraButtonSelectElementEventMap[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 HTMLCuraButtonSelectElement: {
         prototype: HTMLCuraButtonSelectElement;
@@ -653,7 +925,41 @@ declare global {
         prototype: HTMLCuraButtonTransparentElement;
         new (): HTMLCuraButtonTransparentElement;
     };
+    interface HTMLCuraCalendarElementEventMap {
+        "onchangeday": { days: Date[] };
+    }
+    interface HTMLCuraCalendarElement extends Components.CuraCalendar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraCalendarElementEventMap>(type: K, listener: (this: HTMLCuraCalendarElement, ev: CuraCalendarCustomEvent<HTMLCuraCalendarElementEventMap[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 HTMLCuraCalendarElementEventMap>(type: K, listener: (this: HTMLCuraCalendarElement, ev: CuraCalendarCustomEvent<HTMLCuraCalendarElementEventMap[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 HTMLCuraCalendarElement: {
+        prototype: HTMLCuraCalendarElement;
+        new (): HTMLCuraCalendarElement;
+    };
+    interface HTMLCuraCardElement extends Components.CuraCard, HTMLStencilElement {
+    }
+    var HTMLCuraCardElement: {
+        prototype: HTMLCuraCardElement;
+        new (): HTMLCuraCardElement;
+    };
+    interface HTMLCuraCheckboxElementEventMap {
+        "onchange": { value: string; checked: boolean; indeterminate: boolean };
+    }
     interface HTMLCuraCheckboxElement extends Components.CuraCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraCheckboxElementEventMap>(type: K, listener: (this: HTMLCuraCheckboxElement, ev: CuraCheckboxCustomEvent<HTMLCuraCheckboxElementEventMap[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 HTMLCuraCheckboxElementEventMap>(type: K, listener: (this: HTMLCuraCheckboxElement, ev: CuraCheckboxCustomEvent<HTMLCuraCheckboxElementEventMap[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 HTMLCuraCheckboxElement: {
         prototype: HTMLCuraCheckboxElement;
@@ -665,6 +971,47 @@ declare global {
         prototype: HTMLCuraDisplayElement;
         new (): HTMLCuraDisplayElement;
     };
+    interface HTMLCuraDropdownSearchElementEventMap {
+        "valueChanged": string;
+        "onselect": any;
+    }
+    interface HTMLCuraDropdownSearchElement extends Components.CuraDropdownSearch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraDropdownSearchElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchElement, ev: CuraDropdownSearchCustomEvent<HTMLCuraDropdownSearchElementEventMap[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 HTMLCuraDropdownSearchElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchElement, ev: CuraDropdownSearchCustomEvent<HTMLCuraDropdownSearchElementEventMap[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 HTMLCuraDropdownSearchElement: {
+        prototype: HTMLCuraDropdownSearchElement;
+        new (): HTMLCuraDropdownSearchElement;
+    };
+    interface HTMLCuraDropdownSearchOptionElementEventMap {
+        "optionSelected": string;
+    }
+    interface HTMLCuraDropdownSearchOptionElement extends Components.CuraDropdownSearchOption, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraDropdownSearchOptionElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionElement, ev: CuraDropdownSearchOptionCustomEvent<HTMLCuraDropdownSearchOptionElementEventMap[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 HTMLCuraDropdownSearchOptionElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionElement, ev: CuraDropdownSearchOptionCustomEvent<HTMLCuraDropdownSearchOptionElementEventMap[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 HTMLCuraDropdownSearchOptionElement: {
+        prototype: HTMLCuraDropdownSearchOptionElement;
+        new (): HTMLCuraDropdownSearchOptionElement;
+    };
+    interface HTMLCuraDropdownSearchOptionTitleElement extends Components.CuraDropdownSearchOptionTitle, HTMLStencilElement {
+    }
+    var HTMLCuraDropdownSearchOptionTitleElement: {
+        prototype: HTMLCuraDropdownSearchOptionTitleElement;
+        new (): HTMLCuraDropdownSearchOptionTitleElement;
+    };
     interface HTMLCuraHeadingElement extends Components.CuraHeading, HTMLStencilElement {
     }
     var HTMLCuraHeadingElement: {
@@ -683,7 +1030,18 @@ declare global {
         prototype: HTMLCuraIconsViewElement;
         new (): HTMLCuraIconsViewElement;
     };
+    interface HTMLCuraInputTextElementEventMap {
+        "valueChange": string | number;
+    }
     interface HTMLCuraInputTextElement extends Components.CuraInputText, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraInputTextElementEventMap>(type: K, listener: (this: HTMLCuraInputTextElement, ev: CuraInputTextCustomEvent<HTMLCuraInputTextElementEventMap[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 HTMLCuraInputTextElementEventMap>(type: K, listener: (this: HTMLCuraInputTextElement, ev: CuraInputTextCustomEvent<HTMLCuraInputTextElementEventMap[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 HTMLCuraInputTextElement: {
         prototype: HTMLCuraInputTextElement;
@@ -713,13 +1071,58 @@ declare global {
         prototype: HTMLCuraParagraphElement;
         new (): HTMLCuraParagraphElement;
     };
+    interface HTMLCuraRadioElementEventMap {
+        "onchange": { value: string, checked: boolean };
+    }
     interface HTMLCuraRadioElement extends Components.CuraRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraRadioElementEventMap>(type: K, listener: (this: HTMLCuraRadioElement, ev: CuraRadioCustomEvent<HTMLCuraRadioElementEventMap[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 HTMLCuraRadioElementEventMap>(type: K, listener: (this: HTMLCuraRadioElement, ev: CuraRadioCustomEvent<HTMLCuraRadioElementEventMap[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 HTMLCuraRadioElement: {
         prototype: HTMLCuraRadioElement;
         new (): HTMLCuraRadioElement;
     };
+    interface HTMLCuraSelectElementEventMap {
+        "selected": any;
+    }
+    interface HTMLCuraSelectElement extends Components.CuraSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraSelectElementEventMap>(type: K, listener: (this: HTMLCuraSelectElement, ev: CuraSelectCustomEvent<HTMLCuraSelectElementEventMap[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 HTMLCuraSelectElementEventMap>(type: K, listener: (this: HTMLCuraSelectElement, ev: CuraSelectCustomEvent<HTMLCuraSelectElementEventMap[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 HTMLCuraSelectElement: {
+        prototype: HTMLCuraSelectElement;
+        new (): HTMLCuraSelectElement;
+    };
+    interface HTMLCuraSelectOptionElement extends Components.CuraSelectOption, HTMLStencilElement {
+    }
+    var HTMLCuraSelectOptionElement: {
+        prototype: HTMLCuraSelectOptionElement;
+        new (): HTMLCuraSelectOptionElement;
+    };
+    interface HTMLCuraSwitchElementEventMap {
+        "onchange": { checked: boolean };
+    }
     interface HTMLCuraSwitchElement extends Components.CuraSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraSwitchElementEventMap>(type: K, listener: (this: HTMLCuraSwitchElement, ev: CuraSwitchCustomEvent<HTMLCuraSwitchElementEventMap[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 HTMLCuraSwitchElementEventMap>(type: K, listener: (this: HTMLCuraSwitchElement, ev: CuraSwitchCustomEvent<HTMLCuraSwitchElementEventMap[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 HTMLCuraSwitchElement: {
         prototype: HTMLCuraSwitchElement;
@@ -729,12 +1132,18 @@ declare global {
         "cura-accordion": HTMLCuraAccordionElement;
         "cura-accordion-item": HTMLCuraAccordionItemElement;
         "cura-alert": HTMLCuraAlertElement;
+        "cura-avatar": HTMLCuraAvatarElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
         "cura-button-select": HTMLCuraButtonSelectElement;
         "cura-button-transparent": HTMLCuraButtonTransparentElement;
+        "cura-calendar": HTMLCuraCalendarElement;
+        "cura-card": HTMLCuraCardElement;
         "cura-checkbox": HTMLCuraCheckboxElement;
         "cura-display": HTMLCuraDisplayElement;
+        "cura-dropdown-search": HTMLCuraDropdownSearchElement;
+        "cura-dropdown-search-option": HTMLCuraDropdownSearchOptionElement;
+        "cura-dropdown-search-option-title": HTMLCuraDropdownSearchOptionTitleElement;
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
         "cura-icons-view": HTMLCuraIconsViewElement;
@@ -744,6 +1153,8 @@ declare global {
         "cura-page-template": HTMLCuraPageTemplateElement;
         "cura-paragraph": HTMLCuraParagraphElement;
         "cura-radio": HTMLCuraRadioElement;
+        "cura-select": HTMLCuraSelectElement;
+        "cura-select-option": HTMLCuraSelectOptionElement;
         "cura-switch": HTMLCuraSwitchElement;
     }
 }
@@ -799,11 +1210,27 @@ declare namespace LocalJSX {
     interface CuraAlert {
         "closeable"?: boolean;
         "floating"?: boolean;
+        "icon"?: string;
         "label"?: string;
         "onClose"?: (event: CuraAlertCustomEvent<void>) => void;
         "type"?: 'info' | 'success' | 'warning' | 'error';
     }
+    interface CuraAvatar {
+        "backgroundColor"?: string;
+        "border"?: boolean;
+        "borderColor"?: string;
+        "borderRadius"?: string;
+        "floating"?: boolean;
+        "imageSrc"?: string;
+        "imageSrcDefault"?: string;
+        "size"?: '80' | '40' | '32' | '24';
+        "type"?: 'default' | 'branding';
+    }
     interface CuraButton {
+        /**
+          * Set the background color to dark or light.
+         */
+        "background"?: 'dark' | 'light';
         /**
           * Color base from color scheme. Default: accent.
          */
@@ -852,8 +1279,16 @@ declare namespace LocalJSX {
           * Set text aligment for the button label. Vales: left (default) | center | right.
          */
         "textAlign"?: 'left' | 'center' | 'right';
+        /**
+          * Button type: button (default) | submit | reset
+         */
+        "type"?: 'button' | 'reset' | 'submit';
     }
     interface CuraButtonOutline {
+        /**
+          * Set the font background to dark or light.
+         */
+        "background"?: 'dark' | 'light';
         /**
           * Color base from color scheme. Default: accent.
          */
@@ -902,6 +1337,10 @@ declare namespace LocalJSX {
           * Set text aligment for the button label. Vales: left (default) | center | right.
          */
         "textAlign"?: 'left' | 'center' | 'right';
+        /**
+          * Button type: button (default) | submit | reset
+         */
+        "type"?: 'button' | 'reset' | 'submit';
     }
     interface CuraButtonSelect {
         /**
@@ -983,6 +1422,116 @@ declare namespace LocalJSX {
           * Set text aligment for the button label. Vales: left (default) | center | right.
          */
         "textAlign"?: 'left' | 'center' | 'right';
+        /**
+          * Button type: button (default) | submit | reset
+         */
+        "type"?: 'button' | 'reset' | 'submit';
+    }
+    interface CuraCalendar {
+        /**
+          * Date format used for display and parsing.
+          * @type {string}
+          * @default 'yyyy-MM-dd'
+         */
+        "dateFormat"?: string;
+        /**
+          * Default dates selected on initialization.
+          * @type {string[]}
+          * @default []
+         */
+        "defaultDate"?: string[];
+        /**
+          * List of dates to disable.
+          * @type {string[]}
+          * @default []
+         */
+        "disable"?: string[];
+        /**
+          * List of dates to enable.
+          * @type {string[]}
+          * @default []
+         */
+        "enable"?: string[];
+        /**
+          * Limits the selectable date range.
+          * @type {Date | null}
+          * @default null
+         */
+        "limitRange"?: number | null;
+        /**
+          * Locale for date formatting.
+          * @type {'pt-BR' | 'en-US'}
+          * @default 'pt-BR'
+         */
+        "locale"?: 'pt-BR' | 'en-US';
+        /**
+          * Selection mode of the date picker.
+          * @type {'single' | 'multiple' | 'range'}
+          * @default 'single'
+         */
+        "mode"?: 'single' | 'multiple' | 'range';
+        /**
+          * Event emitted when a day is changed.
+          * @event 
+          * @type {EventEmitter<{ days: Date[] }>}
+         */
+        "onOnchangeday"?: (event: CuraCalendarCustomEvent<{ days: Date[] }>) => void;
+        /**
+          * An array of specific dates to be highlighted or processed.
+          * @type {string[] | string}
+          * @default []
+          * @example // Example usage period = ["2024-08-01", "2024-08-30"];
+         */
+        "period"?: string[] | string;
+        /**
+          * Display type of the date picker.
+          * @type {'dropdown' | 'static'}
+          * @default 'dropdown'
+         */
+        "type"?: 'dropdown' | 'static';
+        /**
+          * Width of the component.
+          * @type {string}
+          * @default '300px'
+         */
+        "width"?: string;
+    }
+    interface CuraCard {
+        /**
+          * Sets the color mode of the card. - 'light': Light mode for the card. - 'dark': Dark mode for the card.
+          * @type {'light' | 'dark'}
+          * @default 'light'
+         */
+        "colorMode"?: 'light' | 'dark';
+        /**
+          * Determines whether the card should have padding.
+          * @type {boolean}
+          * @default false
+         */
+        "hasPadding"?: boolean;
+        /**
+          * Determines whether the card should have a shadow effect.
+          * @type {boolean}
+          * @default false
+         */
+        "hasShadow"?: boolean;
+        /**
+          * The URL that the card should link to (if set). If not set, the card acts as a normal card.
+          * @type {string | undefined}
+         */
+        "href"?: string;
+        /**
+          * The target attribute for the link. Applicable only if `href` is set.
+          * @type {string}
+          * @default '_self'
+         */
+        "target"?: string;
+        /**
+          * Sets the type of the card background. - 'solid': A solid background. - 'transparent': A transparent background.
+          * @type {'solid' | 'transparent'}
+          * @default 'solid'
+         */
+        "type"?: 'solid' | 'transparent';
     }
     interface CuraCheckbox {
         /**
@@ -1017,7 +1566,7 @@ declare namespace LocalJSX {
           * Name attribute of the checkbox.
          */
         "name"?: string;
-        "onOnchange"?: (event: CuraCheckboxCustomEvent<{ value: string, checked: boolean, indeterminate: boolean }>) => void;
+        "onOnchange"?: (event: CuraCheckboxCustomEvent<{ value: string; checked: boolean; indeterminate: boolean }>) => void;
         /**
           * Specifies the tabindex of the checkbox.
          */
@@ -1065,6 +1614,61 @@ declare namespace LocalJSX {
          */
         "spotColor"?: string;
     }
+    interface CuraDropdownSearch {
+        /**
+          * The label for the dropdown search.
+         */
+        "label"?: string;
+        /**
+          * The name of the dropdown search component.
+         */
+        "name"?: string;
+        "onOnselect"?: (event: CuraDropdownSearchCustomEvent<any>) => void;
+        /**
+          * Event emitted when the value changes.
+         */
+        "onValueChanged"?: (event: CuraDropdownSearchCustomEvent<string>) => void;
+        /**
+          * The placeholder text for the dropdown search.
+         */
+        "placeholder"?: string;
+        /**
+          * Indicates if the dropdown search is required.
+         */
+        "required"?: boolean;
+        /**
+          * Indicates if the dropdown search is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * Define the status of the dropdown search.
+         */
+        "status"?: 'error' | 'default';
+        /**
+          * The value of the dropdown search.
+         */
+        "value"?: string;
+    }
+    interface CuraDropdownSearchOption {
+        /**
+          * Indicates if the dropdown search option is hovered.
+         */
+        "hovered"?: boolean;
+        /**
+          * Event emitted when the option is selected.
+         */
+        "onOptionSelected"?: (event: CuraDropdownSearchOptionCustomEvent<string>) => void;
+        /**
+          * Indicates if the dropdown search option is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * The value of the dropdown search option.
+         */
+        "value"?: string;
+    }
+    interface CuraDropdownSearchOptionTitle {
+    }
     interface CuraHeading {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -1117,10 +1721,18 @@ declare namespace LocalJSX {
           * Helper text displayed below the input
          */
         "helperText"?: string;
+        /**
+          * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
+         */
+        "hideErrorIcon"?: boolean;
         /**
           * Whether to display a cura icon (default: null)
          */
         "iconName"?: string;
+        /**
+          * Type of the input: 'text', 'number' (default: 'text')
+         */
+        "inputMode"?: string;
         /**
           * Whether the input is in loading state (default: false)
          */
@@ -1133,7 +1745,7 @@ declare namespace LocalJSX {
           * Advanced mask object to be used with IMask library
           * @see  : https://imask.js.org/
          */
-        "maskAdvanced"?: FactoryArg | string | null;
+        "maskAdvanced"?: any | string | null;
         /**
           * Mask preset for input formatting: 'cpf', 'cnpj', 'phone', 'date', etc. Uses IMask library.
           * @see  : https://imask.js.org/
@@ -1143,7 +1755,7 @@ declare namespace LocalJSX {
           * Regular expression for custom input masking. Uses IMask library.
           * @see  : https://imask.js.org/
          */
-        "maskRegex"?: MaskedRegExp['mask'] | string | null;
+        "maskRegex"?: string | null;
         /**
           * Maximum length of the input value (default: undefined)
          */
@@ -1152,6 +1764,10 @@ declare namespace LocalJSX {
           * Mode of the input: 'default' or 'transparent' (default: 'default')
          */
         "mode"?: 'default' | 'transparent';
+        /**
+          * Name text for the input
+         */
+        "name"?: string;
         /**
           * Emitted when the value of the input changes
           * @type {EventEmitter<string | number>}
@@ -1180,7 +1796,7 @@ declare namespace LocalJSX {
         /**
           * Type of the input: 'text', 'number' (default: 'text')
          */
-        "type"?: 'text' | 'number';
+        "type"?: string;
         /**
           * Value of the input field
          */
@@ -1298,6 +1914,50 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface CuraSelect {
+        /**
+          * Whether the select component is disabled. Reflects as an attribute in the DOM.
+         */
+        "disabled"?: boolean;
+        /**
+          * The label text for the select component. Reflects as an attribute in the DOM.
+         */
+        "label"?: string;
+        /**
+          * Display mode of the select component. Can be 'default' or 'transparent'.
+         */
+        "mode"?: 'default' | 'transparent';
+        /**
+          * Event emitted when an option is selected.
+         */
+        "onSelected"?: (event: CuraSelectCustomEvent<any>) => void;
+        /**
+          * Placeholder text for the input field. Reflects as an attribute in the DOM.
+         */
+        "placeholder"?: string;
+        /**
+          * Whether the select component is required. Reflects as an attribute in the DOM.
+         */
+        "required"?: boolean;
+        /**
+          * Size of the select component. Can be 'small', 'medium', or 'large'.
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Status of the select component. Can be 'success', 'error', or 'default'.
+         */
+        "status"?: 'success' | 'error' | 'default';
+        /**
+          * Current value of the select component. Reflects as an attribute in the DOM and is mutable.
+         */
+        "value"?: string;
+    }
+    interface CuraSelectOption {
+        "active"?: boolean;
+        "selected"?: boolean;
+        "size"?: 'xsmall' | 'small' | 'medium' | 'large';
+        "value"?: string;
+    }
     interface CuraSwitch {
         /**
           * Background style of the switch. Can be 'dark' or 'light'.
@@ -1327,7 +1987,7 @@ declare namespace LocalJSX {
         /**
           * Position of the label relative to the switch. Can be 'left' or 'right'.
          */
-        "position"?: "left" | "right";
+        "position"?: 'left' | 'right';
         /**
           * Size of the switch. Can be 'small', 'medium', or 'large'.
          */
@@ -1337,12 +1997,18 @@ declare namespace LocalJSX {
         "cura-accordion": CuraAccordion;
         "cura-accordion-item": CuraAccordionItem;
         "cura-alert": CuraAlert;
+        "cura-avatar": CuraAvatar;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
         "cura-button-select": CuraButtonSelect;
         "cura-button-transparent": CuraButtonTransparent;
+        "cura-calendar": CuraCalendar;
+        "cura-card": CuraCard;
         "cura-checkbox": CuraCheckbox;
         "cura-display": CuraDisplay;
+        "cura-dropdown-search": CuraDropdownSearch;
+        "cura-dropdown-search-option": CuraDropdownSearchOption;
+        "cura-dropdown-search-option-title": CuraDropdownSearchOptionTitle;
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
         "cura-icons-view": CuraIconsView;
@@ -1352,6 +2018,8 @@ declare namespace LocalJSX {
         "cura-page-template": CuraPageTemplate;
         "cura-paragraph": CuraParagraph;
         "cura-radio": CuraRadio;
+        "cura-select": CuraSelect;
+        "cura-select-option": CuraSelectOption;
         "cura-switch": CuraSwitch;
     }
 }
@@ -1362,12 +2030,18 @@ declare module "@stencil/core" {
             "cura-accordion": LocalJSX.CuraAccordion & JSXBase.HTMLAttributes<HTMLCuraAccordionElement>;
             "cura-accordion-item": LocalJSX.CuraAccordionItem & JSXBase.HTMLAttributes<HTMLCuraAccordionItemElement>;
             "cura-alert": LocalJSX.CuraAlert & JSXBase.HTMLAttributes<HTMLCuraAlertElement>;
+            "cura-avatar": LocalJSX.CuraAvatar & JSXBase.HTMLAttributes<HTMLCuraAvatarElement>;
             "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-calendar": LocalJSX.CuraCalendar & JSXBase.HTMLAttributes<HTMLCuraCalendarElement>;
+            "cura-card": LocalJSX.CuraCard & JSXBase.HTMLAttributes<HTMLCuraCardElement>;
             "cura-checkbox": LocalJSX.CuraCheckbox & JSXBase.HTMLAttributes<HTMLCuraCheckboxElement>;
             "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
+            "cura-dropdown-search": LocalJSX.CuraDropdownSearch & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchElement>;
+            "cura-dropdown-search-option": LocalJSX.CuraDropdownSearchOption & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionElement>;
+            "cura-dropdown-search-option-title": LocalJSX.CuraDropdownSearchOptionTitle & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionTitleElement>;
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
@@ -1377,6 +2051,8 @@ declare module "@stencil/core" {
             "cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
             "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
             "cura-radio": LocalJSX.CuraRadio & JSXBase.HTMLAttributes<HTMLCuraRadioElement>;
+            "cura-select": LocalJSX.CuraSelect & JSXBase.HTMLAttributes<HTMLCuraSelectElement>;
+            "cura-select-option": LocalJSX.CuraSelectOption & JSXBase.HTMLAttributes<HTMLCuraSelectOptionElement>;
             "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
         }
     }