@beeq/core 1.8.5-beta.2 → 1.10.0-beta.0

package/dist/custom-elements.json

@@ -305,7 +305,10 @@
                 "text": "TAccordionAppearance"
               },
               "default": "'filled'",
-              "description": "The appearance style of the Accordion"
+              "description": "The appearance style of the Accordion",
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
+              }
             },
             {
               "kind": "field",
@@ -350,7 +353,10 @@
                 "text": "TAccordionSize"
               },
               "default": "'medium'",
-              "description": "The size of the Accordion"
+              "description": "The size of the Accordion",
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
             },
             {
               "kind": "method",
@@ -550,6 +556,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TAccordionAppearance"
+              },
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
               }
             },
             {
@@ -585,6 +594,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TAccordionSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             }
           ],
@@ -684,7 +696,10 @@
                 "text": "TAccordionAppearance"
               },
               "default": "'filled'",
-              "description": "The appearance style of accordion to be applied to all accordions"
+              "description": "The appearance style of accordion to be applied to all accordions",
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
+              }
             },
             {
               "kind": "field",
@@ -719,7 +734,10 @@
                 "text": "TAccordionSize"
               },
               "default": "'medium'",
-              "description": "The size of accordion to be applied to all accordions"
+              "description": "The size of accordion to be applied to all accordions",
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
             },
             {
               "kind": "method",
@@ -797,6 +815,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TAccordionAppearance"
+              },
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
               }
             },
             {
@@ -825,6 +846,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TAccordionSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             }
           ],
@@ -1091,7 +1115,10 @@
                 "text": "TAlertBorderRadius"
               },
               "default": "'s'",
-              "description": "The corner radius of the alert component"
+              "description": "The corner radius of the alert component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -1133,7 +1160,10 @@
                 "text": "TAlertType"
               },
               "default": "'default'",
-              "description": "Type of Alert"
+              "description": "Type of Alert",
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'default'"
+              }
             },
             {
               "kind": "field",
@@ -1332,6 +1362,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TAlertBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -1367,6 +1400,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TAlertType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'default'"
               }
             },
             {
@@ -1615,7 +1651,10 @@
                 "text": "TAvatarShape"
               },
               "default": "'circle'",
-              "description": "The shape of the avatar"
+              "description": "The shape of the avatar",
+              "parsedType": {
+                "text": "'circle' | 'square'"
+              }
             },
             {
               "kind": "field",
@@ -1624,7 +1663,10 @@
                 "text": "TAvatarSize"
               },
               "default": "'medium'",
-              "description": "The size of the avatar"
+              "description": "The size of the avatar",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'xsmall' | 'large'"
+              }
             },
             {
               "kind": "method",
@@ -1734,6 +1776,9 @@
               "fieldName": "shape",
               "type": {
                 "text": "TAvatarShape"
+              },
+              "parsedType": {
+                "text": "'circle' | 'square'"
               }
             },
             {
@@ -1741,6 +1786,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TAvatarSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'xsmall' | 'large'"
               }
             }
           ],
@@ -1911,7 +1959,10 @@
                 "text": "TBadgeSize | undefined"
               },
               "default": "'small'",
-              "description": "The size of the badge. Relevant if badge has no content."
+              "description": "The size of the badge. Relevant if badge has no content.",
+              "parsedType": {
+                "text": "'small' | 'medium' | undefined"
+              }
             },
             {
               "kind": "method",
@@ -1971,6 +2022,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TBadgeSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             }
           ],
@@ -2008,147 +2062,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-breadcrumb.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>",
-          "name": "BqBreadcrumb",
-          "cssParts": [
-            {
-              "description": "The `nav` tag that loads the breadcrumb items",
-              "name": "navigation"
-            },
-            {
-              "description": "The container that wraps the separator element",
-              "name": "separator"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.",
-              "name": ""
-            },
-            {
-              "description": "The slot to add a separator between breadcrumb items. Default separator is `/`.",
-              "name": "separator"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "navElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "spanElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqBreadcrumbElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Breadcrumbs'",
-              "description": "The `aria-label` attribute to describe the type of navigation"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "getSeparatorElem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "separatorFromSlot",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "breadcrumbItems",
-              "type": {
-                "text": "HTMLBqBreadcrumbItemElement[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The `aria-label` attribute to describe the type of navigation",
-              "name": "label"
-            },
-            {
-              "name": "label",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "bq-breadcrumb",
-          "csspart": [
-            {
-              "name": "navigation",
-              "description": "The `nav` tag that loads the breadcrumb items"
-            },
-            {
-              "name": "separator",
-              "description": "The container that wraps the separator element"
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqBreadcrumb",
-          "declaration": {
-            "name": "BqBreadcrumb",
-            "module": "components/bq-breadcrumb.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-breadcrumb",
-          "declaration": {
-            "name": "BqBreadcrumb",
-            "module": "components/bq-breadcrumb.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-breadcrumb-item.js",
@@ -2422,64 +2335,205 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-button.js",
+      "path": "components/bq-breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Buttons are designed for users to take action on a page or a screen.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n<bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\nGo back\n</bq-button>\n```\n\n</figure>",
-          "name": "BqButton",
-          "cssProperties": [
+          "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>",
+          "name": "BqBreadcrumb",
+          "cssParts": [
             {
-              "description": "Button border color",
-              "name": "--bq-button--border-color"
+              "description": "The `nav` tag that loads the breadcrumb items",
+              "name": "navigation"
             },
             {
-              "description": "Button border radius",
-              "name": "--bq-button--border-radius"
-            },
+              "description": "The container that wraps the separator element",
+              "name": "separator"
+            }
+          ],
+          "slots": [
             {
-              "description": "Button border style",
-              "name": "--bq-button--border-style"
+              "description": "The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.",
+              "name": ""
             },
             {
-              "description": "Button border width",
-              "name": "--bq-button--border-width"
-            },
+              "description": "The slot to add a separator between breadcrumb items. Default separator is `/`.",
+              "name": "separator"
+            }
+          ],
+          "members": [
             {
-              "description": "Button small height",
-              "name": "--bq-button--small-height"
+              "kind": "field",
+              "name": "navElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Button small padding block (top and bottom)",
-              "name": "--bq-button--small-paddingX"
+              "kind": "field",
+              "name": "spanElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Button small padding inline (left and right)",
-              "name": "--bq-button--small-paddingY"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqBreadcrumbElement"
+              }
             },
             {
-              "description": "Button small font size",
-              "name": "--bq-button--small-font-size"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Breadcrumbs'",
+              "description": "The `aria-label` attribute to describe the type of navigation"
             },
             {
-              "description": "Button medium height",
-              "name": "--bq-button--medium-height"
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
-              "description": "Button medium padding block (top and bottom)",
-              "name": "--bq-button--medium-paddingX"
+              "kind": "field",
+              "name": "getSeparatorElem",
+              "privacy": "private"
             },
             {
-              "description": "Button medium padding inline (left and right)",
-              "name": "--bq-button--medium-paddingY"
+              "kind": "field",
+              "name": "separatorFromSlot",
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "Button medium font size",
-              "name": "--bq-button--medium-font-size"
+              "kind": "field",
+              "name": "breadcrumbItems",
+              "type": {
+                "text": "HTMLBqBreadcrumbItemElement[]"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "description": "Button large height",
-              "name": "--bq-button--large-height"
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The `aria-label` attribute to describe the type of navigation",
+              "name": "label"
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "bq-breadcrumb",
+          "csspart": [
+            {
+              "name": "navigation",
+              "description": "The `nav` tag that loads the breadcrumb items"
+            },
+            {
+              "name": "separator",
+              "description": "The container that wraps the separator element"
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqBreadcrumb",
+          "declaration": {
+            "name": "BqBreadcrumb",
+            "module": "components/bq-breadcrumb.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-breadcrumb",
+          "declaration": {
+            "name": "BqBreadcrumb",
+            "module": "components/bq-breadcrumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Buttons are designed for users to take action on a page or a screen.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n<bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\nGo back\n</bq-button>\n```\n\n</figure>",
+          "name": "BqButton",
+          "cssProperties": [
+            {
+              "description": "Button border color",
+              "name": "--bq-button--border-color"
+            },
+            {
+              "description": "Button border radius",
+              "name": "--bq-button--border-radius"
+            },
+            {
+              "description": "Button border style",
+              "name": "--bq-button--border-style"
+            },
+            {
+              "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"
+            },
+            {
+              "description": "Button small padding inline (left and right)",
+              "name": "--bq-button--small-paddingY"
+            },
+            {
+              "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"
+            },
+            {
+              "description": "Button medium padding inline (left and right)",
+              "name": "--bq-button--medium-paddingY"
+            },
+            {
+              "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)",
@@ -2582,7 +2636,10 @@
                 "text": "TButtonAppearance"
               },
               "default": "'primary'",
-              "description": "The appearance style to apply to the button"
+              "description": "The appearance style to apply to the button",
+              "parsedType": {
+                "text": "'primary' | 'secondary' | 'link' | 'text'"
+              }
             },
             {
               "kind": "field",
@@ -2600,7 +2657,10 @@
                 "text": "TButtonBorderRadius"
               },
               "default": "'m'",
-              "description": "The corner radius of the button"
+              "description": "The corner radius of the button",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -2652,7 +2712,10 @@
                 "text": "TButtonSize"
               },
               "default": "'medium'",
-              "description": "The size of the button"
+              "description": "The size of the button",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "field",
@@ -2669,7 +2732,10 @@
                 "text": "TButtonType"
               },
               "default": "'button'",
-              "description": "The default behavior of the button"
+              "description": "The default behavior of the button",
+              "parsedType": {
+                "text": "'button' | 'submit' | 'reset'"
+              }
             },
             {
               "kind": "field",
@@ -2678,7 +2744,10 @@
                 "text": "TButtonVariant"
               },
               "default": "'standard'",
-              "description": "The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)"
+              "description": "The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)",
+              "parsedType": {
+                "text": "'ghost' | 'standard' | 'danger'"
+              }
             },
             {
               "kind": "method",
@@ -2862,6 +2931,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TButtonAppearance"
+              },
+              "parsedType": {
+                "text": "'primary' | 'secondary' | 'link' | 'text'"
               }
             },
             {
@@ -2876,6 +2948,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TButtonBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -2912,6 +2987,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TButtonSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
@@ -2926,6 +3004,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TButtonType"
+              },
+              "parsedType": {
+                "text": "'button' | 'submit' | 'reset'"
               }
             },
             {
@@ -2933,6 +3014,9 @@
               "fieldName": "variant",
               "type": {
                 "text": "TButtonVariant"
+              },
+              "parsedType": {
+                "text": "'ghost' | 'standard' | 'danger'"
               }
             }
           ],
@@ -3048,7 +3132,10 @@
                 "text": "TCardType"
               },
               "default": "'default'",
-              "description": "Type of card component"
+              "description": "Type of card component",
+              "parsedType": {
+                "text": "'default' | 'minimal'"
+              }
             },
             {
               "kind": "field",
@@ -3057,7 +3144,10 @@
                 "text": "TCardBorderRadius"
               },
               "default": "'m'",
-              "description": "The corner radius of the card component"
+              "description": "The corner radius of the card component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "method",
@@ -3088,6 +3178,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TCardType"
+              },
+              "parsedType": {
+                "text": "'default' | 'minimal'"
               }
             },
             {
@@ -3095,6 +3188,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TCardBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             }
           ],
