@beeq/core 1.11.2 → 1.12.0

package/dist/custom-elements.json

@@ -554,6 +554,8 @@
             {
               "name": "appearance",
               "fieldName": "appearance",
+              "default": "'filled'",
+              "description": "The appearance style of the Accordion",
               "type": {
                 "text": "TAccordionAppearance"
               },
@@ -564,6 +566,8 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the Accordion is disabled",
               "type": {
                 "text": "boolean"
               }
@@ -571,6 +575,8 @@
             {
               "name": "expanded",
               "fieldName": "expanded",
+              "default": "false",
+              "description": "If true, the Accordion is expanded",
               "type": {
                 "text": "boolean"
               }
@@ -578,6 +584,8 @@
             {
               "name": "no-animation",
               "fieldName": "noAnimation",
+              "default": "false",
+              "description": "Animation is set through JS when the browser does not support CSS calc-size()\nIf true, the Accordion animation, will be disabled. No animation will be applied.",
               "type": {
                 "text": "boolean"
               }
@@ -585,6 +593,8 @@
             {
               "name": "rotate",
               "fieldName": "rotate",
+              "default": "false",
+              "description": "If true, the Accordion expand icon is rotate 180deg when expanded",
               "type": {
                 "text": "boolean"
               }
@@ -592,6 +602,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the Accordion",
               "type": {
                 "text": "TAccordionSize"
               },
@@ -813,6 +825,8 @@
             {
               "name": "appearance",
               "fieldName": "appearance",
+              "default": "'filled'",
+              "description": "The appearance style of accordion to be applied to all accordions",
               "type": {
                 "text": "TAccordionAppearance"
               },
@@ -823,6 +837,7 @@
             {
               "name": "expand-all",
               "fieldName": "expandAll",
+              "description": "If true all accordions are expanded",
               "type": {
                 "text": "boolean"
               }
@@ -830,6 +845,8 @@
             {
               "name": "no-animation",
               "fieldName": "noAnimation",
+              "default": "false",
+              "description": "Animation is set through JS when the browser does not support CSS calc-size()\nIf true, the accordion animation, will be disabled. No animation will be applied.",
               "type": {
                 "text": "boolean"
               }
@@ -837,6 +854,8 @@
             {
               "name": "multiple",
               "fieldName": "multiple",
+              "default": "false",
+              "description": "If true multiple accordions can be expanded at the same time",
               "type": {
                 "text": "boolean"
               }
@@ -844,6 +863,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of accordion to be applied to all accordions",
               "type": {
                 "text": "TAccordionSize"
               },
@@ -984,7 +1005,7 @@
               "name": "body"
             },
             {
-              "description": "The `bq-button` used to close the alert",
+              "description": "The native button of the `bq-button` used to close the alert",
               "name": "btn-close"
             },
             {
@@ -1353,6 +1374,7 @@
             {
               "name": "auto-dismiss",
               "fieldName": "autoDismiss",
+              "description": "If true, the alert will automatically hide after the specified amount of time",
               "type": {
                 "text": "boolean"
               }
@@ -1360,6 +1382,8 @@
             {
               "name": "border",
               "fieldName": "border",
+              "default": "'s'",
+              "description": "The corner radius of the alert component",
               "type": {
                 "text": "TAlertBorderRadius"
               },
@@ -1370,6 +1394,7 @@
             {
               "name": "disable-close",
               "fieldName": "disableClose",
+              "description": "If true, the close button at the top right of the alert won't be shown",
               "type": {
                 "text": "boolean"
               }
@@ -1377,6 +1402,7 @@
             {
               "name": "hide-icon",
               "fieldName": "hideIcon",
+              "description": "If true, the alert icon won't be shown",
               "type": {
                 "text": "boolean"
               }
@@ -1384,6 +1410,7 @@
             {
               "name": "open",
               "fieldName": "open",
+              "description": "If true, the alert will be shown",
               "type": {
                 "text": "boolean"
               }
@@ -1391,6 +1418,8 @@
             {
               "name": "time",
               "fieldName": "time",
+              "default": "3000",
+              "description": "The length of time, in milliseconds, after which the alert will close itself. Only valid if `autoDismiss=\"true\"`",
               "type": {
                 "text": "number"
               }
@@ -1398,6 +1427,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'default'",
+              "description": "Type of Alert",
               "type": {
                 "text": "TAlertType"
               },
@@ -1408,6 +1439,7 @@
             {
               "name": "sticky",
               "fieldName": "sticky",
+              "description": "If true, the alert component will remain fixed at the top of the page, occupying the full viewport",
               "type": {
                 "text": "boolean"
               }
@@ -1435,7 +1467,7 @@
             },
             {
               "name": "btn-close",
-              "description": "The `bq-button` used to close the alert"
+              "description": "The native button of the `bq-button` used to close the alert"
             },
             {
               "name": "content",
@@ -1746,6 +1778,7 @@
             {
               "name": "alt-text",
               "fieldName": "altText",
+              "description": "Alternate text for the avatar image if the image cannot be displayed",
               "type": {
                 "text": "string"
               }
@@ -1753,6 +1786,7 @@
             {
               "name": "image",
               "fieldName": "image",
+              "description": "The image source to load on the avatar (this can be also a base64 encoded image)",
               "type": {
                 "text": "string"
               }
@@ -1760,6 +1794,7 @@
             {
               "name": "label",
               "fieldName": "label",
+              "description": "A text to use for describing the avatar on assistive devices",
               "type": {
                 "text": "string"
               }
@@ -1767,6 +1802,7 @@
             {
               "name": "initials",
               "fieldName": "initials",
+              "description": "The text to display on avatar",
               "type": {
                 "text": "string"
               }
@@ -1774,6 +1810,8 @@
             {
               "name": "shape",
               "fieldName": "shape",
+              "default": "'circle'",
+              "description": "The shape of the avatar",
               "type": {
                 "text": "TAvatarShape"
               },
@@ -1784,6 +1822,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the avatar",
               "type": {
                 "text": "TAvatarSize"
               },
@@ -2010,6 +2050,7 @@
             {
               "name": "background-color",
               "fieldName": "backgroundColor",
+              "description": "Badge background color. The value should be a valid value of the palette color",
               "type": {
                 "text": "string"
               }
@@ -2017,6 +2058,7 @@
             {
               "name": "text-color",
               "fieldName": "textColor",
+              "description": "Badge number color. The value should be a valid value of the palette color",
               "type": {
                 "text": "string"
               }
@@ -2024,6 +2066,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'small'",
+              "description": "The size of the badge. Relevant if badge has no content.",
               "type": {
                 "text": "TBadgeSize"
               },
@@ -2168,6 +2212,8 @@
             {
               "name": "label",
               "fieldName": "label",
+              "default": "'Breadcrumbs'",
+              "description": "The `aria-label` attribute to describe the type of navigation",
               "type": {
                 "text": "string"
               }
@@ -2418,6 +2464,7 @@
             {
               "name": "href",
               "fieldName": "href",
+              "description": "If set, the breadcrumb item will be rendered as an `<a>` with this `href`, otherwise, a `<button>` will be rendered.",
               "type": {
                 "text": "string"
               }
@@ -2425,6 +2472,7 @@
             {
               "name": "target",
               "fieldName": "target",
+              "description": "Where to display the link in the browser context. Relevant only if `href` is set.",
               "type": {
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               }
@@ -2432,6 +2480,8 @@
             {
               "name": "rel",
               "fieldName": "rel",
+              "default": "'noreferrer noopener'",
+              "description": "Where to display the link in the browser context. Relevant only if `href` is set.",
               "type": {
                 "text": "string"
               }
@@ -2503,10 +2553,6 @@
               "description": "Button border width",
               "name": "--bq-button--border-width"
             },
-            {
-              "description": "Button small height",
-              "name": "--bq-button--small-height"
-            },
             {
               "description": "Button small padding block (top and bottom)",
               "name": "--bq-button--small-paddingX"
@@ -2519,10 +2565,6 @@
               "description": "Button small font size",
               "name": "--bq-button--small-font-size"
             },
-            {
-              "description": "Button medium height",
-              "name": "--bq-button--medium-height"
-            },
             {
               "description": "Button medium padding block (top and bottom)",
               "name": "--bq-button--medium-paddingX"
@@ -2535,10 +2577,6 @@
               "description": "Button medium font size",
               "name": "--bq-button--medium-font-size"
             },
-            {
-              "description": "Button large height",
-              "name": "--bq-button--large-height"
-            },
             {
               "description": "Button large padding block (top and bottom)",
               "name": "--bq-button--large-paddingX"
@@ -2637,19 +2675,19 @@
               "kind": "field",
               "name": "appearance",
               "type": {
-                "text": "TButtonAppearance"
+                "text": "TButtonAppearance | undefined"
               },
               "default": "'primary'",
               "description": "The appearance style to apply to the button",
               "parsedType": {
-                "text": "'primary' | 'secondary' | 'link' | 'text'"
+                "text": "'primary' | 'secondary' | 'link' | 'text' | undefined"
               }
             },
             {
               "kind": "field",
               "name": "block",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
               "description": "If `true`, it will make the button fit to its parent width."
@@ -2658,19 +2696,19 @@
               "kind": "field",
               "name": "border",
               "type": {
-                "text": "TButtonBorderRadius"
+                "text": "TButtonBorderRadius | undefined"
               },
               "default": "'m'",
               "description": "The corner radius of the button",
               "parsedType": {
-                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full' | undefined"
               }
             },
             {
               "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
               "description": "If true, the button will be disabled (no interaction allowed)"
@@ -2687,7 +2725,7 @@
               "kind": "field",
               "name": "href",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`"
             },
@@ -2695,37 +2733,54 @@
               "kind": "field",
               "name": "justifyContent",
               "type": {
-                "text": "'left' | 'center' | 'right'"
+                "text": "'left' | 'center' | 'right' | undefined"
               },
               "default": "'center'",
               "description": "It determinate how the content should be aligned"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Text  used for accessibility purposes, specially screen readers, to describe the button action"
+            },
             {
               "kind": "field",
               "name": "loading",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
               "description": "If `true` it will display the button in a loading state"
             },
+            {
+              "kind": "field",
+              "name": "onlyIcon",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions). Make sure to set the `label` prop for accessibility purposes."
+            },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "TButtonSize"
+                "text": "TButtonSize | undefined"
               },
               "default": "'medium'",
               "description": "The size of the button",
               "parsedType": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "'small' | 'medium' | 'large' | undefined"
               }
             },
             {
               "kind": "field",
               "name": "target",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
               "description": "Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\nDetails: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target"
             },
@@ -2733,30 +2788,34 @@
               "kind": "field",
               "name": "type",
               "type": {
-                "text": "TButtonType"
+                "text": "TButtonType | undefined"
               },
               "default": "'button'",
               "description": "The default behavior of the button",
               "parsedType": {
-                "text": "'button' | 'submit' | 'reset'"
+                "text": "'button' | 'submit' | 'reset' | undefined"
               }
             },
             {
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "TButtonVariant"
+                "text": "TButtonVariant | undefined"
               },
               "default": "'standard'",
               "description": "The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)",
               "parsedType": {
-                "text": "'ghost' | 'standard' | 'danger'"
+                "text": "'ghost' | 'standard' | 'danger' | undefined"
               }
             },
             {
               "kind": "method",
               "name": "checkPropValues"
             },
+            {
+              "kind": "method",
+              "name": "handleOnlyIconPropChange"
+            },
             {
               "kind": "field",
               "name": "handleBlur",
@@ -2902,6 +2961,13 @@
               "description": "If `true` it will display the button in a loading state",
               "name": "loading"
             },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions)",
+              "name": "only-icon"
+            },
             {
               "type": {
                 "text": "\"small\" | \"medium\" | \"large\""
@@ -2933,6 +2999,8 @@
             {
               "name": "appearance",
               "fieldName": "appearance",
+              "default": "'primary'",
+              "description": "The appearance style to apply to the button",
               "type": {
                 "text": "TButtonAppearance"
               },
@@ -2943,6 +3011,8 @@
             {
               "name": "block",
               "fieldName": "block",
+              "default": "false",
+              "description": "If `true`, it will make the button fit to its parent width.",
               "type": {
                 "text": "boolean"
               }
@@ -2950,6 +3020,8 @@
             {
               "name": "border",
               "fieldName": "border",
+              "default": "'m'",
+              "description": "The corner radius of the button",
               "type": {
                 "text": "TButtonBorderRadius"
               },
@@ -2959,11 +3031,17 @@
             },
             {
               "name": "disabled",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the button will be disabled (no interaction allowed)",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "name": "download",
               "fieldName": "download",
+              "description": "Tells the browser to treat the linked URL as a download. Only used when `href` is set.\nDetails: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download",
               "type": {
                 "text": "string"
               }
@@ -2971,6 +3049,7 @@
             {
               "name": "href",
               "fieldName": "href",
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`",
               "type": {
                 "text": "string"
               }
@@ -2978,17 +3057,43 @@
             {
               "name": "justify-content",
               "fieldName": "justifyContent",
+              "default": "'center'",
+              "description": "It determinate how the content should be aligned",
               "type": {
                 "text": "'left' | 'center' | 'right'"
               }
             },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "description": "Text  used for accessibility purposes, specially screen readers, to describe the button action",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "loading",
-              "fieldName": "loading"
+              "fieldName": "loading",
+              "default": "false",
+              "description": "If `true` it will display the button in a loading state",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "only-icon",
+              "fieldName": "onlyIcon",
+              "default": "false",
+              "description": "If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions). Make sure to set the `label` prop for accessibility purposes.",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the button",
               "type": {
                 "text": "TButtonSize"
               },
@@ -2999,6 +3104,7 @@
             {
               "name": "target",
               "fieldName": "target",
+              "description": "Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\nDetails: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target",
               "type": {
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               }
@@ -3006,6 +3112,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'button'",
+              "description": "The default behavior of the button",
               "type": {
                 "text": "TButtonType"
               },
@@ -3016,6 +3124,8 @@
             {
               "name": "variant",
               "fieldName": "variant",
+              "default": "'standard'",
+              "description": "The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)",
               "type": {
                 "text": "TButtonVariant"
               },
@@ -3180,6 +3290,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'default'",
+              "description": "Type of card component",
               "type": {
                 "text": "TCardType"
               },
@@ -3190,6 +3302,8 @@
             {
               "name": "border",
               "fieldName": "border",
+              "default": "'m'",
+              "description": "The corner radius of the card component",
               "type": {
                 "text": "TCardBorderRadius"
               },
@@ -3544,11 +3658,14 @@
             },
             {
               "name": "background-on-hover",
-              "fieldName": "backgroundOnHover"
+              "fieldName": "backgroundOnHover",
+              "default": "false",
+              "description": "If true checkbox displays background on hover"
             },
             {
               "name": "form-id",
               "fieldName": "formId",
+              "description": "The form ID that the checkbox is associated with",
               "type": {
                 "text": "string"
               }
@@ -3556,6 +3673,7 @@
             {
               "name": "form-validation-message",
               "fieldName": "formValidationMessage",
+              "description": "The native form validation message",
               "type": {
                 "text": "string"
               }
@@ -3563,21 +3681,27 @@
             {
               "name": "checked",
               "fieldName": "checked",
+              "description": "If true checkbox is checked",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "disabled",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true checkbox is disabled"
             },
             {
               "name": "indeterminate",
-              "fieldName": "indeterminate"
+              "fieldName": "indeterminate",
+              "default": "false",
+              "description": "A state that is neither checked nor unchecked"
             },
             {
               "name": "name",
               "fieldName": "name",
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair.",
               "type": {
                 "text": "string"
               }
@@ -3585,6 +3709,7 @@
             {
               "name": "required",
               "fieldName": "required",
+              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted",
               "type": {
                 "text": "boolean"
               }
@@ -3592,6 +3717,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name.",
               "type": {
                 "text": "string"
               }
@@ -3883,7 +4009,7 @@
               },
               "privacy": "private",
               "parsedType": {
-                "text": "{ focusedDate: string, value: string, min: string, max: string, months: number, tentative: string, pageBy: 'single' | 'months', firstDayOfWeek: number, showOutsideDays: false | true, isDateDisallowed: {  }, locale: string, onChange: {  }, onRangestart: {  }, onRangeend: {  } } | undefined"
+                "text": "{ firstDayOfWeek: number, focusedDate: string, locale: string, max: string, min: string, months: number, pageBy: 'single' | 'months', showOutsideDays: false | true, tentative: string, value: string, focus: {  }, isDateDisallowed: {  }, onChange: {  }, onFocusDate: {  }, onRangestart: {  }, onRangeend: {  } } | undefined"
               }
             },
             {
@@ -3927,45 +4053,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "fallbackInputId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "'date-picker'"
-            },
-            {
-              "kind": "field",
-              "name": "LOCALE_DATE",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "'fr-CA'"
-            },
-            {
-              "kind": "field",
-              "name": "COMMON_EXPORT_PARTS",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td'"
-            },
-            {
-              "kind": "field",
-              "name": "BUTTON_EXPORT_PARTS",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner'"
-            },
             {
               "kind": "field",
               "name": "internals",
@@ -4358,105 +4445,211 @@
             {
               "kind": "field",
               "name": "handleBlur",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles the blur event for the date picker input.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
               "name": "handleFocus",
-              "privacy": "private"
+              "privacy": "private",
+              "description": "Handles the focus event for the date picker input.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
               "name": "setFocusedDate",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "clampDateToRange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCalendarChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCalendarRangeStart",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleCalendarRangeEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClearClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "clearValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "generateCalendarMonth",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "generateCalendarMonths",
               "privacy": "private",
-              "description": "Generates an array of Elements representing the calendar months.\n\nIf the type of the date picker is 'range' or 'multi' and the number of months is specified,\nit generates an array of calendar months with the specified length. Each month will have an offset\nand a class name based on its position in the array. The offset is used to determine the month to display,\nand the class name is used for responsive design.\n\nIf the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\nit generates an array with a single calendar month.",
+              "description": "Updates the focused date in the calendar component.\nFalls back to today's date if no value is set.",
               "return": {
                 "type": {
-                  "text": "Element[]"
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "field",
-              "name": "formatFocusedDate",
+              "name": "handleChange",
               "privacy": "private",
-              "description": "Extracts and returns the first date part from a given string.\nWhen the type of the date picker is 'range' or 'multi', the first or initial date part of the value\nshould be the focused date in the calendar.",
+              "description": "Handles user input changes with locale-aware date parsing.\nValidates against disallowed dates and min/max constraints.",
               "parameters": [
                 {
-                  "description": "The value to be processed, can be a string.",
-                  "name": "value"
+                  "description": "The change event.",
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
                 }
               ],
               "return": {
                 "type": {
-                  "text": ""
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "field",
-              "name": "formatDisplayValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "updateFormValidity",
-              "privacy": "private"
-            },
+              "name": "handleCalendarChange",
+              "privacy": "private",
+              "description": "Handles the change event when the user selects a date in the calendar component.",
+              "parameters": [
+                {
+                  "description": "The change event.",
+                  "name": "ev",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleCalendarRangeStart",
+              "privacy": "private",
+              "description": "Handles the range start event when the user starts selecting a date range",
+              "parameters": [
+                {
+                  "description": "The range start event.",
+                  "name": "ev",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleCalendarRangeEnd",
+              "privacy": "private",
+              "description": "Handles the range end event when the user finishes selecting a date range",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleClearClick",
+              "privacy": "private",
+              "description": "Handles the clear click event when the user clicks the clear button",
+              "parameters": [
+                {
+                  "description": "The clear click event.",
+                  "name": "ev",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "clearValue",
+              "privacy": "private",
+              "description": "Clears the value of the date picker input.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "description": "Handles the slot change event when the slots content changes",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "generateCalendarMonth",
+              "privacy": "private",
+              "description": "Generates a calendar month element",
+              "parameters": [
+                {
+                  "description": "The offset of the calendar month.",
+                  "name": "offset",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "description": "The class name of the calendar month.",
+                  "name": "className",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "JSX.Element | null"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "generateCalendarMonths",
+              "privacy": "private",
+              "description": "Generates an array of Elements representing the calendar months.\n\nIf the type of the date picker is 'range' or 'multi' and the number of months is specified,\nit generates an array of calendar months with the specified length. Each month will have an offset\nand a class name based on its position in the array. The offset is used to determine the month to display,\nand the class name is used for responsive design.\n\nIf the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\nit generates an array with a single calendar month.",
+              "return": {
+                "type": {
+                  "text": "JSX.Element[]"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "updateFormValidity",
+              "privacy": "private",
+              "description": "Updates the form validity of the date picker input.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "calendarType",
+              "type": {
+                "text": "(typeof CALENDAR_TYPE_MAP)[TDatePickerType]"
+              },
               "privacy": "private",
+              "description": "Returns the Cally calendar component tag name based on the picker type.\nMaps 'single' → 'calendar-date', 'multi' → 'calendar-multi', 'range' → 'calendar-range'",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
               "readonly": true
             },
             {
@@ -4696,21 +4889,28 @@
             {
               "name": "autofocus",
               "fieldName": "autofocus",
+              "description": "If `true`, the Date picker input will be focused on component render",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "clear-button-label",
-              "fieldName": "clearButtonLabel"
+              "fieldName": "clearButtonLabel",
+              "default": "'Clear value'",
+              "description": "The clear button aria label"
             },
             {
               "name": "disable-clear",
-              "fieldName": "disableClear"
+              "fieldName": "disableClear",
+              "default": "false",
+              "description": "If `true`, the clear button won't be displayed"
             },
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "Indicates whether the Date picker input is disabled or not.\nIf `true`, the Date picker is disabled and cannot be interacted with.",
               "type": {
                 "text": "boolean"
               }
@@ -4718,6 +4918,8 @@
             {
               "name": "distance",
               "fieldName": "distance",
+              "default": "8",
+              "description": "Represents the distance (gutter or margin) between the Date picker panel and the input element.",
               "type": {
                 "text": "number"
               }
@@ -4725,6 +4927,8 @@
             {
               "name": "first-day-of-week",
               "fieldName": "firstDayOfWeek",
+              "default": "1",
+              "description": "The first day of the week, where Sunday is 0, Monday is 1, etc",
               "type": {
                 "text": "DaysOfWeek"
               },
@@ -4735,6 +4939,8 @@
             {
               "name": "format-options",
               "fieldName": "formatOptions",
+              "default": "{ day: 'numeric', month: 'short', year: 'numeric', }",
+              "description": "The options to use when formatting the displayed value.\nDetails: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options",
               "type": {
                 "text": "Intl.DateTimeFormatOptions"
               }
@@ -4742,6 +4948,7 @@
             {
               "name": "form",
               "fieldName": "form",
+              "description": "The ID of the form that the Date picker input belongs to.",
               "type": {
                 "text": "string"
               }
@@ -4749,6 +4956,7 @@
             {
               "name": "form-validation-message",
               "fieldName": "formValidationMessage",
+              "description": "The native form validation message (mandatory if `required` is set)",
               "type": {
                 "text": "string"
               }
@@ -4756,6 +4964,7 @@
             {
               "name": "is-date-disallowed",
               "fieldName": "isDateDisallowed",
+              "description": "A function that takes a date and returns true if the date should not be selectable",
               "type": {
                 "text": "(date: Date) => boolean"
               }
@@ -4763,6 +4972,8 @@
             {
               "name": "locale",
               "fieldName": "locale",
+              "default": "'en-GB'",
+              "description": "The locale for formatting dates. If not set, will use the browser's locale.\nDetails: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument",
               "type": {
                 "text": "Intl.LocalesArgument"
               }
@@ -4770,6 +4981,7 @@
             {
               "name": "max",
               "fieldName": "max",
+              "description": "The latest date that can be selected",
               "type": {
                 "text": "string"
               }
@@ -4777,6 +4989,7 @@
             {
               "name": "min",
               "fieldName": "min",
+              "description": "The earliest date that can be selected",
               "type": {
                 "text": "string"
               }
@@ -4784,6 +4997,7 @@
             {
               "name": "months",
               "fieldName": "months",
+              "description": "Number of months to show when range is `true`",
               "type": {
                 "text": "number"
               }
@@ -4791,6 +5005,8 @@
             {
               "name": "months-per-view",
               "fieldName": "monthsPerView",
+              "default": "'single'",
+              "description": "Specifies how the next/previous buttons should navigate the calendar.\n- single: The buttons will navigate by a single month at a time.\n- months: The buttons will navigate by the number of months displayed per view.",
               "type": {
                 "text": "'single' | 'months'"
               }
@@ -4798,6 +5014,7 @@
             {
               "name": "name",
               "fieldName": "name",
+              "description": "The Date picker input name.",
               "type": {
                 "text": "string"
               }
@@ -4805,6 +5022,8 @@
             {
               "name": "open",
               "fieldName": "open",
+              "default": "false",
+              "description": "If `true`, the Date picker panel will be visible.",
               "type": {
                 "text": "boolean"
               }
@@ -4812,6 +5031,8 @@
             {
               "name": "panel-height",
               "fieldName": "panelHeight",
+              "default": "'auto'",
+              "description": "When set, it will override the height of the Date picker panel.",
               "type": {
                 "text": "string"
               }
@@ -4819,6 +5040,7 @@
             {
               "name": "placeholder",
               "fieldName": "placeholder",
+              "description": "The Date picker input placeholder text value",
               "type": {
                 "text": "string"
               }
@@ -4826,6 +5048,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'bottom-end'",
+              "description": "Position of the Date picker panel",
               "type": {
                 "text": "Placement"
               }
@@ -4833,6 +5057,7 @@
             {
               "name": "required",
               "fieldName": "required",
+              "description": "Indicates whether or not the Date picker input is required to be filled out before submitting the form.",
               "type": {
                 "text": "boolean"
               }
@@ -4840,6 +5065,8 @@
             {
               "name": "skidding",
               "fieldName": "skidding",
+              "default": "0",
+              "description": "Represents the skidding between the Date picker panel and the input element.",
               "type": {
                 "text": "number"
               }
@@ -4847,6 +5074,8 @@
             {
               "name": "show-outside-days",
               "fieldName": "showOutsideDays",
+              "default": "false",
+              "description": "Whether to show days outside the month",
               "type": {
                 "text": "boolean"
               }
@@ -4854,6 +5083,8 @@
             {
               "name": "strategy",
               "fieldName": "strategy",
+              "default": "'fixed'",
+              "description": "Defines the strategy to position the Date picker panel",
               "type": {
                 "text": "'fixed' | 'absolute'"
               }
@@ -4861,6 +5092,7 @@
             {
               "name": "tentative",
               "fieldName": "tentative",
+              "description": "The date that is tentatively selected e.g. the start of a range selection",
               "type": {
                 "text": "string"
               }
@@ -4868,6 +5100,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'single'",
+              "description": "It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection",
               "type": {
                 "text": "TDatePickerType"
               },
@@ -4878,6 +5112,8 @@
             {
               "name": "validation-status",
               "fieldName": "validationStatus",
+              "default": "'none'",
+              "description": "The validation status of the Select input.",
               "type": {
                 "text": "TInputValidation"
               },
@@ -4888,6 +5124,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\nAll dates are expected in ISO-8601 format (YYYY-MM-DD).",
               "type": {
                 "text": "string"
               }
@@ -5511,6 +5748,8 @@
             {
               "name": "border",
               "fieldName": "border",
+              "default": "'m'",
+              "description": "Border radius of the dialog component",
               "type": {
                 "text": "TDialogBorderRadius"
               },
@@ -5520,19 +5759,27 @@
             },
             {
               "name": "disable-backdrop",
-              "fieldName": "disableBackdrop"
+              "fieldName": "disableBackdrop",
+              "default": "false",
+              "description": "If true, the backdrop overlay won't be shown when the dialog opens"
             },
             {
               "name": "disable-close-esc-keydown",
-              "fieldName": "disableCloseEscKeydown"
+              "fieldName": "disableCloseEscKeydown",
+              "default": "false",
+              "description": "If true, the dialog will not close when the [Esc] key is press"
             },
             {
               "name": "disable-close-click-outside",
-              "fieldName": "disableCloseClickOutside"
+              "fieldName": "disableCloseClickOutside",
+              "default": "false",
+              "description": "If true, the dialog will not close when clicking on the backdrop overlay"
             },
             {
               "name": "footer-appearance",
               "fieldName": "footerAppearance",
+              "default": "'standard'",
+              "description": "The appearance of footer",
               "type": {
                 "text": "TDialogFooterAppearance"
               },
@@ -5542,11 +5789,15 @@
             },
             {
               "name": "hide-close-button",
-              "fieldName": "hideCloseButton"
+              "fieldName": "hideCloseButton",
+              "default": "false",
+              "description": "If true, it hides the close button"
             },
             {
               "name": "open",
               "fieldName": "open",
+              "default": "false",
+              "description": "If true, the dialog will be shown as open",
               "type": {
                 "text": "boolean"
               }
@@ -5554,6 +5805,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the dialog",
               "type": {
                 "text": "TDialogSize"
               },
@@ -5883,11 +6136,15 @@
             },
             {
               "name": "dashed",
-              "fieldName": "dashed"
+              "fieldName": "dashed",
+              "default": "false",
+              "description": "If true, the divider has a dashed pattern"
             },
             {
               "name": "orientation",
               "fieldName": "orientation",
+              "default": "'horizontal'",
+              "description": "The default orientation of the divider",
               "type": {
                 "text": "TDividerOrientation"
               },
@@ -5898,6 +6155,8 @@
             {
               "name": "stroke-color",
               "fieldName": "strokeColor",
+              "default": "'stroke--primary'",
+              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color",
               "type": {
                 "text": "string"
               }
@@ -5905,6 +6164,8 @@
             {
               "name": "title-alignment",
               "fieldName": "titleAlignment",
+              "default": "'middle'",
+              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)",
               "type": {
                 "text": "TDividerTitleAlignment"
               },
@@ -5915,6 +6176,8 @@
             {
               "name": "stroke-dash-width",
               "fieldName": "strokeDashWidth",
+              "default": "12",
+              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed",
               "type": {
                 "text": "number"
               }
@@ -5922,6 +6185,8 @@
             {
               "name": "stroke-dash-gap",
               "fieldName": "strokeDashGap",
+              "default": "7",
+              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed",
               "type": {
                 "text": "number"
               }
@@ -5929,6 +6194,8 @@
             {
               "name": "stroke-thickness",
               "fieldName": "strokeThickness",
+              "default": "1",
+              "description": "Set the thickness of the divider's stroke. Value expressed in px",
               "type": {
                 "text": "number"
               }
@@ -5936,6 +6203,8 @@
             {
               "name": "stroke-basis",
               "fieldName": "strokeBasis",
+              "default": "0",
+              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px",
               "type": {
                 "text": "number"
               }
@@ -5943,6 +6212,8 @@
             {
               "name": "stroke-linecap",
               "fieldName": "strokeLinecap",
+              "default": "'butt'",
+              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed",
               "type": {
                 "text": "TDividerStrokeLinecap"
               },
@@ -6379,19 +6650,26 @@
             },
             {
               "name": "enable-backdrop",
-              "fieldName": "enableBackdrop"
+              "fieldName": "enableBackdrop",
+              "default": "false",
+              "description": "If true, the backdrop overlay will be shown when the drawer opens"
             },
             {
               "name": "close-on-click-outside",
-              "fieldName": "closeOnClickOutside"
+              "fieldName": "closeOnClickOutside",
+              "default": "false",
+              "description": "If true, the drawer will not close when clicking outside the panel"
             },
             {
               "name": "close-on-esc",
-              "fieldName": "closeOnEsc"
+              "fieldName": "closeOnEsc",
+              "default": "false",
+              "description": "If true, the dialog will not close when the [Esc] key is pressed"
             },
             {
               "name": "open",
               "fieldName": "open",
+              "description": "If true, the drawer component will be shown",
               "type": {
                 "text": "boolean"
               }
@@ -6399,6 +6677,7 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'right'",
               "type": {
                 "text": "TDrawerPlacement"
               },
@@ -6409,6 +6688,8 @@
             {
               "name": "position",
               "fieldName": "position",
+              "default": "'end'",
+              "description": "Defines the position of the drawer",
               "type": {
                 "text": "TDrawerPosition"
               },
@@ -6812,6 +7093,8 @@
             {
               "name": "disable-scroll-lock",
               "fieldName": "disableScrollLock",
+              "default": "false",
+              "description": "If true, the dropdown panel will not lock the page body scroll when open.",
               "type": {
                 "text": "boolean"
               }
@@ -6819,6 +7102,8 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the dropdown panel will be visible and won't be shown.",
               "type": {
                 "text": "boolean"
               }
@@ -6826,6 +7111,8 @@
             {
               "name": "distance",
               "fieldName": "distance",
+              "default": "4",
+              "description": "Represents the distance (gutter or margin) between the panel and the trigger element.",
               "type": {
                 "text": "number"
               }
@@ -6833,6 +7120,8 @@
             {
               "name": "keep-open-on-select",
               "fieldName": "keepOpenOnSelect",
+              "default": "false",
+              "description": "If true, the panel will remain open after a selection is made.",
               "type": {
                 "text": "boolean"
               }
@@ -6840,6 +7129,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'bottom-start'",
+              "description": "Position of the panel",
               "type": {
                 "text": "Placement"
               }
@@ -6847,6 +7138,8 @@
             {
               "name": "open",
               "fieldName": "open",
+              "default": "false",
+              "description": "If true, the panel will be visible.",
               "type": {
                 "text": "boolean"
               }
@@ -6854,6 +7147,7 @@
             {
               "name": "panel-height",
               "fieldName": "panelHeight",
+              "description": "When set, it will override the height of the dropdown panel",
               "type": {
                 "text": "string"
               }
@@ -6861,6 +7155,8 @@
             {
               "name": "same-width",
               "fieldName": "sameWidth",
+              "default": "false",
+              "description": "Whether the panel should have the same width as the trigger element",
               "type": {
                 "text": "boolean"
               }
@@ -6868,6 +7164,8 @@
             {
               "name": "skidding",
               "fieldName": "skidding",
+              "default": "0",
+              "description": "Represents the skidding between the panel and the trigger element.",
               "type": {
                 "text": "number"
               }
@@ -6875,6 +7173,8 @@
             {
               "name": "strategy",
               "fieldName": "strategy",
+              "default": "'fixed'",
+              "description": "Defines the strategy to position the panel",
               "type": {
                 "text": "'fixed' | 'absolute'"
               }
@@ -7063,6 +7363,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the empty state component",
               "type": {
                 "text": "TEmptyStateSize"
               },
@@ -7299,6 +7601,7 @@
             {
               "name": "label",
               "fieldName": "label",
+              "description": "Label for the icon, used for accessibility",
               "type": {
                 "text": "string"
               }
@@ -7306,6 +7609,7 @@
             {
               "name": "color",
               "fieldName": "color",
+              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color",
               "type": {
                 "text": "string"
               }
@@ -7313,6 +7617,7 @@
             {
               "name": "name",
               "fieldName": "name",
+              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/)",
               "type": {
                 "text": "string"
               }
@@ -7320,6 +7625,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "24",
+              "description": "Set the size of the SVG",
               "type": {
                 "text": "string | number"
               }
@@ -7327,6 +7634,7 @@
             {
               "name": "src",
               "fieldName": "src",
+              "description": "Set the source of the SVG. If the source is set, the name property will be ignored",
               "type": {
                 "text": "string"
               }
@@ -7334,6 +7642,7 @@
             {
               "name": "weight",
               "fieldName": "weight",
+              "default": "undefined",
               "type": {
                 "text": "TIconWeight"
               },
@@ -8123,6 +8432,8 @@
             {
               "name": "autocapitalize",
               "fieldName": "autocapitalize",
+              "default": "'off'",
+              "description": "Controls whether or not the input field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.",
               "type": {
                 "text": "string"
               }
@@ -8130,6 +8441,8 @@
             {
               "name": "autocomplete",
               "fieldName": "autocomplete",
+              "default": "'off'",
+              "description": "Specifies whether or not the input field should have autocomplete enabled.",
               "type": {
                 "text": "string"
               }
@@ -8137,32 +8450,43 @@
             {
               "name": "autofocus",
               "fieldName": "autofocus",
+              "default": "false",
+              "description": "If true, the input will be focused on component render",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "clear-button-label",
-              "fieldName": "clearButtonLabel"
+              "fieldName": "clearButtonLabel",
+              "default": "'Clear value'",
+              "description": "The clear button aria label"
             },
             {
               "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "fieldName": "debounceTime",
+              "default": "0",
+              "description": "The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\nA value of 0 means no debouncing will occur."
             },
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "Indicates whether the input is disabled or not.\nIf `true`, the input is disabled and cannot be interacted with.",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "disable-clear",
-              "fieldName": "disableClear"
+              "fieldName": "disableClear",
+              "default": "false",
+              "description": "If true, the clear button won't be displayed"
             },
             {
               "name": "form",
               "fieldName": "form",
+              "description": "The ID of the form that the input field belongs to.",
               "type": {
                 "text": "string"
               }
@@ -8170,6 +8494,7 @@
             {
               "name": "form-validation-message",
               "fieldName": "formValidationMessage",
+              "description": "The native form validation message (mandatory if `required` is set)",
               "type": {
                 "text": "string"
               }
@@ -8177,6 +8502,7 @@
             {
               "name": "inputmode",
               "fieldName": "inputmode",
+              "description": "The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.\nThis allows a browser to display an appropriate virtual keyboard while editing.\nPossible values are 'none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url', and 'date'.",
               "type": {
                 "text": "string"
               }
@@ -8184,6 +8510,7 @@
             {
               "name": "max",
               "fieldName": "max",
+              "description": "The maximum value that the input field can accept.\nOnly applies to date and number input types.",
               "type": {
                 "text": "number | string"
               }
@@ -8191,6 +8518,7 @@
             {
               "name": "maxlength",
               "fieldName": "maxlength",
+              "description": "The maximum number of characters that the input field can accept.",
               "type": {
                 "text": "number"
               }
@@ -8198,6 +8526,7 @@
             {
               "name": "min",
               "fieldName": "min",
+              "description": "The minimum value that the input field can accept.\nOnly applies to date and number input types.",
               "type": {
                 "text": "number | string"
               }
@@ -8205,6 +8534,7 @@
             {
               "name": "minlength",
               "fieldName": "minlength",
+              "description": "The minimum number of characters that the input field can accept.",
               "type": {
                 "text": "number"
               }
@@ -8212,6 +8542,7 @@
             {
               "name": "name",
               "fieldName": "name",
+              "description": "The input field name.",
               "type": {
                 "text": "string"
               }
@@ -8219,6 +8550,7 @@
             {
               "name": "pattern",
               "fieldName": "pattern",
+              "description": "Specifies a regular expression the form control's value should match.",
               "type": {
                 "text": "string"
               }
@@ -8226,6 +8558,7 @@
             {
               "name": "placeholder",
               "fieldName": "placeholder",
+              "description": "The input placeholder text value",
               "type": {
                 "text": "string"
               }
@@ -8233,6 +8566,7 @@
             {
               "name": "readonly",
               "fieldName": "readonly",
+              "description": "If true, the input field cannot be modified.",
               "type": {
                 "text": "boolean"
               }
@@ -8240,6 +8574,7 @@
             {
               "name": "required",
               "fieldName": "required",
+              "description": "Indicates whether or not the input field is required to be filled out before submitting the form.",
               "type": {
                 "text": "boolean"
               }
@@ -8247,6 +8582,7 @@
             {
               "name": "step",
               "fieldName": "step",
+              "description": "A number that specifies the granularity that the value must adhere to.\nValid for date, month, week, time, datetime-local, number, and range.",
               "type": {
                 "text": "number | 'any'"
               }
@@ -8254,6 +8590,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'text'",
+              "description": "The type attribute specifies the type of input field to display.\nPossible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.",
               "type": {
                 "text": "TInputType"
               },
@@ -8264,6 +8602,8 @@
             {
               "name": "validation-status",
               "fieldName": "validationStatus",
+              "default": "'none'",
+              "description": "The validation status of the input.",
               "type": {
                 "text": "TInputValidation"
               },
@@ -8274,6 +8614,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "The input value, it can be used to reset the input to a previous value",
               "type": {
                 "text": "TInputValue"
               },
@@ -8793,6 +9134,7 @@
             {
               "name": "auto-dismiss",
               "fieldName": "autoDismiss",
+              "description": "If true, the notification will automatically hide after the specified amount of time",
               "type": {
                 "text": "boolean"
               }
@@ -8800,6 +9142,8 @@
             {
               "name": "border",
               "fieldName": "border",
+              "default": "'s'",
+              "description": "The corder radius of the notification component",
               "type": {
                 "text": "TNotificationBorderRadius"
               },
@@ -8810,6 +9154,7 @@
             {
               "name": "disable-close",
               "fieldName": "disableClose",
+              "description": "If true, the close button at the top right of the notification won't be shown",
               "type": {
                 "text": "boolean"
               }
@@ -8817,6 +9162,7 @@
             {
               "name": "hide-icon",
               "fieldName": "hideIcon",
+              "description": "If true, the notification icon won't be shown",
               "type": {
                 "text": "boolean"
               }
@@ -8824,6 +9170,7 @@
             {
               "name": "open",
               "fieldName": "open",
+              "description": "If true, the notification will be shown",
               "type": {
                 "text": "boolean"
               }
@@ -8831,6 +9178,8 @@
             {
               "name": "time",
               "fieldName": "time",
+              "default": "3000",
+              "description": "The length of time, in milliseconds, after which the notification will close itself. Only valid if `autoDismiss=\"true\"`",
               "type": {
                 "text": "number"
               }
@@ -8838,6 +9187,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'info'",
+              "description": "Type of Notification",
               "type": {
                 "text": "TNotificationType"
               },
@@ -9215,6 +9566,8 @@
             {
               "name": "hidden",
               "fieldName": "hidden",
+              "default": "false",
+              "description": "If true, the option is hidden.",
               "type": {
                 "text": "boolean"
               }
@@ -9222,6 +9575,8 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the option is disabled.",
               "type": {
                 "text": "boolean"
               }
@@ -9229,6 +9584,7 @@
             {
               "name": "display-value",
               "fieldName": "displayValue",
+              "description": "The display value of the option. It can be used to override the default displayed value.",
               "type": {
                 "text": "string"
               }
@@ -9236,6 +9592,8 @@
             {
               "name": "selected",
               "fieldName": "selected",
+              "default": "false",
+              "description": "If true, the option is selected and active.",
               "type": {
                 "text": "boolean"
               }
@@ -9243,6 +9601,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "A string representing the value of the option. Can be used to identify the item",
               "type": {
                 "text": "string"
               }
@@ -9505,6 +9864,8 @@
             {
               "name": "aria-label",
               "fieldName": "ariaLabel",
+              "default": "'Options'",
+              "description": "Aria label for the list.",
               "type": {
                 "text": "string"
               }
@@ -9548,11 +9909,228 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-panel.js",
+      "path": "components/bq-page-title.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-panel open>\n<div>Panel content</div>\n</bq-panel>\n```\n\n</figure>",
+          "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>",
+          "name": "BqPageTitle",
+          "cssProperties": [
+            {
+              "description": "Padding top and bottom of the page title wrapper",
+              "name": "--paddingY"
+            },
+            {
+              "description": "Page title border end color",
+              "name": "--subtitle-borderBlockEnd"
+            },
+            {
+              "description": "Page title font weight for subtitle",
+              "name": "--subtitle-fontWeight"
+            },
+            {
+              "description": "Page title color for sub-title",
+              "name": "--subtitle-textColor"
+            },
+            {
+              "description": "Page title text size for subtitle",
+              "name": "--subtitle-textSize"
+            },
+            {
+              "description": "Page title font weight for title",
+              "name": "--title-fontWeight"
+            },
+            {
+              "description": "Page title text line height",
+              "name": "--title-lineHeight"
+            },
+            {
+              "description": "Page title color for title",
+              "name": "--title-textColor"
+            },
+            {
+              "description": "Page title text size for title",
+              "name": "--title-textSize"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The inner container `<div>`of element that contains the base page title component.",
+              "name": "base"
+            },
+            {
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
+              "name": "content"
+            },
+            {
+              "description": "Defines the container that holds the title and any suffix content.",
+              "name": "title-suffix"
+            },
+            {
+              "description": "The container `<div>` page title element that acts as back slot container.",
+              "name": "back"
+            },
+            {
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
+              "name": "title"
+            },
+            {
+              "description": "The `<div>` page title element that acts as suffix slot container.",
+              "name": "suffix"
+            },
+            {
+              "description": "The `<div>` page title element that acts as sub-title slot container.",
+              "name": "sub-title"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The back navigation button.",
+              "name": "back"
+            },
+            {
+              "description": "The main title content.",
+              "name": ""
+            },
+            {
+              "description": "The sub-title content.",
+              "name": "sub-title"
+            },
+            {
+              "description": "The suffix content.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "backNavigationElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "suffixElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "subTitleElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqPageTitleElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "haveBackNavigation",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasSuffix",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasSubTitle",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-page-title",
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The inner container `<div>`of element that contains the base page title component."
+            },
+            {
+              "name": "content",
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
+            },
+            {
+              "name": "title-suffix",
+              "description": "Defines the container that holds the title and any suffix content."
+            },
+            {
+              "name": "back",
+              "description": "The container `<div>` page title element that acts as back slot container."
+            },
+            {
+              "name": "title",
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
+            },
+            {
+              "name": "suffix",
+              "description": "The `<div>` page title element that acts as suffix slot container."
+            },
+            {
+              "name": "sub-title",
+              "description": "The `<div>` page title element that acts as sub-title slot container."
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqPageTitle",
+          "declaration": {
+            "name": "BqPageTitle",
+            "module": "components/bq-page-title.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-page-title",
+          "declaration": {
+            "name": "BqPageTitle",
+            "module": "components/bq-page-title.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-panel.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-panel open>\n<div>Panel content</div>\n</bq-panel>\n```\n\n</figure>",
           "name": "BqPanel",
           "cssParts": [
             {
@@ -9786,6 +10364,8 @@
             {
               "name": "disable-scroll-lock",
               "fieldName": "disableScrollLock",
+              "default": "false",
+              "description": "If true, the panel will not lock the page body scroll when open.",
               "type": {
                 "text": "boolean"
               }
@@ -9793,6 +10373,8 @@
             {
               "name": "distance",
               "fieldName": "distance",
+              "default": "4",
+              "description": "Represents the distance (gutter or margin) between the panel and the trigger element.",
               "type": {
                 "text": "number"
               }
@@ -9800,6 +10382,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'bottom-start'",
+              "description": "Position of the panel",
               "type": {
                 "text": "Placement"
               }
@@ -9807,6 +10391,8 @@
             {
               "name": "open",
               "fieldName": "open",
+              "default": "false",
+              "description": "If true, the panel will be visible.",
               "type": {
                 "text": "boolean"
               }
@@ -9814,6 +10400,8 @@
             {
               "name": "same-width",
               "fieldName": "sameWidth",
+              "default": "false",
+              "description": "Whether the panel should have the same width as the trigger element",
               "type": {
                 "text": "boolean"
               }
@@ -9821,6 +10409,8 @@
             {
               "name": "skidding",
               "fieldName": "skidding",
+              "default": "0",
+              "description": "Represents the skidding between the panel and the trigger element.",
               "type": {
                 "text": "number"
               }
@@ -9828,6 +10418,8 @@
             {
               "name": "strategy",
               "fieldName": "strategy",
+              "default": "'fixed'",
+              "description": "Defines the strategy to position the panel",
               "type": {
                 "text": "'fixed' | 'absolute'"
               }
@@ -9863,251 +10455,34 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-page-title.js",
+      "path": "components/bq-progress.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>",
-          "name": "BqPageTitle",
+          "description": "The progress bar is a user interface component that visually represents the completion status of a task or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-progress value=\"50\"></bq-progress>\n```\n\n</figure>",
+          "name": "BqProgress",
           "cssProperties": [
             {
-              "description": "Padding top and bottom of the page title wrapper",
-              "name": "--paddingY"
+              "description": "The progress bars height",
+              "name": "--bq-progress-bar--height"
             },
             {
-              "description": "Page title border end color",
-              "name": "--subtitle-borderBlockEnd"
+              "description": "The progress bar width when its indeterminate",
+              "name": "--bq-progress-bar--indeterminateWidth"
             },
             {
-              "description": "Page title font weight for subtitle",
-              "name": "--subtitle-fontWeight"
+              "description": "The progress bar color (inside the track area)",
+              "name": "--bq-progress-bar--indicatorColor"
             },
             {
-              "description": "Page title color for sub-title",
-              "name": "--subtitle-textColor"
-            },
-            {
-              "description": "Page title text size for subtitle",
-              "name": "--subtitle-textSize"
-            },
-            {
-              "description": "Page title font weight for title",
-              "name": "--title-fontWeight"
-            },
-            {
-              "description": "Page title text line height",
-              "name": "--title-lineHeight"
-            },
-            {
-              "description": "Page title color for title",
-              "name": "--title-textColor"
-            },
-            {
-              "description": "Page title text size for title",
-              "name": "--title-textSize"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The inner container `<div>`of element that contains the base page title component.",
-              "name": "base"
-            },
-            {
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
-              "name": "content"
-            },
-            {
-              "description": "Defines the container that holds the title and any suffix content.",
-              "name": "title-suffix"
-            },
-            {
-              "description": "The container `<div>` page title element that acts as back slot container.",
-              "name": "back"
-            },
-            {
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
-              "name": "title"
-            },
-            {
-              "description": "The `<div>` page title element that acts as suffix slot container.",
-              "name": "suffix"
-            },
-            {
-              "description": "The `<div>` page title element that acts as sub-title slot container.",
-              "name": "sub-title"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The back navigation button.",
-              "name": "back"
-            },
-            {
-              "description": "The main title content.",
-              "name": ""
-            },
-            {
-              "description": "The sub-title content.",
-              "name": "sub-title"
-            },
-            {
-              "description": "The suffix content.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "backNavigationElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "suffixElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "subTitleElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqPageTitleElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "haveBackNavigation",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasSuffix",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasSubTitle",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "bq-page-title",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The inner container `<div>`of element that contains the base page title component."
-            },
-            {
-              "name": "content",
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
-            },
-            {
-              "name": "title-suffix",
-              "description": "Defines the container that holds the title and any suffix content."
-            },
-            {
-              "name": "back",
-              "description": "The container `<div>` page title element that acts as back slot container."
-            },
-            {
-              "name": "title",
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
-            },
-            {
-              "name": "suffix",
-              "description": "The `<div>` page title element that acts as suffix slot container."
-            },
-            {
-              "name": "sub-title",
-              "description": "The `<div>` page title element that acts as sub-title slot container."
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqPageTitle",
-          "declaration": {
-            "name": "BqPageTitle",
-            "module": "components/bq-page-title.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-page-title",
-          "declaration": {
-            "name": "BqPageTitle",
-            "module": "components/bq-page-title.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-progress.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The progress bar is a user interface component that visually represents the completion status of a task or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-progress value=\"50\"></bq-progress>\n```\n\n</figure>",
-          "name": "BqProgress",
-          "cssProperties": [
-            {
-              "description": "The progress bars height",
-              "name": "--bq-progress-bar--height"
-            },
-            {
-              "description": "The progress bar width when its indeterminate",
-              "name": "--bq-progress-bar--indeterminateWidth"
-            },
-            {
-              "description": "The progress bar color (inside the track area)",
-              "name": "--bq-progress-bar--indicatorColor"
-            },
-            {
-              "description": "The progress bar track area (the grey one)",
-              "name": "--bq-progress-bar--trackColor"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component wrapper container inside the shadow DOM",
-              "name": "wrapper"
+              "description": "The progress bar track area (the grey one)",
+              "name": "--bq-progress-bar--trackColor"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component wrapper container inside the shadow DOM",
+              "name": "wrapper"
             },
             {
               "description": "The `<div>` container that holds the native progress element",
@@ -10305,6 +10680,8 @@
             {
               "name": "border-shape",
               "fieldName": "borderShape",
+              "default": "'rounded'",
+              "description": "It will set the border style of the progress bar",
               "type": {
                 "text": "TProgressBorderShape"
               },
@@ -10315,6 +10692,8 @@
             {
               "name": "enable-tooltip",
               "fieldName": "enableTooltip",
+              "default": "false",
+              "description": "If `true`, a tooltip will be shown displaying the progress value",
               "type": {
                 "text": "boolean"
               }
@@ -10322,6 +10701,8 @@
             {
               "name": "indeterminate",
               "fieldName": "indeterminate",
+              "default": "false",
+              "description": "If `true` the indeterminate state of progress bar is enabled",
               "type": {
                 "text": "boolean"
               }
@@ -10329,6 +10710,8 @@
             {
               "name": "label",
               "fieldName": "label",
+              "default": "false",
+              "description": "If `true, a label text showing the value (in percentage) will be shown",
               "type": {
                 "text": "boolean"
               }
@@ -10336,6 +10719,8 @@
             {
               "name": "thickness",
               "fieldName": "thickness",
+              "default": "'medium'",
+              "description": "Progress bar thickness",
               "type": {
                 "text": "TProgressThickness"
               },
@@ -10346,6 +10731,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'default'",
+              "description": "Progress type",
               "type": {
                 "text": "TProgressType"
               },
@@ -10355,7 +10742,9 @@
             },
             {
               "name": "value",
-              "fieldName": "value"
+              "fieldName": "value",
+              "default": "0",
+              "description": "A number representing the current value of the progress bar"
             }
           ],
           "tagName": "bq-progress",
@@ -10424,107 +10813,62 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-radio-group.js",
+      "path": "components/bq-radio.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio-group fieldset value=\"option1\">\n<span slot=\"label\">radio group</span>\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n<bq-radio value=\"option2\">Radio option 2</bq-radio>\n<bq-radio value=\"option3\">Radio option 3</bq-radio>\n</bq-radio-group>\n```\n\n</figure>",
-          "name": "BqRadioGroup",
+          "description": "The radio button is a user interface element that allows users to select a single option.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n```\n\n</figure>",
+          "name": "BqRadio",
+          "cssProperties": [
+            {
+              "description": "Radio size",
+              "name": "--bq-radio--size"
+            },
+            {
+              "description": "Radio border width",
+              "name": "--bq-radio--border-width"
+            }
+          ],
           "cssParts": [
             {
-              "description": "The component's internal wrapper of the radio components.",
+              "description": "The component's internal wrapper of the radio component.",
               "name": "base"
             },
             {
-              "description": "The `<legend>` element that holds the text content.",
-              "name": "label"
+              "description": "The native HTML `<input type=\"radio\">` used under the hood.",
+              "name": "input"
             },
             {
-              "description": "The `<div>` element that holds the radio inputs.",
-              "name": "group"
+              "description": "The component's internal wrapper of the radio component.",
+              "name": "radio"
+            },
+            {
+              "description": "The `<span>` element that holds the text content.",
+              "name": "label"
             }
           ],
           "slots": [
             {
-              "description": "The bq-radio items to group",
+              "description": "The bq-radio item",
               "name": ""
-            },
-            {
-              "description": "The label content of radio group",
-              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "initialValue",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "debouncedBqChange",
+              "name": "inputElement",
               "type": {
-                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
+                "text": "HTMLInputElement"
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "focusedBqRadio",
-              "type": {
-                "text": "HTMLBqRadioElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "radioElementsSet",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new Set<HTMLBqRadioElement>()"
-            },
-            {
-              "kind": "field",
-              "name": "cachedRadioElements",
-              "type": {
-                "text": "HTMLBqRadioElement[]"
-              },
-              "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqRadioGroupElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checkedRadio",
-              "type": {
-                "text": "HTMLBqRadioElement | undefined"
+                "text": "HTMLBqRadioElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "tabIndex",
-              "type": {
-                "text": "'0' | '-1'"
-              },
-              "default": "'0'"
-            },
             {
               "kind": "field",
               "name": "backgroundOnHover",
@@ -10532,16 +10876,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, all radio inputs in the group will display a background on hover"
+              "description": "If true radio displays background on hover"
             },
             {
               "kind": "field",
-              "name": "debounceTime",
+              "name": "checked",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
+              "default": "false",
+              "description": "If true radio input is checked"
             },
             {
               "kind": "field",
@@ -10550,16 +10894,15 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio inputs are disabled"
+              "description": "If true radio input is disabled"
             },
             {
               "kind": "field",
-              "name": "fieldset",
+              "name": "formId",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If true displays fieldset"
+              "description": "The form ID that the radio input is associated with"
             },
             {
               "kind": "field",
@@ -10569,184 +10912,67 @@
               },
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
             },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "TRadioGroupOrientation"
-              },
-              "default": "'vertical'",
-              "description": "The display orientation of the radio inputs",
-              "parsedType": {
-                "text": "'horizontal' | 'vertical'"
-              }
-            },
             {
               "kind": "field",
               "name": "required",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, the radio group is required"
-            },
-            {
-              "kind": "field",
-              "name": "requiredValidationMessage",
-              "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "The native form validation message when the radio group is required"
+              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted"
             },
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "description": "A string representing the value of the radio."
             },
             {
               "kind": "method",
-              "name": "handleDebounceTimeChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleGroupProperties"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "handleRequiredChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback"
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback"
-            },
-            {
-              "kind": "method",
-              "name": "onBqClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ value: string; target: HTMLBqRadioElement }>"
-                  }
-                }
-              ]
+              "name": "vClick",
+              "description": "Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`."
             },
             {
               "kind": "method",
-              "name": "onBqKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ key: string; target: HTMLBqRadioElement }>"
-                  }
-                }
-              ]
+              "name": "vFocus",
+              "description": "Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`."
             },
             {
               "kind": "method",
-              "name": "onBqFocus",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqRadioElement>"
-                  }
-                }
-              ]
+              "name": "vBlur",
+              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
             },
             {
               "kind": "method",
-              "name": "onBqBlur",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqRadioElement>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "initializeRadioElements",
-              "privacy": "private",
-              "description": "Initializes the radio elements set by querying the host element for `ds-radio` elements.\nThis is done to avoid re-querying the host element for radio elements on every change."
-            },
-            {
-              "kind": "field",
-              "name": "updateRadioTabIndexes",
-              "privacy": "private",
-              "description": "Sets tabIndex for all radio elements based on current state\nHandles all scenarios: disabled state, checked radio, value matching, fallback to first"
+              "name": "getNativeInput",
+              "description": "Returns the native `<input>` HTML element used under the hood."
             },
             {
               "kind": "field",
-              "name": "updateRadioSelection",
-              "privacy": "private",
-              "description": "Updates the radio selection and focus.",
-              "parameters": [
-                {
-                  "description": "The radio element to update.",
-                  "name": "target"
-                }
-              ]
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateRadioProperties",
-              "privacy": "private",
-              "description": "Synchronizes properties of child radio elements with the group's state."
+              "name": "handleOnFocus",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "focusRadioInputSibling",
-              "privacy": "private",
-              "description": "Focuses the next/previous radio element in the group based on the current target.\nHandles circular navigation and skips disabled elements.",
-              "parameters": [
-                {
-                  "description": "The currently focused radio element",
-                  "name": "currentTarget"
-                },
-                {
-                  "description": "The navigation direction ('forward' | 'backward')",
-                  "name": "direction"
-                }
-              ]
+              "name": "handleOnBlur",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateFormValidity",
+              "name": "handleOnKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateCustomStates",
+              "name": "isDisabled",
               "privacy": "private",
-              "description": "Updates the custom states based on the component properties.\nThe custom states can be used to style the component based on the component properties.\nThe custom states are `disabled`, based on the component properties."
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "readonly": true
             },
             {
               "kind": "method",
@@ -10754,23 +10980,49 @@
             }
           ],
           "events": [
+            {
+              "description": "Handler to be called when the radio loses focus",
+              "name": "bqBlur"
+            },
             {
               "description": "Handler to be called when the radio state changes",
-              "name": "bqChange"
+              "name": "bqClick"
             },
             {
-              "name": "bqChange",
+              "description": "Handler to be called when the radio gets focused",
+              "name": "bqFocus"
+            },
+            {
+              "description": "The handler is to be called when the radio key is pressed",
+              "name": "bqKeyDown"
+            },
+            {
+              "name": "bqClick",
               "type": {
                 "text": "EventEmitter<{ value: string; target: HTMLBqRadioElement }>"
               },
               "description": "Handler to be called when the radio state changes"
             },
+            {
+              "name": "bqFocus",
+              "type": {
+                "text": "EventEmitter<HTMLBqRadioElement>"
+              },
+              "description": "Handler to be called when the radio gets focus"
+            },
             {
               "name": "bqBlur",
               "type": {
                 "text": "EventEmitter<HTMLBqRadioElement>"
               },
               "description": "Handler to be called when the radio loses focus"
+            },
+            {
+              "name": "bqKeyDown",
+              "type": {
+                "text": "EventEmitter<{ key: string; target: HTMLBqRadioElement }>"
+              },
+              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -10783,24 +11035,24 @@
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change",
-              "name": "debounce-time"
+              "description": "If `true` radio input is checked",
+              "name": "checked"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true` radio inputs are disabled",
+              "description": "If `true` radio input is disabled",
               "name": "disabled"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If `true` displays fieldset",
-              "name": "fieldset"
+              "description": "The form ID that the radio input is associated with",
+              "name": "form-id"
             },
             {
               "type": {
@@ -10809,99 +11061,92 @@
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
               "name": "name"
             },
-            {
-              "type": {
-                "text": "\"horizontal\" | \"vertical\""
-              },
-              "description": "The display orientation of the radio inputs",
-              "name": "orientation"
-            },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true`, the radio group is required",
+              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
               "name": "required"
             },
             {
               "type": {
-                "text": "string"
-              },
-              "description": "The native form validation message when the radio group is required",
-              "name": "required-validation-message"
-            },
-            {
-              "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The display orientation of the radio inputs",
+              "description": "A string representing the value of the radio",
               "name": "value"
             },
             {
               "name": "background-on-hover",
-              "fieldName": "backgroundOnHover"
+              "fieldName": "backgroundOnHover",
+              "default": "false",
+              "description": "If true radio displays background on hover"
             },
             {
-              "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "If true radio input is checked"
             },
             {
               "name": "disabled",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true radio input is disabled"
             },
             {
-              "name": "fieldset",
-              "fieldName": "fieldset"
+              "name": "force-disabled",
+              "fieldName": "forceDisabled"
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "form-id",
+              "fieldName": "formId",
+              "description": "The form ID that the radio input is associated with",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "orientation",
-              "fieldName": "orientation",
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair.",
               "type": {
-                "text": "TRadioGroupOrientation"
-              },
-              "parsedType": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "string"
               }
             },
             {
               "name": "required",
-              "fieldName": "required"
-            },
-            {
-              "name": "required-validation-message",
-              "fieldName": "requiredValidationMessage",
+              "fieldName": "required",
+              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
               "name": "value",
               "fieldName": "value",
+              "description": "A string representing the value of the radio.",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "bq-radio-group",
+          "tagName": "bq-radio",
           "csspart": [
             {
               "name": "base",
-              "description": "The component's internal wrapper of the radio components."
+              "description": "The component's internal wrapper of the radio component."
             },
             {
-              "name": "label",
-              "description": "The `<legend>` element that holds the text content."
+              "name": "input",
+              "description": "The native HTML `<input type=\"radio\">` used under the hood."
             },
             {
-              "name": "group",
-              "description": "The `<div>` element that holds the radio inputs."
+              "name": "radio",
+              "description": "The component's internal wrapper of the radio component."
+            },
+            {
+              "name": "label",
+              "description": "The `<span>` element that holds the text content."
             }
           ],
           "customElement": true
@@ -10910,80 +11155,125 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqRadioGroup",
+          "name": "BqRadio",
           "declaration": {
-            "name": "BqRadioGroup",
-            "module": "components/bq-radio-group.js"
+            "name": "BqRadio",
+            "module": "components/bq-radio.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-radio-group",
+          "name": "bq-radio",
           "declaration": {
-            "name": "BqRadioGroup",
-            "module": "components/bq-radio-group.js"
+            "name": "BqRadio",
+            "module": "components/bq-radio.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-radio.js",
+      "path": "components/bq-radio-group.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The radio button is a user interface element that allows users to select a single option.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n```\n\n</figure>",
-          "name": "BqRadio",
-          "cssProperties": [
-            {
-              "description": "Radio size",
-              "name": "--bq-radio--size"
-            },
-            {
-              "description": "Radio border width",
-              "name": "--bq-radio--border-width"
-            }
-          ],
+          "description": "The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio-group fieldset value=\"option1\">\n<span slot=\"label\">radio group</span>\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n<bq-radio value=\"option2\">Radio option 2</bq-radio>\n<bq-radio value=\"option3\">Radio option 3</bq-radio>\n</bq-radio-group>\n```\n\n</figure>",
+          "name": "BqRadioGroup",
           "cssParts": [
             {
-              "description": "The component's internal wrapper of the radio component.",
+              "description": "The component's internal wrapper of the radio components.",
               "name": "base"
             },
             {
-              "description": "The native HTML `<input type=\"radio\">` used under the hood.",
-              "name": "input"
-            },
-            {
-              "description": "The component's internal wrapper of the radio component.",
-              "name": "radio"
+              "description": "The `<legend>` element that holds the text content.",
+              "name": "label"
             },
             {
-              "description": "The `<span>` element that holds the text content.",
-              "name": "label"
+              "description": "The `<div>` element that holds the radio inputs.",
+              "name": "group"
             }
           ],
           "slots": [
             {
-              "description": "The bq-radio item",
+              "description": "The bq-radio items to group",
               "name": ""
+            },
+            {
+              "description": "The label content of radio group",
+              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "inputElement",
+              "name": "initialValue",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "debouncedBqChange",
+              "type": {
+                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "focusedBqRadio",
+              "type": {
+                "text": "HTMLBqRadioElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "radioElementsSet",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Set<HTMLBqRadioElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "cachedRadioElements",
+              "type": {
+                "text": "HTMLBqRadioElement[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqRadioElement"
+                "text": "HTMLBqRadioGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checkedRadio",
+              "type": {
+                "text": "HTMLBqRadioElement | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "tabIndex",
+              "type": {
+                "text": "'0' | '-1'"
+              },
+              "default": "'0'"
+            },
             {
               "kind": "field",
               "name": "backgroundOnHover",
@@ -10991,16 +11281,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio displays background on hover"
+              "description": "If true, all radio inputs in the group will display a background on hover"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "debounceTime",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "If true radio input is checked"
+              "default": "0",
+              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
             },
             {
               "kind": "field",
@@ -11009,15 +11299,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio input is disabled"
+              "description": "If true radio inputs are disabled"
             },
             {
               "kind": "field",
-              "name": "formId",
+              "name": "fieldset",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The form ID that the radio input is associated with"
+              "default": "false",
+              "description": "If true displays fieldset"
             },
             {
               "kind": "field",
@@ -11027,67 +11318,184 @@
               },
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
             },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "TRadioGroupOrientation"
+              },
+              "default": "'vertical'",
+              "description": "The display orientation of the radio inputs",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
             {
               "kind": "field",
               "name": "required",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted"
+              "default": "false",
+              "description": "If true, the radio group is required"
+            },
+            {
+              "kind": "field",
+              "name": "requiredValidationMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The native form validation message when the radio group is required"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A string representing the value of the radio."
+            },
+            {
+              "kind": "method",
+              "name": "handleDebounceTimeChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleGroupProperties"
+            },
+            {
+              "kind": "method",
+              "name": "checkPropValues"
+            },
+            {
+              "kind": "method",
+              "name": "handleRequiredChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "A string representing the value of the radio."
+              "kind": "method",
+              "name": "formAssociatedCallback"
             },
             {
               "kind": "method",
-              "name": "vClick",
-              "description": "Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`."
+              "name": "formResetCallback"
             },
             {
               "kind": "method",
-              "name": "vFocus",
-              "description": "Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`."
+              "name": "onBqClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ value: string; target: HTMLBqRadioElement }>"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "vBlur",
-              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
+              "name": "onBqKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ key: string; target: HTMLBqRadioElement }>"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getNativeInput",
-              "description": "Returns the native `<input>` HTML element used under the hood."
+              "name": "onBqFocus",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqBlur",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
+              "name": "initializeRadioElements",
+              "privacy": "private",
+              "description": "Initializes the radio elements set by querying the host element for `ds-radio` elements.\nThis is done to avoid re-querying the host element for radio elements on every change."
             },
             {
               "kind": "field",
-              "name": "handleOnFocus",
-              "privacy": "private"
+              "name": "updateRadioTabIndexes",
+              "privacy": "private",
+              "description": "Sets tabIndex for all radio elements based on current state\nHandles all scenarios: disabled state, checked radio, value matching, fallback to first"
             },
             {
               "kind": "field",
-              "name": "handleOnBlur",
-              "privacy": "private"
+              "name": "updateRadioSelection",
+              "privacy": "private",
+              "description": "Updates the radio selection and focus.",
+              "parameters": [
+                {
+                  "description": "The radio element to update.",
+                  "name": "target"
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleOnKeyDown",
+              "name": "updateRadioProperties",
+              "privacy": "private",
+              "description": "Synchronizes properties of child radio elements with the group's state."
+            },
+            {
+              "kind": "field",
+              "name": "focusRadioInputSibling",
+              "privacy": "private",
+              "description": "Focuses the next/previous radio element in the group based on the current target.\nHandles circular navigation and skips disabled elements.",
+              "parameters": [
+                {
+                  "description": "The currently focused radio element",
+                  "name": "currentTarget"
+                },
+                {
+                  "description": "The navigation direction ('forward' | 'backward')",
+                  "name": "direction"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "updateFormValidity",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "isDisabled",
+              "name": "updateCustomStates",
               "privacy": "private",
-              "readonly": true
+              "description": "Updates the custom states based on the component properties.\nThe custom states can be used to style the component based on the component properties.\nThe custom states are `disabled`, based on the component properties."
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -11095,49 +11503,23 @@
             }
           ],
           "events": [
-            {
-              "description": "Handler to be called when the radio loses focus",
-              "name": "bqBlur"
-            },
             {
               "description": "Handler to be called when the radio state changes",
-              "name": "bqClick"
-            },
-            {
-              "description": "Handler to be called when the radio gets focused",
-              "name": "bqFocus"
-            },
-            {
-              "description": "The handler is to be called when the radio key is pressed",
-              "name": "bqKeyDown"
+              "name": "bqChange"
             },
             {
-              "name": "bqClick",
+              "name": "bqChange",
               "type": {
                 "text": "EventEmitter<{ value: string; target: HTMLBqRadioElement }>"
               },
               "description": "Handler to be called when the radio state changes"
             },
-            {
-              "name": "bqFocus",
-              "type": {
-                "text": "EventEmitter<HTMLBqRadioElement>"
-              },
-              "description": "Handler to be called when the radio gets focus"
-            },
             {
               "name": "bqBlur",
               "type": {
                 "text": "EventEmitter<HTMLBqRadioElement>"
               },
               "description": "Handler to be called when the radio loses focus"
-            },
-            {
-              "name": "bqKeyDown",
-              "type": {
-                "text": "EventEmitter<{ key: string; target: HTMLBqRadioElement }>"
-              },
-              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -11150,24 +11532,24 @@
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If `true` radio input is checked",
-              "name": "checked"
+              "description": "A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change",
+              "name": "debounce-time"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true` radio input is disabled",
+              "description": "If `true` radio inputs are disabled",
               "name": "disabled"
             },
             {
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The form ID that the radio input is associated with",
-              "name": "form-id"
+              "description": "If `true` displays fieldset",
+              "name": "fieldset"
             },
             {
               "type": {
@@ -11176,82 +11558,114 @@
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
               "name": "name"
             },
+            {
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "description": "The display orientation of the radio inputs",
+              "name": "orientation"
+            },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
+              "description": "If `true`, the radio group is required",
               "name": "required"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "A string representing the value of the radio",
+              "description": "The native form validation message when the radio group is required",
+              "name": "required-validation-message"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The display orientation of the radio inputs",
               "name": "value"
             },
             {
               "name": "background-on-hover",
-              "fieldName": "backgroundOnHover"
+              "fieldName": "backgroundOnHover",
+              "default": "false",
+              "description": "If true, all radio inputs in the group will display a background on hover"
             },
             {
-              "name": "checked",
-              "fieldName": "checked"
+              "name": "debounce-time",
+              "fieldName": "debounceTime",
+              "default": "0",
+              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
             },
             {
               "name": "disabled",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true radio inputs are disabled"
             },
             {
-              "name": "force-disabled",
-              "fieldName": "forceDisabled"
+              "name": "fieldset",
+              "fieldName": "fieldset",
+              "default": "false",
+              "description": "If true displays fieldset"
             },
             {
-              "name": "form-id",
-              "fieldName": "formId",
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair.",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "orientation",
+              "fieldName": "orientation",
+              "default": "'vertical'",
+              "description": "The display orientation of the radio inputs",
               "type": {
-                "text": "string"
+                "text": "TRadioGroupOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
               "name": "required",
               "fieldName": "required",
+              "default": "false",
+              "description": "If true, the radio group is required"
+            },
+            {
+              "name": "required-validation-message",
+              "fieldName": "requiredValidationMessage",
+              "description": "The native form validation message when the radio group is required",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
               "name": "value",
               "fieldName": "value",
+              "description": "A string representing the value of the radio.",
               "type": {
                 "text": "string"
               }
             }
           ],
-          "tagName": "bq-radio",
+          "tagName": "bq-radio-group",
           "csspart": [
             {
               "name": "base",
-              "description": "The component's internal wrapper of the radio component."
-            },
-            {
-              "name": "input",
-              "description": "The native HTML `<input type=\"radio\">` used under the hood."
+              "description": "The component's internal wrapper of the radio components."
             },
             {
-              "name": "radio",
-              "description": "The component's internal wrapper of the radio component."
+              "name": "label",
+              "description": "The `<legend>` element that holds the text content."
             },
             {
-              "name": "label",
-              "description": "The `<span>` element that holds the text content."
+              "name": "group",
+              "description": "The `<div>` element that holds the radio inputs."
             }
           ],
           "customElement": true
@@ -11260,18 +11674,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqRadio",
+          "name": "BqRadioGroup",
           "declaration": {
-            "name": "BqRadio",
-            "module": "components/bq-radio.js"
+            "name": "BqRadioGroup",
+            "module": "components/bq-radio-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-radio",
+          "name": "bq-radio-group",
           "declaration": {
-            "name": "BqRadio",
-            "module": "components/bq-radio.js"
+            "name": "BqRadioGroup",
+            "module": "components/bq-radio-group.js"
           }
         }
       ]
@@ -11909,6 +12323,11 @@
               "name": "handleSearchFilter",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleKeydown",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleInput",
@@ -12201,21 +12620,28 @@
             {
               "name": "autofocus",
               "fieldName": "autofocus",
+              "description": "If true, the Select input will be focused on component render",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "clear-button-label",
-              "fieldName": "clearButtonLabel"
+              "fieldName": "clearButtonLabel",
+              "default": "'Clear value'",
+              "description": "The clear button aria label"
             },
             {
               "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "fieldName": "debounceTime",
+              "default": "0",
+              "description": "The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\nA value of 0 means no debouncing will occur."
             },
             {
               "name": "disable-scroll-lock",
               "fieldName": "disableScrollLock",
+              "default": "false",
+              "description": "If true, the Select panel will not lock the page body scroll when open.",
               "type": {
                 "text": "boolean"
               }
@@ -12223,17 +12649,23 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "Indicates whether the Select input is disabled or not.\nIf `true`, the Select is disabled and cannot be interacted with.",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "disable-clear",
-              "fieldName": "disableClear"
+              "fieldName": "disableClear",
+              "default": "false",
+              "description": "If true, the clear button won't be displayed"
             },
             {
               "name": "distance",
               "fieldName": "distance",
+              "default": "8",
+              "description": "Represents the distance (gutter or margin) between the Select panel and the input element.",
               "type": {
                 "text": "number"
               }
@@ -12241,6 +12673,7 @@
             {
               "name": "form",
               "fieldName": "form",
+              "description": "The ID of the form that the Select input belongs to.",
               "type": {
                 "text": "string"
               }
@@ -12248,6 +12681,8 @@
             {
               "name": "keep-open-on-select",
               "fieldName": "keepOpenOnSelect",
+              "default": "false",
+              "description": "If true, the Select panel will remain open after a selection is made.",
               "type": {
                 "text": "boolean"
               }
@@ -12255,6 +12690,7 @@
             {
               "name": "name",
               "fieldName": "name",
+              "description": "The Select input name.",
               "type": {
                 "text": "string"
               }
@@ -12262,6 +12698,8 @@
             {
               "name": "max-tags-visible",
               "fieldName": "maxTagsVisible",
+              "default": "2",
+              "description": "The maximum number of tags to display when multiple selection is enabled",
               "type": {
                 "text": "number"
               }
@@ -12269,6 +12707,8 @@
             {
               "name": "multiple",
               "fieldName": "multiple",
+              "default": "false",
+              "description": "If true, the Select input will allow multiple selections.",
               "type": {
                 "text": "boolean"
               }
@@ -12276,6 +12716,8 @@
             {
               "name": "open",
               "fieldName": "open",
+              "default": "false",
+              "description": "If true, the Select panel will be visible.",
               "type": {
                 "text": "boolean"
               }
@@ -12283,6 +12725,7 @@
             {
               "name": "panel-height",
               "fieldName": "panelHeight",
+              "description": "When set, it will override the height of the Select panel.",
               "type": {
                 "text": "string"
               }
@@ -12290,6 +12733,7 @@
             {
               "name": "placeholder",
               "fieldName": "placeholder",
+              "description": "The Select input placeholder text value",
               "type": {
                 "text": "string"
               }
@@ -12297,6 +12741,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'bottom'",
+              "description": "Position of the Select panel",
               "type": {
                 "text": "Placement"
               }
@@ -12304,6 +12750,7 @@
             {
               "name": "readonly",
               "fieldName": "readonly",
+              "description": "If true, the list of options cannot be filtered (searching won't be available)",
               "type": {
                 "text": "boolean"
               }
@@ -12311,6 +12758,7 @@
             {
               "name": "required",
               "fieldName": "required",
+              "description": "Indicates whether or not the Select input is required to be filled out before submitting the form.",
               "type": {
                 "text": "boolean"
               }
@@ -12318,6 +12766,8 @@
             {
               "name": "same-width",
               "fieldName": "sameWidth",
+              "default": "true",
+              "description": "Whether the panel should have the Select same width as the input element",
               "type": {
                 "text": "boolean"
               }
@@ -12325,6 +12775,8 @@
             {
               "name": "skidding",
               "fieldName": "skidding",
+              "default": "0",
+              "description": "Represents the skidding between the Select panel and the input element.",
               "type": {
                 "text": "number"
               }
@@ -12332,6 +12784,8 @@
             {
               "name": "strategy",
               "fieldName": "strategy",
+              "default": "'fixed'",
+              "description": "Defines the strategy to position the Select panel",
               "type": {
                 "text": "'fixed' | 'absolute'"
               }
@@ -12339,6 +12793,8 @@
             {
               "name": "validation-status",
               "fieldName": "validationStatus",
+              "default": "'none'",
+              "description": "The validation status of the Select input.",
               "type": {
                 "text": "TInputValidation"
               },
@@ -12349,6 +12805,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "The select input value, it can be used to reset the field to a previous value",
               "type": {
                 "text": "TSelectValue"
               },
@@ -12717,6 +13174,8 @@
             {
               "name": "appearance",
               "fieldName": "appearance",
+              "default": "'default'",
+              "description": "It sets a predefined appearance of the side menu",
               "type": {
                 "text": "TSideMenuAppearance"
               },
@@ -12727,6 +13186,8 @@
             {
               "name": "collapse",
               "fieldName": "collapse",
+              "default": "false",
+              "description": "If true, the container will reduce its width",
               "type": {
                 "text": "boolean"
               }
@@ -12734,6 +13195,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "It sets the size of the navigation menu items",
               "type": {
                 "text": "TSideMenuSize"
               },
@@ -12994,6 +13457,8 @@
             {
               "name": "active",
               "fieldName": "active",
+              "default": "false",
+              "description": "If true, the menu item will be shown as active/selected.",
               "type": {
                 "text": "boolean"
               }
@@ -13001,6 +13466,8 @@
             {
               "name": "collapse",
               "fieldName": "collapse",
+              "default": "false",
+              "description": "If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent.",
               "type": {
                 "text": "boolean"
               }
@@ -13008,6 +13475,8 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the menu item will be disabled (no interaction allowed)",
               "type": {
                 "text": "boolean"
               }
@@ -13623,42 +14092,59 @@
             },
             {
               "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "fieldName": "debounceTime",
+              "default": "0",
+              "description": "The amount of time, in milliseconds, to wait to trigger the `bqChange` event after each value change."
             },
             {
               "name": "disabled",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If `true` the slider is disabled."
             },
             {
               "name": "enable-value-indicator",
-              "fieldName": "enableValueIndicator"
+              "fieldName": "enableValueIndicator",
+              "default": "false",
+              "description": "If `true` it will show the value label on a side of the slider track area"
             },
             {
               "name": "gap",
-              "fieldName": "gap"
+              "fieldName": "gap",
+              "default": "0",
+              "description": "A number representing the amount to remain between the minimum and maximum values (only for range type)."
             },
             {
               "name": "max",
-              "fieldName": "max"
+              "fieldName": "max",
+              "default": "100",
+              "description": "A number representing the max value of the slider."
             },
             {
               "name": "min",
-              "fieldName": "min"
+              "fieldName": "min",
+              "default": "0",
+              "description": "A number representing the min value of the slider."
             },
             {
               "name": "name",
               "fieldName": "name",
+              "description": "Name of the form control. Submitted with the form as part of a name/value pair",
               "type": {
                 "text": "string"
               }
             },
             {
               "name": "step",
-              "fieldName": "step"
+              "fieldName": "step",
+              "default": "1",
+              "description": "A number representing the step of the slider.\n⚠️ Please notice that the value (or list of values if the slider type is `range`) will be rounded to the nearest multiple of `step`."
             },
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'single'",
+              "description": "It defines the type of slider to display",
               "type": {
                 "text": "TSliderType"
               },
@@ -13669,6 +14155,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "The value of the slider.\n- If the slider type is `single`, the value is a number.\n- If the slider type is `range`, the value is an array of two numbers (the first number represents the `min` value and the second number represents the `max` value).",
               "type": {
                 "text": "TSliderValue"
               },
@@ -13679,6 +14166,8 @@
             {
               "name": "enable-tooltip",
               "fieldName": "enableTooltip",
+              "default": "false",
+              "description": "If `true`, a tooltip will be shown displaying the progress value",
               "type": {
                 "text": "boolean"
               }
@@ -13686,6 +14175,8 @@
             {
               "name": "tooltip-always-visible",
               "fieldName": "tooltipAlwaysVisible",
+              "default": "false",
+              "description": "If `true`, a tooltip will always display the progress value.\nIt relies on enableTooltip and if enableTooltip is false, tooltipAlwaysVisible cannot be true.",
               "type": {
                 "text": "boolean"
               }
@@ -14001,11 +14492,15 @@
             },
             {
               "name": "animation",
-              "fieldName": "animation"
+              "fieldName": "animation",
+              "default": "true",
+              "description": "If `false`, the animation on the icon element will be stopped"
             },
             {
               "name": "text-position",
               "fieldName": "textPosition",
+              "default": "'none'",
+              "description": "It defines the position of the label text",
               "type": {
                 "text": "TSpinnerTextPosition"
               },
@@ -14016,6 +14511,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "It defines the size of the icon element displayed",
               "type": {
                 "text": "TSpinnerSize"
               },
@@ -14140,6 +14637,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'neutral'",
+              "description": "It defines the type of status to display",
               "type": {
                 "text": "TStatusType"
               },
@@ -14262,6 +14761,27 @@
                 "text": "HTMLBqStepItemElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "dividerColor",
+              "type": {
+                "text": "string"
+              },
+              "default": "'stroke--primary'",
+              "description": "The color of the line that connects the steps. It should be a valid declarative color token."
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "TStepsOrientation | undefined"
+              },
+              "default": "'horizontal'",
+              "description": "It defines the orientation of the step item",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
@@ -14349,6 +14869,14 @@
               "description": "Callback handler emitted when the step item is clicked",
               "name": "bqClick"
             },
+            {
+              "description": "Callback handler emitted when the step item is focused",
+              "name": "bqFocus"
+            },
+            {
+              "description": "Callback handler emitted when the step item loses focus",
+              "name": "bqBlur"
+            },
             {
               "name": "bqClick",
               "type": {
@@ -14372,6 +14900,20 @@
             }
           ],
           "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The color of the line that connects the steps. It should be a valid declarative color token.",
+              "name": "divider-color"
+            },
+            {
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "description": "The orientation of the step item",
+              "name": "orientation"
+            },
             {
               "type": {
                 "text": "\"small\" | \"medium\""
@@ -14393,9 +14935,39 @@
               "description": "It defines the step item type used",
               "name": "type"
             },
+            {
+              "name": "divider-color",
+              "fieldName": "dividerColor",
+              "default": "'stroke--primary'",
+              "description": "The color of the line that connects the steps. It should be a valid declarative color token.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "is-last",
+              "fieldName": "isLast",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "default": "'horizontal'",
+              "description": "It defines the orientation of the step item",
+              "type": {
+                "text": "TStepsOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "It defines prefix size",
               "type": {
                 "text": "TStepsSize"
               },
@@ -14406,6 +14978,8 @@
             {
               "name": "status",
               "fieldName": "status",
+              "default": "'default'",
+              "description": "It defines step item appearance based on its status",
               "type": {
                 "text": "TStepItemStatus"
               },
@@ -14416,6 +14990,7 @@
             {
               "name": "type",
               "fieldName": "type",
+              "description": "It defines the step item type used",
               "type": {
                 "text": "TStepsType"
               },
@@ -14528,6 +15103,18 @@
               "default": "'stroke--primary'",
               "description": "The color of the line that connects the steps. It should be a valid declarative color token."
             },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "TStepsOrientation"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation of the steps",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
             {
               "kind": "field",
               "name": "size",
@@ -14588,6 +15175,15 @@
               "name": "setStepItemProps",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "lastStepItem",
+              "type": {
+                "text": "HTMLBqStepItemElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "render"
@@ -14601,6 +15197,13 @@
               "description": "The color of the line that connects the steps. It should be a valid declarative color token.",
               "name": "divider-color"
             },
+            {
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "description": "The orientation of the steps",
+              "name": "orientation"
+            },
             {
               "type": {
                 "text": "\"medium\" | \"small\""
@@ -14618,13 +15221,29 @@
             {
               "name": "divider-color",
               "fieldName": "dividerColor",
+              "default": "'stroke--primary'",
+              "description": "The color of the line that connects the steps. It should be a valid declarative color token.",
               "type": {
                 "text": "string"
               }
             },
+            {
+              "name": "orientation",
+              "fieldName": "orientation",
+              "default": "'horizontal'",
+              "description": "The orientation of the steps",
+              "type": {
+                "text": "TStepsOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the steps",
               "type": {
                 "text": "TStepsSize"
               },
@@ -14635,6 +15254,7 @@
             {
               "name": "type",
               "fieldName": "type",
+              "description": "The type of prefix element to use on the step items",
               "type": {
                 "text": "TStepsType"
               },
@@ -15076,6 +15696,8 @@
             {
               "name": "background-on-hover",
               "fieldName": "backgroundOnHover",
+              "default": "false",
+              "description": "If true, a background will be displayed on hover",
               "type": {
                 "text": "boolean"
               }
@@ -15083,6 +15705,8 @@
             {
               "name": "checked",
               "fieldName": "checked",
+              "default": "false",
+              "description": "It indicates whether if the switch is `ON` by default (when the page loads)",
               "type": {
                 "text": "boolean"
               }
@@ -15090,6 +15714,8 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the switch control will be disabled and no interaction will be allowed",
               "type": {
                 "text": "boolean"
               }
@@ -15097,6 +15723,7 @@
             {
               "name": "form-validation-message",
               "fieldName": "formValidationMessage",
+              "description": "The native form validation message",
               "type": {
                 "text": "string"
               }
@@ -15104,6 +15731,8 @@
             {
               "name": "full-width",
               "fieldName": "fullWidth",
+              "default": "false",
+              "description": "If true, the component will take the full width space available on the parent container",
               "type": {
                 "text": "boolean"
               }
@@ -15111,6 +15740,8 @@
             {
               "name": "inner-label",
               "fieldName": "innerLabel",
+              "default": "'default'",
+              "description": "It indicates how to to display the on/off marks inside the control, with icons or none (default)",
               "type": {
                 "text": "TSwitchInnerLabel"
               },
@@ -15121,6 +15752,8 @@
             {
               "name": "justify-content",
               "fieldName": "justifyContent",
+              "default": "'start'",
+              "description": "It defines how to distribute the space between and around the control and the label text\n(https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)",
               "type": {
                 "text": "TSwitchJustifyContent"
               },
@@ -15131,6 +15764,7 @@
             {
               "name": "name",
               "fieldName": "name",
+              "description": "Name of the form control. Submitted with the form as part of a name/value pair",
               "type": {
                 "text": "string"
               }
@@ -15138,6 +15772,8 @@
             {
               "name": "required",
               "fieldName": "required",
+              "default": "false",
+              "description": "If `true`, it will indicate that the user must switch `ON` the element before the owning form can be submitted",
               "type": {
                 "text": "boolean"
               }
@@ -15145,6 +15781,8 @@
             {
               "name": "reverse-order",
               "fieldName": "reverseOrder",
+              "default": "false",
+              "description": "If true, the order of the control and the label text will be changed",
               "type": {
                 "text": "boolean"
               }
@@ -15152,6 +15790,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "The input control's value, submitted as a name/value pair with form data.",
               "type": {
                 "text": "string"
               }
@@ -15562,6 +16201,7 @@
             {
               "name": "active",
               "fieldName": "active",
+              "description": "If true tab is active",
               "type": {
                 "text": "boolean"
               }
@@ -15569,17 +16209,22 @@
             {
               "name": "controls",
               "fieldName": "controls",
+              "description": "The tab panel id that the tab controls",
               "type": {
                 "text": "string"
               }
             },
             {
               "name": "disabled",
-              "fieldName": "disabled"
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true tab is disabled"
             },
             {
               "name": "orientation",
               "fieldName": "orientation",
+              "default": "'horizontal'",
+              "description": "The direction that tab should be render",
               "type": {
                 "text": "TTabOrientation"
               },
@@ -15590,6 +16235,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'start'",
+              "description": "The placement that tab should be render",
               "type": {
                 "text": "TTabPlacement"
               },
@@ -15600,6 +16247,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the tab",
               "type": {
                 "text": "TTabSize"
               },
@@ -15610,6 +16259,7 @@
             {
               "name": "tab-id",
               "fieldName": "tabId",
+              "description": "The id of the tab",
               "type": {
                 "text": "string"
               }
@@ -15902,15 +16552,21 @@
             },
             {
               "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "fieldName": "debounceTime",
+              "default": "0",
+              "description": "A number representing the delay value applied to bqChange event handler"
             },
             {
               "name": "disable-divider",
-              "fieldName": "disableDivider"
+              "fieldName": "disableDivider",
+              "default": "false",
+              "description": "If true, the underline divider below the tabs won't be shown"
             },
             {
               "name": "orientation",
               "fieldName": "orientation",
+              "default": "'horizontal'",
+              "description": "The direction that tab should be render",
               "type": {
                 "text": "TTabOrientation"
               },
@@ -15921,6 +16577,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'start'",
+              "description": "The placement that tab should be render",
               "type": {
                 "text": "TTabPlacement"
               },
@@ -15931,6 +16589,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the tab",
               "type": {
                 "text": "TTabSize"
               },
@@ -15941,6 +16601,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "A string representing the id of the selected tab.",
               "type": {
                 "text": "string"
               }
@@ -16408,6 +17069,7 @@
             {
               "name": "border",
               "fieldName": "border",
+              "description": "The corner radius of the Tag (will override size's predefined border)",
               "type": {
                 "text": "TTagBorderRadius"
               },
@@ -16418,6 +17080,8 @@
             {
               "name": "clickable",
               "fieldName": "clickable",
+              "default": "false",
+              "description": "If true, the Tag can be clickable",
               "type": {
                 "text": "boolean"
               }
@@ -16425,6 +17089,7 @@
             {
               "name": "color",
               "fieldName": "color",
+              "description": "The color style of the Tag",
               "type": {
                 "text": "TTagColor"
               },
@@ -16435,6 +17100,8 @@
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the Tag will be disabled (only if clickable = `true`, no interaction allowed)",
               "type": {
                 "text": "boolean"
               }
@@ -16442,6 +17109,7 @@
             {
               "name": "hidden",
               "fieldName": "hidden",
+              "description": "If true, the Tag component will be hidden",
               "type": {
                 "text": "boolean"
               }
@@ -16449,6 +17117,8 @@
             {
               "name": "removable",
               "fieldName": "removable",
+              "default": "false",
+              "description": "If true, the Tag component can be removed",
               "type": {
                 "text": "boolean"
               }
@@ -16456,6 +17126,8 @@
             {
               "name": "selected",
               "fieldName": "selected",
+              "default": "false",
+              "description": "If true, the Tag is selected (only if clickable = `true`)",
               "type": {
                 "text": "boolean"
               }
@@ -16463,6 +17135,8 @@
             {
               "name": "size",
               "fieldName": "size",
+              "default": "'medium'",
+              "description": "The size of the Tag component",
               "type": {
                 "text": "TTagSize"
               },
@@ -16473,6 +17147,8 @@
             {
               "name": "variant",
               "fieldName": "variant",
+              "default": "'filled'",
+              "description": "The variant of Tag to apply on top of the variant",
               "type": {
                 "text": "TTagVariant"
               },
@@ -17164,6 +17840,8 @@
             {
               "name": "autocapitalize",
               "fieldName": "autocapitalize",
+              "default": "'off'",
+              "description": "Controls whether or not the textarea field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.",
               "type": {
                 "text": "TTextareaAutoCapitalize"
               },
@@ -17174,6 +17852,8 @@
             {
               "name": "autocomplete",
               "fieldName": "autocomplete",
+              "default": "'off'",
+              "description": "Specifies whether or not the textarea field should have autocomplete enabled.",
               "type": {
                 "text": "string"
               }
@@ -17181,6 +17861,8 @@
             {
               "name": "autofocus",
               "fieldName": "autofocus",
+              "default": "false",
+              "description": "If true, the textarea will be focused on component render",
               "type": {
                 "text": "boolean"
               }
@@ -17188,17 +17870,23 @@
             {
               "name": "auto-grow",
               "fieldName": "autoGrow",
+              "default": "false",
+              "description": "If `true`, the textarea will automatically grow and shrink to fit its contents.\nIf `false`, the textarea will have a fixed height specified by the `rows` property.",
               "type": {
                 "text": "boolean"
               }
             },
             {
               "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "fieldName": "debounceTime",
+              "default": "0",
+              "description": "The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the textarea value changes.\nA value of 0 means no debouncing will occur."
             },
             {
               "name": "disabled",
               "fieldName": "disabled",
+              "default": "false",
+              "description": "If `true`, the user cannot interact with the textarea.",
               "type": {
                 "text": "boolean"
               }
@@ -17206,6 +17894,8 @@
             {
               "name": "disable-resize",
               "fieldName": "disableResize",
+              "default": "false",
+              "description": "If `true`, it will block the user's ability to resize the textarea.",
               "type": {
                 "text": "boolean"
               }
@@ -17213,6 +17903,7 @@
             {
               "name": "form",
               "fieldName": "form",
+              "description": "The ID of the form that the textarea field belongs to.",
               "type": {
                 "text": "string"
               }
@@ -17220,6 +17911,7 @@
             {
               "name": "form-validation-message",
               "fieldName": "formValidationMessage",
+              "description": "The native form validation message",
               "type": {
                 "text": "string"
               }
@@ -17227,6 +17919,7 @@
             {
               "name": "maxlength",
               "fieldName": "maxlength",
+              "description": "The maximum number of characters that can be entered into the textarea (`0`: no limit).\nWhen enabled, a character counter will be shown underneath the textarea.",
               "type": {
                 "text": "number"
               }
@@ -17234,6 +17927,7 @@
             {
               "name": "name",
               "fieldName": "name",
+              "description": "The name of the textarea element.",
               "type": {
                 "text": "string"
               }
@@ -17241,6 +17935,7 @@
             {
               "name": "placeholder",
               "fieldName": "placeholder",
+              "description": "The placeholder text to show when there is no value.",
               "type": {
                 "text": "string"
               }
@@ -17248,6 +17943,8 @@
             {
               "name": "readonly",
               "fieldName": "readonly",
+              "default": "false",
+              "description": "If true, the textarea field cannot be modified.",
               "type": {
                 "text": "boolean"
               }
@@ -17255,6 +17952,8 @@
             {
               "name": "required",
               "fieldName": "required",
+              "default": "false",
+              "description": "Indicates whether or not the textarea field is required to be filled out before submitting the form.",
               "type": {
                 "text": "boolean"
               }
@@ -17262,6 +17961,8 @@
             {
               "name": "rows",
               "fieldName": "rows",
+              "default": "5",
+              "description": "The number of visible text lines for the control. It must be a positive integer.",
               "type": {
                 "text": "number"
               }
@@ -17269,6 +17970,8 @@
             {
               "name": "spellcheck",
               "fieldName": "spellcheck",
+              "default": "false",
+              "description": "If true, the textarea content may be checked for spelling errors.",
               "type": {
                 "text": "boolean"
               }
@@ -17276,6 +17979,8 @@
             {
               "name": "validation-status",
               "fieldName": "validationStatus",
+              "default": "'none'",
+              "description": "The validation status of the textarea.",
               "type": {
                 "text": "TInputValidation"
               },
@@ -17286,6 +17991,7 @@
             {
               "name": "value",
               "fieldName": "value",
+              "description": "The value of the textarea. It can be used to reset the textarea to a previous value.",
               "type": {
                 "text": "string"
               }
@@ -17293,6 +17999,8 @@
             {
               "name": "wrap",
               "fieldName": "wrap",
+              "default": "'soft'",
+              "description": "Specifies how the text in a text area is to be wrapped when submitted in a form",
               "type": {
                 "text": "TTextareaWrap"
               },
@@ -17663,6 +18371,8 @@
             {
               "name": "border",
               "fieldName": "border",
+              "default": "'s'",
+              "description": "The corder radius of the toast component",
               "type": {
                 "text": "TToastBorderRadius"
               },
@@ -17673,6 +18383,8 @@
             {
               "name": "type",
               "fieldName": "type",
+              "default": "'info'",
+              "description": "Type of toast",
               "type": {
                 "text": "TToastType"
               },
@@ -17683,6 +18395,8 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'bottom-center'",
+              "description": "Placement of toast",
               "type": {
                 "text": "TToastPlacement"
               },
@@ -17692,11 +18406,14 @@
             },
             {
               "name": "hide-icon",
-              "fieldName": "hideIcon"
+              "fieldName": "hideIcon",
+              "default": "false",
+              "description": "If true will hide toast icon"
             },
             {
               "name": "open",
               "fieldName": "open",
+              "description": "If true, the toast will be shown",
               "type": {
                 "text": "boolean"
               }
@@ -17704,6 +18421,8 @@
             {
               "name": "time",
               "fieldName": "time",
+              "default": "3000",
+              "description": "The length of time, in milliseconds, after which the toast will close itself",
               "type": {
                 "text": "number"
               }
@@ -18085,6 +18804,8 @@
             {
               "name": "always-visible",
               "fieldName": "alwaysVisible",
+              "default": "false",
+              "description": "If true, the tooltip will always be visible",
               "type": {
                 "text": "boolean"
               }
@@ -18092,6 +18813,8 @@
             {
               "name": "distance",
               "fieldName": "distance",
+              "default": "10",
+              "description": "Distance between trigger element and tooltip",
               "type": {
                 "text": "number"
               }
@@ -18099,6 +18822,8 @@
             {
               "name": "hide-arrow",
               "fieldName": "hideArrow",
+              "default": "false",
+              "description": "If true, the arrow on the tooltip content won't be shown",
               "type": {
                 "text": "boolean"
               }
@@ -18106,6 +18831,7 @@
             {
               "name": "placement",
               "fieldName": "placement",
+              "default": "'top'",
               "type": {
                 "text": "Placement"
               }
@@ -18113,6 +18839,8 @@
             {
               "name": "same-width",
               "fieldName": "sameWidth",
+              "default": "false",
+              "description": "Whether the tooltip should have the same width as the trigger element\n(applicable only for content shorter than the trigger element)",
               "type": {
                 "text": "boolean"
               }
@@ -18120,13 +18848,17 @@
             {
               "name": "display-on",
               "fieldName": "displayOn",
+              "default": "'hover'",
+              "description": "Set the action when the tooltip should be displayed, on hover (default) or click",
               "type": {
                 "text": "'click' | 'hover'"
               }
             },
             {
               "name": "visible",
-              "fieldName": "visible"
+              "fieldName": "visible",
+              "default": "false",
+              "description": "Indicates whether or not the tooltip is visible when the component is first rendered,\nand when interacting with the trigger"
             }
           ],
           "tagName": "bq-tooltip",