@beeq/core 1.9.0 → 1.10.0-beta.1

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'"
               }
             }
           ],
@@ -643,6 +655,231 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-accordion-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The accordion group component is a container for multiple accordion elements.\nIt allows to manage the appearance and size of all accordions at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-accordion-group appearance=\"filled\" size=\"medium\">\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n</bq-accordion-group>\n```\n\n</figure>",
+          "name": "BqAccordionGroup",
+          "cssProperties": [
+            {
+              "description": "Accordion group distance between elements",
+              "name": "--bq-accordion-group--gap"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot where the bq-accordion elements are placed.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqAccordionGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "TAccordionAppearance"
+              },
+              "default": "'filled'",
+              "description": "The appearance style of accordion to be applied to all accordions",
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandAll",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true all accordions are expanded"
+            },
+            {
+              "kind": "field",
+              "name": "noAnimation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Animation is set through JS when the browser does not support CSS calc-size()\nIf true, the accordion animation, will be disabled. No animation will be applied."
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true multiple accordions can be expanded at the same time"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "TAccordionSize"
+              },
+              "default": "'medium'",
+              "description": "The size of accordion to be applied to all accordions",
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkPropValues"
+            },
+            {
+              "kind": "method",
+              "name": "onBqClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqAccordionElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "bqAccordionElements",
+              "type": {
+                "text": "HTMLBqAccordionElement[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "\"filled\" | \"ghost\""
+              },
+              "description": "The appearance style of accordion to be applied to all accordions",
+              "name": "appearance",
+              "default": "\"filled\""
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true all accordions are expanded",
+              "name": "expandAll",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Animation is set through JS when the browser does not support CSS calc-size() If true, the accordion animation, will be disabled. No animation will be applied.",
+              "name": "no-animation",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true multiple accordions can be expanded at the same time",
+              "name": "multiple",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "\"small\" | \"medium\""
+              },
+              "description": "The size of accordion to be applied to all accordions",
+              "name": "size",
+              "default": "\"medium\""
+            },
+            {
+              "name": "appearance",
+              "fieldName": "appearance",
+              "type": {
+                "text": "TAccordionAppearance"
+              },
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
+              }
+            },
+            {
+              "name": "expand-all",
+              "fieldName": "expandAll",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "no-animation",
+              "fieldName": "noAnimation",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "multiple",
+              "fieldName": "multiple",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "TAccordionSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
+            }
+          ],
+          "tagName": "bq-accordion-group",
+          "csspart": {
+            "name": "base",
+            "description": "The component's base wrapper."
+          },
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqAccordionGroup",
+          "declaration": {
+            "name": "BqAccordionGroup",
+            "module": "components/bq-accordion-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-accordion-group",
+          "declaration": {
+            "name": "BqAccordionGroup",
+            "module": "components/bq-accordion-group.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-alert.js",
@@ -878,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",
@@ -920,7 +1160,10 @@
                 "text": "TAlertType"
               },
               "default": "'default'",
-              "description": "Type of Alert"
+              "description": "Type of Alert",
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'default'"
+              }
             },
             {
               "kind": "field",
@@ -1119,6 +1362,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TAlertBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -1154,6 +1400,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TAlertType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'default'"
               }
             },
             {
@@ -1245,234 +1494,21 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-accordion-group.js",
+      "path": "components/bq-avatar.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The accordion group component is a container for multiple accordion elements.\nIt allows to manage the appearance and size of all accordions at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-accordion-group appearance=\"filled\" size=\"medium\">\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n</bq-accordion-group>\n```\n\n</figure>",
-          "name": "BqAccordionGroup",
+          "description": "The Avatar component is a simple and customizable element that displays an image or initials in a circular or square shape.\nThis component is useful for displaying user profile pictures or any other image that represents a person or an entity.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-avatar\nalt-text=\"John Doe profile picture\"\nimage=\"/image/url/photo-1524593689594.jpeg\"\nlabel=\"John Doe profile picture\"\nshape=\"circle\"\nsize=\"medium\"\n>\n<bq-badge slot=\"badge\" text-color=\"#fff\">9</bq-badge>\n</bq-avatar>\n```\n\n</figure>",
+          "name": "BqAvatar",
           "cssProperties": [
             {
-              "description": "Accordion group distance between elements",
-              "name": "--bq-accordion-group--gap"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
+              "description": "Avatar background color",
+              "name": "--bq-avatar--background"
+            },
             {
-              "description": "The default slot where the bq-accordion elements are placed.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqAccordionGroupElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "TAccordionAppearance"
-              },
-              "default": "'filled'",
-              "description": "The appearance style of accordion to be applied to all accordions"
-            },
-            {
-              "kind": "field",
-              "name": "expandAll",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true all accordions are expanded"
-            },
-            {
-              "kind": "field",
-              "name": "noAnimation",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Animation is set through JS when the browser does not support CSS calc-size()\nIf true, the accordion animation, will be disabled. No animation will be applied."
-            },
-            {
-              "kind": "field",
-              "name": "multiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true multiple accordions can be expanded at the same time"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "TAccordionSize"
-              },
-              "default": "'medium'",
-              "description": "The size of accordion to be applied to all accordions"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "onBqClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqAccordionElement>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "bqAccordionElements",
-              "type": {
-                "text": "HTMLBqAccordionElement[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "\"filled\" | \"ghost\""
-              },
-              "description": "The appearance style of accordion to be applied to all accordions",
-              "name": "appearance",
-              "default": "\"filled\""
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true all accordions are expanded",
-              "name": "expandAll",
-              "default": "false"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Animation is set through JS when the browser does not support CSS calc-size() If true, the accordion animation, will be disabled. No animation will be applied.",
-              "name": "no-animation",
-              "default": "false"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true multiple accordions can be expanded at the same time",
-              "name": "multiple",
-              "default": "false"
-            },
-            {
-              "type": {
-                "text": "\"small\" | \"medium\""
-              },
-              "description": "The size of accordion to be applied to all accordions",
-              "name": "size",
-              "default": "\"medium\""
-            },
-            {
-              "name": "appearance",
-              "fieldName": "appearance",
-              "type": {
-                "text": "TAccordionAppearance"
-              }
-            },
-            {
-              "name": "expand-all",
-              "fieldName": "expandAll",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "no-animation",
-              "fieldName": "noAnimation",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "multiple",
-              "fieldName": "multiple",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "type": {
-                "text": "TAccordionSize"
-              }
-            }
-          ],
-          "tagName": "bq-accordion-group",
-          "csspart": {
-            "name": "base",
-            "description": "The component's base wrapper."
-          },
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqAccordionGroup",
-          "declaration": {
-            "name": "BqAccordionGroup",
-            "module": "components/bq-accordion-group.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-accordion-group",
-          "declaration": {
-            "name": "BqAccordionGroup",
-            "module": "components/bq-accordion-group.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-avatar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Avatar component is a simple and customizable element that displays an image or initials in a circular or square shape.\nThis component is useful for displaying user profile pictures or any other image that represents a person or an entity.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-avatar\nalt-text=\"John Doe profile picture\"\nimage=\"/image/url/photo-1524593689594.jpeg\"\nlabel=\"John Doe profile picture\"\nshape=\"circle\"\nsize=\"medium\"\n>\n<bq-badge slot=\"badge\" text-color=\"#fff\">9</bq-badge>\n</bq-avatar>\n```\n\n</figure>",
-          "name": "BqAvatar",
-          "cssProperties": [
-            {
-              "description": "Avatar background color",
-              "name": "--bq-avatar--background"
-            },
-            {
-              "description": "Avatar border color",
-              "name": "--bq-avatar--border-color"
-            },
+              "description": "Avatar border color",
+              "name": "--bq-avatar--border-color"
+            },
             {
               "description": "Avatar border style",
               "name": "--bq-avatar--border-style"
@@ -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'"
               }
             }
           ],