@@ -3781,7 +3877,10 @@
               "type": {
                 "text": "TCalendarDate | undefined"
               },
-              "privacy": "private"
+              "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"
+              }
             },
             {
               "kind": "field",
@@ -3971,7 +4070,10 @@
                 "text": "DaysOfWeek | undefined"
               },
               "default": "1",
-              "description": "The first day of the week, where Sunday is 0, Monday is 1, etc"
+              "description": "The first day of the week, where Sunday is 0, Monday is 1, etc",
+              "parsedType": {
+                "text": "0 | 2 | 5 | 4 | 3 | 1 | 6 | undefined"
+              }
             },
             {
               "kind": "field",
@@ -4141,7 +4243,10 @@
                 "text": "TDatePickerType"
               },
               "default": "'single'",
-              "description": "It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection"
+              "description": "It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection",
+              "parsedType": {
+                "text": "'single' | 'multi' | 'range'"
+              }
             },
             {
               "kind": "field",
@@ -4150,7 +4255,10 @@
                 "text": "TInputValidation"
               },
               "default": "'none'",
-              "description": "The validation status of the Select input."
+              "description": "The validation status of the Select input.",
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
+              }
             },
             {
               "kind": "field",
@@ -4572,6 +4680,9 @@
               "fieldName": "firstDayOfWeek",
               "type": {
                 "text": "DaysOfWeek"
+              },
+              "parsedType": {
+                "text": "0 | 2 | 5 | 4 | 3 | 1 | 6"
               }
             },
             {
@@ -4712,6 +4823,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TDatePickerType"
+              },
+              "parsedType": {
+                "text": "'single' | 'multi' | 'range'"
               }
             },
             {
@@ -4719,6 +4833,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -4898,901 +5015,937 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-dialog.js",
+      "path": "components/bq-divider.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Dialog component is used to display additional content or prompt a user for action.\nIt provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n<h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n<bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\nTitle\n</h5>\n<p>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\nstandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\ntype specimen book.\n</p>\n<div class=\"flex gap-xs\" slot=\"footer\">\n<bq-button appearance=\"link\">Button</bq-button>\n<bq-button variant=\"ghost\">Button</bq-button>\n<bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n</div>\n</bq-dialog>\n```\n\n</figure>",
-          "name": "BqDialog",
+          "description": "The Divider component is used to visually separate content in a layout.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-divider orientation=\"horizontal\" stroke-color=\"stroke--primary\" title-alignment=\"middle\">\n<span slot=\"title\">Divider Title</span>\n</bq-divider>\n```\n\n</figure>",
+          "name": "BqDivider",
           "cssProperties": [
             {
-              "description": "Dialog background color",
-              "name": "--bq-dialog--background"
-            },
-            {
-              "description": "Dialog backdrop background color",
-              "name": "--bq-dialog--background-backdrop"
-            },
-            {
-              "description": "Dialog box shadow",
-              "name": "--bq-dialog--box-shadow"
-            },
-            {
-              "description": "Dialog border color",
-              "name": "--bq-dialog--border-color"
-            },
-            {
-              "description": "Dialog border style",
-              "name": "--bq-dialog--border-style"
-            },
-            {
-              "description": "Dialog border width",
-              "name": "--bq-dialog--border-width"
-            },
-            {
-              "description": "Dialog border radius",
-              "name": "--bq-dialog--border-radius"
-            },
-            {
-              "description": "Dialog padding",
-              "name": "--bq-dialog--padding"
-            },
-            {
-              "description": "Dialog gap distance between content and footer elements",
-              "name": "--bq-dialog--content-footer-gap"
-            },
-            {
-              "description": "Dialog gap distance between title and body elements",
-              "name": "--bq-dialog--title-body-gap"
-            },
-            {
-              "description": "Dialog small width",
-              "name": "--bq-dialog--width-small"
-            },
-            {
-              "description": "Dialog medium width",
-              "name": "--bq-dialog--width-medium"
-            },
-            {
-              "description": "Dialog large width",
-              "name": "--bq-dialog--width-large"
+              "description": "Divider color",
+              "name": "--bq-divider--color"
             },
             {
-              "description": "Dialog z-index applied when opened",
-              "name": "--bq-dialog-z-index"
+              "description": "Divider space between title and delimiters",
+              "name": "--bq-divider--title-marginX"
             }
           ],
           "cssParts": [
             {
-              "description": "The `<main>` that holds the dialog body content.",
-              "name": "body"
-            },
-            {
-              "description": "The button that closes the dialog on click.",
-              "name": "button-close"
-            },
-            {
-              "description": "The `<div>` container that holds the dialog title and body content.",
-              "name": "content"
+              "description": "The component's internal wrapper.",
+              "name": "base"
             },
             {
-              "description": "The `<dialog>` wrapper container inside the shadow DOM.",
-              "name": "dialog"
+              "description": "The component's internal svg wrapper for the start line of the divider's stroke.",
+              "name": "dash-start"
             },
             {
-              "description": "The `<footer>` that holds footer content.",
-              "name": "footer"
+              "description": "The component's internal svg wrapper for the end line of the divider's stroke.",
+              "name": "dash-end"
             },
             {
-              "description": "The `<header>` that holds the icon, title, description and close button.",
-              "name": "header"
+              "description": "The component's internal line component of the divider's stroke.",
+              "name": "dash-start-line"
             },
             {
-              "description": "The `<div>` that holds the title content.",
-              "name": "title"
+              "description": "The component's internal line component of the divider's stroke.",
+              "name": "dash-end-line"
             }
           ],
           "slots": [
             {
-              "description": "The title content of the dialog.",
-              "name": "title"
-            },
-            {
-              "description": "The body content of the dialog.",
+              "description": "The title content of the divider.",
               "name": ""
-            },
-            {
-              "description": "The footer content of the dialog.",
-              "name": "footer"
-            },
-            {
-              "description": "The close button content of the dialog.",
-              "name": "button-close"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dialogElem",
+              "name": "titleElem",
               "type": {
-                "text": "HTMLDialogElement"
+                "text": "HTMLDivElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "contentElem",
+              "name": "el",
               "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "footerElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "closeSlotElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "OPEN_CSS_CLASS",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "'bq-dialog--open'"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqDialogElement"
+                "text": "HTMLBqDividerElement"
               }
             },
             {
               "kind": "field",
-              "name": "hasContent",
+              "name": "hasTitle",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hasFooter",
+              "name": "dashed",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "If true, the divider has a dashed pattern"
             },
             {
               "kind": "field",
-              "name": "border",
+              "name": "orientation",
               "type": {
-                "text": "TDialogBorderRadius"
+                "text": "TDividerOrientation"
               },
-              "default": "'m'",
-              "description": "Border radius of the dialog component"
+              "default": "'horizontal'",
+              "description": "The default orientation of the divider",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
             },
             {
               "kind": "field",
-              "name": "disableBackdrop",
+              "name": "strokeColor",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If true, the backdrop overlay won't be shown when the dialog opens"
+              "default": "'stroke--primary'",
+              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color"
             },
             {
               "kind": "field",
-              "name": "disableCloseEscKeydown",
+              "name": "titleAlignment",
               "type": {
-                "text": "boolean"
+                "text": "TDividerTitleAlignment | undefined"
               },
-              "default": "false",
-              "description": "If true, the dialog will not close when the [Esc] key is press"
+              "default": "'middle'",
+              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)",
+              "parsedType": {
+                "text": "'start' | 'middle' | 'end' | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "disableCloseClickOutside",
+              "name": "strokeDashWidth",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "If true, the dialog will not close when clicking on the backdrop overlay"
+              "default": "12",
+              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed"
             },
             {
               "kind": "field",
-              "name": "footerAppearance",
+              "name": "strokeDashGap",
               "type": {
-                "text": "TDialogFooterAppearance"
+                "text": "number | undefined"
               },
-              "default": "'standard'",
-              "description": "The appearance of footer"
+              "default": "7",
+              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed"
             },
             {
               "kind": "field",
-              "name": "hideCloseButton",
+              "name": "strokeThickness",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "If true, it hides the close button"
+              "default": "1",
+              "description": "Set the thickness of the divider's stroke. Value expressed in px"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "strokeBasis",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "If true, the dialog will be shown as open"
+              "default": "0",
+              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "strokeLinecap",
               "type": {
-                "text": "TDialogSize"
+                "text": "TDividerStrokeLinecap | undefined"
               },
-              "default": "'medium'",
-              "description": "The size of the dialog"
+              "default": "'butt'",
+              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed",
+              "parsedType": {
+                "text": "'square' | 'round' | 'butt' | undefined"
+              }
             },
             {
               "kind": "method",
               "name": "checkPropValues"
             },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Open the dialog"
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Closes the dialog"
-            },
-            {
-              "kind": "method",
-              "name": "cancel",
-              "description": "Dismiss or cancel the dialog"
-            },
             {
               "kind": "field",
-              "name": "handleClose",
+              "name": "handleSlotChange",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOpen",
-              "privacy": "private"
+              "name": "strokeAttributes",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "handleTransitionEnd",
-              "privacy": "private"
+              "name": "strokeDrawPositions",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "name": "strokeDasharray",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
               "name": "render"
             }
           ],
