@rededor/cura 1.7.0 → 1.8.0

package/dist/types/components.d.ts

@@ -13,63 +13,104 @@ export namespace Components {
     interface CuraAccordion {
         /**
           * Accordion behavior when item is clicked (The default will close all items except the current one)
+          * @default 'default'
          */
         "behavior": 'default' | 'keep-open';
+        /**
+          * @default 'up'
+         */
         "closeIcon": string;
         /**
           * Color scheme base color
+          * @default 'primary'
          */
         "color": string;
         /**
           * Set the color mode to dark or light
+          * @default 'dark'
          */
         "colorMode": 'dark' | 'light';
         /**
           * Color scheme base color (By default, the icon will use the same color of 'color')
+          * @default ''
          */
         "iconColor": string;
         /**
           * Accordion items icons
+          * @default 20
          */
         "iconSize": number;
+        /**
+          * @default ''
+         */
         "labelIcon": string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+          * @default 3
          */
         "level": 1 | 2 | 3 | 4 | 5 | 6;
+        /**
+          * @default 'down'
+         */
         "openIcon": string;
     }
     interface CuraAccordionItem {
+        /**
+          * @default 'up'
+         */
         "closeIcon": string;
         /**
           * Set the color mode to dark or light
+          * @default 'dark'
          */
         "colorMode": 'dark' | 'light';
         /**
           * Color scheme base color (By default, the icon will use the same color of 'color')
+          * @default ''
          */
         "iconColor": string;
         /**
           * Accordion items icons
+          * @default 20
          */
         "iconSize": number;
         /**
           * Text label for accordion item
+          * @default ''
          */
         "label": string;
+        /**
+          * @default ''
+         */
         "labelIcon": string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+          * @default 3
          */
         "level": 1 | 2 | 3 | 4 | 5 | 6;
+        /**
+          * @default 'down'
+         */
         "openIcon": string;
+        /**
+          * @default false
+         */
         "opened": boolean;
     }
     interface CuraAlert {
+        /**
+          * @default true
+         */
         "closeable": boolean;
+        /**
+          * @default false
+         */
         "floating": boolean;
         "icon": string;
         "label": string;
+        /**
+          * @default 'info'
+         */
         "type": 'info' | 'success' | 'warning' | 'error';
     }
     interface CuraAvatar {
@@ -119,10 +160,12 @@ export namespace Components {
     interface CuraBadgeCounter {
         /**
           * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+          * @default 'primary'
          */
         "color": string;
         /**
           * Define o estado do badge como desabilitado ou habilitado.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -131,38 +174,51 @@ export namespace Components {
         "number": number | null;
         /**
           * Define o estilo visual entre solid (default), outline ou transparent.
+          * @default 'solid'
          */
         "type": 'solid' | 'outline' | 'transparent' | string;
     }
     interface CuraBadgeDistance {
+        /**
+          * @default 0
+         */
         "distance": number;
+        /**
+          * @default 'km'
+         */
         "label": string;
     }
     interface CuraBadgeDot {
         /**
           * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+          * @default 'primary'
          */
         "color": string;
         /**
           * Define o estado do badge como desabilitado ou habilitado.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Define o estilo visual entre solid (default), outline ou transparent.
+          * @default 'solid'
          */
         "type": 'solid' | 'outline' | 'transparent' | string;
     }
     interface CuraBadgePill {
         /**
           * Set border-radius.
+          * @default '2px'
          */
         "borderRadius": string;
         /**
           * Color base from color scheme. Default: primary
+          * @default 'primary'
          */
         "color": 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'whatsapp';
         /**
           * Disabled state. Boolean
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -171,32 +227,39 @@ export namespace Components {
         "iconName": string;
         /**
           * Set badge to icon only. Boolean
+          * @default false
          */
         "iconOnly": boolean;
         /**
           * Custom iconset if needed
+          * @default 'default'
          */
         "iconset": string;
         /**
           * Badge type: solid | outline | transparent
+          * @default 'solid'
          */
         "type": 'solid' | 'outline' | 'transparent';
     }
     interface CuraButton {
         /**
           * Set the background color to dark or light.
+          * @default 'light'
          */
         "background": 'dark' | 'light';
         /**
           * Color base from color scheme. Default: accent.
+          * @default 'accent'
          */
         "color": string;
         /**
           * Disabled state. Boolean.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Set the font color to dark or light.
+          * @default 'dark'
          */
         "fontColor": 'dark' | 'light';
         /**
@@ -209,56 +272,69 @@ export namespace Components {
         "iconName": string;
         /**
           * Set button to FAB/icon only.
+          * @default false
          */
         "iconOnly": boolean;
         /**
           * Icon position: left (default) | right.
+          * @default 'left'
          */
         "iconPosition": 'left' | 'right';
         /**
           * Custom iconset if needed.
+          * @default 'default'
          */
         "iconset": string;
         /**
           * Loading state. Boolean.
+          * @default false
          */
         "isLoading": boolean;
         /**
           * Justify icons and label inside the button. Vales: false (default) | true.
+          * @default false
          */
         "justify": boolean;
         /**
           * Button size: small | medium | large (default)
+          * @default 'large'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Set target if link.
+          * @default "_self"
          */
         "target": string;
         /**
           * Set text aligment for the button label. Vales: left (default) | center | right.
+          * @default 'left'
          */
         "textAlign": 'left' | 'center' | 'right';
         /**
           * Button type: button (default) | submit | reset
+          * @default 'button'
          */
         "type": 'button' | 'reset' | 'submit';
     }
     interface CuraButtonOutline {
         /**
           * Set the font background to dark or light.
+          * @default 'light'
          */
         "background": 'dark' | 'light';
         /**
           * Color base from color scheme. Default: primary.
+          * @default 'primary'
          */
         "color": string;
         /**
           * Disabled state. Boolean.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Set the font color to dark or light.
+          * @default 'dark'
          */
         "fontColor": 'dark' | 'light';
         /**
@@ -271,62 +347,86 @@ export namespace Components {
         "iconName": string;
         /**
           * Set button to FAB/icon only.
+          * @default false
          */
         "iconOnly": boolean;
         /**
           * Icon position: left (default) | right.
+          * @default 'left'
          */
         "iconPosition": 'left' | 'right';
         /**
           * Custom iconset if needed.
+          * @default 'default'
          */
         "iconset": string;
         /**
           * Loading state. Boolean.
+          * @default false
          */
         "isLoading": boolean;
         /**
           * Justify icons and label inside the button. Vales: false (default) | true.
+          * @default false
          */
         "justify": boolean;
         /**
           * Button size: small | medium | large (default)
+          * @default 'large'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Set target if link.
+          * @default "_self"
          */
         "target": string;
         /**
           * Set text aligment for the button label. Vales: left (default) | center | right.
+          * @default 'left'
          */
         "textAlign": 'left' | 'center' | 'right';
         /**
           * Button type: button (default) | submit | reset
+          * @default 'button'
          */
         "type": 'button' | 'reset' | 'submit';
     }
     interface CuraButtonSelect {
+        /**
+          * @default 'light'
+         */
         "background": 'dark' | 'light';
+        /**
+          * @default 'primary'
+         */
         "color": string;
         "counter": number | null;
         "disabled": boolean;
         "iconName": string;
         "iconPosition": 'left' | 'right';
+        /**
+          * @default false
+         */
         "selected": boolean;
+        /**
+          * @default 'medium'
+         */
         "size": 'small' | 'medium' | 'large';
     }
     interface CuraButtonTransparent {
         /**
           * Color base from color scheme. Default: accent.
+          * @default 'primary'
          */
         "color": string;
         /**
           * Disabled state. Boolean.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Set the font color to dark or light. Default: dark.
+          * @default 'dark'
          */
         "fontColor": 'dark' | 'light';
         /**
@@ -339,42 +439,54 @@ export namespace Components {
         "iconName": string;
         /**
           * Set button to FAB/icon only.
+          * @default false
          */
         "iconOnly": boolean;
         /**
           * Icon position: left (default) | right.
+          * @default 'left'
          */
         "iconPosition": 'left' | 'right';
         /**
           * Custom iconset if needed.
+          * @default 'default'
          */
         "iconset": string;
         /**
           * Loading state. Boolean.
+          * @default false
          */
         "isLoading": boolean;
         /**
           * Justify icons and label inside the button. Vales: false (default) | true.
+          * @default false
          */
         "justify": boolean;
         /**
           * Button size: small | medium | large (default)
+          * @default 'large'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Set target if link.
+          * @default "_self"
          */
         "target": string;
         /**
           * Set text aligment for the button label. Vales: left (default) | center | right.
+          * @default 'left'
          */
         "textAlign": 'left' | 'center' | 'right';
         /**
           * Button type: button (default) | submit | reset
+          * @default 'button'
          */
         "type": 'button' | 'reset' | 'submit';
     }
     interface CuraCalendar {
+        /**
+          * @default null
+         */
         "collapsed": boolean | null;
         /**
           * Array of dates chosen by the user, can be updated dynamically.
@@ -448,6 +560,9 @@ export namespace Components {
           * @example // Example usage period = ["2024-08-01", "2024-08-30"];
          */
         "period": null | string[] | string;
+        /**
+          * @default 'light'
+         */
         "selectLabelColorMode": 'dark' | 'light' | string;
         /**
           * Hide today mark.
@@ -508,26 +623,32 @@ export namespace Components {
     interface CuraCheckbox {
         /**
           * Background theme of the checkbox. Can be 'dark' or 'light'.
+          * @default 'light'
          */
         "background": 'dark' | 'light';
         /**
           * Reflects the checked state of the checkbox. Mutable property allowing state change.
+          * @default false
          */
         "checked": boolean;
         /**
           * Color theme of the checkbox.
+          * @default 'accent'
          */
         "color": string;
         /**
           * Reflects the disabled state of the checkbox.
+          * @default false
          */
         "disabled": boolean;
         /**
           * iconColor theme of the checkbox. Can be 'dark' or 'light'.
+          * @default 'dark'
          */
         "iconColor": 'dark' | 'light';
         /**
           * Reflects the indeterminate state of the checkbox. Mutable property allowing state change.
+          * @default false
          */
         "indeterminate": boolean;
         /**
@@ -540,6 +661,7 @@ export namespace Components {
         "name": string;
         /**
           * Specifies the tabindex of the checkbox.
+          * @default 0
          */
         "ontabindex": number;
         /**
@@ -554,18 +676,22 @@ export namespace Components {
         "overflowLabel": 'none' | 'single' | string;
         /**
           * Position of the label relative to the checkbox. Can be 'left' or 'right'.
+          * @default 'left'
          */
         "position": 'left' | 'right';
         /**
           * Reflects the required state of the checkbox.
+          * @default false
          */
         "required": boolean;
         /**
           * Size of the checkbox. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Status of the checkbox. Can be 'error', 'success', or 'default'.
+          * @default 'default'
          */
         "status": 'error' | 'success' | 'default';
         /**
@@ -580,40 +706,49 @@ export namespace Components {
         "color": string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
+          * @default 1
          */
         "level": 1 | 2 | 3 | 4 | 5 | 6;
         /**
           * CSS line-height property values. Default to 140%
+          * @default '120%'
          */
         "lineHeight": string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '1.25em'
          */
         "marginBlock": string;
         /**
           * Display size. Values: 'large' (default) | 'small'.
+          * @default 'large'
          */
         "size": 'large' | 'small';
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor": string;
     }
     interface CuraDropdownSearch {
         /**
           * Disabled state. Default: false.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Custom icon name. Default: search.
+          * @default 'search'
          */
         "icon": string;
         /**
           * The label.
+          * @default ''
          */
         "label": string;
         /**
           * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 400px
+          * @default '400px'
          */
         "maxheight": string;
         /**
@@ -622,18 +757,22 @@ export namespace Components {
         "name": string;
         /**
           * The placeholder text.
+          * @default ''
          */
         "placeholder": string;
         /**
           * Field is required. Default: false.
+          * @default false
          */
         "required": boolean;
         /**
           * Delay in milliseconds to dispatch search events. Default: 400
+          * @default 400
          */
         "searchdelay": number;
         /**
           * Min chars to dispatch search events. Default: 3
+          * @default 3
          */
         "searchminchars": number;
         /**
@@ -646,14 +785,17 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         /**
           * Size of the dropdown search component Values: 'small', 'medium' or 'large' (default).
+          * @default 'large'
          */
         "size": 'small' | 'medium' | 'large' | string;
         /**
           * Define component status. Values: 'error' or 'default'.
+          * @default 'default'
          */
         "status": 'error' | 'default' | string;
         /**
           * Readonly property value. Represents the term on the search input field.
+          * @default ''
          */
         "value": string;
     }
@@ -664,6 +806,7 @@ export namespace Components {
     interface CuraDropdownSearchOption {
         /**
           * Highlighted state. This will be managed by the parent component. Default is false.
+          * @default false
          */
         "highlighted": boolean;
         /**
@@ -672,10 +815,12 @@ export namespace Components {
         "optionid": string;
         /**
           * Enable selection for this option. Default is true.
+          * @default true
          */
         "selectable": boolean;
         /**
           * Selected state. This will be managed by the parent component. Default is false.
+          * @default false
          */
         "selected": boolean;
         /**
@@ -690,43 +835,67 @@ export namespace Components {
         "color": string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
+          * @default 1
          */
         "level": 1 | 2 | 3 | 4 | 5 | 6;
         /**
           * CSS line-height property values. Default to 130%
+          * @default '130%'
          */
         "lineHeight": string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '1.25em'
          */
         "marginBlock": string;
         /**
           * Heading style size. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+          * @default 'medium'
          */
         "size": 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor": string;
         /**
           * Apply text-overflow ellipsis definitions. Default to none
+          * @default 'none'
          */
         "textOverflow": 'none' | 'single' | string;
         /**
           * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
+          * @default 'regular'
          */
         "weight": 'regular' | 'bold';
     }
     interface CuraIcon {
+        /**
+          * @default 'neutral-base'
+         */
         "color": string;
+        /**
+          * @default false
+         */
         "disabled": boolean;
+        /**
+          * @default 'default'
+         */
         "iconset": string;
+        /**
+          * @default ''
+         */
         "name": string;
         "size": string | number;
     }
     interface CuraIconsView {
     }
     interface CuraInputDate {
+        /**
+          * Calendar type (default: 'dropdown')
+          * @default 'dropdown'
+         */
+        "calendarType": 'dropdown' | 'static';
         /**
           * Controls whether future dates (dates before the current date) should be disabled
          */
@@ -745,42 +914,54 @@ export namespace Components {
         "helperText"?: string;
         /**
           * Whether to display a cura icon (default: null)
+          * @default ''
          */
         "iconName"?: string;
         /**
           * Label text for the input date
+          * @default ''
          */
         "label"?: string;
         /**
           * Name text for the input date
+          * @default ''
          */
         "name"?: string;
         /**
           * Placeholder text for the input
+          * @default null
          */
         "placeholder"?: string | null;
         /**
           * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Indicates input status (default: default)
+          * @default 'default'
          */
         "status": 'error' | 'success' | 'default';
     }
     interface CuraInputText {
         /**
           * Defines whether the input should have autocomplete
+          * @default 'on'
          */
         "autocomplete"?: string;
         /**
           * Icon button name for the clear button (default: 'closeCircle')
+          * @default true
          */
         "clearIcon"?: boolean;
         /**
           * Whether the input is disabled (default: false)
+          * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
         "enableSelectionMode": boolean;
         /**
           * Helper text displayed below the input
@@ -788,22 +969,27 @@ export namespace Components {
         "helperText"?: string;
         /**
           * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
+          * @default false
          */
         "hideErrorIcon": boolean;
         /**
           * Whether to display a cura icon (default: null)
+          * @default ''
          */
         "iconName"?: string;
         /**
           * Type of the input: 'text', 'number' (default: 'text')
+          * @default 'text'
          */
         "inputMode": string;
         /**
           * Whether the input is in loading state (default: false)
+          * @default false
          */
         "isLoading"?: boolean;
         /**
           * Label text for the input
+          * @default ''
          */
         "label"?: string;
         /**
@@ -827,39 +1013,48 @@ export namespace Components {
         "maxlength"?: number | undefined;
         /**
           * Mode of the input: 'default' or 'transparent' (default: 'default')
+          * @default 'default'
          */
         "mode": 'default' | 'transparent' | string;
         /**
           * Name text for the input
+          * @default ''
          */
         "name"?: string;
         /**
           * Placeholder text for the input
+          * @default null
          */
         "placeholder"?: string | null;
         /**
           * Whether the input is read-only (default: false)
+          * @default false
          */
         "readOnly"?: boolean;
         /**
           * Whether the input is required (default: false)
+          * @default false
          */
         "required"?: boolean;
         "setFocus": () => Promise<void>;
         /**
           * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large' | string;
         /**
           * Indicates input status(default: default)
+          * @default 'default'
          */
         "status": 'error' | 'success' | 'default' | string;
         /**
           * Type of the input: 'text', 'number' (default: 'text')
+          * @default 'text'
          */
         "type": string;
         /**
           * Value of the input field
+          * @default ''
          */
         "value": string | number;
     }
@@ -870,78 +1065,103 @@ export namespace Components {
         "color": string;
         /**
           * CSS line-height property values. Default to 140%
+          * @default '125%'
          */
         "lineHeight": string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '0'
          */
         "marginBlock": string;
         /**
           * Set size of body text. Values: medium (default) | large | small | xsmall.
+          * @default 'medium'
          */
         "size": 'medium' | 'large' | 'small' | 'xsmall' | string;
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor": string;
         /**
           * Apply text-overflow ellipsis definitions. Default to none
+          * @default 'none'
          */
         "textOverflow": 'none' | 'single' | string;
         /**
           * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
+          * @default 'regular'
          */
         "weight": 'regular' | 'bold';
     }
     interface CuraLoaderBar {
+        /**
+          * @default 'primary-base'
+         */
         "color": string;
+        /**
+          * @default 0
+         */
         "progress": number;
     }
     interface CuraLoaderCircle {
         /**
           * One from color scheme. Default: neutral-white.
+          * @default 'neutral-white'
          */
         "color": string;
         /**
           * Loader size. Values: small, medium or large.
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large' | 'xlarge';
     }
     interface CuraModal {
         /**
           * Property background to control modal backdrop color. Default: light
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Property bottom to control modal bottom position. Default: 0px
+          * @default 0
          */
         "bottom"?: number;
         /**
           * Property left to control modal left position. Default: 0px
+          * @default 0
          */
         "left"?: number;
         /**
           * Defines the label for the close button when the modal is viewed on mobile. Default: Fechar
+          * @default 'Fechar'
          */
         "mobileCloseLabel": string;
         /**
           * Property open to control modal visibility. Default: false
+          * @default false
          */
         "open"?: boolean;
         /**
           * Property right to control modal right position. Default: 0px
+          * @default 0
          */
         "right"?: number;
         /**
           * Property top to control modal top position. Default: 0px
+          * @default 0
          */
         "top"?: number;
         /**
           * Property zindex to control the z-index value of the component. Default: 100
+          * @default '100'
          */
         "zindex": string;
     }
     interface CuraPageTemplate {
+        /**
+          * @default 'default'
+         */
         "contentwidth": 'default' | 'centered';
     }
     interface CuraParagraph {
@@ -951,22 +1171,27 @@ export namespace Components {
         "color": string;
         /**
           * CSS line-height property values. Default to 140%
+          * @default '140%'
          */
         "lineHeight": string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '1.25em'
          */
         "marginBlock": string;
         /**
           * Set size of body text. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+          * @default 'medium'
          */
         "size": 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor": string;
         /**
           * Apply text-overflow ellipsis definitions. Default to none
+          * @default 'none'
          */
         "textOverflow": 'none' | 'single' | string;
     }
@@ -985,36 +1210,44 @@ export namespace Components {
         "progressColor": string;
         /**
           * Defines the size of the progress bar
+          * @default 40
          */
         "size": number;
         /**
           * Defines the width of the stroke (outline) of the progress circle
+          * @default 3.25
          */
         "strokeWidth": number;
     }
     interface CuraRadio {
         /**
           * Background theme of the radio button. Can be 'dark' or 'light'.
+          * @default 'light'
          */
         "background": 'dark' | 'light';
         /**
           * Reflects the checked state of the radio button. Mutable property allowing state change.
+          * @default false
          */
         "checked": boolean;
         /**
           * Color theme of the radio button.
+          * @default 'accent'
          */
         "color": string;
         /**
           * Reflects the disabled state of the radio button.
+          * @default false
          */
         "disabled": boolean;
         /**
           * Text label associated with the radio button.
+          * @default ''
          */
         "label": string;
         /**
           * Name attribute of the radio button.
+          * @default ''
          */
         "name": string;
         /**
@@ -1033,75 +1266,100 @@ export namespace Components {
         "overflowLabel": 'none' | 'single' | string;
         /**
           * Position of the label relative to the radio button. Can be 'left' or 'right'.
+          * @default 'left'
          */
         "position": 'left' | 'right';
         /**
           * Reflects the required state of the radio button.
+          * @default false
          */
         "required": boolean;
         /**
           * Size of the radio button. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Status of the radio button. Can be 'error', 'success', or 'default'.
+          * @default 'default'
          */
         "status": 'error' | 'success' | 'default';
         /**
           * Value associated with the radio button.
+          * @default ''
          */
         "value": string;
     }
     interface CuraSelect {
         /**
           * The search will be sensitive to accents. Default: true
+          * @default true
          */
         "caseSensitive": boolean;
         /**
           * Whether the select component is disabled. Reflects as an attribute in the DOM.
+          * @default false
          */
         "disabled": boolean;
         "iconName"?: string;
         /**
           * The label text for the select component. Reflects as an attribute in the DOM.
+          * @default ''
          */
         "label": string;
         /**
           * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 285px
+          * @default '285px'
          */
         "maxHeight": string;
         /**
           * Display mode of the select component. Can be 'default' or 'transparent'.
+          * @default 'default'
          */
         "mode": 'default' | 'transparent';
         /**
           * Placeholder text for the input field. Reflects as an attribute in the DOM.
+          * @default ''
          */
         "placeholder": string;
         /**
           * Whether the select component is required. Reflects as an attribute in the DOM.
+          * @default false
          */
         "required": boolean;
         /**
           * Enable / Disable search at options by term. Default: false
+          * @default false
          */
         "searchBehavior": boolean;
         /**
           * Size of the select component. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
         /**
           * Status of the select component. Can be 'success', 'error', or 'default'.
+          * @default 'default'
          */
         "status": 'success' | 'error' | 'default';
         /**
           * Current value of the select component. Reflects as an attribute in the DOM and is mutable.
+          * @default ''
          */
         "value": string;
     }
     interface CuraSelectOption {
+        /**
+          * @default false
+         */
         "active": boolean;
+        /**
+          * @default false
+         */
         "selected": boolean;
+        /**
+          * @default 'small'
+         */
         "size": 'xsmall' | 'small' | 'medium' | 'large';
         "value": string;
     }
@@ -1112,24 +1370,29 @@ export namespace Components {
         "activeStepIndex": number;
         /**
           * Whether to display the title (default: false)
+          * @default false
          */
         "displayHeading": boolean;
         /**
           * Indicates if a step has encountered an error If `true`, the current step will be marked as 'stop'
+          * @default false
          */
         "errorInCurrentStep": boolean;
         /**
           * List of steps in the stepper.
+          * @default []
          */
         "steps": Step[] | string;
         /**
           * Allows you to set the appearance of the component (default: default)
+          * @default 'default'
          */
         "variant": 'compact' | 'default';
     }
     interface CuraStepperItem {
         /**
           * Determines if the step title is displayed (default: false)
+          * @default false
          */
         "displayHeading": boolean;
         /**
@@ -1142,32 +1405,39 @@ export namespace Components {
         "label": string;
         /**
           * The current status of the step Can be:    - 'done' for completed steps    - 'stop' for failed steps    - 'active' for the current active step    - 'default' for steps that are neither done, active nor stopped.
+          * @default 'default'
          */
         "status": 'done' | 'stop' | 'active' | 'default';
     }
     interface CuraSwitch {
         /**
           * Background style of the switch. Can be 'dark' or 'light'.
+          * @default 'light'
          */
         "background": 'dark' | 'light';
         /**
           * Indicates whether the switch is checked or not.
+          * @default false
          */
         "checked": boolean;
         /**
           * Accent color of the switch.
+          * @default 'accent'
          */
         "color": string;
         /**
           * Indicates whether the switch is disabled or not.
+          * @default false
          */
         "disabled": boolean;
         /**
           * The label text to display next to the switch.
+          * @default ''
          */
         "label": string;
         /**
           * Tab index for the switch element. Reflects as an HTML attribute.
+          * @default 0
          */
         "ontabindex": number;
         /**
@@ -1182,65 +1452,154 @@ export namespace Components {
         "overflowLabel": 'none' | 'single' | string;
         /**
           * Position of the label relative to the switch. Can be 'left' or 'right'.
+          * @default 'left'
          */
         "position": 'left' | 'right';
         /**
           * Size of the switch. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size": 'small' | 'medium' | 'large';
     }
     interface CuraTabs {
+        /**
+          * @default true
+         */
         "borderBottom": boolean;
+        /**
+          * @default 'light'
+         */
         "colorMode": 'dark' | 'light';
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "iconName": string;
         "name": string;
+        /**
+          * @default false
+         */
         "selected": boolean;
+        /**
+          * @default 'large'
+         */
         "size": 'small' | 'medium' | 'large';
     }
     interface CuraTabsButton {
+        /**
+          * @default 'light'
+         */
         "colorMode": 'dark' | 'light';
+        /**
+          * @default 1
+         */
         "counter"?: number;
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "iconName": string;
         "name": string;
+        /**
+          * @default false
+         */
         "selected": boolean;
+        /**
+          * @default 'large'
+         */
         "size": 'small' | 'medium' | 'large';
     }
     interface CuraTabsGroup {
+        /**
+          * @default true
+         */
         "borderBottom": boolean;
+        /**
+          * @default 'light'
+         */
         "colorMode": 'dark' | 'light';
+        /**
+          * @default 0
+         */
         "gap": number;
     }
     interface CuraTabsTransparent {
+        /**
+          * @default true
+         */
         "borderBottom": boolean;
+        /**
+          * @default 'light'
+         */
         "colorMode": 'dark' | 'light';
+        /**
+          * @default false
+         */
         "disabled": boolean;
         "iconName": string;
         "name": string;
+        /**
+          * @default false
+         */
         "selected": boolean;
+        /**
+          * @default 'large'
+         */
         "size": 'small' | 'medium' | 'large';
     }
     interface CuraToast {
+        /**
+          * @default 10000
+         */
         "autoCloseDelay": number;
         /**
           * Method to close toast component
          */
         "close": () => Promise<void>;
+        /**
+          * @default true
+         */
         "closeButton": boolean;
         "icon": string;
         "label": string;
+        /**
+          * @default true
+         */
         "loader": boolean;
+        /**
+          * @default 'top-right'
+         */
         "position": 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+        /**
+          * @default 'info'
+         */
         "type": 'info' | 'success' | 'warning' | 'error';
     }
     interface CuraTooltip {
+        /**
+          * @default false
+         */
         "closeButton": boolean;
+        /**
+          * @default 250
+         */
         "delay": number;
+        /**
+          * @default ''
+         */
         "elementId": string;
+        /**
+          * @default true
+         */
         "interactive": boolean;
         "label": string;
+        /**
+          * @default '280px'
+         */
         "maxWidth": string;
+        /**
+          * @default 'top'
+         */
         "position": 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
     }
 }
@@ -1850,64 +2209,105 @@ declare namespace LocalJSX {
     interface CuraAccordion {
         /**
           * Accordion behavior when item is clicked (The default will close all items except the current one)
+          * @default 'default'
          */
         "behavior"?: 'default' | 'keep-open';
+        /**
+          * @default 'up'
+         */
         "closeIcon"?: string;
         /**
           * Color scheme base color
+          * @default 'primary'
          */
         "color"?: string;
         /**
           * Set the color mode to dark or light
+          * @default 'dark'
          */
         "colorMode"?: 'dark' | 'light';
         /**
           * Color scheme base color (By default, the icon will use the same color of 'color')
+          * @default ''
          */
         "iconColor"?: string;
         /**
           * Accordion items icons
+          * @default 20
          */
         "iconSize"?: number;
+        /**
+          * @default ''
+         */
         "labelIcon"?: string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+          * @default 3
          */
         "level"?: 1 | 2 | 3 | 4 | 5 | 6;
+        /**
+          * @default 'down'
+         */
         "openIcon"?: string;
     }
     interface CuraAccordionItem {
+        /**
+          * @default 'up'
+         */
         "closeIcon"?: string;
         /**
           * Set the color mode to dark or light
+          * @default 'dark'
          */
         "colorMode"?: 'dark' | 'light';
         /**
           * Color scheme base color (By default, the icon will use the same color of 'color')
+          * @default ''
          */
         "iconColor"?: string;
         /**
           * Accordion items icons
+          * @default 20
          */
         "iconSize"?: number;
         /**
           * Text label for accordion item
+          * @default ''
          */
         "label"?: string;
+        /**
+          * @default ''
+         */
         "labelIcon"?: string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+          * @default 3
          */
         "level"?: 1 | 2 | 3 | 4 | 5 | 6;
+        /**
+          * @default 'down'
+         */
         "openIcon"?: string;
+        /**
+          * @default false
+         */
         "opened"?: boolean;
     }
     interface CuraAlert {
+        /**
+          * @default true
+         */
         "closeable"?: boolean;
+        /**
+          * @default false
+         */
         "floating"?: boolean;
         "icon"?: string;
         "label"?: string;
         "onClose"?: (event: CuraAlertCustomEvent<void>) => void;
+        /**
+          * @default 'info'
+         */
         "type"?: 'info' | 'success' | 'warning' | 'error';
     }
     interface CuraAvatar {
@@ -1957,10 +2357,12 @@ declare namespace LocalJSX {
     interface CuraBadgeCounter {
         /**
           * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+          * @default 'primary'
          */
         "color"?: string;
         /**
           * Define o estado do badge como desabilitado ou habilitado.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -1969,38 +2371,51 @@ declare namespace LocalJSX {
         "number"?: number | null;
         /**
           * Define o estilo visual entre solid (default), outline ou transparent.
+          * @default 'solid'
          */
         "type"?: 'solid' | 'outline' | 'transparent' | string;
     }
     interface CuraBadgeDistance {
+        /**
+          * @default 0
+         */
         "distance"?: number;
+        /**
+          * @default 'km'
+         */
         "label"?: string;
     }
     interface CuraBadgeDot {
         /**
           * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+          * @default 'primary'
          */
         "color"?: string;
         /**
           * Define o estado do badge como desabilitado ou habilitado.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Define o estilo visual entre solid (default), outline ou transparent.
+          * @default 'solid'
          */
         "type"?: 'solid' | 'outline' | 'transparent' | string;
     }
     interface CuraBadgePill {
         /**
           * Set border-radius.
+          * @default '2px'
          */
         "borderRadius"?: string;
         /**
           * Color base from color scheme. Default: primary
+          * @default 'primary'
          */
         "color"?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'whatsapp';
         /**
           * Disabled state. Boolean
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2009,32 +2424,39 @@ declare namespace LocalJSX {
         "iconName"?: string;
         /**
           * Set badge to icon only. Boolean
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
           * Custom iconset if needed
+          * @default 'default'
          */
         "iconset"?: string;
         /**
           * Badge type: solid | outline | transparent
+          * @default 'solid'
          */
         "type"?: 'solid' | 'outline' | 'transparent';
     }
     interface CuraButton {
         /**
           * Set the background color to dark or light.
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Color base from color scheme. Default: accent.
+          * @default 'accent'
          */
         "color"?: string;
         /**
           * Disabled state. Boolean.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Set the font color to dark or light.
+          * @default 'dark'
          */
         "fontColor"?: 'dark' | 'light';
         /**
@@ -2047,56 +2469,69 @@ declare namespace LocalJSX {
         "iconName"?: string;
         /**
           * Set button to FAB/icon only.
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
           * Icon position: left (default) | right.
+          * @default 'left'
          */
         "iconPosition"?: 'left' | 'right';
         /**
           * Custom iconset if needed.
+          * @default 'default'
          */
         "iconset"?: string;
         /**
           * Loading state. Boolean.
+          * @default false
          */
         "isLoading"?: boolean;
         /**
           * Justify icons and label inside the button. Vales: false (default) | true.
+          * @default false
          */
         "justify"?: boolean;
         /**
           * Button size: small | medium | large (default)
+          * @default 'large'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Set target if link.
+          * @default "_self"
          */
         "target"?: string;
         /**
           * Set text aligment for the button label. Vales: left (default) | center | right.
+          * @default 'left'
          */
         "textAlign"?: 'left' | 'center' | 'right';
         /**
           * Button type: button (default) | submit | reset
+          * @default 'button'
          */
         "type"?: 'button' | 'reset' | 'submit';
     }
     interface CuraButtonOutline {
         /**
           * Set the font background to dark or light.
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Color base from color scheme. Default: primary.
+          * @default 'primary'
          */
         "color"?: string;
         /**
           * Disabled state. Boolean.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Set the font color to dark or light.
+          * @default 'dark'
          */
         "fontColor"?: 'dark' | 'light';
         /**
@@ -2109,63 +2544,87 @@ declare namespace LocalJSX {
         "iconName"?: string;
         /**
           * Set button to FAB/icon only.
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
           * Icon position: left (default) | right.
+          * @default 'left'
          */
         "iconPosition"?: 'left' | 'right';
         /**
           * Custom iconset if needed.
+          * @default 'default'
          */
         "iconset"?: string;
         /**
           * Loading state. Boolean.
+          * @default false
          */
         "isLoading"?: boolean;
         /**
           * Justify icons and label inside the button. Vales: false (default) | true.
+          * @default false
          */
         "justify"?: boolean;
         /**
           * Button size: small | medium | large (default)
+          * @default 'large'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Set target if link.
+          * @default "_self"
          */
         "target"?: string;
         /**
           * Set text aligment for the button label. Vales: left (default) | center | right.
+          * @default 'left'
          */
         "textAlign"?: 'left' | 'center' | 'right';
         /**
           * Button type: button (default) | submit | reset
+          * @default 'button'
          */
         "type"?: 'button' | 'reset' | 'submit';
     }
     interface CuraButtonSelect {
+        /**
+          * @default 'light'
+         */
         "background"?: 'dark' | 'light';
+        /**
+          * @default 'primary'
+         */
         "color"?: string;
         "counter"?: number | null;
         "disabled"?: boolean;
         "iconName"?: string;
         "iconPosition"?: 'left' | 'right';
         "onOnclick"?: (event: CuraButtonSelectCustomEvent<{ selected: boolean }>) => void;
+        /**
+          * @default false
+         */
         "selected"?: boolean;
+        /**
+          * @default 'medium'
+         */
         "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraButtonTransparent {
         /**
           * Color base from color scheme. Default: accent.
+          * @default 'primary'
          */
         "color"?: string;
         /**
           * Disabled state. Boolean.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Set the font color to dark or light. Default: dark.
+          * @default 'dark'
          */
         "fontColor"?: 'dark' | 'light';
         /**
@@ -2178,42 +2637,54 @@ declare namespace LocalJSX {
         "iconName"?: string;
         /**
           * Set button to FAB/icon only.
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
           * Icon position: left (default) | right.
+          * @default 'left'
          */
         "iconPosition"?: 'left' | 'right';
         /**
           * Custom iconset if needed.
+          * @default 'default'
          */
         "iconset"?: string;
         /**
           * Loading state. Boolean.
+          * @default false
          */
         "isLoading"?: boolean;
         /**
           * Justify icons and label inside the button. Vales: false (default) | true.
+          * @default false
          */
         "justify"?: boolean;
         /**
           * Button size: small | medium | large (default)
+          * @default 'large'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Set target if link.
+          * @default "_self"
          */
         "target"?: string;
         /**
           * Set text aligment for the button label. Vales: left (default) | center | right.
+          * @default 'left'
          */
         "textAlign"?: 'left' | 'center' | 'right';
         /**
           * Button type: button (default) | submit | reset
+          * @default 'button'
          */
         "type"?: 'button' | 'reset' | 'submit';
     }
     interface CuraCalendar {
+        /**
+          * @default null
+         */
         "collapsed"?: boolean | null;
         /**
           * Array of dates chosen by the user, can be updated dynamically.
@@ -2293,6 +2764,9 @@ declare namespace LocalJSX {
           * @example // Example usage period = ["2024-08-01", "2024-08-30"];
          */
         "period"?: null | string[] | string;
+        /**
+          * @default 'light'
+         */
         "selectLabelColorMode"?: 'dark' | 'light' | string;
         /**
           * Hide today mark.
@@ -2353,26 +2827,32 @@ declare namespace LocalJSX {
     interface CuraCheckbox {
         /**
           * Background theme of the checkbox. Can be 'dark' or 'light'.
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Reflects the checked state of the checkbox. Mutable property allowing state change.
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Color theme of the checkbox.
+          * @default 'accent'
          */
         "color"?: string;
         /**
           * Reflects the disabled state of the checkbox.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * iconColor theme of the checkbox. Can be 'dark' or 'light'.
+          * @default 'dark'
          */
         "iconColor"?: 'dark' | 'light';
         /**
           * Reflects the indeterminate state of the checkbox. Mutable property allowing state change.
+          * @default false
          */
         "indeterminate"?: boolean;
         /**
@@ -2386,6 +2866,7 @@ declare namespace LocalJSX {
         "onOnchange"?: (event: CuraCheckboxCustomEvent<{ value: string; checked: boolean; indeterminate: boolean }>) => void;
         /**
           * Specifies the tabindex of the checkbox.
+          * @default 0
          */
         "ontabindex"?: number;
         /**
@@ -2400,18 +2881,22 @@ declare namespace LocalJSX {
         "overflowLabel"?: 'none' | 'single' | string;
         /**
           * Position of the label relative to the checkbox. Can be 'left' or 'right'.
+          * @default 'left'
          */
         "position"?: 'left' | 'right';
         /**
           * Reflects the required state of the checkbox.
+          * @default false
          */
         "required"?: boolean;
         /**
           * Size of the checkbox. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Status of the checkbox. Can be 'error', 'success', or 'default'.
+          * @default 'default'
          */
         "status"?: 'error' | 'success' | 'default';
         /**
@@ -2426,40 +2911,49 @@ declare namespace LocalJSX {
         "color"?: string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
+          * @default 1
          */
         "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         /**
           * CSS line-height property values. Default to 140%
+          * @default '120%'
          */
         "lineHeight"?: string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '1.25em'
          */
         "marginBlock"?: string;
         /**
           * Display size. Values: 'large' (default) | 'small'.
+          * @default 'large'
          */
         "size"?: 'large' | 'small';
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor"?: string;
     }
     interface CuraDropdownSearch {
         /**
           * Disabled state. Default: false.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Custom icon name. Default: search.
+          * @default 'search'
          */
         "icon"?: string;
         /**
           * The label.
+          * @default ''
          */
         "label"?: string;
         /**
           * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 400px
+          * @default '400px'
          */
         "maxheight"?: string;
         /**
@@ -2470,30 +2964,37 @@ declare namespace LocalJSX {
         "onTermchange"?: (event: CuraDropdownSearchCustomEvent<string>) => void;
         /**
           * The placeholder text.
+          * @default ''
          */
         "placeholder"?: string;
         /**
           * Field is required. Default: false.
+          * @default false
          */
         "required"?: boolean;
         /**
           * Delay in milliseconds to dispatch search events. Default: 400
+          * @default 400
          */
         "searchdelay"?: number;
         /**
           * Min chars to dispatch search events. Default: 3
+          * @default 3
          */
         "searchminchars"?: number;
         /**
           * Size of the dropdown search component Values: 'small', 'medium' or 'large' (default).
+          * @default 'large'
          */
         "size"?: 'small' | 'medium' | 'large' | string;
         /**
           * Define component status. Values: 'error' or 'default'.
+          * @default 'default'
          */
         "status"?: 'error' | 'default' | string;
         /**
           * Readonly property value. Represents the term on the search input field.
+          * @default ''
          */
         "value"?: string;
     }
@@ -2505,6 +3006,7 @@ declare namespace LocalJSX {
     interface CuraDropdownSearchOption {
         /**
           * Highlighted state. This will be managed by the parent component. Default is false.
+          * @default false
          */
         "highlighted"?: boolean;
         "onActionclick"?: (event: CuraDropdownSearchOptionCustomEvent<any>) => void;
@@ -2515,10 +3017,12 @@ declare namespace LocalJSX {
         "optionid": string;
         /**
           * Enable selection for this option. Default is true.
+          * @default true
          */
         "selectable"?: boolean;
         /**
           * Selected state. This will be managed by the parent component. Default is false.
+          * @default false
          */
         "selected"?: boolean;
         /**
@@ -2533,43 +3037,67 @@ declare namespace LocalJSX {
         "color"?: string;
         /**
           * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1(default) to 6.
+          * @default 1
          */
         "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         /**
           * CSS line-height property values. Default to 130%
+          * @default '130%'
          */
         "lineHeight"?: string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '1.25em'
          */
         "marginBlock"?: string;
         /**
           * Heading style size. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+          * @default 'medium'
          */
         "size"?: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor"?: string;
         /**
           * Apply text-overflow ellipsis definitions. Default to none
+          * @default 'none'
          */
         "textOverflow"?: 'none' | 'single' | string;
         /**
           * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
+          * @default 'regular'
          */
         "weight"?: 'regular' | 'bold';
     }
     interface CuraIcon {
+        /**
+          * @default 'neutral-base'
+         */
         "color"?: string;
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
+        /**
+          * @default 'default'
+         */
         "iconset"?: string;
+        /**
+          * @default ''
+         */
         "name"?: string;
         "size"?: string | number;
     }
     interface CuraIconsView {
     }
     interface CuraInputDate {
+        /**
+          * Calendar type (default: 'dropdown')
+          * @default 'dropdown'
+         */
+        "calendarType"?: 'dropdown' | 'static';
         /**
           * Controls whether future dates (dates before the current date) should be disabled
          */
@@ -2588,14 +3116,17 @@ declare namespace LocalJSX {
         "helperText"?: string;
         /**
           * Whether to display a cura icon (default: null)
+          * @default ''
          */
         "iconName"?: string;
         /**
           * Label text for the input date
+          * @default ''
          */
         "label"?: string;
         /**
           * Name text for the input date
+          * @default ''
          */
         "name"?: string;
         /**
@@ -2610,30 +3141,39 @@ declare namespace LocalJSX {
         "onStatusInputChange"?: (event: CuraInputDateCustomEvent<string>) => void;
         /**
           * Placeholder text for the input
+          * @default null
          */
         "placeholder"?: string | null;
         /**
           * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Indicates input status (default: default)
+          * @default 'default'
          */
         "status"?: 'error' | 'success' | 'default';
     }
     interface CuraInputText {
         /**
           * Defines whether the input should have autocomplete
+          * @default 'on'
          */
         "autocomplete"?: string;
         /**
           * Icon button name for the clear button (default: 'closeCircle')
+          * @default true
          */
         "clearIcon"?: boolean;
         /**
           * Whether the input is disabled (default: false)
+          * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
         "enableSelectionMode"?: boolean;
         /**
           * Helper text displayed below the input
@@ -2641,22 +3181,27 @@ declare namespace LocalJSX {
         "helperText"?: string;
         /**
           * Removes the alertCircle icon when necessary(as used in CuraDropdownSearch)
+          * @default false
          */
         "hideErrorIcon"?: boolean;
         /**
           * Whether to display a cura icon (default: null)
+          * @default ''
          */
         "iconName"?: string;
         /**
           * Type of the input: 'text', 'number' (default: 'text')
+          * @default 'text'
          */
         "inputMode"?: string;
         /**
           * Whether the input is in loading state (default: false)
+          * @default false
          */
         "isLoading"?: boolean;
         /**
           * Label text for the input
+          * @default ''
          */
         "label"?: string;
         /**
@@ -2680,10 +3225,12 @@ declare namespace LocalJSX {
         "maxlength"?: number | undefined;
         /**
           * Mode of the input: 'default' or 'transparent' (default: 'default')
+          * @default 'default'
          */
         "mode"?: 'default' | 'transparent' | string;
         /**
           * Name text for the input
+          * @default ''
          */
         "name"?: string;
         /**
@@ -2698,30 +3245,37 @@ declare namespace LocalJSX {
         "onValueChange"?: (event: CuraInputTextCustomEvent<string | number>) => void;
         /**
           * Placeholder text for the input
+          * @default null
          */
         "placeholder"?: string | null;
         /**
           * Whether the input is read-only (default: false)
+          * @default false
          */
         "readOnly"?: boolean;
         /**
           * Whether the input is required (default: false)
+          * @default false
          */
         "required"?: boolean;
         /**
           * Size of the input mode default: 'small', 'medium', or 'large' (default: 'medium')
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large' | string;
         /**
           * Indicates input status(default: default)
+          * @default 'default'
          */
         "status"?: 'error' | 'success' | 'default' | string;
         /**
           * Type of the input: 'text', 'number' (default: 'text')
+          * @default 'text'
          */
         "type"?: string;
         /**
           * Value of the input field
+          * @default ''
          */
         "value"?: string | number;
     }
@@ -2732,58 +3286,76 @@ declare namespace LocalJSX {
         "color"?: string;
         /**
           * CSS line-height property values. Default to 140%
+          * @default '125%'
          */
         "lineHeight"?: string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '0'
          */
         "marginBlock"?: string;
         /**
           * Set size of body text. Values: medium (default) | large | small | xsmall.
+          * @default 'medium'
          */
         "size"?: 'medium' | 'large' | 'small' | 'xsmall' | string;
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor"?: string;
         /**
           * Apply text-overflow ellipsis definitions. Default to none
+          * @default 'none'
          */
         "textOverflow"?: 'none' | 'single' | string;
         /**
           * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well. Values: regular (default) | bold.
+          * @default 'regular'
          */
         "weight"?: 'regular' | 'bold';
     }
     interface CuraLoaderBar {
+        /**
+          * @default 'primary-base'
+         */
         "color"?: string;
+        /**
+          * @default 0
+         */
         "progress"?: number;
     }
     interface CuraLoaderCircle {
         /**
           * One from color scheme. Default: neutral-white.
+          * @default 'neutral-white'
          */
         "color"?: string;
         /**
           * Loader size. Values: small, medium or large.
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large' | 'xlarge';
     }
     interface CuraModal {
         /**
           * Property background to control modal backdrop color. Default: light
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Property bottom to control modal bottom position. Default: 0px
+          * @default 0
          */
         "bottom"?: number;
         /**
           * Property left to control modal left position. Default: 0px
+          * @default 0
          */
         "left"?: number;
         /**
           * Defines the label for the close button when the modal is viewed on mobile. Default: Fechar
+          * @default 'Fechar'
          */
         "mobileCloseLabel"?: string;
         /**
@@ -2792,22 +3364,29 @@ declare namespace LocalJSX {
         "onModalClose"?: (event: CuraModalCustomEvent<void>) => void;
         /**
           * Property open to control modal visibility. Default: false
+          * @default false
          */
         "open"?: boolean;
         /**
           * Property right to control modal right position. Default: 0px
+          * @default 0
          */
         "right"?: number;
         /**
           * Property top to control modal top position. Default: 0px
+          * @default 0
          */
         "top"?: number;
         /**
           * Property zindex to control the z-index value of the component. Default: 100
+          * @default '100'
          */
         "zindex"?: string;
     }
     interface CuraPageTemplate {
+        /**
+          * @default 'default'
+         */
         "contentwidth"?: 'default' | 'centered';
     }
     interface CuraParagraph {
@@ -2817,22 +3396,27 @@ declare namespace LocalJSX {
         "color"?: string;
         /**
           * CSS line-height property values. Default to 140%
+          * @default '140%'
          */
         "lineHeight"?: string;
         /**
           * CSS margin-block property values. Default to 1.25em
+          * @default '1.25em'
          */
         "marginBlock"?: string;
         /**
           * Set size of body text. Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+          * @default 'medium'
          */
         "size"?: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall';
         /**
           * Apply design system color to interactive elements like <a> and <abbr> inside the text. Values: Color from design system scheme. Default to 'accent-dark'.
+          * @default 'accent-dark'
          */
         "spotColor"?: string;
         /**
           * Apply text-overflow ellipsis definitions. Default to none
+          * @default 'none'
          */
         "textOverflow"?: 'none' | 'single' | string;
     }
@@ -2851,36 +3435,44 @@ declare namespace LocalJSX {
         "progressColor"?: string;
         /**
           * Defines the size of the progress bar
+          * @default 40
          */
         "size"?: number;
         /**
           * Defines the width of the stroke (outline) of the progress circle
+          * @default 3.25
          */
         "strokeWidth"?: number;
     }
     interface CuraRadio {
         /**
           * Background theme of the radio button. Can be 'dark' or 'light'.
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Reflects the checked state of the radio button. Mutable property allowing state change.
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Color theme of the radio button.
+          * @default 'accent'
          */
         "color"?: string;
         /**
           * Reflects the disabled state of the radio button.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Text label associated with the radio button.
+          * @default ''
          */
         "label"?: string;
         /**
           * Name attribute of the radio button.
+          * @default ''
          */
         "name"?: string;
         "onOnchange"?: (event: CuraRadioCustomEvent<{ value: string; checked: boolean }>) => void;
@@ -2900,45 +3492,55 @@ declare namespace LocalJSX {
         "overflowLabel"?: 'none' | 'single' | string;
         /**
           * Position of the label relative to the radio button. Can be 'left' or 'right'.
+          * @default 'left'
          */
         "position"?: 'left' | 'right';
         /**
           * Reflects the required state of the radio button.
+          * @default false
          */
         "required"?: boolean;
         /**
           * Size of the radio button. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Status of the radio button. Can be 'error', 'success', or 'default'.
+          * @default 'default'
          */
         "status"?: 'error' | 'success' | 'default';
         /**
           * Value associated with the radio button.
+          * @default ''
          */
         "value"?: string;
     }
     interface CuraSelect {
         /**
           * The search will be sensitive to accents. Default: true
+          * @default true
          */
         "caseSensitive"?: boolean;
         /**
           * Whether the select component is disabled. Reflects as an attribute in the DOM.
+          * @default false
          */
         "disabled"?: boolean;
         "iconName"?: string;
         /**
           * The label text for the select component. Reflects as an attribute in the DOM.
+          * @default ''
          */
         "label"?: string;
         /**
           * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 285px
+          * @default '285px'
          */
         "maxHeight"?: string;
         /**
           * Display mode of the select component. Can be 'default' or 'transparent'.
+          * @default 'default'
          */
         "mode"?: 'default' | 'transparent';
         /**
@@ -2951,32 +3553,47 @@ declare namespace LocalJSX {
         "onSelected"?: (event: CuraSelectCustomEvent<any>) => void;
         /**
           * Placeholder text for the input field. Reflects as an attribute in the DOM.
+          * @default ''
          */
         "placeholder"?: string;
         /**
           * Whether the select component is required. Reflects as an attribute in the DOM.
+          * @default false
          */
         "required"?: boolean;
         /**
           * Enable / Disable search at options by term. Default: false
+          * @default false
          */
         "searchBehavior"?: boolean;
         /**
           * Size of the select component. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
         /**
           * Status of the select component. Can be 'success', 'error', or 'default'.
+          * @default 'default'
          */
         "status"?: 'success' | 'error' | 'default';
         /**
           * Current value of the select component. Reflects as an attribute in the DOM and is mutable.
+          * @default ''
          */
         "value"?: string;
     }
     interface CuraSelectOption {
+        /**
+          * @default false
+         */
         "active"?: boolean;
+        /**
+          * @default false
+         */
         "selected"?: boolean;
+        /**
+          * @default 'small'
+         */
         "size"?: 'xsmall' | 'small' | 'medium' | 'large';
         "value"?: string;
     }
@@ -2987,24 +3604,29 @@ declare namespace LocalJSX {
         "activeStepIndex"?: number;
         /**
           * Whether to display the title (default: false)
+          * @default false
          */
         "displayHeading"?: boolean;
         /**
           * Indicates if a step has encountered an error If `true`, the current step will be marked as 'stop'
+          * @default false
          */
         "errorInCurrentStep"?: boolean;
         /**
           * List of steps in the stepper.
+          * @default []
          */
         "steps"?: Step[] | string;
         /**
           * Allows you to set the appearance of the component (default: default)
+          * @default 'default'
          */
         "variant"?: 'compact' | 'default';
     }
     interface CuraStepperItem {
         /**
           * Determines if the step title is displayed (default: false)
+          * @default false
          */
         "displayHeading"?: boolean;
         /**
@@ -3017,33 +3639,40 @@ declare namespace LocalJSX {
         "label"?: string;
         /**
           * The current status of the step Can be:    - 'done' for completed steps    - 'stop' for failed steps    - 'active' for the current active step    - 'default' for steps that are neither done, active nor stopped.
+          * @default 'default'
          */
         "status"?: 'done' | 'stop' | 'active' | 'default';
     }
     interface CuraSwitch {
         /**
           * Background style of the switch. Can be 'dark' or 'light'.
+          * @default 'light'
          */
         "background"?: 'dark' | 'light';
         /**
           * Indicates whether the switch is checked or not.
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Accent color of the switch.
+          * @default 'accent'
          */
         "color"?: string;
         /**
           * Indicates whether the switch is disabled or not.
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * The label text to display next to the switch.
+          * @default ''
          */
         "label"?: string;
         "onOnchange"?: (event: CuraSwitchCustomEvent<{ checked: boolean }>) => void;
         /**
           * Tab index for the switch element. Reflects as an HTML attribute.
+          * @default 0
          */
         "ontabindex"?: number;
         /**
@@ -3058,67 +3687,156 @@ declare namespace LocalJSX {
         "overflowLabel"?: 'none' | 'single' | string;
         /**
           * Position of the label relative to the switch. Can be 'left' or 'right'.
+          * @default 'left'
          */
         "position"?: 'left' | 'right';
         /**
           * Size of the switch. Can be 'small', 'medium', or 'large'.
+          * @default 'medium'
          */
         "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraTabs {
+        /**
+          * @default true
+         */
         "borderBottom"?: boolean;
+        /**
+          * @default 'light'
+         */
         "colorMode"?: 'dark' | 'light';
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "iconName"?: string;
         "name"?: string;
         "onTabSelect"?: (event: CuraTabsCustomEvent<{ name: string }>) => void;
+        /**
+          * @default false
+         */
         "selected"?: boolean;
+        /**
+          * @default 'large'
+         */
         "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraTabsButton {
+        /**
+          * @default 'light'
+         */
         "colorMode"?: 'dark' | 'light';
+        /**
+          * @default 1
+         */
         "counter"?: number;
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "iconName"?: string;
         "name"?: string;
         "onTabSelect"?: (event: CuraTabsButtonCustomEvent<{ name: string }>) => void;
+        /**
+          * @default false
+         */
         "selected"?: boolean;
+        /**
+          * @default 'large'
+         */
         "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraTabsGroup {
+        /**
+          * @default true
+         */
         "borderBottom"?: boolean;
+        /**
+          * @default 'light'
+         */
         "colorMode"?: 'dark' | 'light';
+        /**
+          * @default 0
+         */
         "gap"?: number;
         "onTabChange"?: (event: CuraTabsGroupCustomEvent<string>) => void;
     }
     interface CuraTabsTransparent {
+        /**
+          * @default true
+         */
         "borderBottom"?: boolean;
+        /**
+          * @default 'light'
+         */
         "colorMode"?: 'dark' | 'light';
+        /**
+          * @default false
+         */
         "disabled"?: boolean;
         "iconName"?: string;
         "name"?: string;
         "onTabSelect"?: (event: CuraTabsTransparentCustomEvent<{ name: string }>) => void;
+        /**
+          * @default false
+         */
         "selected"?: boolean;
+        /**
+          * @default 'large'
+         */
         "size"?: 'small' | 'medium' | 'large';
     }
     interface CuraToast {
+        /**
+          * @default 10000
+         */
         "autoCloseDelay"?: number;
+        /**
+          * @default true
+         */
         "closeButton"?: boolean;
         "icon"?: string;
         "label"?: string;
+        /**
+          * @default true
+         */
         "loader"?: boolean;
         "onToastClosed"?: (event: CuraToastCustomEvent<void>) => void;
+        /**
+          * @default 'top-right'
+         */
         "position"?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+        /**
+          * @default 'info'
+         */
         "type"?: 'info' | 'success' | 'warning' | 'error';
     }
     interface CuraTooltip {
+        /**
+          * @default false
+         */
         "closeButton"?: boolean;
+        /**
+          * @default 250
+         */
         "delay"?: number;
+        /**
+          * @default ''
+         */
         "elementId"?: string;
+        /**
+          * @default true
+         */
         "interactive"?: boolean;
         "label"?: string;
+        /**
+          * @default '280px'
+         */
         "maxWidth"?: string;
         "onTooltipClosed"?: (event: CuraTooltipCustomEvent<void>) => void;
+        /**
+          * @default 'top'
+         */
         "position"?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
     }
     interface IntrinsicElements {