@@ -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'"
               }
             },
             {
@@ -5084,7 +5201,10 @@
                 "text": "TDialogBorderRadius"
               },
               "default": "'m'",
-              "description": "Border radius of the dialog component"
+              "description": "Border radius of the dialog component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -5120,7 +5240,10 @@
                 "text": "TDialogFooterAppearance"
               },
               "default": "'standard'",
-              "description": "The appearance of footer"
+              "description": "The appearance of footer",
+              "parsedType": {
+                "text": "'standard' | 'highlight'"
+              }
             },
             {
               "kind": "field",
@@ -5147,7 +5270,10 @@
                 "text": "TDialogSize"
               },
               "default": "'medium'",
-              "description": "The size of the dialog"
+              "description": "The size of the dialog",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "method",
@@ -5340,6 +5466,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TDialogBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -5359,6 +5488,9 @@
               "fieldName": "footerAppearance",
               "type": {
                 "text": "TDialogFooterAppearance"
+              },
+              "parsedType": {
+                "text": "'standard' | 'highlight'"
               }
             },
             {
@@ -5377,6 +5509,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TDialogSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             }
           ],
@@ -5529,7 +5664,10 @@
                 "text": "TDividerOrientation"
               },
               "default": "'horizontal'",
-              "description": "The default orientation of the divider"
+              "description": "The default orientation of the divider",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
             },
             {
               "kind": "field",
@@ -5547,7 +5685,10 @@
                 "text": "TDividerTitleAlignment | undefined"
               },
               "default": "'middle'",
-              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)"
+              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)",
+              "parsedType": {
+                "text": "'start' | 'middle' | 'end' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -5592,7 +5733,10 @@
                 "text": "TDividerStrokeLinecap | undefined"
               },
               "default": "'butt'",
-              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed"
+              "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",
@@ -5699,6 +5843,9 @@
               "fieldName": "orientation",
               "type": {
                 "text": "TDividerOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
@@ -5713,6 +5860,9 @@
               "fieldName": "titleAlignment",
               "type": {
                 "text": "TDividerTitleAlignment"
+              },
+              "parsedType": {
+                "text": "'start' | 'middle' | 'end'"
               }
             },
             {
@@ -5748,6 +5898,9 @@
               "fieldName": "strokeLinecap",
               "type": {
                 "text": "TDividerStrokeLinecap"
+              },
+              "parsedType": {
+                "text": "'square' | 'round' | 'butt'"
               }
             }
           ],