-          "events": [
-            {
-              "description": "Callback handler emitted when the dialog has been canceled or dismissed.",
-              "name": "bqCancel"
-            },
-            {
-              "description": "Callback handler emitted when the dialog will close.",
-              "name": "bqClose"
-            },
-            {
-              "description": "Callback handler emitted when the dialog will open.",
-              "name": "bqOpen"
-            },
-            {
-              "description": "Callback handler emitted when the dialog finish opening.",
-              "name": "bqAfterOpen"
-            },
-            {
-              "description": "Callback handler emitted when the dialog finish closing.",
-              "name": "bqAfterClose"
-            },
+          "attributes": [
             {
-              "name": "bqCancel",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "boolean"
               },
-              "description": "Callback handler emitted when the dialog has been canceled or dismissed"
+              "description": "If true, the divider has a dashed pattern.",
+              "name": "dashed"
             },
             {
-              "name": "bqClose",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "\"horizontal\" | \"vertical\""
               },
-              "description": "Callback handler emitted when the dialog will close"
+              "description": "The default orientation of the divider.",
+              "name": "orientation"
             },
             {
-              "name": "bqOpen",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "string"
               },
-              "description": "Callback handler emitted when the dialog will open"
+              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color.",
+              "name": "stroke-color"
             },
             {
-              "name": "bqAfterOpen",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "\"start\" | \"middle\" | \"end\""
               },
-              "description": "Callback handler emitted when the dialog finish opening"
+              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical).",
+              "name": "title-alignment"
             },
             {
-              "name": "bqAfterClose",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "number"
               },
-              "description": "Callback handler emitted when the dialog finish closing"
-            }
-          ],
-          "attributes": [
+              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed.",
+              "name": "stroke-dash-width"
+            },
             {
               "type": {
-                "text": "\"none\" | \"xs2\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"full\""
+                "text": "number"
               },
-              "description": "Border radius of the dialog component.",
-              "name": "border"
+              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed.",
+              "name": "stroke-dash-gap"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If true, the backdrop overlay won't be shown when the dialog opens.",
-              "name": "disable-backdrop"
+              "description": "Set the thickness of the divider's stroke. Value expressed in px.",
+              "name": "stroke-thickness"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If true, the dialog will not close when the [Esc] key is pressed.",
-              "name": "disable-close-esc-keydown"
+              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px.",
+              "name": "stroke-basis"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "\"square\" | \"round\" | \"butt\""
               },
-              "description": "If true, the dialog will not close when clicking on the backdrop overlay.",
-              "name": "disable-close-click-outside"
+              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed.",
+              "name": "stroke-linecap"
             },
             {
-              "type": {
-                "text": "\"standard\" | \"highlight\""
-              },
-              "description": "The appearance of the footer.",
-              "name": "footer-appearance"
+              "name": "dashed",
+              "fieldName": "dashed"
             },
             {
+              "name": "orientation",
+              "fieldName": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "TDividerOrientation"
               },
-              "description": "If true, it hides the close button.",
-              "name": "hide-close-button"
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
             },
             {
+              "name": "stroke-color",
+              "fieldName": "strokeColor",
               "type": {
-                "text": "boolean"
-              },
-              "description": "If true, the dialog will be shown as open.",
-              "name": "open"
+                "text": "string"
+              }
             },
             {
+              "name": "title-alignment",
+              "fieldName": "titleAlignment",
               "type": {
-                "text": "\"small\" | \"medium\" | \"large\""
+                "text": "TDividerTitleAlignment"
               },
-              "description": "The size of the dialog.",
-              "name": "size"
+              "parsedType": {
+                "text": "'start' | 'middle' | 'end'"
+              }
             },
             {
-              "name": "border",
-              "fieldName": "border",
+              "name": "stroke-dash-width",
+              "fieldName": "strokeDashWidth",
               "type": {
-                "text": "TDialogBorderRadius"
+                "text": "number"
               }
             },
             {
-              "name": "disable-backdrop",
-              "fieldName": "disableBackdrop"
-            },
-            {
-              "name": "disable-close-esc-keydown",
-              "fieldName": "disableCloseEscKeydown"
-            },
-            {
-              "name": "disable-close-click-outside",
-              "fieldName": "disableCloseClickOutside"
-            },
-            {
-              "name": "footer-appearance",
-              "fieldName": "footerAppearance",
+              "name": "stroke-dash-gap",
+              "fieldName": "strokeDashGap",
               "type": {
-                "text": "TDialogFooterAppearance"
+                "text": "number"
               }
             },
             {
-              "name": "hide-close-button",
-              "fieldName": "hideCloseButton"
-            },
-            {
-              "name": "open",
-              "fieldName": "open",
+              "name": "stroke-thickness",
+              "fieldName": "strokeThickness",
               "type": {
-                "text": "boolean"
+                "text": "number"
               }
             },
             {
-              "name": "size",
-              "fieldName": "size",
+              "name": "stroke-basis",
+              "fieldName": "strokeBasis",
               "type": {
-                "text": "TDialogSize"
+                "text": "number"
               }
-            }
-          ],
-          "tagName": "bq-dialog",
-          "dependencies": [
-            {
-              "name": "bq-button",
-              "description": ""
             },
             {
-              "name": "bq-icon",
-              "description": ""
+              "name": "stroke-linecap",
+              "fieldName": "strokeLinecap",
+              "type": {
+                "text": "TDividerStrokeLinecap"
+              },
+              "parsedType": {
+                "text": "'square' | 'round' | 'butt'"
+              }
             }
           ],
+          "tagName": "bq-divider",
           "csspart": [
             {
-              "name": "body",
-              "description": "The `<main>` that holds the dialog body content."
-            },
-            {
-              "name": "button-close",
-              "description": "The button that closes the dialog on click."
-            },
-            {
-              "name": "content",
-              "description": "The `<div>` container that holds the dialog title and body content."
+              "name": "base",
+              "description": "The component's internal wrapper."
             },
             {
-              "name": "dialog",
-              "description": "The `<dialog>` wrapper container inside the shadow DOM."
+              "name": "dash-start",
+              "description": "The component's internal svg wrapper for the start line of the divider's stroke."
             },
             {
-              "name": "footer",
-              "description": "The `<footer>` that holds footer content."
+              "name": "dash-end",
+              "description": "The component's internal svg wrapper for the end line of the divider's stroke."
             },
             {
-              "name": "header",
-              "description": "The `<header>` that holds the icon, title, description and close button."
+              "name": "dash-start-line",
+              "description": "The component's internal line component of the divider's stroke."
             },
             {
-              "name": "title",
-              "description": "The `<div>` that holds the title content."
+              "name": "dash-end-line",
+              "description": "The component's internal line component of the divider's stroke."
             }
           ],
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqDialog",
+          "name": "BqDivider",
           "declaration": {
-            "name": "BqDialog",
-            "module": "components/bq-dialog.js"
+            "name": "BqDivider",
+            "module": "components/bq-divider.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-dialog",
+          "name": "bq-divider",
           "declaration": {
-            "name": "BqDialog",
-            "module": "components/bq-dialog.js"
+            "name": "BqDivider",
+            "module": "components/bq-divider.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-divider.js",
+      "path": "components/bq-dialog.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Divider component is used to visually separate content in a layout.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-divider orientation=\"horizontal\" stroke-color=\"stroke--primary\" title-alignment=\"middle\">\n<span slot=\"title\">Divider Title</span>\n</bq-divider>\n```\n\n</figure>",
-          "name": "BqDivider",
+          "description": "The Dialog component is used to display additional content or prompt a user for action.\nIt provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n<h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n<bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\nTitle\n</h5>\n<p>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\nstandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\ntype specimen book.\n</p>\n<div class=\"flex gap-xs\" slot=\"footer\">\n<bq-button appearance=\"link\">Button</bq-button>\n<bq-button variant=\"ghost\">Button</bq-button>\n<bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n</div>\n</bq-dialog>\n```\n\n</figure>",
+          "name": "BqDialog",
           "cssProperties": [
             {
-              "description": "Divider color",
-              "name": "--bq-divider--color"
+              "description": "Dialog background color",
+              "name": "--bq-dialog--background"
             },
             {
-              "description": "Divider space between title and delimiters",
-              "name": "--bq-divider--title-marginX"
+              "description": "Dialog backdrop background color",
+              "name": "--bq-dialog--background-backdrop"
+            },
+            {
+              "description": "Dialog box shadow",
+              "name": "--bq-dialog--box-shadow"
+            },
+            {
+              "description": "Dialog border color",
+              "name": "--bq-dialog--border-color"
+            },
+            {
+              "description": "Dialog border style",
+              "name": "--bq-dialog--border-style"
+            },
+            {
+              "description": "Dialog border width",
+              "name": "--bq-dialog--border-width"
+            },
+            {
+              "description": "Dialog border radius",
+              "name": "--bq-dialog--border-radius"
+            },
+            {
+              "description": "Dialog padding",
+              "name": "--bq-dialog--padding"
+            },
+            {
+              "description": "Dialog gap distance between content and footer elements",
+              "name": "--bq-dialog--content-footer-gap"
+            },
+            {
+              "description": "Dialog gap distance between title and body elements",
+              "name": "--bq-dialog--title-body-gap"
+            },
+            {
+              "description": "Dialog small width",
+              "name": "--bq-dialog--width-small"
+            },
+            {
+              "description": "Dialog medium width",
+              "name": "--bq-dialog--width-medium"
+            },
+            {
+              "description": "Dialog large width",
+              "name": "--bq-dialog--width-large"
+            },
+            {
+              "description": "Dialog z-index applied when opened",
+              "name": "--bq-dialog-z-index"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's internal wrapper.",
-              "name": "base"
+              "description": "The `<main>` that holds the dialog body content.",
+              "name": "body"
             },
             {
-              "description": "The component's internal svg wrapper for the start line of the divider's stroke.",
-              "name": "dash-start"
+              "description": "The button that closes the dialog on click.",
+              "name": "button-close"
             },
             {
-              "description": "The component's internal svg wrapper for the end line of the divider's stroke.",
-              "name": "dash-end"
+              "description": "The `<div>` container that holds the dialog title and body content.",
+              "name": "content"
             },
             {
-              "description": "The component's internal line component of the divider's stroke.",
-              "name": "dash-start-line"
+              "description": "The `<dialog>` wrapper container inside the shadow DOM.",
+              "name": "dialog"
             },
             {
-              "description": "The component's internal line component of the divider's stroke.",
-              "name": "dash-end-line"
+              "description": "The `<footer>` that holds footer content.",
+              "name": "footer"
+            },
+            {
+              "description": "The `<header>` that holds the icon, title, description and close button.",
+              "name": "header"
+            },
+            {
+              "description": "The `<div>` that holds the title content.",
+              "name": "title"
             }
           ],
           "slots": [
             {
-              "description": "The title content of the divider.",
+              "description": "The title content of the dialog.",
+              "name": "title"
+            },
+            {
+              "description": "The body content of the dialog.",
               "name": ""
+            },
+            {
+              "description": "The footer content of the dialog.",
+              "name": "footer"
+            },
+            {
+              "description": "The close button content of the dialog.",
+              "name": "button-close"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "titleElem",
+              "name": "dialogElem",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "HTMLDialogElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqDividerElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasTitle",
+              "name": "contentElem",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dashed",
+              "name": "footerElem",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
-              "default": "false",
-              "description": "If true, the divider has a dashed pattern"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "closeSlotElem",
               "type": {
-                "text": "TDividerOrientation"
+                "text": "HTMLElement"
               },
-              "default": "'horizontal'",
-              "description": "The default orientation of the divider"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeColor",
+              "name": "OPEN_CSS_CLASS",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "default": "'stroke--primary'",
-              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color"
+              "privacy": "private",
+              "default": "'bq-dialog--open'"
             },
             {
               "kind": "field",
-              "name": "titleAlignment",
+              "name": "el",
               "type": {
-                "text": "TDividerTitleAlignment | undefined"
+                "text": "HTMLBqDialogElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasContent",
+              "type": {
+                "text": "boolean"
               },
-              "default": "'middle'",
-              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "strokeDashWidth",
+              "name": "hasFooter",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "12",
-              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "strokeDashGap",
+              "name": "border",
               "type": {
-                "text": "number | undefined"
+                "text": "TDialogBorderRadius"
               },
-              "default": "7",
-              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed"
+              "default": "'m'",
+              "description": "Border radius of the dialog component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
-              "name": "strokeThickness",
+              "name": "disableBackdrop",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Set the thickness of the divider's stroke. Value expressed in px"
+              "default": "false",
+              "description": "If true, the backdrop overlay won't be shown when the dialog opens"
             },
             {
               "kind": "field",
-              "name": "strokeBasis",
+              "name": "disableCloseEscKeydown",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px"
+              "default": "false",
+              "description": "If true, the dialog will not close when the [Esc] key is press"
             },
             {
               "kind": "field",
-              "name": "strokeLinecap",
+              "name": "disableCloseClickOutside",
               "type": {
-                "text": "TDividerStrokeLinecap | undefined"
+                "text": "boolean"
               },
-              "default": "'butt'",
-              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed"
+              "default": "false",
+              "description": "If true, the dialog will not close when clicking on the backdrop overlay"
+            },
+            {
+              "kind": "field",
+              "name": "footerAppearance",
+              "type": {
+                "text": "TDialogFooterAppearance"
+              },
+              "default": "'standard'",
+              "description": "The appearance of footer",
+              "parsedType": {
+                "text": "'standard' | 'highlight'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideCloseButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, it hides the close button"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the dialog will be shown as open"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "TDialogSize"
+              },
+              "default": "'medium'",
+              "description": "The size of the dialog",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "method",
               "name": "checkPropValues"
             },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Open the dialog"
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Closes the dialog"
+            },
+            {
+              "kind": "method",
+              "name": "cancel",
+              "description": "Dismiss or cancel the dialog"
+            },
             {
               "kind": "field",
-              "name": "handleSlotChange",
+              "name": "handleClose",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeAttributes",
-              "privacy": "private",
-              "readonly": true
+              "name": "handleOpen",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeDrawPositions",
-              "privacy": "private",
-              "readonly": true
+              "name": "handleTransitionEnd",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeDasharray",
-              "privacy": "private",
-              "readonly": true
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "render"
             }
           ],
-          "attributes": [
+          "events": [
+            {
+              "description": "Callback handler emitted when the dialog has been canceled or dismissed.",
+              "name": "bqCancel"
+            },
+            {
+              "description": "Callback handler emitted when the dialog will close.",
+              "name": "bqClose"
+            },
+            {
+              "description": "Callback handler emitted when the dialog will open.",
+              "name": "bqOpen"
+            },
+            {
+              "description": "Callback handler emitted when the dialog finish opening.",
+              "name": "bqAfterOpen"
+            },
+            {
+              "description": "Callback handler emitted when the dialog finish closing.",
+              "name": "bqAfterClose"
+            },
             {
+              "name": "bqCancel",
               "type": {
-                "text": "boolean"
+                "text": "EventEmitter<void>"
               },
-              "description": "If true, the divider has a dashed pattern.",
-              "name": "dashed"
+              "description": "Callback handler emitted when the dialog has been canceled or dismissed"
             },
             {
+              "name": "bqClose",
               "type": {
-                "text": "\"horizontal\" | \"vertical\""
+                "text": "EventEmitter<void>"
               },
-              "description": "The default orientation of the divider.",
-              "name": "orientation"
+              "description": "Callback handler emitted when the dialog will close"
             },
             {
+              "name": "bqOpen",
               "type": {
-                "text": "string"
+                "text": "EventEmitter<void>"
               },
-              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color.",
-              "name": "stroke-color"
+              "description": "Callback handler emitted when the dialog will open"
             },
             {
+              "name": "bqAfterOpen",
               "type": {
-                "text": "\"start\" | \"middle\" | \"end\""
+                "text": "EventEmitter<void>"
               },
-              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical).",
-              "name": "title-alignment"
+              "description": "Callback handler emitted when the dialog finish opening"
             },
             {
+              "name": "bqAfterClose",
               "type": {
-                "text": "number"
+                "text": "EventEmitter<void>"
               },
-              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed.",
-              "name": "stroke-dash-width"
-            },
+              "description": "Callback handler emitted when the dialog finish closing"
+            }
+          ],
+          "attributes": [
             {
               "type": {
-                "text": "number"
+                "text": "\"none\" | \"xs2\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"full\""
               },
-              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed.",
-              "name": "stroke-dash-gap"
+              "description": "Border radius of the dialog component.",
+              "name": "border"
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Set the thickness of the divider's stroke. Value expressed in px.",
-              "name": "stroke-thickness"
+              "description": "If true, the backdrop overlay won't be shown when the dialog opens.",
+              "name": "disable-backdrop"
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px.",
-              "name": "stroke-basis"
+              "description": "If true, the dialog will not close when the [Esc] key is pressed.",
+              "name": "disable-close-esc-keydown"
             },
             {
               "type": {
-                "text": "\"square\" | \"round\" | \"butt\""
+                "text": "boolean"
               },
-              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed.",
-              "name": "stroke-linecap"
+              "description": "If true, the dialog will not close when clicking on the backdrop overlay.",
+              "name": "disable-close-click-outside"
             },
             {
-              "name": "dashed",
-              "fieldName": "dashed"
+              "type": {
+                "text": "\"standard\" | \"highlight\""
+              },
+              "description": "The appearance of the footer.",
+              "name": "footer-appearance"
             },
             {
-              "name": "orientation",
-              "fieldName": "orientation",
               "type": {
-                "text": "TDividerOrientation"
-              }
+                "text": "boolean"
+              },
+              "description": "If true, it hides the close button.",
+              "name": "hide-close-button"
             },
             {
-              "name": "stroke-color",
-              "fieldName": "strokeColor",
               "type": {
-                "text": "string"
-              }
+                "text": "boolean"
+              },
+              "description": "If true, the dialog will be shown as open.",
+              "name": "open"
             },
             {
-              "name": "title-alignment",
-              "fieldName": "titleAlignment",
               "type": {
-                "text": "TDividerTitleAlignment"
-              }
+                "text": "\"small\" | \"medium\" | \"large\""
+              },
+              "description": "The size of the dialog.",
+              "name": "size"
             },
             {
-              "name": "stroke-dash-width",
-              "fieldName": "strokeDashWidth",
+              "name": "border",
+              "fieldName": "border",
               "type": {
-                "text": "number"
+                "text": "TDialogBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
-              "name": "stroke-dash-gap",
-              "fieldName": "strokeDashGap",
+              "name": "disable-backdrop",
+              "fieldName": "disableBackdrop"
+            },
+            {
+              "name": "disable-close-esc-keydown",
+              "fieldName": "disableCloseEscKeydown"
+            },
+            {
+              "name": "disable-close-click-outside",
+              "fieldName": "disableCloseClickOutside"
+            },
+            {
+              "name": "footer-appearance",
+              "fieldName": "footerAppearance",
               "type": {
-                "text": "number"
+                "text": "TDialogFooterAppearance"
+              },
+              "parsedType": {
+                "text": "'standard' | 'highlight'"
               }
             },
             {
-              "name": "stroke-thickness",
-              "fieldName": "strokeThickness",
+              "name": "hide-close-button",
+              "fieldName": "hideCloseButton"
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "stroke-basis",
-              "fieldName": "strokeBasis",
+              "name": "size",
+              "fieldName": "size",
               "type": {
-                "text": "number"
+                "text": "TDialogSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
+            }
+          ],
+          "tagName": "bq-dialog",
+          "dependencies": [
+            {
+              "name": "bq-button",
+              "description": ""
             },
             {
-              "name": "stroke-linecap",
-              "fieldName": "strokeLinecap",
-              "type": {
-                "text": "TDividerStrokeLinecap"
-              }
+              "name": "bq-icon",
+              "description": ""
             }
           ],
-          "tagName": "bq-divider",
           "csspart": [
             {
-              "name": "base",
-              "description": "The component's internal wrapper."
+              "name": "body",
+              "description": "The `<main>` that holds the dialog body content."
             },
             {
-              "name": "dash-start",
-              "description": "The component's internal svg wrapper for the start line of the divider's stroke."
+              "name": "button-close",
+              "description": "The button that closes the dialog on click."
             },
             {
-              "name": "dash-end",
-              "description": "The component's internal svg wrapper for the end line of the divider's stroke."
+              "name": "content",
+              "description": "The `<div>` container that holds the dialog title and body content."
             },
             {
-              "name": "dash-start-line",
-              "description": "The component's internal line component of the divider's stroke."
+              "name": "dialog",
+              "description": "The `<dialog>` wrapper container inside the shadow DOM."
             },
             {
-              "name": "dash-end-line",
-              "description": "The component's internal line component of the divider's stroke."
+              "name": "footer",
+              "description": "The `<footer>` that holds footer content."
+            },
+            {
+              "name": "header",
+              "description": "The `<header>` that holds the icon, title, description and close button."
+            },
+            {
+              "name": "title",
+              "description": "The `<div>` that holds the title content."
             }
           ],
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqDivider",
+          "name": "BqDialog",
           "declaration": {
-            "name": "BqDivider",
-            "module": "components/bq-divider.js"
+            "name": "BqDialog",
+            "module": "components/bq-dialog.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-divider",
+          "name": "bq-dialog",
           "declaration": {
-            "name": "BqDivider",
-            "module": "components/bq-divider.js"
+            "name": "BqDialog",
+            "module": "components/bq-dialog.js"
           }
         }
       ]