@@ -5799,102 +5952,92 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-drawer.js",
+      "path": "components/bq-dropdown.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Drawer component provides a sliding panel interface commonly used for navigation or presenting additional content without taking up significant screen space.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-drawer position=\"end\">\n<div class=\"flex gap-xs\" slot=\"title\">Title</div>\n<div class=\"...\">\nContent\n</div>\n<div class=\"flex flex-1 justify-center gap-xs\" slot=\"footer\">\n<bq-button appearance=\"primary\" block=\"\" size=\"small\">Button</bq-button>\n<bq-button appearance=\"link\" block=\"\" size=\"small\">Button</bq-button>\n</div>\n</bq-drawer>\n```\n\n</figure>",
-          "name": "BqDrawer",
-          "cssProperties": [
+          "description": "The Dropdown Component is commonly used when presenting a list of selectable options that are too numerous to fit comfortably on the screen.\nThey provide an efficient way to save space and present a long list of options in a compact and organized manner.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dropdown placement=\"bottom-start\">\n<bq-button slot=\"trigger\">Dropdown</bq-button>\n<bq-option-list>\n<bq-option value=\"users\">...</bq-option>\n<bq-option value=\"user\">...</bq-option>\n<bq-option value=\"dashboard\">...</bq-option>\n<bq-option value=\"settings\">...</bq-option>\n<bq-option value=\"logout\">...</bq-option>\n</bq-option-list>\n</bq-dropdown>\n```\n\n</figure>",
+          "name": "BqDropdown",
+          "cssProperties": [
             {
-              "description": "Background color of the backdrop",
-              "name": "--bq-drawer--backgroundBackdrop"
+              "description": "Panel background color",
+              "name": "--bq-panel--background"
             },
             {
-              "description": "Gap between the drawer and the viewport",
-              "name": "--bq-drawer--gap"
+              "description": "Panel border color",
+              "name": "--bq-panel--border-color"
             },
             {
-              "description": "Width of the drawer",
-              "name": "--bq-drawer--width"
+              "description": "Panel border radius",
+              "name": "--bq-panel--border-radius"
             },
             {
-              "description": "Padding left and right of the drawer",
-              "name": "--bq-drawer--paddingX"
+              "description": "Panel border style",
+              "name": "--bq-panel--border-style"
             },
             {
-              "description": "Padding top and bottom of the drawer",
-              "name": "--bq-drawer--paddingY"
+              "description": "Panel border width",
+              "name": "--bq-panel--border-width"
             },
             {
-              "description": "Z-index of the drawer component",
-              "name": "--bq-drawer--zIndex"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The `<div>` that holds the backdrop overlay.",
-              "name": "backdrop"
+              "description": "Panel box shadow",
+              "name": "--bq-panel--box-shadow"
             },
             {
-              "description": "The BqButton that closes the drawer.",
-              "name": "button-close"
+              "description": "Panel padding",
+              "name": "--bq-panel--padding"
             },
             {
-              "description": "The native button used under the hood that closes the drawer.",
-              "name": "button-close__btn"
+              "description": "Panel height",
+              "name": "--bq-panel--height"
             },
             {
-              "description": "The text inside the native button that closes the drawer.",
-              "name": "button-close__label"
+              "description": "Panel width",
+              "name": "--bq-panel--width"
             },
             {
-              "description": "The `<div>` that holds the drawer entire content.",
-              "name": "panel"
-            },
+              "description": "Panel z-index applied when opened",
+              "name": "--bq-panel-z-index"
+            }
+          ],
+          "cssParts": [
             {
-              "description": "The `<header>` that holds the icon, title, and close button.",
-              "name": "header"
+              "description": "The component's internal wrapper.",
+              "name": "base"
             },
             {
-              "description": "The `<div>` that holds the title content.",
-              "name": "title"
+              "description": "The `<bq-panel>` element used under the hood to display the dropdown panel.",
+              "name": "dropdown"
             },
             {
-              "description": "The `<main>` that holds the drawer body content.",
-              "name": "body"
+              "description": "The `<div>` element used to display and style the panel inside the `<bq-panel>` element.",
+              "name": "panel"
             },
             {
-              "description": "The `<footer>` that holds footer content.",
-              "name": "footer"
+              "description": "The `<div>` element that hosts the trigger element.",
+              "name": "trigger"
             }
           ],
           "slots": [
             {
-              "description": "The title content of the drawer.",
-              "name": "title"
+              "description": "The trigger element that opens the dropdown panel.",
+              "name": "trigger"
             },
             {
-              "description": "The body content of the drawer.",
+              "description": "The content of the dropdown panel.",
               "name": ""
-            },
-            {
-              "description": "The footer content of the drawer.",
-              "name": "footer"
-            },
-            {
-              "description": "The close button content of the drawer.",
-              "name": "button-close"
-            },
-            {
-              "description": "The footer divider content of the drawer.",
-              "name": "footer-divider"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "footerElem",
+              "name": "dropdownPanelId",
+              "privacy": "private",
+              "default": "`bq-dropdown-panel-${++id}`"
+            },
+            {
+              "kind": "field",
+              "name": "triggerElem",
               "type": {
                 "text": "HTMLElement"
               },
@@ -5902,115 +6045,115 @@
             },
             {
               "kind": "field",
-              "name": "drawerElem",
+              "name": "el",
               "type": {
-                "text": "HTMLDivElement"
-              },
-              "privacy": "private"
+                "text": "HTMLBqDropdownElement"
+              }
             },
             {
               "kind": "field",
-              "name": "OPEN_CSS_CLASS",
+              "name": "disableScrollLock",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "privacy": "private",
-              "default": "'bq-drawer--open'"
+              "default": "false",
+              "description": "If true, the dropdown panel will not lock the page body scroll when open."
             },
             {
               "kind": "field",
-              "name": "el",
+              "name": "disabled",
               "type": {
-                "text": "HTMLBqDrawerElement"
-              }
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the dropdown panel will be visible and won't be shown."
             },
             {
               "kind": "field",
-              "name": "hasFooter",
+              "name": "distance",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "4",
+              "description": "Represents the distance (gutter or margin) between the panel and the trigger element."
             },
             {
               "kind": "field",
-              "name": "hasIcon",
+              "name": "keepOpenOnSelect",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false"
+              "default": "false",
+              "description": "If true, the panel will remain open after a selection is made."
             },
             {
               "kind": "field",
-              "name": "enableBackdrop",
+              "name": "placement",
               "type": {
-                "text": "boolean"
+                "text": "Placement | undefined"
               },
-              "default": "false",
-              "description": "If true, the backdrop overlay will be shown when the drawer opens"
+              "default": "'bottom-start'",
+              "description": "Position of the panel"
             },
             {
               "kind": "field",
-              "name": "closeOnClickOutside",
+              "name": "open",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
-              "description": "If true, the drawer will not close when clicking outside the panel"
+              "description": "If true, the panel will be visible."
             },
             {
               "kind": "field",
-              "name": "closeOnEsc",
+              "name": "panelHeight",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If true, the dialog will not close when the [Esc] key is pressed"
+              "description": "When set, it will override the height of the dropdown panel"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "sameWidth",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "description": "If true, the drawer component will be shown"
+              "default": "false",
+              "description": "Whether the panel should have the same width as the trigger element"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "skidding",
               "type": {
-                "text": "TDrawerPlacement"
+                "text": "number | undefined"
               },
-              "default": "'right'",
-              "deprecated": "Defines the position of the drawer",
-              "description": ""
+              "default": "0",
+              "description": "Represents the skidding between the panel and the trigger element."
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "strategy",
               "type": {
-                "text": "TDrawerPosition"
+                "text": "'fixed' | 'absolute' | undefined"
               },
-              "default": "'end'",
-              "description": "Defines the position of the drawer"
+              "default": "'fixed'",
+              "description": "Defines the strategy to position the panel"
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "onOpenChange"
             },
             {
               "kind": "method",
-              "name": "handlePlacementChange",
-              "description": "!TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed\nWe need to maintain retro-compatibility with the deprecated `placement` property"
+              "name": "handleDisabledChange"
             },
             {
               "kind": "method",
-              "name": "handlePositionChange"
+              "name": "onItemSelect"
             },
             {
               "kind": "method",
-              "name": "handleMouseClick",
+              "name": "onClickOutside",
               "parameters": [
                 {
                   "name": "event",
@@ -6018,11 +6161,12 @@
                     "text": "MouseEvent"
                   }
                 }
-              ]
+              ],
+              "description": "Listens for the 'click' event on the document object\nand closes the dropdown panel if the click is outside the component."
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "onEscape",
               "parameters": [
                 {
                   "name": "event",
@@ -6034,56 +6178,13 @@
             },
             {
               "kind": "method",
-              "name": "hide",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Method to be called to hide the drawer component"
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Method to be called to show the drawer component"
-            },
-            {
-              "kind": "field",
-              "name": "handleFooterSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleAfterHide",
-              "privacy": "private"
+              "name": "handleScrollEvent"
             },
             {
               "kind": "field",
-              "name": "handleAfterShow",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleTransitionEnd",
+              "name": "togglePanel",
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "isPositionStart",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "isPositionEnd",
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "render"
@@ -6091,101 +6192,105 @@
           ],
           "events": [
             {
-              "description": "Callback handler to be called when the drawer is closed.",
-              "name": "bqClose"
-            },
-            {
-              "description": "Callback handler to be called when the drawer is opened.",
+              "description": "Callback handler to be called when the dropdown panel is opened or closed.",
               "name": "bqOpen"
             },
-            {
-              "description": "Callback handler to be called after the drawer has been opened.",
-              "name": "bqAfterOpen"
-            },
-            {
-              "description": "Callback handler to be called after the drawer has been closed.",
-              "name": "bqAfterClose"
-            },
-            {
-              "name": "bqClose",
-              "type": {
-                "text": "EventEmitter"
-              },
-              "description": "Callback handler to be called when the drawer is closed"
-            },
             {
               "name": "bqOpen",
               "type": {
-                "text": "EventEmitter"
+                "text": "EventEmitter<{ open: boolean }>"
               },
-              "description": "Callback handler to be called when the drawer is opened"
-            },
+              "description": "Callback handler to be called when the dropdown panel is opened or closed."
+            }
+          ],
+          "attributes": [
             {
-              "name": "bqAfterOpen",
               "type": {
-                "text": "EventEmitter"
+                "text": "boolean"
               },
-              "description": "Callback handler to be called after the drawer has been opened"
+              "description": "If true, the dropdown panel will be visible and won't be shown.",
+              "name": "disabled"
             },
             {
-              "name": "bqAfterClose",
               "type": {
-                "text": "EventEmitter"
+                "text": "number"
               },
-              "description": "Callback handler to be called after the drawer has been closed"
-            }
-          ],
-          "attributes": [
+              "description": "Represents the distance (gutter or margin) between the panel and the trigger element.",
+              "name": "distance"
+            },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, the backdrop overlay will be shown when the drawer opens.",
-              "name": "enable-backdrop"
+              "description": "If true, the panel will remain open after a selection is made.",
+              "name": "keep-open-on-select"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\""
               },
-              "description": "If true, the drawer will not close when clicking outside the panel.",
-              "name": "close-on-click-outside"
+              "description": "Position of the panel.",
+              "name": "placement"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, the drawer will not close when the [Esc] key is pressed.",
-              "name": "close-on-esc"
+              "description": "If true, the panel will be visible.",
+              "name": "open"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "When set, it will override the height of the dropdown panel.",
+              "name": "panel-height"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, the drawer component will be shown.",
-              "name": "open"
+              "description": "Whether the panel should have the same width as the trigger element.",
+              "name": "same-width"
             },
             {
               "type": {
-                "text": "\"start\" | \"end\""
+                "text": "number"
               },
-              "description": "Defines the position of the drawer.",
-              "name": "position"
+              "description": "Represents the skidding between the panel and the trigger element.",
+              "name": "skidding"
             },
             {
-              "name": "enable-backdrop",
-              "fieldName": "enableBackdrop"
+              "type": {
+                "text": "\"fixed\" | \"absolute\""
+              },
+              "description": "Defines the strategy to position the panel.",
+              "name": "strategy"
             },
             {
-              "name": "close-on-click-outside",
-              "fieldName": "closeOnClickOutside"
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "name": "close-on-esc",
-              "fieldName": "closeOnEsc"
+              "name": "disabled",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "name": "open",
-              "fieldName": "open",
+              "name": "distance",
+              "fieldName": "distance",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "keep-open-on-select",
+              "fieldName": "keepOpenOnSelect",
               "type": {
                 "text": "boolean"
               }
@@ -6194,68 +6299,68 @@
               "name": "placement",
               "fieldName": "placement",
               "type": {
-                "text": "TDrawerPlacement"
+                "text": "Placement"
               }
             },
             {
-              "name": "position",
-              "fieldName": "position",
+              "name": "open",
+              "fieldName": "open",
               "type": {
-                "text": "TDrawerPosition"
+                "text": "boolean"
               }
-            }
-          ],
-          "tagName": "bq-drawer",
-          "dependencies": [
+            },
             {
-              "name": "bq-button",
-              "description": ""
+              "name": "panel-height",
+              "fieldName": "panelHeight",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "name": "bq-icon",
-              "description": ""
+              "name": "same-width",
+              "fieldName": "sameWidth",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "name": "bq-divider",
+              "name": "skidding",
+              "fieldName": "skidding",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "strategy",
+              "fieldName": "strategy",
+              "type": {
+                "text": "'fixed' | 'absolute'"
+              }
+            }
+          ],
+          "tagName": "bq-dropdown",
+          "dependencies": [
+            {
+              "name": "bq-panel",
               "description": ""
             }
           ],
           "csspart": [
             {
-              "name": "backdrop",
-              "description": "The `<div>` that holds the backdrop overlay."
-            },
-            {
-              "name": "button-close",
-              "description": "The BqButton that closes the drawer."
-            },
-            {
-              "name": "button-close__btn",
-              "description": "The native button used under the hood that closes the drawer."
+              "name": "base",
+              "description": "The component's internal wrapper."
             },
             {
-              "name": "button-close__label",
-              "description": "The text inside the native button that closes the drawer."
+              "name": "dropdown",
+              "description": "The `<bq-panel>` element used under the hood to display the dropdown panel."
             },
             {
               "name": "panel",
-              "description": "The `<div>` that holds the drawer entire content."
-            },
-            {
-              "name": "header",
-              "description": "The `<header>` that holds the icon, title, and close button."
-            },
-            {
-              "name": "title",
-              "description": "The `<div>` that holds the title content."
-            },
-            {
-              "name": "body",
-              "description": "The `<main>` that holds the drawer body content."
+              "description": "The `<div>` element used to display and style the panel inside the `<bq-panel>` element."
             },
             {
-              "name": "footer",
-              "description": "The `<footer>` that holds footer content."
+              "name": "trigger",
+              "description": "The `<div>` element that hosts the trigger element."
             }
           ],
           "customElement": true