@@ -5984,6 +6137,9 @@
               },
               "default": "'right'",
               "deprecated": "Defines the position of the drawer",
+              "parsedType": {
+                "text": "'left' | 'right'"
+              },
               "description": ""
             },
             {
@@ -5993,7 +6149,10 @@
                 "text": "TDrawerPosition"
               },
               "default": "'end'",
-              "description": "Defines the position of the drawer"
+              "description": "Defines the position of the drawer",
+              "parsedType": {
+                "text": "'start' | 'end'"
+              }
             },
             {
               "kind": "method",
@@ -6195,6 +6354,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TDrawerPlacement"
+              },
+              "parsedType": {
+                "text": "'left' | 'right'"
               }
             },
             {
@@ -6202,6 +6364,9 @@
               "fieldName": "position",
               "type": {
                 "text": "TDrawerPosition"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             }
           ],
@@ -6380,6 +6545,15 @@
                 "text": "HTMLBqDropdownElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "disableScrollLock",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the dropdown panel will not lock the page body scroll when open."
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -6468,6 +6642,10 @@
               "kind": "method",
               "name": "handleDisabledChange"
             },
+            {
+              "kind": "method",
+              "name": "onItemSelect"
+            },
             {
               "kind": "method",
               "name": "onClickOutside",
@@ -6491,12 +6669,11 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Listens for the 'keyup' event on the window object\nand closes the dropdown panel if the 'Escape' key or 'Tab' key outside the component is pressed."
+              ]
             },
             {
               "kind": "method",
-              "name": "onItemSelect"
+              "name": "handleScrollEvent"
             },
             {
               "kind": "field",
@@ -6585,6 +6762,13 @@
               "description": "Defines the strategy to position the panel.",
               "name": "strategy"
             },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "disabled",
               "fieldName": "disabled",
@@ -6793,7 +6977,10 @@
                 "text": "TEmptyStateSize"
               },
               "default": "'medium'",
-              "description": "The size of the empty state component"
+              "description": "The size of the empty state component",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "method",
@@ -6831,6 +7018,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TEmptyStateSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             }
           ],
@@ -6976,6 +7166,9 @@
               },
               "default": "undefined",
               "deprecated": "It set the icon weight/style",
+              "parsedType": {
+                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone' | undefined"
+              },
               "description": ""
             },
             {
@@ -7096,6 +7289,9 @@
               "fieldName": "weight",
               "type": {
                 "text": "TIconWeight"
+              },
+              "parsedType": {
+                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone'"
               }
             }
           ],
@@ -7576,7 +7772,10 @@
                 "text": "TInputType"
               },
               "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.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types"
+              "description": "The type attribute specifies the type of input field to display.\nPossible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types",
+              "parsedType": {
+                "text": "'number' | 'text' | 'date' | 'datetime-local' | 'email' | 'password' | 'search' | 'tel' | 'time' | 'url'"
+              }
             },
             {
               "kind": "field",
@@ -7585,7 +7784,10 @@
                 "text": "TInputValidation"
               },
               "default": "'none'",
-              "description": "The validation status of the input."
+              "description": "The validation status of the input.",
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
+              }
             },
             {
               "kind": "field",
@@ -7593,7 +7795,10 @@
               "type": {
                 "text": "TInputValue"
               },
-              "description": "The input value, it can be used to reset the input to a previous value"
+              "description": "The input value, it can be used to reset the input to a previous value",
+              "parsedType": {
+                "text": "string | number | string[]"
+              }
             },
             {
               "kind": "method",
@@ -8026,6 +8231,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TInputType"
+              },
+              "parsedType": {
+                "text": "'number' | 'text' | 'date' | 'datetime-local' | 'email' | 'password' | 'search' | 'tel' | 'time' | 'url'"
               }
             },
             {
@@ -8033,6 +8241,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -8040,6 +8251,9 @@
               "fieldName": "value",
               "type": {
                 "text": "TInputValue"
+              },
+              "parsedType": {
+                "text": "string | number | string[]"
               }
             }
           ],
@@ -8330,7 +8544,10 @@
                 "text": "TNotificationBorderRadius"
               },
               "default": "'s'",
-              "description": "The corder radius of the notification component"
+              "description": "The corder radius of the notification component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -8372,7 +8589,10 @@
                 "text": "TNotificationType"
               },
               "default": "'info'",
-              "description": "Type of Notification"
+              "description": "Type of Notification",
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'neutral'"
+              }
             },
             {
               "kind": "method",
@@ -8557,6 +8777,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TNotificationBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -8592,6 +8815,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TNotificationType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'neutral'"
               }
             }
           ],