@@ -6264,213 +6369,242 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqDrawer",
+          "name": "BqDropdown",
           "declaration": {
-            "name": "BqDrawer",
-            "module": "components/bq-drawer.js"
+            "name": "BqDropdown",
+            "module": "components/bq-dropdown.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-drawer",
+          "name": "bq-dropdown",
           "declaration": {
-            "name": "BqDrawer",
-            "module": "components/bq-drawer.js"
+            "name": "BqDropdown",
+            "module": "components/bq-dropdown.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-dropdown.js",
+      "path": "components/bq-drawer.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Dropdown Component is commonly used when presenting a list of selectable options that are too numerous to fit comfortably on the screen.\nThey provide an efficient way to save space and present a long list of options in a compact and organized manner.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dropdown placement=\"bottom-start\">\n<bq-button slot=\"trigger\">Dropdown</bq-button>\n<bq-option-list>\n<bq-option value=\"users\">...</bq-option>\n<bq-option value=\"user\">...</bq-option>\n<bq-option value=\"dashboard\">...</bq-option>\n<bq-option value=\"settings\">...</bq-option>\n<bq-option value=\"logout\">...</bq-option>\n</bq-option-list>\n</bq-dropdown>\n```\n\n</figure>",
-          "name": "BqDropdown",
+          "description": "The Drawer component provides a sliding panel interface commonly used for navigation or presenting additional content without taking up significant screen space.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-drawer position=\"end\">\n<div class=\"flex gap-xs\" slot=\"title\">Title</div>\n<div class=\"...\">\nContent\n</div>\n<div class=\"flex flex-1 justify-center gap-xs\" slot=\"footer\">\n<bq-button appearance=\"primary\" block=\"\" size=\"small\">Button</bq-button>\n<bq-button appearance=\"link\" block=\"\" size=\"small\">Button</bq-button>\n</div>\n</bq-drawer>\n```\n\n</figure>",
+          "name": "BqDrawer",
           "cssProperties": [
             {
-              "description": "Panel background color",
-              "name": "--bq-panel--background"
+              "description": "Background color of the backdrop",
+              "name": "--bq-drawer--backgroundBackdrop"
             },
             {
-              "description": "Panel border color",
-              "name": "--bq-panel--border-color"
+              "description": "Gap between the drawer and the viewport",
+              "name": "--bq-drawer--gap"
             },
             {
-              "description": "Panel border radius",
-              "name": "--bq-panel--border-radius"
+              "description": "Width of the drawer",
+              "name": "--bq-drawer--width"
             },
             {
-              "description": "Panel border style",
-              "name": "--bq-panel--border-style"
+              "description": "Padding left and right of the drawer",
+              "name": "--bq-drawer--paddingX"
             },
             {
-              "description": "Panel border width",
-              "name": "--bq-panel--border-width"
+              "description": "Padding top and bottom of the drawer",
+              "name": "--bq-drawer--paddingY"
             },
             {
-              "description": "Panel box shadow",
-              "name": "--bq-panel--box-shadow"
+              "description": "Z-index of the drawer component",
+              "name": "--bq-drawer--zIndex"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The `<div>` that holds the backdrop overlay.",
+              "name": "backdrop"
             },
             {
-              "description": "Panel padding",
-              "name": "--bq-panel--padding"
+              "description": "The BqButton that closes the drawer.",
+              "name": "button-close"
             },
             {
-              "description": "Panel height",
-              "name": "--bq-panel--height"
+              "description": "The native button used under the hood that closes the drawer.",
+              "name": "button-close__btn"
             },
             {
-              "description": "Panel width",
-              "name": "--bq-panel--width"
+              "description": "The text inside the native button that closes the drawer.",
+              "name": "button-close__label"
             },
             {
-              "description": "Panel z-index applied when opened",
-              "name": "--bq-panel-z-index"
-            }
-          ],
-          "cssParts": [
+              "description": "The `<div>` that holds the drawer entire content.",
+              "name": "panel"
+            },
             {
-              "description": "The component's internal wrapper.",
-              "name": "base"
+              "description": "The `<header>` that holds the icon, title, and close button.",
+              "name": "header"
             },
             {
-              "description": "The `<bq-panel>` element used under the hood to display the dropdown panel.",
-              "name": "dropdown"
+              "description": "The `<div>` that holds the title content.",
+              "name": "title"
             },
             {
-              "description": "The `<div>` element used to display and style the panel inside the `<bq-panel>` element.",
-              "name": "panel"
+              "description": "The `<main>` that holds the drawer body content.",
+              "name": "body"
             },
             {
-              "description": "The `<div>` element that hosts the trigger element.",
-              "name": "trigger"
+              "description": "The `<footer>` that holds footer content.",
+              "name": "footer"
             }
           ],
           "slots": [
             {
-              "description": "The trigger element that opens the dropdown panel.",
-              "name": "trigger"
+              "description": "The title content of the drawer.",
+              "name": "title"
             },
             {
-              "description": "The content of the dropdown panel.",
+              "description": "The body content of the drawer.",
               "name": ""
+            },
+            {
+              "description": "The footer content of the drawer.",
+              "name": "footer"
+            },
+            {
+              "description": "The close button content of the drawer.",
+              "name": "button-close"
+            },
+            {
+              "description": "The footer divider content of the drawer.",
+              "name": "footer-divider"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dropdownPanelId",
-              "privacy": "private",
-              "default": "`bq-dropdown-panel-${++id}`"
+              "name": "footerElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "triggerElem",
+              "name": "drawerElem",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLDivElement"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "OPEN_CSS_CLASS",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'bq-drawer--open'"
+            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqDropdownElement"
+                "text": "HTMLBqDrawerElement"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "hasFooter",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "default": "false",
-              "description": "If true, the dropdown panel will be visible and won't be shown."
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "distance",
+              "name": "hasIcon",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "4",
-              "description": "Represents the distance (gutter or margin) between the panel and the trigger element."
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "keepOpenOnSelect",
+              "name": "enableBackdrop",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the panel will remain open after a selection is made."
+              "description": "If true, the backdrop overlay will be shown when the drawer opens"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "closeOnClickOutside",
               "type": {
-                "text": "Placement | undefined"
+                "text": "boolean"
               },
-              "default": "'bottom-start'",
-              "description": "Position of the panel"
+              "default": "false",
+              "description": "If true, the drawer will not close when clicking outside the panel"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "closeOnEsc",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the panel will be visible."
+              "description": "If true, the dialog will not close when the [Esc] key is pressed"
             },
             {
               "kind": "field",
-              "name": "panelHeight",
+              "name": "open",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "When set, it will override the height of the dropdown panel"
+              "description": "If true, the drawer component will be shown"
             },
             {
               "kind": "field",
-              "name": "sameWidth",
+              "name": "placement",
               "type": {
-                "text": "boolean | undefined"
+                "text": "TDrawerPlacement"
+              },
+              "default": "'right'",
+              "deprecated": "Defines the position of the drawer",
+              "parsedType": {
+                "text": "'left' | 'right'"
               },
-              "default": "false",
-              "description": "Whether the panel should have the same width as the trigger element"
+              "description": ""
             },
             {
               "kind": "field",
-              "name": "skidding",
+              "name": "position",
               "type": {
-                "text": "number | undefined"
+                "text": "TDrawerPosition"
               },
-              "default": "0",
-              "description": "Represents the skidding between the panel and the trigger element."
+              "default": "'end'",
+              "description": "Defines the position of the drawer",
+              "parsedType": {
+                "text": "'start' | 'end'"
+              }
             },
             {
-              "kind": "field",
-              "name": "strategy",
-              "type": {
-                "text": "'fixed' | 'absolute' | undefined"
-              },
-              "default": "'fixed'",
-              "description": "Defines the strategy to position the panel"
+              "kind": "method",
+              "name": "handleOpenChange"
             },
             {
               "kind": "method",
-              "name": "onOpenChange"
+              "name": "handlePlacementChange",
+              "description": "!TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed\nWe need to maintain retro-compatibility with the deprecated `placement` property"
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "handlePositionChange"
             },
             {
               "kind": "method",
-              "name": "onClickOutside",
+              "name": "handleMouseClick",
               "parameters": [
                 {
                   "name": "event",
@@ -6478,12 +6612,11 @@
                     "text": "MouseEvent"
                   }
                 }
-              ],
-              "description": "Listens for the 'click' event on the document object\nand closes the dropdown panel if the click is outside the component."
+              ]
             },
             {
               "kind": "method",
-              "name": "onEscape",
+              "name": "handleKeyDown",
               "parameters": [
                 {
                   "name": "event",
@@ -6491,18 +6624,60 @@
                     "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": "hide",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Method to be called to hide the drawer component"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Method to be called to show the drawer component"
             },
             {
               "kind": "field",
-              "name": "togglePanel",
+              "name": "handleFooterSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleAfterHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleAfterShow",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleTransitionEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isPositionStart",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "isPositionEnd",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "render"
@@ -6510,108 +6685,97 @@
           ],
           "events": [
             {
-              "description": "Callback handler to be called when the dropdown panel is opened or closed.",
+              "description": "Callback handler to be called when the drawer is closed.",
+              "name": "bqClose"
+            },
+            {
+              "description": "Callback handler to be called when the drawer is opened.",
               "name": "bqOpen"
             },
             {
-              "name": "bqOpen",
-              "type": {
-                "text": "EventEmitter<{ open: boolean }>"
-              },
-              "description": "Callback handler to be called when the dropdown panel is opened or closed."
-            }
-          ],
-          "attributes": [
+              "description": "Callback handler to be called after the drawer has been opened.",
+              "name": "bqAfterOpen"
+            },
             {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true, the dropdown panel will be visible and won't be shown.",
-              "name": "disabled"
+              "description": "Callback handler to be called after the drawer has been closed.",
+              "name": "bqAfterClose"
             },
             {
+              "name": "bqClose",
               "type": {
-                "text": "number"
+                "text": "EventEmitter"
               },
-              "description": "Represents the distance (gutter or margin) between the panel and the trigger element.",
-              "name": "distance"
+              "description": "Callback handler to be called when the drawer is closed"
             },
             {
+              "name": "bqOpen",
               "type": {
-                "text": "boolean"
+                "text": "EventEmitter"
               },
-              "description": "If true, the panel will remain open after a selection is made.",
-              "name": "keep-open-on-select"
+              "description": "Callback handler to be called when the drawer is opened"
             },
             {
+              "name": "bqAfterOpen",
               "type": {
-                "text": "\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\""
+                "text": "EventEmitter"
               },
-              "description": "Position of the panel.",
-              "name": "placement"
+              "description": "Callback handler to be called after the drawer has been opened"
             },
             {
+              "name": "bqAfterClose",
               "type": {
-                "text": "boolean"
+                "text": "EventEmitter"
               },
-              "description": "If true, the panel will be visible.",
-              "name": "open"
-            },
+              "description": "Callback handler to be called after the drawer has been closed"
+            }
+          ],
+          "attributes": [
             {
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "When set, it will override the height of the dropdown panel.",
-              "name": "panel-height"
+              "description": "If true, the backdrop overlay will be shown when the drawer opens.",
+              "name": "enable-backdrop"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the panel should have the same width as the trigger element.",
-              "name": "same-width"
+              "description": "If true, the drawer will not close when clicking outside the panel.",
+              "name": "close-on-click-outside"
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Represents the skidding between the panel and the trigger element.",
-              "name": "skidding"
+              "description": "If true, the drawer will not close when the [Esc] key is pressed.",
+              "name": "close-on-esc"
             },
             {
               "type": {
-                "text": "\"fixed\" | \"absolute\""
+                "text": "boolean"
               },
-              "description": "Defines the strategy to position the panel.",
-              "name": "strategy"
+              "description": "If true, the drawer component will be shown.",
+              "name": "open"
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
               "type": {
-                "text": "boolean"
-              }
+                "text": "\"start\" | \"end\""
+              },
+              "description": "Defines the position of the drawer.",
+              "name": "position"
             },
             {
-              "name": "distance",
-              "fieldName": "distance",
-              "type": {
-                "text": "number"
-              }
+              "name": "enable-backdrop",
+              "fieldName": "enableBackdrop"
             },
             {
-              "name": "keep-open-on-select",
-              "fieldName": "keepOpenOnSelect",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "close-on-click-outside",
+              "fieldName": "closeOnClickOutside"
             },
             {
-              "name": "placement",
-              "fieldName": "placement",
-              "type": {
-                "text": "Placement"
-              }
+              "name": "close-on-esc",
+              "fieldName": "closeOnEsc"
             },
             {
               "name": "open",
@@ -6621,57 +6785,77 @@
               }
             },
             {
-              "name": "panel-height",
-              "fieldName": "panelHeight",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "same-width",
-              "fieldName": "sameWidth",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "skidding",
-              "fieldName": "skidding",
+              "name": "placement",
+              "fieldName": "placement",
               "type": {
-                "text": "number"
+                "text": "TDrawerPlacement"
+              },
+              "parsedType": {
+                "text": "'left' | 'right'"
               }
             },
             {
-              "name": "strategy",
-              "fieldName": "strategy",
+              "name": "position",
+              "fieldName": "position",
               "type": {
-                "text": "'fixed' | 'absolute'"
+                "text": "TDrawerPosition"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             }
           ],