@@ -8640,36 +8866,181 @@
               "description": "The container `<div>` that wraps the notification main content (title, description)"
             },
             {
-              "name": "svg",
-              "description": "The `<svg>` element of the predefined bq-icon component."
+              "name": "svg",
+              "description": "The `<svg>` element of the predefined bq-icon component."
+            },
+            {
+              "name": "title",
+              "description": "The container `<div>` that wraps the notification title content"
+            },
+            {
+              "name": "wrapper",
+              "description": "The wrapper container `<div>` of the element inside the shadow DOM"
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqNotification",
+          "declaration": {
+            "name": "BqNotification",
+            "module": "components/bq-notification.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-notification",
+          "declaration": {
+            "name": "BqNotification",
+            "module": "components/bq-notification.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-option-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
+          "name": "BqOptionGroup",
+          "cssProperties": [
+            {
+              "description": "option group background color",
+              "name": "--bq-option-group--background"
+            },
+            {
+              "description": "option group font size",
+              "name": "--bq-option-group--font-size"
+            },
+            {
+              "description": "option group line height",
+              "name": "--bq-option-group--line-height"
+            },
+            {
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-start"
+            },
+            {
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-end"
+            },
+            {
+              "description": "option group header padding Y axis",
+              "name": "--bq-option-group--label-paddingY"
+            },
+            {
+              "description": "option group text within label padding start",
+              "name": "--bq-option-group--label-text-padding-start"
+            },
+            {
+              "description": "option group text within label padding start",
+              "name": "--bq-option-group--label-text-padding-end"
+            },
+            {
+              "description": "option group container padding start",
+              "name": "--bq-option-group--container-padding-start"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The `legend` tag element which acts as a container for the label",
+              "name": "label"
+            },
+            {
+              "description": "The prefix of the label",
+              "name": "prefix"
+            },
+            {
+              "description": "The text of the label",
+              "name": "label"
+            },
+            {
+              "description": "The suffix of the label",
+              "name": "suffix"
+            },
+            {
+              "description": "The `div` element which holds the option items",
+              "name": "group"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The label of the option group",
+              "name": "header-label"
+            },
+            {
+              "description": "The prefix of the label",
+              "name": "header-prefix"
+            },
+            {
+              "description": "The suffix of the label",
+              "name": "header-suffix"
+            },
+            {
+              "description": "The option items",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-option-group",
+          "csspart": [
+            {
+              "name": "label",
+              "description": "The `legend` tag element which acts as a container for the label"
+            },
+            {
+              "name": "prefix",
+              "description": "The prefix of the label"
+            },
+            {
+              "name": "label",
+              "description": "The text of the label"
             },
             {
-              "name": "title",
-              "description": "The container `<div>` that wraps the notification title content"
+              "name": "suffix",
+              "description": "The suffix of the label"
             },
             {
-              "name": "wrapper",
-              "description": "The wrapper container `<div>` of the element inside the shadow DOM"
+              "name": "group",
+              "description": "The `div` element which holds the option items"
             }
           ],
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqNotification",
+          "name": "BqOptionGroup",
           "declaration": {
-            "name": "BqNotification",
-            "module": "components/bq-notification.js"
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-notification",
+          "name": "bq-option-group",
           "declaration": {
-            "name": "BqNotification",
-            "module": "components/bq-notification.js"
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
           }
         }
       ]
@@ -9135,151 +9506,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-option-group.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
-          "name": "BqOptionGroup",
-          "cssProperties": [
-            {
-              "description": "option group background color",
-              "name": "--bq-option-group--background"
-            },
-            {
-              "description": "option group font size",
-              "name": "--bq-option-group--font-size"
-            },
-            {
-              "description": "option group line height",
-              "name": "--bq-option-group--line-height"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-start"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-end"
-            },
-            {
-              "description": "option group header padding Y axis",
-              "name": "--bq-option-group--label-paddingY"
-            },
-            {
-              "description": "option group text within label padding start",
-              "name": "--bq-option-group--label-text-padding-start"
-            },
-            {
-              "description": "option group text within label padding start",
-              "name": "--bq-option-group--label-text-padding-end"
-            },
-            {
-              "description": "option group container padding start",
-              "name": "--bq-option-group--container-padding-start"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The `legend` tag element which acts as a container for the label",
-              "name": "label"
-            },
-            {
-              "description": "The prefix of the label",
-              "name": "prefix"
-            },
-            {
-              "description": "The text of the label",
-              "name": "label"
-            },
-            {
-              "description": "The suffix of the label",
-              "name": "suffix"
-            },
-            {
-              "description": "The `div` element which holds the option items",
-              "name": "group"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The label of the option group",
-              "name": "header-label"
-            },
-            {
-              "description": "The prefix of the label",
-              "name": "header-prefix"
-            },
-            {
-              "description": "The suffix of the label",
-              "name": "header-suffix"
-            },
-            {
-              "description": "The option items",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "bq-option-group",
-          "csspart": [
-            {
-              "name": "label",
-              "description": "The `legend` tag element which acts as a container for the label"
-            },
-            {
-              "name": "prefix",
-              "description": "The prefix of the label"
-            },
-            {
-              "name": "label",
-              "description": "The text of the label"
-            },
-            {
-              "name": "suffix",
-              "description": "The suffix of the label"
-            },
-            {
-              "name": "group",
-              "description": "The `div` element which holds the option items"
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqOptionGroup",
-          "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-option-group",
-          "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-page-title.js",
@@ -9549,6 +9775,15 @@
                 "text": "HTMLBqPanelElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "disableScrollLock",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the panel will not lock the page body scroll when open."
+            },
             {
               "kind": "field",
               "name": "distance",
@@ -9725,6 +9960,13 @@
               "description": "Defines the strategy to position the panel.",
               "name": "strategy"
             },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "distance",
               "fieldName": "distance",
@@ -9871,7 +10113,10 @@
                 "text": "TProgressBorderShape"
               },
               "default": "'rounded'",
-              "description": "It will set the border style of the progress bar"
+              "description": "It will set the border style of the progress bar",
+              "parsedType": {
+                "text": "'square' | 'rounded'"
+              }
             },
             {
               "kind": "field",
@@ -9907,7 +10152,10 @@
                 "text": "TProgressThickness"
               },
               "default": "'medium'",
-              "description": "Progress bar thickness"
+              "description": "Progress bar thickness",
+              "parsedType": {
+                "text": "'medium' | 'large'"
+              }
             },
             {
               "kind": "field",
@@ -9916,7 +10164,10 @@
                 "text": "TProgressType"
               },
               "default": "'default'",
-              "description": "Progress type"
+              "description": "Progress type",
+              "parsedType": {
+                "text": "'error' | 'default'"
+              }
             },
             {
               "kind": "field",
@@ -10016,6 +10267,9 @@
               "fieldName": "borderShape",
               "type": {
                 "text": "TProgressBorderShape"
+              },
+              "parsedType": {
+                "text": "'square' | 'rounded'"
               }
             },
             {
@@ -10044,6 +10298,9 @@
               "fieldName": "thickness",
               "type": {
                 "text": "TProgressThickness"
+              },
+              "parsedType": {
+                "text": "'medium' | 'large'"
               }
             },
             {
@@ -10051,6 +10308,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TProgressType"
+              },
+              "parsedType": {
+                "text": "'error' | 'default'"
               }
             },
             {
@@ -10124,85 +10384,69 @@
     },
     {
       "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": "focusedBqRadio",
-              "type": {
-                "text": "HTMLBqRadioElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "debouncedBqChange",
+              "name": "inputElement",
               "type": {
-                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
+                "text": "HTMLInputElement"
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqRadioGroupElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "backgroundOnHover",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, all radio inputs in the group will display a background on hover"
+                "text": "HTMLBqRadioElement"
+              }
             },
             {
               "kind": "field",
-              "name": "debounceTime",
+              "name": "checked",
               "type": {
-                "text": "number"
+                "text": "boolean | undefined"
               },
-              "default": "0",
-              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
+              "description": "If true radio input is checked"
             },
             {
               "kind": "field",
@@ -10211,168 +10455,94 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio inputs are disabled"
+              "description": "If true radio input is disabled"
             },
             {
               "kind": "field",
-              "name": "fieldset",
+              "name": "backgroundOnHover",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true displays fieldset"
+              "description": "If true radio displays background on hover"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "formId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
+              "description": "The form ID that the radio input is associated with"
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "name",
               "type": {
-                "text": "TRadioGroupOrientation | undefined"
+                "text": "string"
               },
-              "default": "'vertical'",
-              "description": "The display orientation of the radio inputs"
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
             },
             {
               "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": "handleGroupProperties"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "checkDebounceChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleRequiredChange"
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback"
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback"
-            },
-            {
-              "kind": "method",
-              "name": "onMouseDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onBqClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<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<KeyboardEvent>"
-                  }
-                }
-              ]
+              "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>"
-                  }
-                }
-              ]
+              "name": "getNativeInput",
+              "description": "Returns the native `<input>` HTML element used under the hood."
             },
             {
               "kind": "field",
-              "name": "focusRadioInputSibling",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "setCheckedRadioItem",
+              "name": "handleOnFocus",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "getNextRadioElement",
+              "name": "handleOnBlur",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateFormValidity",
+              "name": "handleOnKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "bqRadioElements",
+              "name": "tabindex",
               "type": {
-                "text": "HTMLBqRadioElement[]"
+                "text": "string"
               },
               "privacy": "private",
               "readonly": true
@@ -10383,16 +10553,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 }>"
+                "text": "EventEmitter<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<KeyboardEvent>"
+              },
+              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -10405,24 +10608,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": {
@@ -10431,73 +10634,54 @@
               "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"
-            },
-            {
-              "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "name": "checked",
+              "fieldName": "checked",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "name": "disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "fieldset",
-              "fieldName": "fieldset"
+              "name": "background-on-hover",
+              "fieldName": "backgroundOnHover"
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "form-id",
+              "fieldName": "formId",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "orientation",
-              "fieldName": "orientation",
+              "name": "name",
+              "fieldName": "name",
               "type": {
-                "text": "TRadioGroupOrientation"
+                "text": "string"
               }
             },
             {
               "name": "required",
-              "fieldName": "required"
-            },
-            {
-              "name": "required-validation-message",
-              "fieldName": "requiredValidationMessage",
+              "fieldName": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
@@ -10508,19 +10692,23 @@
               }
             }
           ],
-          "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": "input",
+              "description": "The native HTML `<input type=\"radio\">` used under the hood."
+            },
+            {
+              "name": "radio",
+              "description": "The component's internal wrapper of the radio component."
             },
             {
               "name": "label",
-              "description": "The `<legend>` element that holds the text content."
-            },
-            {
-              "name": "group",
-              "description": "The `<div>` element that holds the radio inputs."
+              "description": "The `<span>` element that holds the text content."
             }
           ],
           "customElement": true
@@ -10529,113 +10717,121 @@
       "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": "focusedBqRadio",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "HTMLBqRadioElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "debouncedBqChange",