-          "tagName": "bq-dropdown",
+          "tagName": "bq-drawer",
           "dependencies": [
             {
-              "name": "bq-panel",
+              "name": "bq-button",
+              "description": ""
+            },
+            {
+              "name": "bq-icon",
+              "description": ""
+            },
+            {
+              "name": "bq-divider",
               "description": ""
             }
           ],
           "csspart": [
             {
-              "name": "base",
-              "description": "The component's internal wrapper."
+              "name": "backdrop",
+              "description": "The `<div>` that holds the backdrop overlay."
             },
             {
-              "name": "dropdown",
-              "description": "The `<bq-panel>` element used under the hood to display the dropdown panel."
+              "name": "button-close",
+              "description": "The BqButton that closes the drawer."
+            },
+            {
+              "name": "button-close__btn",
+              "description": "The native button used under the hood that closes the drawer."
+            },
+            {
+              "name": "button-close__label",
+              "description": "The text inside the native button that closes the drawer."
             },
             {
               "name": "panel",
-              "description": "The `<div>` element used to display and style the panel inside the `<bq-panel>` element."
+              "description": "The `<div>` that holds the drawer entire content."
             },
             {
-              "name": "trigger",
-              "description": "The `<div>` element that hosts the trigger element."
+              "name": "header",
+              "description": "The `<header>` that holds the icon, title, and close button."
+            },
+            {
+              "name": "title",
+              "description": "The `<div>` that holds the title content."
+            },
+            {
+              "name": "body",
+              "description": "The `<main>` that holds the drawer body content."
+            },
+            {
+              "name": "footer",
+              "description": "The `<footer>` that holds footer content."
             }
           ],
           "customElement": true
@@ -6680,18 +6864,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqDropdown",
+          "name": "BqDrawer",
           "declaration": {
-            "name": "BqDropdown",
-            "module": "components/bq-dropdown.js"
+            "name": "BqDrawer",
+            "module": "components/bq-drawer.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-dropdown",
+          "name": "bq-drawer",
           "declaration": {
-            "name": "BqDropdown",
-            "module": "components/bq-dropdown.js"
+            "name": "BqDrawer",
+            "module": "components/bq-drawer.js"
           }
         }
       ]
@@ -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'"
               }
             }
           ],
@@ -9250,249 +9476,32 @@
             "description": "The component's internal wrapper."
           },
           "events": [
-            {
-              "name": "bqSelect",
-              "type": {
-                "text": "EventEmitter<{ value: string; item: HTMLBqOptionElement }>"
-              },
-              "description": "Handler to be called when `bq-option` is selected (on click/enter press)."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqOptionList",
-          "declaration": {
-            "name": "BqOptionList",
-            "module": "components/bq-option-list.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-option-list",
-          "declaration": {
-            "name": "BqOptionList",
-            "module": "components/bq-option-list.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-page-title.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>",
-          "name": "BqPageTitle",
-          "cssProperties": [
-            {
-              "description": "Padding top and bottom of the page title wrapper",
-              "name": "--paddingY"
-            },
-            {
-              "description": "Page title border end color",
-              "name": "--subtitle-borderBlockEnd"
-            },
-            {
-              "description": "Page title font weight for subtitle",
-              "name": "--subtitle-fontWeight"
-            },
-            {
-              "description": "Page title color for sub-title",
-              "name": "--subtitle-textColor"
-            },
-            {
-              "description": "Page title text size for subtitle",
-              "name": "--subtitle-textSize"
-            },
-            {
-              "description": "Page title font weight for title",
-              "name": "--title-fontWeight"
-            },
-            {
-              "description": "Page title text line height",
-              "name": "--title-lineHeight"
-            },
-            {
-              "description": "Page title color for title",
-              "name": "--title-textColor"
-            },
-            {
-              "description": "Page title text size for title",
-              "name": "--title-textSize"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The inner container `<div>`of element that contains the base page title component.",
-              "name": "base"
-            },
-            {
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
-              "name": "content"
-            },
-            {
-              "description": "Defines the container that holds the title and any suffix content.",
-              "name": "title-suffix"
-            },
-            {
-              "description": "The container `<div>` page title element that acts as back slot container.",
-              "name": "back"
-            },
-            {
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
-              "name": "title"
-            },
-            {
-              "description": "The `<div>` page title element that acts as suffix slot container.",
-              "name": "suffix"
-            },
-            {
-              "description": "The `<div>` page title element that acts as sub-title slot container.",
-              "name": "sub-title"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The back navigation button.",
-              "name": "back"
-            },
-            {
-              "description": "The main title content.",
-              "name": ""
-            },
-            {
-              "description": "The sub-title content.",
-              "name": "sub-title"
-            },
-            {
-              "description": "The suffix content.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "backNavigationElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "suffixElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "subTitleElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqPageTitleElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "haveBackNavigation",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasSuffix",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasSubTitle",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "bq-page-title",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The inner container `<div>`of element that contains the base page title component."
-            },
-            {
-              "name": "content",
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
-            },
-            {
-              "name": "title-suffix",
-              "description": "Defines the container that holds the title and any suffix content."
-            },
-            {
-              "name": "back",
-              "description": "The container `<div>` page title element that acts as back slot container."
-            },
-            {
-              "name": "title",
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
-            },
-            {
-              "name": "suffix",
-              "description": "The `<div>` page title element that acts as suffix slot container."
-            },
-            {
-              "name": "sub-title",
-              "description": "The `<div>` page title element that acts as sub-title slot container."
+            {
+              "name": "bqSelect",
+              "type": {
+                "text": "EventEmitter<{ value: string; item: HTMLBqOptionElement }>"
+              },
+              "description": "Handler to be called when `bq-option` is selected (on click/enter press)."
             }
           ],
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqPageTitle",
+          "name": "BqOptionList",
           "declaration": {
-            "name": "BqPageTitle",
-            "module": "components/bq-page-title.js"
+            "name": "BqOptionList",
+            "module": "components/bq-option-list.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-page-title",
+          "name": "bq-option-list",
           "declaration": {
-            "name": "BqPageTitle",
-            "module": "components/bq-page-title.js"
+            "name": "BqOptionList",
+            "module": "components/bq-option-list.js"
           }
         }
       ]
@@ -9549,6 +9558,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",
@@ -9701,78 +9719,302 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, the panel will be visible.",
-              "name": "open"
+              "description": "If true, the panel will be visible.",
+              "name": "open"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the panel should have the same width as the trigger element.",
+              "name": "same-width"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "Represents the skidding between the panel and the trigger element.",
+              "name": "skidding"
+            },
+            {
+              "type": {
+                "text": "\"fixed\" | \"absolute\""
+              },
+              "description": "Defines the strategy to position the panel.",
+              "name": "strategy"
+            },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "distance",
+              "fieldName": "distance",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "placement",
+              "fieldName": "placement",
+              "type": {
+                "text": "Placement"
+              }
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "same-width",
+              "fieldName": "sameWidth",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "skidding",
+              "fieldName": "skidding",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "strategy",
+              "fieldName": "strategy",
+              "type": {
+                "text": "'fixed' | 'absolute'"
+              }
+            }
+          ],
+          "tagName": "bq-panel",
+          "csspart": {
+            "name": "panel",
+            "description": "The `<div>` element used to display and style the panel"
+          },
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqPanel",
+          "declaration": {
+            "name": "BqPanel",
+            "module": "components/bq-panel.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-panel",
+          "declaration": {
+            "name": "BqPanel",
+            "module": "components/bq-panel.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-page-title.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>",
+          "name": "BqPageTitle",
+          "cssProperties": [
+            {
+              "description": "Padding top and bottom of the page title wrapper",
+              "name": "--paddingY"
+            },
+            {
+              "description": "Page title border end color",
+              "name": "--subtitle-borderBlockEnd"
+            },
+            {
+              "description": "Page title font weight for subtitle",
+              "name": "--subtitle-fontWeight"
+            },
+            {
+              "description": "Page title color for sub-title",
+              "name": "--subtitle-textColor"
+            },
+            {
+              "description": "Page title text size for subtitle",
+              "name": "--subtitle-textSize"
+            },
+            {
+              "description": "Page title font weight for title",
+              "name": "--title-fontWeight"
+            },
+            {
+              "description": "Page title text line height",
+              "name": "--title-lineHeight"
+            },
+            {
+              "description": "Page title color for title",
+              "name": "--title-textColor"
+            },
+            {
+              "description": "Page title text size for title",
+              "name": "--title-textSize"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The inner container `<div>`of element that contains the base page title component.",
+              "name": "base"
+            },
+            {
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
+              "name": "content"
+            },
+            {
+              "description": "Defines the container that holds the title and any suffix content.",
+              "name": "title-suffix"
+            },
+            {
+              "description": "The container `<div>` page title element that acts as back slot container.",
+              "name": "back"
+            },
+            {
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
+              "name": "title"
+            },
+            {
+              "description": "The `<div>` page title element that acts as suffix slot container.",
+              "name": "suffix"
+            },
+            {
+              "description": "The `<div>` page title element that acts as sub-title slot container.",
+              "name": "sub-title"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The back navigation button.",
+              "name": "back"
+            },
+            {
+              "description": "The main title content.",
+              "name": ""
+            },
+            {
+              "description": "The sub-title content.",
+              "name": "sub-title"
+            },
+            {
+              "description": "The suffix content.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "backNavigationElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "suffixElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "subTitleElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqPageTitleElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "haveBackNavigation",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
+              "kind": "field",
+              "name": "hasSuffix",
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the panel should have the same width as the trigger element.",
-              "name": "same-width"
+              "privacy": "private",
+              "default": "false"
             },
             {
+              "kind": "field",
+              "name": "hasSubTitle",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Represents the skidding between the panel and the trigger element.",
-              "name": "skidding"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "type": {
-                "text": "\"fixed\" | \"absolute\""
-              },
-              "description": "Defines the strategy to position the panel.",
-              "name": "strategy"
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
-              "name": "distance",
-              "fieldName": "distance",
-              "type": {
-                "text": "number"
-              }
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-page-title",
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The inner container `<div>`of element that contains the base page title component."
             },
             {
-              "name": "placement",
-              "fieldName": "placement",
-              "type": {
-                "text": "Placement"
-              }
+              "name": "content",
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
             },
             {
-              "name": "open",
-              "fieldName": "open",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "title-suffix",
+              "description": "Defines the container that holds the title and any suffix content."
             },
             {
-              "name": "same-width",
-              "fieldName": "sameWidth",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "back",
+              "description": "The container `<div>` page title element that acts as back slot container."
             },
             {
-              "name": "skidding",
-              "fieldName": "skidding",
-              "type": {
-                "text": "number"
-              }
+              "name": "title",
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
             },
             {
-              "name": "strategy",
-              "fieldName": "strategy",
-              "type": {
-                "text": "'fixed' | 'absolute'"
-              }
+              "name": "suffix",
+              "description": "The `<div>` page title element that acts as suffix slot container."
+            },
+            {
+              "name": "sub-title",
+              "description": "The `<div>` page title element that acts as sub-title slot container."
             }
           ],
-          "tagName": "bq-panel",
-          "csspart": {
-            "name": "panel",
-            "description": "The `<div>` element used to display and style the panel"
-          },
           "events": [],
           "customElement": true
         }
@@ -9780,18 +10022,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqPanel",
+          "name": "BqPageTitle",
           "declaration": {
-            "name": "BqPanel",
-            "module": "components/bq-panel.js"
+            "name": "BqPageTitle",
+            "module": "components/bq-page-title.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-panel",
+          "name": "bq-page-title",
           "declaration": {
-            "name": "BqPanel",
-            "module": "components/bq-panel.js"
+            "name": "BqPageTitle",
+            "module": "components/bq-page-title.js"
           }
         }
       ]
@@ -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'"
               }
             },
             {
@@ -10588,7 +10848,10 @@
                 "text": "TRadioGroupOrientation | undefined"
               },
               "default": "'vertical'",