+              "type": {
+                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "el",
+              "name": "internals",
               "type": {
-                "text": "HTMLBqRadioElement"
+                "text": "ElementInternals"
               }
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "el",
               "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true radio input is checked"
+                "text": "HTMLBqRadioGroupElement"
+              }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "backgroundOnHover",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio input is disabled"
+              "description": "If true, all radio inputs in the group will display a background on hover"
             },
             {
               "kind": "field",
-              "name": "backgroundOnHover",
+              "name": "debounceTime",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio displays background on hover"
+              "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",
@@ -10645,67 +10841,152 @@
               },
               "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 | undefined"
+              },
+              "default": "'vertical'",
+              "description": "The display orientation of the radio inputs",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              }
+            },
             {
               "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"
+                "text": "string | undefined"
               },
               "description": "A string representing the value of the radio."
             },
             {
               "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": "handleGroupProperties"
             },
             {
               "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": "checkPropValues"
             },
             {
               "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": "checkDebounceChange"
             },
             {
               "kind": "method",
-              "name": "getNativeInput",
-              "description": "Returns the native `<input>` HTML element used under the hood."
+              "name": "handleRequiredChange"
+            },
+            {
+              "kind": "method",
+              "name": "formAssociatedCallback"
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback"
+            },
+            {
+              "kind": "method",
+              "name": "onMouseDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<KeyboardEvent>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqFocus",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqBlur",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleClick",
+              "name": "focusRadioInputSibling",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOnFocus",
+              "name": "setCheckedRadioItem",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOnBlur",
+              "name": "getNextRadioElement",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOnKeyDown",
+              "name": "updateFormValidity",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "tabindex",
+              "name": "bqRadioElements",
               "type": {
-                "text": "string"
+                "text": "HTMLBqRadioElement[]"
               },
               "privacy": "private",
               "readonly": true
@@ -10715,50 +10996,17 @@
               "name": "render"
             }
           ],
-          "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": "bqClick",
-              "type": {
-                "text": "EventEmitter<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"
+          "events": [
+            {
+              "description": "Handler to be called when the radio state changes",
+              "name": "bqChange"
             },
             {
-              "name": "bqKeyDown",
+              "name": "bqChange",
               "type": {
-                "text": "EventEmitter<KeyboardEvent>"
+                "text": "EventEmitter<{ value: string; target: HTMLBqRadioElement }>"
               },
-              "description": "Handler to be called when the radio key is pressed"
+              "description": "Handler to be called when the radio state changes"
             }
           ],
           "attributes": [
@@ -10771,24 +11019,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": {
@@ -10797,54 +11045,76 @@
               "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",
-              "name": "value"
+              "description": "The native form validation message when the radio group is required",
+              "name": "required-validation-message"
             },
             {
-              "name": "checked",
-              "fieldName": "checked",
               "type": {
-                "text": "boolean"
-              }
+                "text": "string"
+              },
+              "description": "The display orientation of the radio inputs",
+              "name": "value"
+            },
+            {
+              "name": "background-on-hover",
+              "fieldName": "backgroundOnHover"
+            },
+            {
+              "name": "debounce-time",
+              "fieldName": "debounceTime"
             },
             {
               "name": "disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "background-on-hover",
-              "fieldName": "backgroundOnHover"
+              "name": "fieldset",
+              "fieldName": "fieldset"
             },
             {
-              "name": "form-id",
-              "fieldName": "formId",
+              "name": "name",
+              "fieldName": "name",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "orientation",
+              "fieldName": "orientation",
               "type": {
-                "text": "string"
+                "text": "TRadioGroupOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
               "name": "required",
-              "fieldName": "required",
+              "fieldName": "required"
+            },
+            {
+              "name": "required-validation-message",
+              "fieldName": "requiredValidationMessage",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
@@ -10855,23 +11125,19 @@
               }
             }
           ],
-          "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
@@ -10880,18 +11146,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"
           }
         }
       ]
@@ -11139,6 +11405,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "debounceInput",
+              "type": {
+                "text": "TDebounce<void>"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "fallbackInputId",
@@ -11243,6 +11517,15 @@
               "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."
             },
+            {
+              "kind": "field",
+              "name": "disableScrollLock",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the Select panel will not lock the page body scroll when open."
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -11397,7 +11680,10 @@
                 "text": "TInputValidation"
               },
               "default": "'none'",
-              "description": "The validation status of the Select input."
+              "description": "The validation status of the Select input.",
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
+              }
             },
             {
               "kind": "field",
@@ -11406,8 +11692,8 @@
                 "text": "TSelectValue"
               },
               "description": "The select input value, it can be used to reset the field to a previous value",
-              "expandedType": {
-                "text": " | "
+              "parsedType": {
+                "text": "string | string[]"
               }
             },
             {
@@ -11446,6 +11732,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleScrollEvent"
+            },
             {
               "kind": "method",
               "name": "clear",
@@ -11456,6 +11746,25 @@
               },
               "description": "Clears the selected value."
             },
+            {
+              "kind": "method",
+              "name": "reset",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "TSelectValue"
+                  },
+                  "description": "The value to reset the Select input to."
+                }
+              ],
+              "description": "Resets the Select input to a previous value."
+            },
             {
               "kind": "field",
               "name": "initMultipleValue",
@@ -11486,6 +11795,11 @@
               "name": "handleSearchFilter",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleInput",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleClearClick",
@@ -11601,6 +11915,13 @@
                 "text": "EventEmitter<{ value: string | number | string[]; item: HTMLBqOptionElement }>"
               },
               "description": "Callback handler emitted when the selected value has changed"
+            },
+            {
+              "name": "bqInput",
+              "type": {
+                "text": "EventEmitter<{ value: string | number | string[] }>"
+              },
+              "description": "Callback handler emitted when the Select input changes its value while typing"
             }
           ],
           "attributes": [
@@ -11773,6 +12094,13 @@
               "name": "debounce-time",
               "fieldName": "debounceTime"
             },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "disabled",
               "fieldName": "disabled",
@@ -11894,6 +12222,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -11902,8 +12233,8 @@
               "type": {
                 "text": "TSelectValue"
               },
-              "expandedType": {
-                "text": " | "
+              "parsedType": {
+                "text": "string | string[]"
               }
             }
           ],
@@ -12140,7 +12471,10 @@
                 "text": "TSideMenuAppearance"
               },
               "default": "'default'",
-              "description": "It sets a predefined appearance of the side menu"
+              "description": "It sets a predefined appearance of the side menu",
+              "parsedType": {
+                "text": "'default' | 'brand' | 'inverse'"
+              }
             },
             {
               "kind": "field",
@@ -12158,7 +12492,10 @@
                 "text": "TSideMenuSize"
               },
               "default": "'medium'",
-              "description": "It sets the size of the navigation menu items"
+              "description": "It sets the size of the navigation menu items",
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
             },
             {
               "kind": "method",
@@ -12263,6 +12600,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TSideMenuAppearance"
+              },
+              "parsedType": {
+                "text": "'default' | 'brand' | 'inverse'"
               }
             },
             {
@@ -12277,6 +12617,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TSideMenuSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             }
           ],
@@ -12863,7 +13206,10 @@
                 "text": "TSliderType"
               },
               "default": "'single'",
-              "description": "It defines the type of slider to display"
+              "description": "It defines the type of slider to display",
+              "parsedType": {
+                "text": "'single' | 'range'"
+              }
             },
             {
               "kind": "field",
@@ -12871,7 +13217,10 @@
               "type": {
                 "text": "TSliderValue"
               },
-              "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)."
+              "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).",
+              "parsedType": {
+                "text": "string | number | number[]"
+              }
             },
             {
               "kind": "field",
@@ -13205,6 +13554,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TSliderType"
+              },
+              "parsedType": {
+                "text": "'single' | 'range'"
               }
             },
             {
@@ -13212,6 +13564,9 @@
               "fieldName": "value",
               "type": {
                 "text": "TSliderValue"
+              },
+              "parsedType": {
+                "text": "string | number | number[]"
               }
             },
             {
@@ -13438,7 +13793,10 @@
                 "text": "TSpinnerTextPosition"
               },
               "default": "'none'",
-              "description": "It defines the position of the label text"
+              "description": "It defines the position of the label text",
+              "parsedType": {
+                "text": "'none' | 'left' | 'right' | 'above' | 'bellow'"
+              }
             },
             {
               "kind": "field",
@@ -13447,7 +13805,10 @@
                 "text": "TSpinnerSize"
               },
               "default": "'medium'",
-              "description": "It defines the size of the icon element displayed"
+              "description": "It defines the size of the icon element displayed",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "method",
@@ -13540,6 +13901,9 @@
               "fieldName": "textPosition",
               "type": {
                 "text": "TSpinnerTextPosition"
+              },
+              "parsedType": {
+                "text": "'none' | 'left' | 'right' | 'above' | 'bellow'"
               }
             },
             {
@@ -13547,6 +13911,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TSpinnerSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             }
           ],
@@ -13641,7 +14008,10 @@
                 "text": "TStatusType"
               },
               "default": "'neutral'",
-              "description": "It defines the type of status to display"
+              "description": "It defines the type of status to display",
+              "parsedType": {
+                "text": "'info' | 'success' | 'danger' | 'neutral' | 'alert'"
+              }
             },
             {
               "kind": "method",
@@ -13665,6 +14035,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStatusType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'danger' | 'neutral' | 'alert'"
               }
             }
           ],
@@ -13789,7 +14162,10 @@
                 "text": "TStepsSize | undefined"
               },
               "default": "'medium'",
-              "description": "It defines prefix size"
+              "description": "It defines prefix size",
+              "parsedType": {
+                "text": "'small' | 'medium' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -13798,7 +14174,10 @@
                 "text": "TStepItemStatus | undefined"
               },
               "default": "'default'",