-              "description": "The display orientation of the radio inputs"
+              "description": "The display orientation of the radio inputs",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -10838,6 +11101,9 @@
               "fieldName": "orientation",
               "type": {
                 "text": "TRadioGroupOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
@@ -11251,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",
@@ -11405,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",
@@ -11414,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[]"
               }
             },
             {
@@ -11454,6 +11732,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleScrollEvent"
+            },
             {
               "kind": "method",
               "name": "clear",
@@ -11812,6 +12094,13 @@
               "name": "debounce-time",
               "fieldName": "debounceTime"
             },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "disabled",
               "fieldName": "disabled",
@@ -11933,6 +12222,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -11941,8 +12233,8 @@
               "type": {
                 "text": "TSelectValue"
               },
-              "expandedType": {
-                "text": " | "
+              "parsedType": {
+                "text": "string | string[]"
               }
             }
           ],
@@ -12179,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",
@@ -12197,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",
@@ -12302,6 +12600,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TSideMenuAppearance"
+              },
+              "parsedType": {
+                "text": "'default' | 'brand' | 'inverse'"
               }
             },
             {
@@ -12316,6 +12617,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TSideMenuSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             }
           ],
@@ -12902,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",
@@ -12910,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",
@@ -13244,6 +13554,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TSliderType"
+              },
+              "parsedType": {
+                "text": "'single' | 'range'"
               }
             },
             {
@@ -13251,6 +13564,9 @@
               "fieldName": "value",
               "type": {
                 "text": "TSliderValue"
+              },
+              "parsedType": {
+                "text": "string | number | number[]"
               }
             },
             {
@@ -13477,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",
@@ -13486,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",
@@ -13573,159 +13895,45 @@
             {
               "name": "animation",
               "fieldName": "animation"
-            },
-            {
-              "name": "text-position",
-              "fieldName": "textPosition",
-              "type": {
-                "text": "TSpinnerTextPosition"
-              }
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "type": {
-                "text": "TSpinnerSize"
-              }
-            }
-          ],
-          "tagName": "bq-spinner",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The div wrapper container used under the hood."
-            },
-            {
-              "name": "icon",
-              "description": "The `<svg>` icon element used to spin/animate."
-            },
-            {
-              "name": "custom-icon",
-              "description": "The `<span>` tag element that holds the custom icon element passed."
-            },
-            {
-              "name": "text",
-              "description": "The `<span>` tag element that renders the label text inside the component."
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqSpinner",
-          "declaration": {
-            "name": "BqSpinner",
-            "module": "components/bq-spinner.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-spinner",
-          "declaration": {
-            "name": "BqSpinner",
-            "module": "components/bq-spinner.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-status.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Status Component is a UI element that represents the current state or condition of an item, task, or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-status type=\"alert\">Alert status</bq-status>\n```\n\n</figure>",
-          "name": "BqStatus",
-          "cssProperties": [
-            {
-              "description": "Status circle size.",
-              "name": "--bq-status-circ"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper of the status component.",
-              "name": "base"
-            },
-            {
-              "description": "The colored circle that marks the status type.",
-              "name": "circle"
-            },
-            {
-              "description": "The `<div>` container that holds the text label of the status component.",
-              "name": "text"
-            }
-          ],
-          "slots": [
-            {
-              "description": "content of the status component.",
-              "name": "The"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqStatusElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "TStatusType"
-              },
-              "default": "'neutral'",
-              "description": "It defines the type of status to display"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
+            },
             {
+              "name": "text-position",
+              "fieldName": "textPosition",
               "type": {
-                "text": "\"alert\" | \"danger\" | \"info\" | \"neutral\" | \"success\""
+                "text": "TSpinnerTextPosition"
               },
-              "description": "It defines the type of status to display.",
-              "name": "type"
+              "parsedType": {
+                "text": "'none' | 'left' | 'right' | 'above' | 'bellow'"
+              }
             },
             {
-              "name": "type",
-              "fieldName": "type",
+              "name": "size",
+              "fieldName": "size",
               "type": {
-                "text": "TStatusType"
+                "text": "TSpinnerSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             }
           ],
-          "tagName": "bq-status",
-          "dependencies": [
-            {
-              "name": "bq-badge",
-              "description": ""
-            }
-          ],
+          "tagName": "bq-spinner",
           "csspart": [
             {
               "name": "base",
-              "description": "The component's internal wrapper of the status component."
+              "description": "The div wrapper container used under the hood."
             },
             {
-              "name": "circle",
-              "description": "The colored circle that marks the status type."
+              "name": "icon",
+              "description": "The `<svg>` icon element used to spin/animate."
+            },
+            {
+              "name": "custom-icon",
+              "description": "The `<span>` tag element that holds the custom icon element passed."
             },
             {
               "name": "text",
-              "description": "The `<div>` container that holds the text label of the status component."
+              "description": "The `<span>` tag element that renders the label text inside the component."
             }
           ],
           "events": [],
@@ -13735,18 +13943,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqStatus",
+          "name": "BqSpinner",
           "declaration": {
-            "name": "BqStatus",
-            "module": "components/bq-status.js"
+            "name": "BqSpinner",
+            "module": "components/bq-spinner.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-status",
+          "name": "bq-spinner",
           "declaration": {
-            "name": "BqStatus",
-            "module": "components/bq-status.js"
+            "name": "BqSpinner",
+            "module": "components/bq-spinner.js"
           }
         }
       ]
@@ -13828,7 +14036,10 @@
                 "text": "TStepsSize | undefined"
               },
               "default": "'medium'",
-              "description": "It defines prefix size"
+              "description": "It defines prefix size",
+              "parsedType": {
+                "text": "'small' | 'medium' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -13837,7 +14048,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",
@@ -13845,7 +14059,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",
@@ -13919,6 +14136,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TStepsSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             },
             {
@@ -13926,6 +14146,9 @@
               "fieldName": "status",
               "type": {
                 "text": "TStepItemStatus"
+              },
+              "parsedType": {
+                "text": "'error' | 'default' | 'current' | 'completed' | 'disabled'"
               }
             },
             {
@@ -13933,6 +14156,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStepsType"
+              },
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot'"
               }
             }
           ],