-              "description": "It defines step item appearance based on its status"
+              "description": "It defines step item appearance based on its status",
+              "parsedType": {
+                "text": "'error' | 'default' | 'current' | 'completed' | 'disabled' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -13806,7 +14185,10 @@
               "type": {
                 "text": "TStepsType | undefined"
               },
-              "description": "It defines the step item type used"
+              "description": "It defines the step item type used",
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot' | undefined"
+              }
             },
             {
               "kind": "method",
@@ -13880,6 +14262,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TStepsSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             },
             {
@@ -13887,6 +14272,9 @@
               "fieldName": "status",
               "type": {
                 "text": "TStepItemStatus"
+              },
+              "parsedType": {
+                "text": "'error' | 'default' | 'current' | 'completed' | 'disabled'"
               }
             },
             {
@@ -13894,6 +14282,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStepsType"
+              },
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot'"
               }
             }
           ],
@@ -14008,7 +14399,10 @@
                 "text": "TStepsSize"
               },
               "default": "'medium'",
-              "description": "The size of the steps"
+              "description": "The size of the steps",
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
             },
             {
               "kind": "field",
@@ -14016,7 +14410,10 @@
               "type": {
                 "text": "TStepsType"
               },
-              "description": "The type of prefix element to use on the step items"
+              "description": "The type of prefix element to use on the step items",
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot'"
+              }
             },
             {
               "kind": "method",
@@ -14075,6 +14472,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TStepsSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             },
             {
@@ -14082,6 +14482,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStepsType"
+              },
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot'"
               }
             }
           ],
@@ -14289,7 +14692,10 @@
                 "text": "TSwitchInnerLabel | undefined"
               },
               "default": "'default'",
-              "description": "It indicates how to to display the on/off marks inside the control, with icons or none (default)"
+              "description": "It indicates how to to display the on/off marks inside the control, with icons or none (default)",
+              "parsedType": {
+                "text": "'default' | 'icon' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -14298,7 +14704,10 @@
                 "text": "TSwitchJustifyContent | undefined"
               },
               "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)"
+              "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)",
+              "parsedType": {
+                "text": "'start' | 'end' | 'left' | 'right' | 'center' | 'flex-end' | 'flex-start' | 'inherit' | 'initial' | 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -14549,6 +14958,9 @@
               "fieldName": "innerLabel",
               "type": {
                 "text": "TSwitchInnerLabel"
+              },
+              "parsedType": {
+                "text": "'default' | 'icon'"
               }
             },
             {
@@ -14556,6 +14968,9 @@
               "fieldName": "justifyContent",
               "type": {
                 "text": "TSwitchJustifyContent"
+              },
+              "parsedType": {
+                "text": "'start' | 'end' | 'left' | 'right' | 'center' | 'flex-end' | 'flex-start' | 'inherit' | 'initial' | 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch'"
               }
             },
             {
@@ -14798,7 +15213,10 @@
                 "text": "TTabOrientation | undefined"
               },
               "default": "'horizontal'",
-              "description": "The direction that tab should be render"
+              "description": "The direction that tab should be render",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -14807,7 +15225,10 @@
                 "text": "TTabPlacement | undefined"
               },
               "default": "'start'",
-              "description": "The placement that tab should be render"
+              "description": "The placement that tab should be render",
+              "parsedType": {
+                "text": "'start' | 'end' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -14816,7 +15237,10 @@
                 "text": "TTabSize"
               },
               "default": "'medium'",
-              "description": "The size of the tab"
+              "description": "The size of the tab",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "field",
@@ -15003,6 +15427,9 @@
               "fieldName": "orientation",
               "type": {
                 "text": "TTabOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
@@ -15010,6 +15437,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TTabPlacement"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             },
             {
@@ -15017,6 +15447,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TTabSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
@@ -15137,7 +15570,10 @@
                 "text": "TTabOrientation | undefined"
               },
               "default": "'horizontal'",
-              "description": "The direction that tab should be render"
+              "description": "The direction that tab should be render",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -15146,7 +15582,10 @@
                 "text": "TTabPlacement | undefined"
               },
               "default": "'start'",
-              "description": "The placement that tab should be render"
+              "description": "The placement that tab should be render",
+              "parsedType": {
+                "text": "'start' | 'end' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -15155,7 +15594,10 @@
                 "text": "TTabSize"
               },
               "default": "'medium'",
-              "description": "The size of the tab"
+              "description": "The size of the tab",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "field",
@@ -15316,6 +15758,9 @@
               "fieldName": "orientation",
               "type": {
                 "text": "TTabOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
@@ -15323,6 +15768,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TTabPlacement"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             },
             {
@@ -15330,6 +15778,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TTabSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
@@ -15490,7 +15941,10 @@
               "type": {
                 "text": "TTagBorderRadius"
               },
-              "description": "The corner radius of the Tag (will override size's predefined border)"
+              "description": "The corner radius of the Tag (will override size's predefined border)",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -15507,7 +15961,10 @@
               "type": {
                 "text": "TTagColor"
               },
-              "description": "The color style of the Tag"
+              "description": "The color style of the Tag",
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'gray'"
+              }
             },
             {
               "kind": "field",
@@ -15551,7 +16008,10 @@
                 "text": "TTagSize"
               },
               "default": "'medium'",
-              "description": "The size of the Tag component"
+              "description": "The size of the Tag component",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'xsmall'"
+              }
             },
             {
               "kind": "field",
@@ -15560,7 +16020,10 @@
                 "text": "TTagVariant"
               },
               "default": "'filled'",
-              "description": "The variant of Tag to apply on top of the variant"
+              "description": "The variant of Tag to apply on top of the variant",
+              "parsedType": {
+                "text": "'filled' | 'outline'"
+              }
             },
             {
               "kind": "method",
@@ -15783,6 +16246,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TTagBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -15797,6 +16263,9 @@
               "fieldName": "color",
               "type": {
                 "text": "TTagColor"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'gray'"
               }
             },
             {
@@ -15832,6 +16301,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TTagSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'xsmall'"
               }
             },
             {
@@ -15839,6 +16311,9 @@
               "fieldName": "variant",
               "type": {
                 "text": "TTagVariant"
+              },
+              "parsedType": {
+                "text": "'filled' | 'outline'"
               }
             }
           ],
@@ -16092,7 +16567,10 @@
                 "text": "TTextareaAutoCapitalize"
               },
               "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'.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize"
+              "description": "Controls whether or not the textarea field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize",
+              "parsedType": {
+                "text": "'on' | 'off' | 'sentences' | 'words' | 'characters'"
+              }
             },
             {
               "kind": "field",
@@ -16239,7 +16717,10 @@
                 "text": "TInputValidation"
               },
               "default": "'none'",
-              "description": "The validation status of the textarea."
+              "description": "The validation status of the textarea.",
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
+              }
             },
             {
               "kind": "field",
@@ -16256,7 +16737,10 @@
                 "text": "TTextareaWrap"
               },
               "default": "'soft'",
-              "description": "Specifies how the text in a text area is to be wrapped when submitted in a form"
+              "description": "Specifies how the text in a text area is to be wrapped when submitted in a form",
+              "parsedType": {
+                "text": "'off' | 'hard' | 'soft'"
+              }
             },
             {
               "kind": "method",
@@ -16533,6 +17017,9 @@
               "fieldName": "autocapitalize",
               "type": {
                 "text": "TTextareaAutoCapitalize"
+              },
+              "parsedType": {
+                "text": "'on' | 'off' | 'sentences' | 'words' | 'characters'"
               }
             },
             {
@@ -16649,6 +17136,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -16663,6 +17153,9 @@
               "fieldName": "wrap",
               "type": {
                 "text": "TTextareaWrap"
+              },
+              "parsedType": {
+                "text": "'off' | 'hard' | 'soft'"
               }
             }
           ],
@@ -16841,7 +17334,10 @@
                 "text": "TToastBorderRadius"
               },
               "default": "'s'",
-              "description": "The corder radius of the toast component"
+              "description": "The corder radius of the toast component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -16850,7 +17346,10 @@
                 "text": "TToastType"
               },
               "default": "'info'",
-              "description": "Type of toast"
+              "description": "Type of toast",
+              "parsedType": {
+                "text": "'info' | 'success' | 'error' | 'alert' | 'loading' | 'custom'"
+              }
             },
             {
               "kind": "field",
@@ -16859,7 +17358,10 @@
                 "text": "TToastPlacement"
               },
               "default": "'bottom-center'",
-              "description": "Placement of toast"
+              "description": "Placement of toast",
+              "parsedType": {
+                "text": "'top-center' | 'top-right' | 'bottom-right' | 'bottom-center' | 'bottom-left' | 'top-left'"
+              }
             },
             {
               "kind": "field",
@@ -17021,6 +17523,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TToastBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -17028,6 +17533,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TToastType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'error' | 'alert' | 'loading' | 'custom'"
               }
             },
             {
@@ -17035,6 +17543,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TToastPlacement"
+              },
+              "parsedType": {
+                "text": "'top-center' | 'top-right' | 'bottom-right' | 'bottom-center' | 'bottom-left' | 'top-left'"
               }
             },
             {
@@ -17295,6 +17806,18 @@
               "kind": "method",
               "name": "handleFloatingUIOptionsChange"
             },
+            {
+              "kind": "method",
+              "name": "handleDocumentKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "handleDocumentMouseDown",
@@ -17307,6 +17830,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleDocumentScroll"
+            },
             {
               "kind": "method",
               "name": "show",
@@ -17332,6 +17859,16 @@
               "name": "handleTriggerOnClick",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleTriggerFocusin",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleTriggerFocusout",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "showTooltip",