@@ -13973,6 +14199,132 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-status.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Status Component is a UI element that represents the current state or condition of an item, task, or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-status type=\"alert\">Alert status</bq-status>\n```\n\n</figure>",
+          "name": "BqStatus",
+          "cssProperties": [
+            {
+              "description": "Status circle size.",
+              "name": "--bq-status-circ"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper of the status component.",
+              "name": "base"
+            },
+            {
+              "description": "The colored circle that marks the status type.",
+              "name": "circle"
+            },
+            {
+              "description": "The `<div>` container that holds the text label of the status component.",
+              "name": "text"
+            }
+          ],
+          "slots": [
+            {
+              "description": "content of the status component.",
+              "name": "The"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqStatusElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "TStatusType"
+              },
+              "default": "'neutral'",
+              "description": "It defines the type of status to display",
+              "parsedType": {
+                "text": "'info' | 'success' | 'danger' | 'neutral' | 'alert'"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkPropValues"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "\"alert\" | \"danger\" | \"info\" | \"neutral\" | \"success\""
+              },
+              "description": "It defines the type of status to display.",
+              "name": "type"
+            },
+            {
+              "name": "type",
+              "fieldName": "type",
+              "type": {
+                "text": "TStatusType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'danger' | 'neutral' | 'alert'"
+              }
+            }
+          ],
+          "tagName": "bq-status",
+          "dependencies": [
+            {
+              "name": "bq-badge",
+              "description": ""
+            }
+          ],
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The component's internal wrapper of the status component."
+            },
+            {
+              "name": "circle",
+              "description": "The colored circle that marks the status type."
+            },
+            {
+              "name": "text",
+              "description": "The `<div>` container that holds the text label of the status component."
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqStatus",
+          "declaration": {
+            "name": "BqStatus",
+            "module": "components/bq-status.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-status",
+          "declaration": {
+            "name": "BqStatus",
+            "module": "components/bq-status.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-steps.js",
@@ -14047,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",
@@ -14055,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",
@@ -14114,6 +14472,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TStepsSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             },
             {
@@ -14121,6 +14482,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStepsType"
+              },
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot'"
               }
             }
           ],
@@ -14328,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",
@@ -14337,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",
@@ -14588,6 +14958,9 @@
               "fieldName": "innerLabel",
               "type": {
                 "text": "TSwitchInnerLabel"
+              },
+              "parsedType": {
+                "text": "'default' | 'icon'"
               }
             },
             {
@@ -14595,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'"
               }
             },
             {
@@ -14837,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",
@@ -14846,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",
@@ -14855,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",
@@ -15042,6 +15427,9 @@
               "fieldName": "orientation",
               "type": {
                 "text": "TTabOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
@@ -15049,6 +15437,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TTabPlacement"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             },
             {
@@ -15056,6 +15447,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TTabSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
@@ -15176,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",
@@ -15185,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",
@@ -15194,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",
@@ -15355,6 +15758,9 @@
               "fieldName": "orientation",
               "type": {
                 "text": "TTabOrientation"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
@@ -15362,6 +15768,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TTabPlacement"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             },
             {
@@ -15369,6 +15778,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TTabSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
@@ -15529,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",
@@ -15546,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",
@@ -15590,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",
@@ -15599,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",
@@ -15822,6 +16246,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TTagBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -15836,6 +16263,9 @@
               "fieldName": "color",
               "type": {
                 "text": "TTagColor"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'gray'"
               }
             },
             {
@@ -15871,6 +16301,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TTagSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'xsmall'"
               }
             },
             {
@@ -15878,6 +16311,9 @@
               "fieldName": "variant",
               "type": {
                 "text": "TTagVariant"
+              },
+              "parsedType": {
+                "text": "'filled' | 'outline'"
               }
             }
           ],
@@ -16131,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",
@@ -16278,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",
@@ -16295,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",
@@ -16572,6 +17017,9 @@
               "fieldName": "autocapitalize",
               "type": {
                 "text": "TTextareaAutoCapitalize"
+              },
+              "parsedType": {
+                "text": "'on' | 'off' | 'sentences' | 'words' | 'characters'"
               }
             },
             {
@@ -16688,6 +17136,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -16702,6 +17153,9 @@
               "fieldName": "wrap",
               "type": {
                 "text": "TTextareaWrap"
+              },
+              "parsedType": {
+                "text": "'off' | 'hard' | 'soft'"
               }
             }
           ],
@@ -16880,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",
@@ -16889,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",
@@ -16898,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",
@@ -17060,6 +17523,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TToastBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -17067,6 +17533,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TToastType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'error' | 'alert' | 'loading' | 'custom'"
               }
             },
             {
@@ -17074,6 +17543,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TToastPlacement"
+              },
+              "parsedType": {
+                "text": "'top-center' | 'top-right' | 'bottom-right' | 'bottom-center' | 'bottom-left' | 'top-left'"
               }
             },
             {
@@ -17334,6 +17806,18 @@
               "kind": "method",
               "name": "handleFloatingUIOptionsChange"
             },
+            {
+              "kind": "method",
+              "name": "handleDocumentKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "handleDocumentMouseDown",
@@ -17346,6 +17830,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleDocumentScroll"
+            },
             {
               "kind": "method",
               "name": "show",
@@ -17371,6 +17859,16 @@
               "name": "handleTriggerOnClick",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleTriggerFocusin",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleTriggerFocusout",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "showTooltip",